/* CSS Document */

/*=============================================
* PC・タブレット・スマートフォン共通
=============================================*/

/* 全体設定 */
html{
    font-size:62.5%;
    -webkit-text-size-adjust: 100%;
}
body{
    margin: 0;
    font-family: Meiryo,"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
    font-size:10px; font-size:1.0rem;
    overflow-y:scroll;
}
a {
    color: #03C;
    text-decoration: none;
    word-wrap: break-word;
}
a:visited {
    color: #639;
}
a:hover {
    text-decoration: underline;
}
a img {
    border: none;
}
.itemcenter{
    text-align:center;
}
.itemRight{
    float:right;
}
.asterisk {
    margin: 0 0 5px 0;
    padding: 0;
    padding-left: 1em;
    text-indent: -1em;
    display: block;
    line-height: 1.3em;
}
.disp_pc {
    display: none;
}
.headerItem a[target="_blank"] span:after,
.footer_link a[target="_blank"] span:after,
.spmenu_wrapper a[target="_blank"] span:after,
a.external[target="_blank"]:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 0 0 5px;
  background-image: url(/fc/static/common/img/external_link.svg);
  background-size: contain;
}



/* プレースホルダー */
input::-webkit-input-placeholder {
    color: #bbb;
}
input:-ms-input-placeholder {
    color: #bbb;
}
.itemtable input:-moz-placeholder,
.itemtable input::-moz-placeholder,
.numbercheck_table input:-moz-placeholder,
.numbercheck_table input::-moz-placeholder {
    color: #bbb;
    opacity: 1;
}
.numbercheck_table .selectNum:-moz-placeholder,
.numbercheck_table .selectNum::-moz-placeholder {
    color: #bbb;
    opacity: 1;
}

/* ヘッダー・フッター */
.headerItem{
    border-bottom: 3px solid;
    overflow: hidden;
}
.headerInner{
    margin:5px auto;
}
.header_Left {
    font-size:20px; font-size:2rem;
    font-weight: bold;
    color: #000;
}
.header_info {
    padding: 0;
}
.header_info li {
    font-size:13px; font-size:1.3rem;
    list-style: none;
}
.footerItem{
    border-top: 1px solid #CCC;
}
.footerInner{
    margin:10px auto;
}
.footer_link {
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer_link li {
    font-size:14px; font-size:1.4rem;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    clear: both;
}
.footer_copyright {
    margin: 30px 0 20px 0;
    text-align: center;
}
.footer_copyright_top {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_copyright_top li {
    display: inline-block;
}
.footer_copyright_logo img {
    width: 100px;
}
.footer_copyright_text p {
    margin: 0;
    padding: 0 0 3px 0;
    float: left;
}
.footer_copyright_company {
    margin: 0;
    text-align: center;
}
.footer_copyright_bottom p {
    font-size: 1.1rem;
}

/* コンテンツ設定 */
.content{
    margin: 20px auto 10px auto;
    display: block;
    padding: 0;
    background-color: #FFF;
}
.content section {
    overflow: hidden;
    clear: both;
}
.content_list li {
    margin: 0 0 5px 0;
}
.content_list li:last-child {
    margin: 0;
}
.content_list li ul {
    padding: 0;
    margin: 0 0 0 20px;
}
.menuItem_wrapper {
    margin: 0;
    text-align: center;
}
.menuItem {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menuItem li {
    margin: 0 10px 5px 10px;
    display: inline-block;
}
.caution {
    color: #B74545;
    font-weight: bold;
}
h1 {
    margin: 0;
    padding: 0;
}
h2 {
    margin: 0 0 8px 0;
    line-height: 3rem;
    border-bottom: 1px solid;
}
h3 {
    padding: 2px 8px 0 8px;
    clear: both;
}
h4 {
    padding: 0;
    font-weight: bold;
}
h5 {
    margin: 0;
    padding: 0;
    font-size:15px; font-size:1.5rem;
}
.content p.taxitem {
    margin: 0 0 20px 0;
    padding: 5px 0 0 5px;
    font-size:22px; font-size:2.2rem;
    border-left: 3px solid;
    font-weight: normal;
}
.content p {
    margin: 0 0 10px 0;
    padding: 0;
    clear: both;
}
.content p.notice_text {
    font-size:18px;
    font-size: 1.8rem;
    margin: 20px 0 0 0;
}
.content .scrollcontents p.notice_text {
    margin: 20px 0 0 0;
}
fieldset h3 {
    background: none;
}
.content p.fee_number {
    padding: 5px 10px;
    background-color: #eee;
    display: inline-block;
    font-size:16px;
    font-size: 1.6rem;
    color: #b51338;
}
.page_link {
    color: #333;
    text-decoration: underline;
}
fieldset {
    border: 2px solid #B74545;
    background-color: #FDFCF2;
    text-align: center;
}
/*メンテナンス中*/
fieldset.maintenance {
    border-color: #2C80BE;
}
fieldset.maintenance h3 {
    background-color: #fdfcf2;
    color: #12476e;
}
.maintenance_link {
  text-align: center;
}
.maintenance_link a {
  text-decoration: none;
  padding: 6px 16px;
  color: #333;
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
  background-image:    -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
  background-image:     -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
  background-image:      -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
  background-image:         linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
  border: 1px solid #CCC;
  display: inline-block;
  text-shadow: 1px 1px 1px #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.maintenance_link a:hover {
    background: rgba(232,232,232,1);
}
.checkbox {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.hissu{
    padding: 1px 3px;
    font-size:11px; font-size:1.1rem;
    background-color:#B74545;
    border-radius: 2px;
    color:#FFF;
}
.about_company {
    margin: -5px 0 0 0;
    padding: 0;
    font-size:14px; font-size:1.4rem;
    clear: both;
    overflow: hidden;
}
.about_company dt {
    width: 60px;
    float: left;
}
.about_company dd {
    width: auto;
    margin: 0 0 5px 60px;
}
.about_company_block {
    margin: 0 0 20px 0;
}
.about_company_block:last-child {
    margin: 0;
}
.about_company_block h5 {
    font-size:14px; font-size:1.4rem;
    margin: 0 0 10px 0;
    padding: 0;
}
.domain {
    font-size:16px; font-size:1.6rem;
    color: #236AB8;
}
.syoumei_left {
    float:left;
}
.syoumei_right {
    width: 500px;
    float: right;
}
.content p.today {
    padding: 10px 5px;
    font-size: 17px;
    font-size: 1.7rem;
    background-color: #f6f6f6;
    text-align: center;
    color: #12476e;
}

/*フローチャート*/
.flowchart{
    list-style: none;
    overflow: hidden;
    display: table;
}
.flowchart li{
    float: left;
    background-repeat: no-repeat;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    background-repeat: no-repeat;
    -moz-background-size:contain;
    background-size:contain;
    display: table-cell;
    box-sizing: border-box;
}

/* テーブル設定 */
.itemtable th,
.itemtable td,
.itemtable03 th,
.itemtable03 td,
.summarytable th,
.summarytable td,
.calculate_table th,
.calculate_table td,
.summary_sub-total th,
.summary_sub-total td,
.numbercheck_table th,
.numbercheck_table td {
    padding: 8px;
    box-sizing: border-box;
    text-align: left;
}
.itemtable ,
.itemtable03 {
    border: none;
}
.itemtable,
.calculate_table,
.numbercheck_table,
.numberresult_table,
.resentresult_table {
    border-collapse: collapse;
}
.itemtable thead th,
.numberresult_table thead th,
.resentresult_table thead th {
    font-size:16px; font-size:1.6rem;
    font-weight: bold;
}
.itemtable th,
.calculate_table th,
.numbercheck_table th,
.numberresult_table th,
.resentresult_table th {
    font-size:16px; font-size:1.6rem;
    font-weight: normal;
}
.itemtable td,
.calculate_table td,
.numbercheck_table td,
.numberresult_table td,
.resentresult_table td {
    font-size:16px; font-size:1.6rem;
}
.itemtable caption {
    text-align: left;
    color: #005CA6;
    font-weight: bold;
    font-size: 1rem;
}
.itemtable03 {
    margin: 0 0 20px 0;
    text-align: left;
    border-collapse:collapse;
}
.itemtable03 th {
    border: 1px solid #CCC;
    background-color: #F0F0F0;
}
.itemtable03 td {
    border: 1px solid #CCC;
    background-color: #FFF;
}
.itemtable03 caption {
    font-size:16px; font-size:1.6rem;
}
.calculate_table td {
    text-align: right;
    font-size: 20px; font-size: 2rem;
}
.fullsize {
    width: 100%;
}
.nowrap {
    white-space: nowrap;
}
.innner_table {
    border-collapse:collapse;
}
.innner_table td {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px #CCC solid;
    margin: 0;
}
.innner_table tr:last-child td {
    border-bottom: none;
}
.itemtable03 td.table_empty {
    background-color:#F0F0F0;
    text-align: center;
}

.shipping_table {
    margin: 0 0 15px 0;
}
.shipping_table h4 {
    margin: 0;
}
.itemtable th.shipping_title {
    width: 30%;
}
.content p.shipping_day {
    font-size:16px; font-size:1.6rem;
}

/* 進む・戻るボタン */
.disp_btn_block {
    clear: both;
}
.button_column {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    clear: both;
    overflow: hidden;
}
.button_column li {
    display: inline;
}
.button_print {
    margin: 20px 0 0 0;
}
.button_print li {
    margin: 0;
}

/* 納付情報の確認 */
.summary_wrapper td {
    vertical-align: top;
}
.summarytable {
    border-collapse: collapse;
    border: none;
}
.summarytable th{
    background-color: #F0F0F0;
    font-weight: normal;
}
.summarytable td{
    background-color: #FFF;
}
.summarytable_tax {
    background-color: #FDFFE7 !important;
}
.summary{
    padding: 8px;
    clear: both;
    border: 3px solid #FFA44C;
    background-color: #FFFFD7;
    font-weight: bold;
    text-align: center;
}
.summary_title{
    margin:0 0 10px 0;
}

/*入力フィールド・リスト調整*/
.itemtable input,
.calculate_table input,
.itemtable .selectNum,
.numbercheck_table input {
    font-weight: bold;
    font-family: Meiryo,"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
.itemtable input:focus ,
.itemtable .selectNum:focus {
    outline: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.form-error {
    padding: 5px 10px;
    border: 2px #B74545 solid;
    background-color: #F8E6E6;
}
.form-error p.form-error_title {
    margin: 0 0 5px 0;
    font-weight: bold;
    color: #AC1313;
}
.form-error_list {
    margin: 0;
    color: #AC1313;
}
.input_error-title {
    background-color: #F1CCCC !important;
}
.input_error {
    background-color: #F8E6E6 !important;
}
.input_error-item {
    border: 2px #B74545 solid !important;
}
.scode_info {
    margin: 10px 0 0 0;
    overflow: hidden;
}
.scode_info_left {
    float: left;
}
.scode_info_right {
    padding: 0 0 0 60px;
}
.cardbrand img:nth-child(n+2) {
    margin: 0 0 0 8px;
}
#add_taxitem {
    margin: 10px 0 0 0;
    padding: 15px;
    text-align: center;
    background-color: #F0F0F0;
}
button#add_taxitem_btn,
.numbercheck_table input.del_taxitem_btn {
    margin: 0;
    padding: 8px 15px;
    font-size: 15px; font-size: 1.5rem;
    cursor: pointer;
}
button#add_taxitem_btn {
    width: 300px;
    color: #000000;
    background-color: #FFF;
    border: 2px solid;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
}
.numbercheck_table input.del_taxitem_btn {
    margin: 5px 0 0 0;
    background-color: #F0F0F0;
    border: 1px solid #A0A0A0;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
    float: right;
}
.numbercheck_table input.del_taxitem_btn:hover {
    background-color: #DBDBDB;
}
#remain {
    font-size: 18px; font-size: 1.8rem;
}

/*決済情報入力*/
.pay-easy_image,
.pay-easy_text {
    display: inline-block;
}
.content .pay-easy_list {
    padding: 0 0 0 30px;
    margin: 0;
}
.content .pay-easy_list li {
    margin: 0 0 10px 0;
    font-size: 14px; font-size: 1.4rem;
}
.payment_select {
    font-size: 16px; font-size: 1.6rem;
}
.payment_select div {
    margin: 0 30px 0 0;
    display: inline-block;
}
.content .payment_select {
    margin: 0 0 20px 0;
}

/*納付内容確認*/
.content .confirm_text p {
    padding: 10px;
    border: 2px solid;
}

/*支払回数*/
.payment_number {
  margin: 0 20px 0 0;
  display: inline-block;
}
.payment_number label {
  font-weight: bold;
}
.payment_number input:disabled,
.expiration:disabled {
  color: #ccc;
  border: 1px #ccc solid;
}
.payment_number .expiration {
  margin: 3px 0 5px 0;
}
.payment_number + p {
  margin: 0;
}

/*クレジット納付照会画面*/
.resent_title {
    margin: 0 0 10px 0;
    border-bottom: 1px #110070 dotted;
}
.resent_caution {
    margin: 0 0 10px 0;
    color: #B74545;
    border-bottom: 1px #B74545 dotted;
}

/*エラー画面*/
fieldset.invalid {
    border-color: #B74545;
}
fieldset.invalid h3 {
    background-color: #fdfcf2;
    color: #B74545;
}
fieldset.invalid ul {
    margin: 10px 0 30px 70px;
    text-align: left;
}
fieldset.invalid ul li {
  margin: 10px 0;
}
.content section:last-child fieldset.invalid p {
  width: 820px;
  margin: 0 auto 10px auto;
  text-align: left;
  font-size: 16px; font-size:1.6rem;
}
.content section:last-child .invalid_title {
  font-weight: bold;
}
.invalid_block img:hover {
  opacity:0.7;
  filter: alpha(opacity=70);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";  /* ie 8 */
  -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;              /* Safari 1.x */
}

/*=============================================
* PC表示 769px～
=============================================*/

@media screen and (min-width: 769px) {

    /* 全体設定 */
    body {
        padding: 0;
    }
    .x-smallTXT {
        display: inline-block;
        font-size:13px; font-size:1.3rem;
    }
    .smallTXT {
        font-size:14px; font-size:1.4rem;
    }
    .bigTXT {
        font-size:19px; font-size:1.9rem;
    }
    .brsp {
        display: none;
    }
    .brpc,
    .disp_pc {
        display: inline;
    }

    /* ヘッダー・フッター */
    .headerItem{
        padding: 10px 0 0 0;
    }
    .headerInner,
    .footerInner{
        width: 960px;
    }
    .header_info {
        margin: 7px 0 0 0;
        border: 1px solid #CCC;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        overflow: hidden;
    }
    .header_info li {
        margin: 0;
        float: left;
    }
    .header_info li a{
        text-decoration: none;
        padding: 8px;
        color: #333;
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background-image:    -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background-image:     -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background-image:      -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background-image:         linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        border-left: 1px solid #CCC;
        display: block;
        text-shadow: 1px 1px 1px #CCC;
    }
    .header_info li a:hover {
        text-decoration: underline;
        background-color: #EEE;
        background-image: none;
        color: #03C;
    }
    .header_info li:first-child a{
        border-left: none;
    }
    .header_Left {
        float: left;
    }
    .header_Right {
        float:right;
    }
    .spmenu_wrapper,
    #spmenu_toggle {
        display: none;
    }
    .footer_link li {
        padding-right: 1em;
        display: inline;
    }
    .footer_copyright_text {
        margin: 0 0 0 15px;
    }
    .footer_copyright_text {
        font-size:12px; font-size:1.2rem;
    }
    .footer_copyright_company {
        font-size:11px; font-size:1.1rem;
    }

    /* コンテンツ設定 */
    .content,
    .menuItem {
        width: 960px;
        overflow: hidden;
    }
    .content section {
        margin: 0 0 30px 0;
    }
    .content section:last-child p {
        margin: 0 0 10px 0;
    }
    section.read_block {
        margin: 0 0 10px 0;
    }
    section.section-error {
        margin: 0 0 20px 0;
    }
    h2 {
        font-size:22px; font-size:2.2rem;
    }
    h3{
        margin: 0 0 10px 0;
        font-size:18px; font-size:1.8rem;
    }
    h4{
        font-size:16px; font-size:1.6rem;
        margin: 10px 0 0 0;
    }
    .content p,
    .content li {
        font-size:15px; font-size:1.5rem;
    }
    .contact_list {
        margin: 0;
        padding: 0;
    }
    .contact_list li {
        margin: 10px 0 10px 0;
        list-style: none;
    }
    fieldset{
        margin: 10px 0 20px 0;
        padding: 20px 10px 10px 10px;
    }
    .hissu{
        margin: 1px 0 0 0;
        float:right;
        display:block;
    }
    .itemtable td.sheet_box {
        width: 320px;
    }
    .sheet_image {
        width: 100%;
        height: auto;
    }
    .sheet_link {
        display: none;
    }
    .contact_list_title {
        font-weight: normal;
        color: #000;
        margin: 0;
        padding: 0;
    }
    .sp_only {
        display: none;
    }

    /*フローチャート*/
    .flowchart_wrapper {
        text-align: center;
    }
    .flowchart{
        width: 900px;
        margin: 0 auto;
        padding: 10px 0;
        list-style: none;
        overflow: hidden;
        display: table;
    }
    .flowchart li{
        width: 140px;
        height: 55px;
        margin: 5px 0 0 10px;
        float: left;
        text-indent:100%;
        white-space:nowrap;
        overflow:hidden;
        background-repeat: no-repeat;
        -moz-background-size:contain;
        display: table-cell;
        box-sizing: border-box;
    }
    .flowchart li:last-child{
    }
    .flowchart li.active{
        height: 60px;
        margin: 0 0 0 10px;
    }
    .flowchart_notice_process{
        background: url("../img/flow/pc/1_2.png");
    }
    .flowchart_notice_done{
        background: url("../img/flow/pc/1_3.png");
    }
    .flowchart_start {
        background: url("../img/flow/pc/2_1.png");
    }
    .flowchart_start_process{
        background: url("../img/flow/pc/2_2.png");
    }
    .flowchart_start_done{
        background: url("../img/flow/pc/2_3.png");
    }
    .flowchart_numbercheck {
        background: url("../img/flow/pc/3_1.png");
    }
    .flowchart_numbercheck_process{
        background: url("../img/flow/pc/3_2.png");
    }
    .flowchart_numbercheck_done{
        background: url("../img/flow/pc/3_3.png");
    }
    .flowchart_input {
        background: url("../img/flow/pc/4_1.png");
    }
    .flowchart_input_process{
        background: url("../img/flow/pc/4_2.png");
    }
    .flowchart_input_done{
        background: url("../img/flow/pc/4_3.png");
    }
    .flowchart_confirm {
        background: url("../img/flow/pc/5_1.png");
    }
    .flowchart_confirm_process{
        background: url("../img/flow/pc/5_2.png");
    }
    .flowchart_confirm_done{
        background: url("../img/flow/pc/5_3.png");
    }
    .flowchart_complete_card {
        background: url("../img/flow/pc/6_1.png");
    }
    .flowchart_complete_card_process{
        background: url("../img/flow/pc/6_2.png");
    }

    /* テーブル設定 */
    .itemtable {
        border-bottom: 1px solid #CCC;
    }
    .itemtable thead th{
        width: inherit;
    }
    .itemtable th {
        width: 24%;
        border: 1px solid #CCC;
        vertical-align: middle;
    }
    .itemtable td {
        border: 1px solid #CCC;
    }
    .itemtable03 th{
        font-size:16px; font-size:1.6rem;
    }
    .itemtable03 td{
        font-size:15px; font-size:1.5rem;
    }
    .table_fee {
        width: 100%;
    }
    .table_fee th {
        text-align: center;
    }
    .table_fee td:nth-child(1){
        width: 220px;
        text-align: center;
    }
    .table_fee tr:last-child td:nth-child(1){
        text-align: left;
    }
    .table_fee td:nth-child(2){
        width: 230px;
        text-align: center;
    }
    .table_fee_from ,
    .table_fee_to,
    .table_fee_system {
        text-align: right;
        min-width: 70px;
        display: inline-block;
    }
    .table_fee_from {
        margin: 0 10px 0 0;
    }
    .table_fee_to {
        margin: 0 0 0 10px;
    }
    .table_fee_system {
        text-align: right;
        min-width: 45px;
        display: inline-block;
    }
    .numberresult_table th,
    .numberresult_table td {
        padding: 8px;
        box-sizing: border-box;
        text-align: left;
    }
    .resent_check {
        width: 100%;
    }

    /* 進む・戻るボタン */
    .disp_btn_block {
        padding: 0;
    }
    .button_column li {
        margin: 0 20px;
    }
    .disp_btn_block input:hover ,
    .menuItem li a:hover,
    .calculate_input:hover {
    opacity:0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    }

    /*納付者負担額の確認*/
    .calculate_wrapper {
        width: 600px;
        margin: 0 0 20px 0;
        overflow: hidden;
    }
    .calculate_tax {
        width: 160px;
        margin: 5px 10px 5px 0;
        padding: 4px 8px;
        text-align: right;
        font-size:22px; font-size:2.2rem;
        border: 1px #333 solid;
    }
    .calculate_table {
        margin: 0 0 20px 0;
        border-top: 1px solid #CCC;
        border-right: 1px solid #CCC;
    }
    .calculate_table th {
        width: 38%;
        vertical-align: middle;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCC;
        border-left: 1px solid #CCC;
    }
    .calculate_table tr td:last-child {
        border-left: none;
    }
    .calculate_table td {
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        font-size: 20px; font-size: 2rem;
    }
    .calculate_input {
        margin: 14px 0 0 10px;
        padding: 0;
        border: none;
        background: transparent;
    }
    .calculate_subtotal {
        margin: 0 0 20px 0;
        border: 2px solid #CCC;
    }
    .calculate_subtotal th {
        width: 38%;
    }
    tr.calculate_subtotal th,
    tr.calculate_subtotal td  {
        border-top: 3px double #CCC;
        background-color: #FDFFE7;
    }
    .calculate_summarytotal {
        padding: 8px;
        border: 3px solid #FFA44C;
        background-color: #FFFFD7;
        font-weight: bold;
        text-align: center;
        font-size: 20px;
        font-size: 2.0rem;
    }
    .calculate_subtotal tr th {
        background-color: #FDFFE7;
    }

    /*入力フィールド・ボックスリスト調整*/
    input.checkbox:hover,
    .payment_select input,
    .itemtable .selectNum,
    label:hover {
        cursor: pointer;
    }
    .itemtable input,
    .itemtable .selectNum {
        margin: 5px 10px 5px 0;
        padding: 2px 4px;
        font-size:16px; font-size:1.6rem;
        border: 1px #333 solid;
    }
    .itemtable .selectNum {
        padding: 2px 4px 2px 0;
    }
    .itemtable input:focus,
    .itemtable .selectNum:focus {
        border: 1px #1086D4 solid;
    }
    .form_text {
        font-size: 1.6rem;
        padding: 0 10px 0 0;
        font-weight: bold;
    }
    .input_termcode {
        width: 100px;
    }
    .input_name {
        width: 472px;
    }
    .input_mail {
        width: 472px;
    }
    .input_mail2,
    .input_mail3 {
        width: 213px;
    }
    #textfield2,
    #textfield3 {
        width: 160px;
    }
    .cardname {
        width: 393px;
    }
    .periodic {
        width: 73px;
    }
    .expiration {
        width: 175px;
    }
    .shortInput,
    .scode,
    .cardnum {
        width: 63px;
    }
    .scode_info {
        margin: 10px 0 0 0;
    }
    .scode_info_left {
        float: left;
    }
    .scode_info_right {
        padding: 0 0 0 60px;
    }
    .input_payeasy {
        width: 472px;
    }

    /*納付手続の前に*/
    .notice_contents h3 {
        margin: 20px 0 10px 0;
        padding: 2px 8px;
        clear: both;
    }
    .notice_contents h4 {
        margin: 0;
    }
    .notice_contents h3.caution_topic {
        margin: 0 0 5px 0;
        padding: 0;
        background: none;
        font-size: 18px;
        font-size: 1.8rem;
        border-bottom: 1px dotted #CCC;
    }
    .notice_contents {
        margin: 0;
    }
    .scrollcontents {
        height:300px;
        margin: 0 0 20px 0;
        padding: 0 10px 0 10px;
        overflow:auto;
        border: 1px #666 solid;
    }

    /*納付手続の流れ*/
    .flow_text {
        float: left;
        width: 430px;
    }
    .flow_text ol {
        margin: 0 0 0 25px;
        padding: 0;
    }
    .flow_text ol li{
        margin: 0 0 1rem 0;
        padding: 0;
    }
    .flow_image {
        float: right;
        width: 500px;
        border: 1px #CCC solid;
    }

    /*複数納付*/
    .numbercheck_table__topic {
        width: 180px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .numbercheck_text {
        float: left;
        width: 580px;
    }
    .numbercheck_image {
        float: right;
        width: 350px;
    }
    .numbercheck_table input,
    .numbercheck_table .selectNum,
    .resent_check input {
        margin: 5px 0;
        padding: 4px 8px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .numbercheck_table {
        width: 100%;
        margin: 0 auto;
        border: 1px solid #CCC;
    }
    .numbercheck_table tr {
        border-bottom: 3px double #DEDEDE;
    }
    .numbercheck_table tr:first-child {
        border-bottom: 3px solid #9C9C9C;
    }
    .numbercheck_table tr:first-child td {
        border-left: 1px solid #9C9C9C;
    }
    .numbercheck_table tr:nth-child(n + 2) {
        margin: 0;
        border-top: 1px solid #9C9C9C;
    }
    .numbercheck_table tr:last-child {
        border-bottom: none;
    }
    .numbercheck_table th {
        margin: 0;
        font-size: 16px;
        font-size: 1.6rem;
        background-color: #F0F0F0;
        font-weight: normal;
        border-left: 1px solid #CCC;
    }
    .numbercheck_table td:last-child {
        border-right: none;
    }
    .numbercheck_table td {
        border-right: 1px solid #CCC;
    }

    /*複数納付 納付情報照会結果*/
    .numberresult_table,
    .resentresult_table {
        width: 100%;
        margin: 0 0 20px 0;
        border: 1px solid #CCC;
    }
    .numberresult_table tr,
    .resentresult_table tr {
        border-bottom: 1px solid #CCC;
    }
    .numberresult_table th,
    .resentresult_table th {
        margin: 0;
        font-size: 16px;
        font-size: 1.6rem;
        background-color: #F0F0F0;
        font-weight: normal;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
    }
    .numberresult_table th.numbercheck_table__topic {
        width: 220px;
        font-size: 16px;
        font-size: 1.6rem;
        border: none;
    }
    .resentresult_table th.numbercheck_table__topic {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .numberresult_table td:last-child,
    .resentresult_table td:last-child {
        border: 1px solid #CCC;
    }
    .numberresult_table td,
    .resentresult_table td {
        border-right: 1px solid #CCC;
    }
    .content p.form-follow {
        margin: 20px 0 0 0;
    }

    /* 納付情報の確認 */
    .summary_wrapper {
        width: 47%;
        margin: 0;
        float: left;
    }
    .summary_sub-total{
        width: 100%;
        margin: 0 0 10px 0;
        border-collapse: collapse;
        border: 2px solid #CCC;
    }
    .summary_sub-total th,
    .summary_sub-total td {
        border: 1px solid #CCC;
        font-size:16px; font-size:1.6rem;
    }
    .summary_sub-total th {
        width: 229px;
        background-color: #FDFFE7;
        font-weight: normal;
    }
    .summary_sub-total td {
        font-size:16px; font-size:1.6rem;
    }
    .summary_total {
        width: 47%;
        height: 45px;
        margin: 0 auto;
        padding: 25px 8px 7px 8px;
        float: right;
        font-size:20px; font-size:2.0rem;
        border: 3px solid #FFA44C;
        background-color: #FFFFD7;
        font-weight: bold;
        text-align: center;
    }

    /*フォーム幅設定*/
    .numbercheck_table th:nth-of-type(1),
    .numbercheck_table__topic {
        width: 287px;
        border-left: none;
    }
    .numbercheck_table th:nth-of-type(2){
        width: 336px;
    }
    .numbercheck_table th:nth-of-type(3){
        width: auto;
    }
    .input_year {
        width: 70px;
    }
    .input_paymentcode {
        width: 280px;
    }
    .input_checkcode {
        width: 135px;
    }
    .input_check {
        margin: 10px 10px 0 0;
        float: right;
    }
    .numbercheck_table input.checkbox {
        margin: 0 5px 0 0;
    }
    .numberresult_table th:nth-of-type(2) {
        width: 230px
    }
    .numberresult_table th:nth-of-type(3) {
        width: 110px
    }
    .numberresult_table th:nth-of-type(4) {
        width: 190px
    }

    .numberresult_table th.summarytable_tax,
    .resentresult_table th.summarytable_tax {
        width: auto;
    }

    /*クレジット納付照会画面*/
    .itemtable.resentresult_table th:nth-of-type(1) {
        width: 130px;
    }
    .itemtable.resentresult_table th:nth-of-type(2) {
        width: 160px;
    }
    .itemtable.resentresult_table th:nth-of-type(3) {
        width: 230px;
    }
    .itemtable.resentresult_table th:nth-of-type(4) {
        width: 110px;
    }
    .itemtable.resentresult_table th:nth-of-type(5) {
        width: 190px;
    }
    .itemtable.resentresult_table th:nth-of-type(6) {
        width: auto;
    }
    .numberresult_table td p,
    .content .resentresult_table td p {
        margin: 0;
        font-size: 16px;
        font-size: 1.6rem;
    }

}

/*=============================================
* タブレット・スマートフォン表示 ～768px
=============================================*/

@media screen and (max-width: 768px) {

    /* 全体設定 */
    body {
        padding: 5px;
    }
    .itemRight {
        float: none;
    }
    .x-smallTXT {
        display: inline-block;
        font-size:11px; font-size:1.1rem;
    }
    .smallTXT{
        font-size:12px; font-size:1.2rem;
        line-height: 1.2rem;
        display: inline-block;
        line-height: 1.6rem;
    }
    .bigTXT {
        font-size:16px; font-size:1.6rem;
    }

    /* ヘッダー・フッター */
    .headerItem{
        padding: 0;
    }
    .headerItem {
        text-align: center;
    }
    .header_Left {
        width: 75%;
        float: left;
    }
    .header_Right {
        width: 15%;
        float: right;
    }
    .header_info {
        display: none;
    }
    #spmenu {
        margin: 0;
        padding: 0;
        display: none;
        list-style: none;
    }
    #spmenu li ,
    .splink ,
    .contact_list li {
        width: 100%;
        margin: 0 auto;
        font-size:14px; font-size:1.4rem;
        list-style: none;
    }
    #spmenu li a ,
    .splink a ,
    .contact_list li a {
        position: relative;
        display: block;
        padding: 10px 25px 10px 10px;
        border-bottom: 1px solid #CCC;
        text-decoration: none;
        color: #333;
    }
    #spmenu li a::after ,
    .splink a::after ,
    .contact_list li a::after {
        position: absolute;
        top: 50%;
        right: 10px;
        display: block;
        content: '';
        width: 8px;
        height: 8px;
        margin-top: -4px;
        border-top: 1px solid #7B6EDA;
        border-right: 1px solid #7B6EDA;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #spmenu_toggle {
        float: right;
        display: block;
        position: relative;
    }
    #spmenu_toggle a{
        display: block;
        position: relative;
    }
    .footer_link {
        display: none;
    }
    .footer_link li {
        display: block;
    }

    .footer_copyright_text {
        font-size:11px; font-size:1.1rem;
    }
    .footer_copyright_company {
        font-size:10px; font-size:1rem;
    }
    .footer_copyright {
    margin: 15px 0;
}

    /* コンテンツ設定 */
    .content{
        width: 100%;
        margin: 15px auto;
    }
    .content section {
        margin: 0 0 30px 0;
    }
    section.read_block {
        margin: 0 0 10px 0;
    }
    br.br_sp {
        display: none;
    }
    h1 {
        text-align: left;
    }
    h1 img {
        width: 100%;
        max-width: 281px;
        margin: 0;
    }
    h2 {
        margin: 0 0 10px 0;
        font-size:18px; font-size:1.8rem;
        line-height: 2.5rem;
    }
    h3 {
        margin: 0 0 10px 0;
        font-size:16px; font-size:1.6rem;
    }
    h4{
        font-size:14px; font-size:1.4rem;
        margin: 20px 0 5px 0;
    }
    h5 {
        margin: 0;
        padding: 0;
        font-size:14px; font-size:1.4rem;
    }
    .content p,
    .content li {
        font-size:13px; font-size:1.3rem;
    }
    .content ol {
        margin: 0;
        padding: 0 0 10px 3rem;
    }
    .menuItem li {
        width: 48%;
        margin: 0 1%;
        display: block;
        float: left;
    }
    .menuItem li:nth-child(odd) {
        text-align: right;
    }
    .menuItem li:nth-child(even) {
        text-align: left;
    }
    .menuItem li img {
        width: 100%;
        max-width: 182px;
    }
    ul {
        padding: 0 0 0 2rem;
    }
    a , .page_link {
        font-size:14px; font-size:1.4rem;
    }
    fieldset{
        margin: 0 0 20px 0;
        padding: 10px;
    }
    .hissu{
        margin: 0 0 0 5px;
    }
    .itemtable td.sheet_box,
    .numbercheck_image {
        display: none;
    }
    .sheet_link {
        height: 30px;
        margin: 0;
        display: block;
        line-height: 3rem;
    }
    .about_company {
        font-size:13px; font-size:1.3rem;
    }
    ol.contact_list {
        margin: 0;
        padding: 0;
    }
    ul.contact_list {
        margin: 0;
        padding: 0;
    }
    .contact_list li {
        margin: 0;
        padding: 0;
    }
    .contact_list_title {
        margin: 0 0 0 1rem;
        font-size:14px; font-size:1.4rem;
        display: block;
        line-height: 4rem;
    }
    .pc_only {
        display: none;
    }
    .numbercheck_table td.numbercheck_table__topic,
    .numberresult_table td.numbercheck_table__topic {
        display: block;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        background-color: #F0F0F0;
    }
    .content p.taxitem {
        margin: 0 0 15px 0;
        padding: 4px 0 2px 8px;
        font-size:18px; font-size:1.8rem;
        font-weight: normal;
    }

    /*フローチャート*/
    .flowchart{
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
        padding: 10px 0;
    }
    .flowchart li{
        width: 15%;
        max-width: 135px;
        min-height: 35px;
        margin: 0 0 0 1%;
    }
    .flowchart li:first-child {
        margin: 0 0 0 2.3%;
    }
    .flowchart_notice {
        background: url("../img/flow/sp/1_1.png");
    }
    .flowchart_notice_process{
        background: url("../img/flow/sp/1_2.png");
    }
    .flowchart_notice_done{
        background: url("../img/flow/sp/1_3.png");
    }
    .flowchart_start {
        background: url("../img/flow/sp/2_1.png");
    }
    .flowchart_start_process{
        background: url("../img/flow/sp/2_2.png");
    }
    .flowchart_start_done{
        background: url("../img/flow/sp/2_3.png");
    }
    .flowchart_numbercheck {
        background: url("../img/flow/sp/3_1.png");
    }
    .flowchart_numbercheck_process{
        background: url("../img/flow/sp/3_2.png");
    }
    .flowchart_numbercheck_done{
        background: url("../img/flow/sp/3_3.png");
    }
    .flowchart_input {
        background: url("../img/flow/sp/4_1.png");
    }
    .flowchart_input_process{
        background: url("../img/flow/sp/4_2.png");
    }
    .flowchart_input_done{
        background: url("../img/flow/sp/4_3.png");
    }
    .flowchart_confirm {
        background: url("../img/flow/sp/5_1.png");
    }
    .flowchart_confirm_process{
        background: url("../img/flow/sp/5_2.png");
    }
    .flowchart_confirm_done{
        background: url("../img/flow/sp/5_3.png");
    }
    .flowchart_complete_card {
        background: url("../img/flow/sp/6_1.png");
    }
    .flowchart_complete_card_process{
        background: url("../img/flow/sp/6_2.png");
    }

    /* テーブル設定 */
    .itemtable {
        width: 100%;
        margin: 0 auto;
        border-bottom: none;
    }
    .itemtable thead th,
    .itemtable th.numbercheck_table__topic {
        margin: 0 0 10px 0;
        border: none;
    }
    .itemtable th,
    .itemtable td {
        width: 100%;
        display: block;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
    }
    .itemtable th {
        margin: 0;
        padding: 4px 8px ;
        font-size:14px; font-size:1.4rem;
        border-bottom: 1px solid #CCC;
    }
    .itemtable tr:first-child th {
        border-top: 1px solid #CCC;
    }
    .itemtable thead tr:first-child th {
        border-top: none;
    }
    .itemtable td {
        border-bottom: 1px solid #CCC;
        font-size:15px; font-size:1.5rem;
    }
    .itemtable03 {
        width: 100%;
    }
    .itemtable03 th,
    .itemtable03 td{
        font-size:14px; font-size:1.4rem;
    }
    .itemtable03 .innner_table td{
        width: 100%;
        display: block;
        border-bottom: none;
    }
    .itemtable03 .innner_table .nowrap {
        padding: 0;
    }
    .itemtable03 .innner_table td:nth-of-type(2) {
        padding: 0 0 15px 0;
    }
    .itemtable tr {
        margin: 0 0 20px 0;
    }
    .table_fee_usage {
        width: 48%;
    }
    .numbercheck_table,
    .numberresult_table,
    .summary_sub-total_tax {
        width: 100%;
    }
    .summary_total  {
        width: 100%;
        font-size:18px; font-size:1.8rem;
        margin: 0 auto;
        padding: 5px 0;
        border: 3px solid #FFA44C;
        background-color: #FFFFD7;
        font-weight: bold;
        text-align: center;
        box-sizing: border-box;
    }

    /* 進む・戻るボタン */
    .disp_btn_block {
        padding: 0;
    }
    .button_column {
        margin: 0;
    }
    .button_column li {
        display: block;
        margin: 0;
    }
    .button_column li:nth-child(2){
        margin: 30px 0 0 0;
    }

    /*複数納付*/
    .numbercheck_table td {
        padding: 4px 8px;
        display: block;
    }
    .numbercheck_table tr:first-child,
    .numberresult_table tr:first-child,
    .resentresult_table tr:first-child {
        display: none;
    }
    .numbercheck_table tr {
        margin: 0 0 10px 0;
        display: block;
        overflow: hidden;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
    }
    .numberresult_table tr {
        margin: 0 0 10px 0;
        display: block;
        overflow: hidden;
    }
    .numbercheck_table th,
    .numbercheck_table td,
    .numberresult_table th,
    .numberresult_table td,
    .summary_sub-total th{
        box-sizing: border-box;
        text-align: left;
    }
    .numberresult_table th,
    .resentresult_table th {
        width: 100%;
        padding: 4px 8px;
        display: block;
        font-size:16px; font-size:1.6rem;
        font-weight: bold;
    }
    .numbercheck_table td:nth-of-type(2):before,
    .numbercheck_table td:nth-of-type(3):before,
    .numbercheck_table td:nth-of-type(4):before {
        font-size:14px; font-size:1.4rem;
        display: block;
    }
    .numbercheck_table td input {
        margin: 0;
    }
    .numbercheck_table td .input_paymentcode {
        margin: 0 0 10px 0;
    }
    .numbercheck_table input.checkbox {
      margin: -3px 5px 0 0;
    }
    .itemtable th.shipping_title {
        width: 100%;
    }
    button#add_taxitem_btn {
        width: 100%;
    }
    #add_taxitem {
        margin: 0;
    }
    .numberresult_table th {
        margin: 0 0 10px 0;
    }
    .numbercheck_table input.del_taxitem_btn {
        margin: 10px 0;
    }
    .numberresult_table td:nth-of-type(1),
    .resentresult_table td:nth-of-type(1) {
        border-top: 1px solid #CCC;
    }
    .summary_sub-total,
    .calculate_subtotal {
        width: 100%;
        border: 2px solid #CCC;
        border-collapse: collapse;
    }
    .summary_sub-total tr,
    .calculate_subtotal tr {
        font-size:14px; font-size:1.4rem;
        border-top: 1px solid #CCC;
    }
    .summary_sub-total th,
    .calculate_subtotal th {
        width: 40%;
        padding: 8px;
        display: table-cell;
        background-color: #fdffe7;
        box-sizing: border-box;
        font-weight: normal;
        border-right: 1px solid #CCC;
    }
    .summary_sub-total td {
        width: 60%;
        padding: 4px 8px;
        display: table-cell;
        box-sizing: border-box;
    }
    .input_check {
        margin: 5px 0 0 0;
        float: right;
    }

    /* 納付情報の確認 */
    .summary_wrapper {
        width: 100%;
        margin: 0 auto 10px 0;
    }
    .summarytable{
        width: 100%;
        margin: 0 auto 10px auto;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCC;
    }
    .summarytable th,
    .summarytable td{
        font-size:14px; font-size:1.4rem;
        border-top: 1px solid #CCC;
    }
    .summarytable th {
        width: 42%;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
    }
    .summarytable td {
        min-height: 35px;
    }
    .summary {
        margin: 0 auto 10px auto;
        font-size:18px; font-size:1.8rem;
    }
    .scrollcontents {
        height:300px;
        padding: 5px;
        border: 2px #000 solid;
        margin: 0 0 20px 0;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .content .scrollcontents p.notice_text {
        margin: 10px 0;
    }

    /*納税証明書発行可能日について*/
    .syoumei_right {
        width: 100%;
    }
    .content p.today {
        font-size: 14x;
        font-size: 1.4rem;
    }
    .scrollcontents .table_syoumei th.post {
        width: 44%;
    }
    .scrollcontents .table_syoumei th.publish {
        width: 28%;
    }

    /*クレジット納付照会画面*/
    .resentresult_table thead th {
        background-color: #F0F0F0;
    }
    .resentresult_table th {
        display: block;
    }
    .itemtable.resentresult_table  tbody {
        border-top: none;
    }
    .numberresult_table td:before,
    .resentresult_table td:before {
        width: 40.5%;
        margin-right: 10px;
        padding: 8px;
        display: inline-block;
        font-size:14px; font-size:1.4rem;
        background-color: #F0F0F0;
        display: table-cell;
        vertical-align: middle;
        border-right: 1px solid #CCC;
    }
    .numberresult_table td,
    .resentresult_table td {
        margin: 0;
        padding: 2px;
        border-bottom: 1px solid #CCC;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
        font-size:14px; font-size:1.4rem;
        display: table;
    }
    .numberresult_table td p,
    .content .resentresult_table td p {
        margin: 0;
        padding: 4px 8px;
        font-size:14px; font-size:1.4rem;
        display: table-cell;
        vertical-align: middle;
        word-break: break-all;
    }
    .numberresult_table tr,
    .resentresult_table tr {
        margin: 0 0 10px 0;
        display: block;
    }

    /*入力フィールド・リスト調整*/
    .itemtable input ,
    .itemtable .selectNum,
    .numbercheck_table input,
    .calculate_tax {
        height: 40px;
        margin: 5px 0;
        padding: 4px;
        font-size:16px; font-size:1.6rem;
        border: 2px #333 solid;
        box-sizing: border-box;
    }
    .itemtable input:focus ,
    .itemtable .selectNum:focus {
        border: 2px solid;
    }
    .form_text {
        padding: 0;
        font-size:14px; font-size:1.4rem;
    }
    .mailaddress_label ,
    .cardnum_label ,
    .periodic_label ,
    .collation_code_1_label ,
    .collation_code_2_label {
        display: inline-block;
    }
    .input_name ,
    .input_mail ,
    .cardname ,
    .expiration,
    .input_year,
    .input_paymentcode,
    .input_checkcode {
        width: 100%;
    }
    .input_mail2 ,
    .input_mail3 {
        width: 45%;
    }
    .mailaddress_label {
        width: 10%;
        text-align: center;
    }
    .cardnum_label {
        width: 4%;
        text-align: center;
    }
    .cardnum {
        width: 22%;
    }
    .periodic_label {
        width: 10%;
        text-align: center;
    }
    .periodic {
        width: 25%;
    }
    .scode {
        width: 22%;
    }
    .collation_code_1,
    .collation_code_2 {
        width: 75%;
    }
    .collation_code_1_label,
    .collation_code_2_label {
        width: 25%;
        vertical-align: middle;
    }
    .input_termcode {
        width: 100%;
    }
    .form-error p.form-error_title {
        font-size:14px; font-size:1.4rem;
    }
    .form-error_list {
        padding: 0 0 0 15px;
    }
    .form-error_list li {
        margin: 0;
        padding: 0;
    }

    /*支払回数*/
    .payment_number {
      margin: 0;
      display: block;
    }
    td .payment_number:last-of-type {
      margin: 0 0 10px 0;
    }
    .payment_number label {
      font-size: 1.6rem;
    }
    .payment_number input {
      margin: 0 10px 0 0;
    }
    select.expiration {
      width: 35%;
    }

    /*納付者負担額の確認*/
    .calculate_table {
        width: 100%;
        margin: 0 0 10px 0;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        border-left: 1px solid #CCC;
    }
    .calculate_table th {
        width: 100%;
        display: block;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
    }
    .calculate_table td {
        display: inline;
    }
    .calculate_tax {
        width: 80%;
        margin: 12px 5px 12px 0;
    }
    .calculate_table td.calculate_btn {
        display: none;
    }
    .calculate_input {
        margin: 10px auto 20px auto;
        display: block;
    }
    .calculate_subtotal {
        margin: 0 0 10px 0;
    }
    .summary_sub-total td,
    .calculate_subtotal td {
        width: 60%;
        padding: 4px 8px;
        display: table-cell;
        box-sizing: border-box;
        vertical-align: middle;
    }
    .calculate_subtotal th {
      width: 50%;
      text-align: left;
    }
    .calculate_summarytotal {
        width: 100%;
        font-size:18px; font-size:1.8rem;
        margin: 0 auto;
        padding: 5px 0;
        border: 3px solid #FFA44C;
        background-color: #FFFFD7;
        font-weight: bold;
        text-align: center;
        box-sizing: border-box;
    }

    /*納付手続の前に*/
    .notice_contents h3.caution_topic {
        margin: 5px 0;
        padding: 0;
        background: none;
        font-size: 14px;
        font-size: 1.4rem;
        border-bottom: 1px dotted #CCC;
    }
    .notice_contents h4 {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 10px 0 0 0;
    }
    .content p.notice_text {
        font-size:14px;
        font-size: 1.4rem;
        margin: 10px 0;
    }

    /*納付手続の流れ*/
    .flow_image img {
        width: 100%;
        max-width: 500px;
        border: 1px solid #CCC;
        box-sizing: border-box;
    }
    .flow_text ol {
        margin: 0 0 0 20px;
        padding: 0;
    }
    .flow_text ol li{
        margin: 0 0 1rem 0;
        padding: 0;
    }
    .table_syoumei th.post {
        width: 30%;
    }
    .table_syoumei th.publish {
        width: 30%;
    }
    .table_syoumei th.abbreviate {
        width: auto;
    }

    /*フォーム項目設定*/

    /*納付情報入力*/
    .numbercheck_table td:nth-of-type(2):before,
    .numbercheck_table td:nth-of-type(3):before,
    .numbercheck_table td:nth-of-type(4):before {
        content: attr(data-text);
    }

    /*納付情報照会結果*/
    .numberresult_table td:nth-of-type(1):before,
    .numberresult_table td:nth-of-type(2):before,
    .numberresult_table td:nth-of-type(3):before,
    .numberresult_table td:nth-of-type(4):before,

    .resentresult_table td:nth-of-type(1):before,
    .resentresult_table td:nth-of-type(2):before,
    .resentresult_table td:nth-of-type(3):before,
    .resentresult_table td:nth-of-type(4):before,
    .resentresult_table td:nth-of-type(5):before {
        content: attr(data-text);
    }
    .numberresult_table td:nth-of-type(4):before,
    .resentresult_table td:nth-of-type(5):before {
        background-color: #FDFFE7;
    }

    /*エラー画面*/
    .content section:last-child fieldset.invalid p {
      width: 100%;
      font-size:13px; font-size:1.3rem;
      margin: 0;
    }
    .content section:last-child fieldset.invalid p.invalid_title {
      font-size:14px; font-size:1.4rem;
    }
    .content fieldset.invalid ul {
      margin: 20px 0;
      padding: 0 0 0 3rem;
    }
    .content fieldset.invalid ul li {
      margin: 5px 0;
      font-size:14px; font-size:1.4rem;
    }

}

/*=============================================
* 印刷用
=============================================*/

@media print {

    /* 全体設定 */
    body {
        -webkit-print-color-adjust: exact;
    }

    /* 非表示設定 */
    .spmenu_wrapper,
    .header_Right,
    .header_info,
    .flowchart_wrapper,
    .footer_link,
    .button_print,
    .footer_copyright_company,
    .content .summary_wrapper p {
        display: none;
    }
    .footerItem {
        clear: both;
    }
    .footer_copyright {
      margin: 10px 0 0 0;
    }
    .content {
        margin: 20px auto;
    }

   /* コンテンツ設定 */
    h1 {
        height: 55px;
    }
    h2 {
        font-size:20px; font-size:2.0rem;
    }
    h4 {
        margin: 0;
        padding: 0;
    }
    .content {
        font-size:13px; font-size:1.3rem;
    }
    .content section {
      page-break-before: avoid;
    }
    .content .payment_select {
      margin: 0;
    }
    .content p.taxitem {
        margin: 0 0 10px 0;
    }
    .summary_wrapper {
        width: 47%;
        float: left;
    }
    .summary_sub-total {
        width: 100%;
        border-collapse: collapse;
        border: 2px solid #CCC;
    }
    .summary_sub-total th,
    .summary_sub-total td {
        border-bottom: 1px solid #CCC;
    }
    .summary_sub-total_tax {
        background-color: #FDFFE7;
    }
    .summary_total {
        width: 47%;
        height: 45px;
        margin: 0 auto;
        padding: 25px 8px 7px 8px;
        font-size:16px; font-size:1.rem;
        border: 3px solid #FFA44C;
        background-color: #FFFFD7;
        float: right;
        font-weight: bold;
        text-align: center;
    }
    .summary_wrapper,
    .summary_total {
        margin: 0 0 20px 0;
    }
    fieldset {
        margin: 10px 0 20px 0;
    }
    .numbercheck_text {
        width: 50%;
        float: left;
    }
    .numbercheck_image {
        width: 45%;
        float: right;
    }
    .sheet_box .numbercheck_image {
        width: 100%;
        float: right;
    }
    .sheet_image {
        width: 100%;
        max-width: 350px;
    }
    #add_taxitem {
        margin: 0 0 20px 0;
    }
    .button_column li {
        margin: 0 10px;
    }
    .content .numbercheckResult-summary_text {
        margin: 0;
        float: none;
        clear: none;
        font-size:12px; font-size:1.2rem;
    }
    .numbercheckResult-summary {
        width: 100%;
        padding: 0 0 10px 0;
    }
    .hissu {
        margin: 0 0 0 10px;
    }
    .flow_text {
      float: left;
      width: 55%;
    }
    .flow_image {
      float: right;
      width: 40%;
      border: 1px #CCC solid;
    }
    .flow_text ol {
        margin: 0;
        padding: 0 0 0 2em;
    }
    .flow_image img {
        width: 100%;
    }
    .footer_copyright_logo {
        margin: 0 10px 0 0;
    }

    /*入力フィールド・ボックスリスト調整*/
    .input_year,
    .input_paymentcode {
        width: 80%;
        margin: 0 10px 0 0;
    }
    .input_checkcode {
        width: 60%;
        margin: 0 10px 0 0;
    }
    .numbercheck_table th:nth-of-type(2) {
        width: 10%;
    }
    .shortInput,
    .scode,
    .cardnum {
        width: 63px;
    }

    /* テーブル設定 */
    .itemtable,
    .numbercheck_table {
        width: 100%;
        border: 1px solid #CCC;
        margin: 0 0 10px 0;
    }
    .itemtable th,
    .numbercheck_table th,
    .summary_sub-total th,
    .itemtable td,
    .numbercheck_table td,
    .summary_sub-total td {
        padding: 4px;
        font-size:13px; font-size:1.3rem;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
    }
    .itemtable td p,
    .numbercheck_table td p {
        margin: 0;
    }
    .numberresult_table th {
        width: auto;
    }
    .numbercheck_table__topic {
      width: 120px;
      background-color: #E9F5FB;
    }
    .fullsize th {
        width: 25%;
    }
    .summary_sub-total th {
        width: 53%;
    }
    .summary_total {
        height: 30px;
        padding: 17px 8px 7px 8px;
    }

}