@charset "UTF-8";

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-auto {

}

.mt-m5 {
    margin-top: -5px !important;
}
.mt-m10 {
    margin-top: -10px !important;
}
.mt-m20 {
    margin-top: -20px !important;
}
.mt-m30 {
    margin-top: -30px !important;
}
.mt-m40 {
    margin-top: -40px !important;
}
.mt-m50 {
    margin-top: -50px !important;
}

.px-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.px-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.px-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.wi10p {
    width: 10px;
}
.wi20p {
    width: 20px;
}
.wi30p {
    width: 30px;
}
.wi40p {
    width: 40px;
}
.wi50p {
    width: 50px;
}
.wi60p {
    width: 60px;
}
.wi70p {
    width: 70px;
}
.wi80p {
    width: 80px;
}
.wi90p {
    width: 90px;
}
.wi100p {
    width: 100px;
}

.wi110 {
    width: 110px;
}

.wi120 {
    width: 120px;
}
.wi130 {
    width: 130px;
}
.wi140 {
    width: 140px;
}
.wi150 {
    width: 150px;
}
.wi160 {
    width: 160px;
}
.wi170 {
    width: 170px;
}
.wi180 {
    width: 180px;
}
.wi190 {
    width: 190px;
}
.wi200 {
    width: 200px;
}
.wi210 {
    width: 210px;
}
.wi220 {
    width: 220px;
}
.wi230 {
    width: 230px;
}
.wi240 {
    width: 240px;
}
.wi250 {
    width: 250px;
}
.wi260 {
    width: 260px;
}
.wi270 {
    width: 270px;
}
.wi280 {
    width: 280px;
}
.wi290 {
    width: 290px;
}
.wi300 {
    width: 300px;
}


.fb {
    font-weight: bold;
}

.mx-wi100 {
    max-width: 100px !important;
}
.mx-wi110 {
    max-width: 110px !important;
}
.mx-wi120 {
    max-width: 120px !important;
}
.mx-wi130 {
    max-width: 130px !important;
}
.mx-wi140 {
    max-width: 140px !important;
}
.mx-wi150 {
    max-width: 150px !important;
}
.mx-wi160 {
    max-width: 160px !important;
}
.mx-wi170 {
    max-width: 170px !important;
}
.mx-wi180 {
    max-width: 180px !important;
}
.mx-wi190 {
    max-width: 190px !important;
}
.mx-wi200 {
    max-width: 200px !important;
}

.mn-wi1100 {
    min-width: 1100px !important;
}
.mn-wi1200 {
    min-width: 1200px !important;
}
.mn-wi1300 {
    min-width: 1300px !important;
}

.ta-left {
    text-align: left !important;
}
.ta-center {
    text-align: center !important;
}
.ta-right {
    text-align: right !important;
}

/* .maxwi {
    max-width: 1000px !important;
} */

.maxwi-2 {
    max-width: 1300px !important;
}

.wb-bkall {
    word-break: break-all;
}


/* .custum_main {
    width: 100%;
} */

.custum_main .custum_table .custum_tr .custum_td,
.custum_main .custum_table .custum_tr .custum_td02 {
    line-height: 1.4;
}

.footer-coryright {
    height: 30px;
}

#product-wrap {
    min-height: calc(100vh - 130px);
}

#page-inner-wrap .custum_main .custum_table .custum_tr .custum_td {
    width: 20%;
}

.checkbox-wrap label span {
    margin-right: 0;
}

/* START hanbaiten-sentaku CSS */

.han_login_btn {
    box-sizing: border-box !important;
    color: #fff !important;
    width: 300 px;
    background-color: #e77900 !important;
    border: solid 1px #e77900 !important;
    font-size: 1.3rem;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 3px;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.han_login_btn:hover {
    text-decoration: none;;
    background-color: #fff !important;
    color: #e77900 !important;
}

.total_tbl {
    width: 340px;
    margin-right: 0;
}

/* END hanbaiten-sentaku CSS */

/* START chohyo-syutsuryoku CSS */

.chohyo-btn-grp {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.chohyo-btn {
    display: block;
    border: solid 1px #e77900;
    border-left: solid 10px #E77900;
    font-size: 1.4rem;
    line-height: 1;
    margin: 0 10px 0 0;
    border-radius: 5px;
    background: #fff;
    color: #e77900 !important;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    width: 150px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

.chohyo-btn:hover {
        border: solid 1px #e77900;
        background: #e77900;
        color: #fff !important;
        text-decoration: none;
}

.nouhinsyo-btn {
    border: solid 1px #FF0000;
    border-left: solid 10px #FF0000;
    color: #FF0000 !important;
}

.nouhinsyo-btn:hover {
    border: solid 1px #FF0000;
    background: #FF0000;
    color: white !important;
}

.seikyusyo-btn{
    border: solid 1px #428195;
    border-left: solid 10px #428195;
    color: #428195 !important;
}

.seikyusyo-btn:hover {
    border: solid 1px #428195;
    background: #428195;
    color: white !important;
}

/* END chohyo-syutsuryoku CSS */

/* START dealer-switch CSS */

.dealer-switch-grp {
    height: 30px;
    margin: 0 -10px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.dealer-switch {
    display: block;
    color: white !important;
    border-radius: 3px;
    font-size: 1.2rem;
    padding: 2px 5px;
    line-height: 13px;
    text-align: center;
    background: #ff7900;
    text-decoration: none;
    transition: all 0.3s ease;
}

.dealer-switch:hover {
    background: white;
    color: #ff7900 !important;
    text-decoration: none;
    opacity: 1;
}

/* END dealer-switch CSS */

/* START mitsumori-ichiran CSS */

.dealer-choice-body {
    adding: 10px;
    border-bottom: solid 1px #CCD;
}

.dealer-choice-tbl {
    margin: 0 !important;
}

.dealer-choice-th {
    background: #f2f2f2;
    padding: 4px 5px;
    font-size: 1.1rem;
    line-height: 1.2;
    vertical-align: middle;
}

.dealer-choice-td {
    padding: 8px 5px;
    vertical-align: middle;
    line-height: 1.4;
}

.mitsumori-grp {
    margin-top: 60px;
}

.mitsumori-title {
    margin: 0 0 10px 0 !important;
}

.mitsumori-head-grp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mitsumori-info-grp {
    width: calc(100% - 200px);
}

.mitsumori-tbl .custum_th {
    line-height: 1.2;
}

.mitsumori-tbl .custum_th,
.mitsumori-tbl .custum_td02 {
    padding: 10px 5px !important;
}

.disabled-tr {
    opacity:0.4;
}

.orderd-tr {
    background-color: #FFFCEB;
}

.orderd-td {
    font-weight: bold;
    color: red;
}

.dealer-choice-grp {
    margin-bottom: 10px;
}

.dealer-all-btn {
    display: inline-block;
    background: #e77900;
    border: solid 1px #e77900;
    width: 100px;
    line-height: 30px;
    text-align: center;
    vertical-align: middole;
    height: 30px;
    border-radius: 3px;
    color: white !important;
    text-decoration: none;
    transition: ease all 0.3s;
    margin-right: 10px;    
}

.dealer-all-btn:hover {
    color: #e77900 !important;
    background: white;
    text-decoration: none;
}

.dealer-clr-btn {
    display: inline-block;
    background: #707070;
    border: solid 1px #707070;
    width: 100px;
    line-height: 30px;
    text-align: center;
    vertical-align: middole;
    height: 30px;
    border-radius: 3px;
    color: white !important;
    text-decoration: none;
    transition: ease all 0.3s;
    margin-right: 10px;    
}

.dealer-clr-btn:hover {
    color: #707070 !important;
    background: white;;
    text-decoration: none;
}

.f-mini {
    font-size: 1.1rem !important;
}

/* 2022/03/03 追記 */

.custum_main .custum_table .custum_tr .custum_th {
    line-height: 1.2;
}

.bottom-top-wrap {
    position: relative;
    /* padding-bottom: 10px; */
    /* border-bottom: solid 1px #f2f2f2; */
    /* background: #f2f2f2; */
    /* padding: 10px; */
}

.bottom-top-wrap .btn-orange {
    position: absolute;
    top: -10px;
    left: 210px;
    /* right: 0; */
    margin: auto;
}

h2.mt-search-title {
    margin-top: 60px !important;
}

.user-kanriNo-tr {
    background: #f5f5f5;
}

.cartKanriNo {
    margin:auto 0 auto auto;
    line-height: 1.5;
    vertical-align: middle;
    word-wrap: break-word;
}

.thanksMsg {
    font-size: 1.6rem;
    text-align: center;
}

.user-kanri-no-grp {
    padding: 10px;
    border: solid 1px lightgrey;
    width: 600px;
    margin: auto;
}

.user-kanri-no-p {
    font-size: 1.5rem;
    line-height: 1.3;
}

/* 販売店選択のモーダルスタイル */
.modal-info {
  font-size: 1.6rem;
  line-height: 1.3;
}
.webid-data {
    padding: 1em;
    border: solid 1px #dcdcdc;
    border-radius: 0.3em;
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}
.webid-data dt {
  width: 200px;
}
.webid-data dd {
  width: calc(100% - 200px);
  line-height: 1.3;
  padding: 5px;
}
.modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.5);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 90%;
  max-width: 600px;
  padding: 2em;
  background-color: #fff;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}


/* 以下ボタンスタイル */
button {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #282828;
  border-radius: 2px;
  cursor: pointer;
}

#openModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}
/* 販売店選択のモーダルスタイル ここまで*/


/* WebIDまとめページスタイル　ここから */
.webid-grp-setting-page .custum_main {
    margin: auto;
}
.web-grp-h-num {
    width: 30px !important;
}
.web-grp-d-num {
    text-align: center;
    padding: 10px 0 !important;
}
.web-grp-add-num {
    color: #e77900;
    text-align: center;
    font-size: 1.1rem;
    padding: 10px 0 !important;
}
.web-grp-h-remove {
    text-align: center;
    padding: 10px 0 !important;
    width: 90px;
}
.web-grp-d-remove {
    color: #e77900;
    font-size: 1rem;
    text-align: center;
    padding: 10px 0 !important;
}
.web-grp-h-owner {
    text-align: center;
    width: 70px;
}
.web-grp-d-owner {
    text-align: center;
}
.web-grp-h-user,
.web-grp-h-dealer {
   width: 200px;
}
.web-grp-d-mail {
    width: 200px;
    max-width: 200px;
    word-wrap: break-word;
}
.webid-name-lbl,
.webid-pw-lbl {
    margin-right: 1em;
}
.webid-name-inpt {
    margin-right: 2em;
}
#webid-buttonEye {
    color: #9e9e9e;
}
#webid-pw {
    border: none;
}
.webid-pw-grp {
    display: inline-block;
    border: solid 1px #d3d3d3;
    padding-right: 5px;
    background-color: white;
}
.web-grp-remove-btn {
    display: block;
    margin: auto;
    width: 30px;
    height: 30px;
}
.web-grp-remove-btn:hover {
    opacity: 0.8;
}
.web-grp-remove-btn img {
    margin: 0;
}
.webid-new-setting {
    background: #fffde8;
}

.web-grp-help-wrap {
    display: inline-block;
    position: relative;
}

.web-grp-help {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 1;
    vertical-align: text-top;
}

.web-grp-help img {
    width: 100%;
}

.web-grp-help-baloon {
    display: none;
}

.web-grp-help:hover {
  opacity: 0.8;
}

.web-grp-help:hover+.web-grp-help-baloon,
.web-grp-help-baloon:hover {
    display: block;
}

.web-grp-help-baloon {
    background: #F4f4f4;
    padding: 0.5em;
    position: absolute;
    font-weight: normal;
    font-size: 1.2rem;
    position: absolute;
    top: 30px;
    width: 130px;
    line-height: 1.2;
    left: -20px;
}

.web-grp-help-baloon:before {
  content: "";
  position: absolute;
  top: -32px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #e0edff;
}
.web-grp-help-baloon:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 30px;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom: 10px solid #f4f4f4;
}
.webid-grp-setting-page .title-bar {
    margin-bottom: 15px;
}

.webGrp-info {
    background: #fffde8;
    padding: 1.5em;
    margin-bottom: 2em;
    transition: 0.3s ease all;
}
.webGrp-head {
    color: #e77900;
}
.webGrp-body {
    margin-bottom: 1em;
}
.baloon-none {
  height: 0;
  overflow: hidden;
  padding: 0;
}
.webid-grp-alert {
    width: 100%;
    /* display: block; */
    font-size: 1.6rem;
    font-weight: bold;
    color: red;
}

.webid-grp-setting-page .bottom-btn-wrap {
    flex-wrap: wrap;
    margin-bottom: 30px
}

.webid-new-setting.setting-warning {
    background: #ffeeee;
}
.warning-msg {
    /* display: inline-block; */
    vertical-align: inherit;
    margin-left: 5em;
    color: red;
    line-height: 1.2;
    font-size: 1.2rem;
	margin-top: 10px;
}

/* WebIDまとめページスタイル　ここまで */

/* 帳票編集画面スタイル　ここから */
.sg_input_to {
    margin-bottom: 1rem;
    display: inline-block;
    position: relative;
}
input.sg_input_add {
    border-radius: 3px;
    width: 350px;
    box-sizing: border-box;
    height: 36px;
    margin-right: 1rem;
    vertical-align: middle;
    font-size: 1.3rem;
}
.sg_free_field_grp {
  margin-top: 4rem;
}
.sg_freeF_body {
    color: red;
    font-weight: bold;
    margin-bottom: 1rem;
}
.sg_freeF_input {
    width: 100%;
    margin-bottom: 1rem;
    max-width: 750px;
    height: 36px;
    font-size: 1.3rem;
    background: none;
    border-radius: 3px;
}
.add_check_alert {
  background: #ffeeee;
}
#sg-addCheck-alert {
    width: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    color: red;
}
/* 基本のセレクトボックスのカスタマイズ */
.sg_input_prefix {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  font-size: 16px;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}

.sg_input_prefix {
  height: 36px;
  width: 160px;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  border: solid 1px lightgrey;
  vertical-align: middle;
  font-size: 1.3rem;
}

.sg_input_to::after,
.sg_freeF_input_childGrp::after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  right: 10px;
  top: 14px;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #9e9e9e;
  border-right: 2px solid #9e9e9e;
  z-index: -1;
  display: block;
  /* background: black !important; */
}

.sg_freeF_input_childGrp {
    position: relative;
    max-width: 750px;
}

.sg_chohyo_disable {
    background: #f3f3f3;
    border: none;
}

.sg_freeF_input::-webkit-calendar-picker-indicator {
    display: none;
    opacity: 0;
}

.dateEditCheck[type="checkbox"] {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
}
.dateEditCheck[type="checkbox"] {
    border: solid 1px #a0a0a0;
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
}
.dateEditLabel {
    line-height: 20px;
    display: inline-block;
    vertical-align: text-top;
    height: 20px;
    font-size: 1.4rem;
}
.alert-black {
    color: black !important;
}
/* 帳票編集画面スタイル　ここまで */

/*TOP*/
.__txt--xs {
    font-size: 1rem;
}
.__txt--s {
    font-size: 1.2rem;
}
.__txt--m {
    font-size: 1.4rem;
}
.__txt--l {
    font-size: 1.6rem;
}
.__txt--xl {
    font-size: 2.1rem;
}
.__txt--red {
    color: #FF0000;
}
.form__input {
    border: 1px solid #CCCCCC;
    border-radius: 0;
    line-height: 1;
    margin: 0;
    padding: 5px 10px;
    box-sizing: border-box;
}
.form__textarea {
    border: 1px solid #CCCCCC;
    border-radius: 0;
    line-height: 1.5;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    resize: none;
}
.form__checkbox label {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}
.form__checkbox input[type="checkbox"] {
    margin-right: 5px;
}
.form__submit {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
    background: #0F3675;
    color: #FFFFFF;
    border: 1px solid #0F3675;
    border-radius: 4px;
    display: block;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    margin: 0;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}
.form__submit:hover {
    background: #FFFFFF;
    color: #0F3675;
}
#news-attention .header-info-wrap {
    padding: 0 20px;
}
#news-attention .header-info-wrap .header-info-wrap-inner {
    padding: 10px 0 5px;
}
#news-attention .header-info-wrap .header-info-wrap-inner:empty {
    padding: 0;
}
h2.header-bar2 {
    background-size: 180px;
}
.home-news-inner {
    width: 100%;
}
.home-news-inner::before {
    display: none;
}
.home-news-inner.home-news-store {
    float: none;
    margin-right: 0;
}
.home-toggle-news-content {
    border-top: 0;
    padding: 5px 5px 20px;
}
.home-toggle-news:last-of-type .home-toggle-news-content {
    padding-bottom: 0;
}
.home-news-list:nth-child(2n),
.home-news-store .home-toggle-news:nth-child(2n) {
    background: none;
}
.home-news-store .home-toggle-news:nth-child(2n) .home-toggle-news-content {
    border-top: none;
}
.user-voice {
    background: #E5E5E5;
    padding: 40px 0 65px;
}
.user-voice .user-voice__container {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}
.user-voice .user-voice__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: center;
    width: 100%;
}
.user-voice .user-voice__text,
.user-voice .user-voice__form {
    flex: 1 1 0;
    margin: 0 20px;
}
.user-voice .user-voice__text {
    font-size: 1.2rem;
}
.user-voice .user-voice__text p {
    margin: 0;
}
.user-voice .user-voice__text p + p {
    margin-top: 10px;
}
.user-voice .user-voice__text a {
    color: #666666;
}
.user-voice .user-voice__text a:hover {
    text-decoration: none;
}
.user-voice .user-voice__form {
    position: relative;
}
.user-voice .user-voice__form form {
    height: 100%;
}
.user-voice .user-voice__textarea {
    border: none;
    height: 100%;
}
.user-voice .user-voice__submit {
    margin: 5px 0 0 auto;
    padding: 10px 40px;
    width: auto;
}

/*
2024-05-11：販売店モーダル用追記
対象：hanbaiten-sentaku-mordal.html
*/
.government .title-bg-wrap {
	background-image:url(../images/government/title_bg_bar_sg.png);
}
#closeBtn {
  width: 20px;
  height: 20px;
  cursor:pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}
#closeBtn img {
  width: 100%;
}
#mdl-box .mdl-head {
	margin-bottom:15px;
	font-weight:bold;
}
#mdl-box .mdl-head.center {
	text-align:center;
}
#mdl-box {
  position: fixed;
  z-index: 100000;
  top:0;
  display:none;
  align-items:center;
  justify-content:center;
  left:0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#mdl-box .mdl-dtlist-wrapper {
	background:rgba(255, 115, 0, 0.1);
	padding:20px;
	border-radius:10px;
}
#mdl-box .mdl-dtlist {
	display:flex;
}
#mdl-box .mdl-dtlist dt{
	width:200px;
	display:flex;
	justify-content:space-between;
}
#mdl-box .mdl-dtlist dt:after{
	content:"：";
}
#mdl-box #mdl-UserCode,
#mdl-box #mdl-WebId {
	width:100px;
}
#mdl-box .mdl-err {
	font-size:1.2rem;
	color:red;
	margin-top:15px;
}
#mdl-box .mdl-dtlist + .mdl-dtlist{
	margin-top:10px;
}
#mdl-box .mdl-inner {
	padding:30px;
	width:700px;
	position:relative;
	background:#fff;
	border-radius:10px;
}
#mdl-box .mdl-buttons {
	margin-top:20px;
	display:flex;
	justify-content:center;
}

/*
2024-05-11：Web ID(販売店)切り替え機能
対象：webid-grp-setting.html
*/
.custum_main .group-code {
	background:#eeeeee;
	border-top:solid 1px #ccc;
	padding:5px 10px;
}
.custum_main .group-code span{
	color:#333;
}
.__bg-light-orange {
	background:rgba(255, 115, 0, 0.1);
}
.bottom-btn-wrap .webid-grp-alert {
	font-weight:normal;
}


/*
2024-05-17: SG・新規WebID登録画面
対象：paid-shinki1.html
*/
.government #page-inner-wrap h2 {
	border-left-color:#0f3675;
}
.government .paid-shinki-input .flowchart-wrap .flowchart-form.column .column-border-box .column-box-title {
	color:#0f3675;
}
.government .paid-shinki-input .icon-required {
	background:#0f3675;
}
.government #nh_inquiryText {
	color:#fff;
}
.government a.btn-scroll-top,
.government a.btn-orange,
.government input.btn-orange {
	border-color:#0F3675 !important;
	background-color:#0F3675;
}
.government .btn-orange:hover,
.government a.btn-scroll-top:hover {
	color:#0F3675;
	border-color:#0F3675 !important;
	background-color:#fff;
}

/*
2024-05-17:SG用ヘッダー（ログインフォームなし版）
対象：sg-shinki-touroku.html、sg-webID-hakkou.html
*/
.government .sg_header {
    background: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
    box-sizing: border-box;	
}
.government .sg_header .header__container{
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}
.government .sg_header .header__container .header__inner{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 84px;
}
.government .sg_header .header__container .header__inner .header__logo{
    font-size: 1.1rem;
    margin: 0;
    line-height: 1;
}
.government .sg_header .header__container .header__inner .header-menu:hover{
	background:transparent;
}
.government .sg_header .header__container .header__inner .header__logo a{
	color:#333;
}
.government .sg_header .header__container .header__inner .header__logo a img{
    display: block;
    width: 200px;
    margin-top: 5px;
}
.government .sg_header .header-menu__list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin: 0;
}
.government .sg_header .header-menu__list-item a {
	display: block;
    color: #333333;
    font-size: 1rem;
    text-decoration: none;
    line-height: 1.2;
}
.government .sg_header .header-menu__list-item.header-menu__list-item--tel a {
	pointer-events:none;
}
.government .sg_header .header-menu__list-item.header-menu__list-item--tel span {
    font-family: "Arial Black", "serif";
    font-size: 2.8rem;
    font-weight: 900;
    letter-spacing: 0.03em;
}
.government .sg_header .header-menu__list-item a span, 
.government .sg_header .header-menu__list-item a small {
	display:block;
}
.government .sg_header .header-menu__list-item.header-menu__list-item--tel span::before {
	content: "";
    background: url(/info/wp-content/themes/smartoffice_cms/resources/images/government/icon__phone.svg) no-repeat center center / contain;
    display: inline-block;
    margin-right: 10px;
    height: 24px;
    width: 24px;
}
.government .sg_header .header-menu__list-item.header-menu__list-item--tel small {
	font-size: 1rem;
    font-feature-settings: "palt";
    letter-spacing: 0.03em;
}
.government .sg_header .header-menu__list-item:nth-child(n+2) {
	margin-left:20px;
}
.government .sg_header .header-menu__list-item.header-menu__list-item--mail a::before {
    content: "";
    background: url(/info/wp-content/themes/smartoffice_cms/resources/images/government/icon__mail.svg) no-repeat center center / contain;
    display: block;
    margin: 5px auto;
    height: 24px;
    width: 24px;	
}
/*モーダル*/
.government .sg_header .modal__content {
	padding: 20px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 9999;
}
.government .sg_header .modal__content-inner{
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    background: #FFFFFF;
    margin: auto;
    padding: 20px;
    height: 60vh;
    width: 90%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 10;
}
.government .sg_header .modal__content.__is-active {
	right: 0;
}
.government .sg_header .modal__bg {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    display: block;
    background-color: rgba(0, 0, 0, 0.9);
    height: 100%;
    width: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
.government .sg_header .modal__content.__is-active .modal__bg,
.modal__content.__is-active .modal__content-inner {
	opacity: 1;
}
@media screen and (min-width: 769px) {
	.government .sg_header .sp-menu__list, 
	.government .sg_header .sp-contact, 
	.government .sg_header .sp-login {
		display:none;
	}
	.container, .government .sg_header .header__container {
		max-width: 1294px;
	}
}
@media screen and (max-width: 768px) {
	body:not(.unresponsive).government .sg_header {
        height: 56px;
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
	}	
	body:not(.unresponsive).government .sg_header .header__container .header__inner {
        justify-content: space-between;
        height: 56px;
	}
	body:not(.unresponsive).government .sg_header .header__container .header__logo {
		font-size: 0.8rem;
	}
	body:not(.unresponsive).government .sg_header .header__container .header__logo img {
		width: 175px;
	}
	body:not(.unresponsive).government .sg_header .header-menu__list {
		display:none;
	}
	body:not(.unresponsive).government .sg_header .sp-menu__list {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;	
	}
	body:not(.unresponsive).government .sg_header .sp-menu__list-item {
        background: #0F3675;
        color: #FFFFFF;
        font-size: 1rem;
        line-height: 1;
        text-align: center;
        padding: 10px;
        margin: 0;
        height: 56px;
        width: 80px;
        box-sizing: border-box;	
	}
	body:not(.unresponsive).government .sg_header .sp-menu__list-item img {
		display: block;
        margin: 0 auto 5px;
        height: 20px;
        width: 18px;
        filter: brightness(0) invert(1);
	}
	body:not(.unresponsive).government .sg_header .sp-contact__inner {
		display: flex;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
        background: #C6D9DF;
        text-align: center;
	}
	body:not(.unresponsive).government .sg_header .sp-contact__text.sp-contact__text--tel {
		text-align: center;
	}
	body:not(.unresponsive).government .sg_header .sp-contact__text.sp-contact__text {
		display: inline-block;
        margin: 0;
        padding: 20px;
	}
	body:not(.unresponsive).government .sg_header .sp-contact__text.sp-contact__text--tel a {
	    color: #333333;
        text-decoration: none;	
	}
	body:not(.unresponsive).government .sg_header .sp-contact__text.sp-contact__text--tel span {
		font-family: "Arial Hebrew", "serif";
		font-size: 3.7rem;
		font-weight: 900;
		display: block;
		line-height: 1;
	}
	body:not(.unresponsive).government .sg_header .sp-contact__text.sp-contact__text--tel span::before {
		content: "";
		background: url(/info/wp-content/themes/smartoffice_cms/resources/images/government/icon__phone.svg) no-repeat center center / contain;
		display: inline-block;
		margin-right: 10px;
		height: 24px;
		width: 24px;
		vertical-align: middle;
	}
	body:not(.unresponsive).government .sg_header .sp-contact__text.sp-contact__text--tel small{
		font-size: 1rem;
		font-feature-settings: "palt";
		letter-spacing: 0.03em;	
	}
	body:not(.unresponsive).government .sg_header .sp-contact__text.sp-contact__text--mail {
		text-align: center;
	}
	body:not(.unresponsive).government .sg_header .sp-contact__text.sp-contact__text--mail a {
		display: block;
		color: #333333;
		font-weight: bold;
		text-decoration: none;
	}
	body:not(.unresponsive).government .sg_header .sp-contact__text.sp-contact__text--mail a::before {
		content: "";
		background: url(/info/wp-content/themes/smartoffice_cms/resources/images/government/icon__mail.svg) no-repeat center center / contain;
		display: inline-block;
		margin-right: 15px;
		vertical-align: bottom;
		height: 24px;
		width: 24px;
	}
	body:not(.unresponsive).government .sg_header .sp-contact__text + .sp-contact__text {
		border-top: 1px solid #666666;
		margin-top: 20px;
		padding-top: 40px;
	}
}

/*
2024-05-17：新規会員登録画面他：新規会員登録画面
対象：sg-hanbaiten-register.html
*/
.government .paid-shinki-input .column-border-box {
    height: auto;
    padding: 30px 20px 0 20px;
    border: 1px solid #000;
}
.government .paid-shinki-input .column-border-box .column-box-title {
    font-size: 2.8rem;
    color: #0F3675;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.government .paid-shinki-input #mem-register th {
    padding-right: 10px;
    padding-bottom: 20px;
}
.government .paid-shinki-input #mem-register .bottom-area {
	padding:10px 0 20px;
}

/* 
2024-05-20：新規SG登録申し込みフォーム（WP内）
対象：/info/form-sg/
*/
.government .req-th:after {
	background:#0F3675;
}
.government .footer__pageTop i {
	background-image:url("/info/wp-content/themes/smartoffice_cms/resources/smaga/img/common/icon_pagetop_blue.svg");
}

@media screen and ( max-width:768px ) {
	body:not(.unresponsive).page .wpcf7-form>p {
		flex-flow:column wrap;
		width:100%;
	}
	body:not(.unresponsive).page .wpcf7-form>p>br {
		display:none;
	}
	body:not(.unresponsive).page .wpcf7-form>p #lb-ask01-a, 
	body:not(.unresponsive).page .wpcf7-form>p #lb-ask01-b, 
	body:not(.unresponsive).page .wpcf7-form>p .lb-ask {
		height:auto !important;
	}
}

/*
2024-07-10：テーマカラーをネイビーに
*/
.custum_p {
    border-left: solid 5px #0F3675 !important;
}

input.btn-navy {
    display: block;
    border: solid 1px #0F3675;
    font-size: 1.4rem;
    line-height: 1;
    margin: 0 10px 0;
    border-radius: 3px;
    background: #0F3675;
    color: #fff;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    width: 200px;
    height: 45px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

input.btn-navy:hover {
    border: solid 1px #0F3675;
    background: #fff;
    color: #0F3675;
  }

.bgsg{
    background-image: url(../images/bg__headline_whitebg.png) !important;
  }

/* テーマカラーをネイビーに ここまで*/


/*
2024-12-22: 注文履歴ページ改修
対象：/rireki.do
*/
.chohyo-btn-grp .chohyo-btn.is-disabled {
	cursor:not-allowed;
	color:#bfbfbf !important;
	border-color:#bfbfbf;
}
.chohyo-btn-grp .chohyo-btn.is-disabled:hover {
	background:#fff;
	border-left:10px solid #bfbfbf;
}


/*
2025-04-13: 注文履歴確認・検索結果一覧
対象：sg_order-rireki.html
*/
.btn-sg-main {
  display: block;
  border: solid 1px #0f3675;
  font-size: 1.2rem;
  line-height: 1;
  margin: 0;
  border-radius: 3px;
  background: #0f3675;
  color: #fff !important;
  padding: 10px 5px;
  text-align: center;
  text-decoration: none;
  width: 170px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;	
}
.btn-sg-main:hover {
	background: #fff;
	color:#0f3675 !important;
	text-decoration:none;
}


/*
2025-04-13: SG帳票まとめ/分割一覧画面
対象：sg_chohyo_matome_archive.html
*/
.matome-wrap .matome-table {
	width:100%;
}
.matome-wrap .order-number {
	font-weight:bold;
	margin:20px 0 10px;
}
.matome-wrap .toggle-target{
	display:none;
}
.matome-wrap .toggle-link{
	font-weight:bold;
	font-size:12px;
	margin-left:auto;
	color:#103776;
	text-decoration:underline;
}
.matome-wrap .order-number strong{
	font-weight:bold !important;
	display:flex;
	align-items:center;
	width:290px;
}
.matome-wrap .matome-table{
	border-top:1px solid #ccc;
}
.matome-wrap .matome-table th{
	background:#eeeeee;
	padding:10px 5px;
	text-align:center;
	line-height:1.4;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
}
.matome-wrap .matome-table .checkbox { padding:10px; width:30px; }
.matome-wrap .matome-table .order-date,
.rireki-archive-wrap .detail-table .order-date { width:70px; }
.matome-wrap .matome-table .deliver-date{ width:70px; }
.matome-wrap .matome-table .order-id{ width:80px; }
.matome-wrap .matome-table .line-num{ width:50px; }
.matome-wrap .matome-table .line-comment{ width:80px; }
.matome-wrap .matome-table .item-code{ width:70px; }
.matome-wrap .matome-table .maker-name{ width:100px; }
.matome-wrap .matome-table .product-code{ width:90px; }
.matome-wrap .matome-table .deliver-status{ width:70px; }
.matome-wrap .matome-table .item-price{ width:80px; }
.matome-wrap .matome-table .quantity{ width:40px; }
.matome-wrap .matome-table .total{ width:90px; }
.matome-wrap .matome-table td{
	padding:10px 5px;
	line-height:1.4;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	word-break:break-all;
	border-bottom:1px solid #ccc;
}
.matome-wrap table input[type="checkbox"]{
	visibility:hidden;
}
.matome-wrap table label {
	display:block;
	background:#fff;
	cursor:pointer;
	width:18px;
	height:18px;
	border:1px solid #ccc;
}
.matome-wrap table label.checked {
	border-color:#428295;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23428295%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m5%2016.577%202.194-2.195%205.486%205.484L24.804%207.743%2027%209.937l-14.32%2014.32z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center/23px #fff;
}
.matome-wrap .matome-item-wrap{
	border-top:1px solid #ccc;
}
.matome-wrap .matome-item {
	border-bottom:1px solid #ccc;
}
.matome-wrap .matome-item dl{
	display:flex;
	font-size:12px;
	align-items:center;
	padding:10px 0;
}
.matome-wrap .matome-item dt{
	font-weight:bold;
	margin-left:15px;
}
.matome-wrap .matome-item dt:after{
	content:"：";
}
.matome-wrap .matome-item dd{
	border-right:1px solid;
	padding-right:15px;
	line-height:1;
}
.matome-wrap .matome-item dd:last-child{
	border-right:none;
	margin-left:auto;
}
.matome-wrap .matome-item dd .matome-btn-wrap{
	display:flex;
	width:600px;
	align-items:center;
}
.matome-wrap .matome-item dd .matome-btn-wrap .chohyo-btn{
	font-size:12px;
	font-weight:bold;
	padding:0 10px;
	height:30px;
	line-height:30px;
	width:115px;
}
.matome-wrap .matome-item dd .matome-btn-wrap .chohyo-btn.clear-btn{
	border-color:#666;	
	color:#666 !important;
}
.matome-wrap .matome-item dd .matome-btn-wrap .chohyo-btn.clear-btn:hover{
	background-color:#666 !important;
	color:#fff !important;
}
.matome-wrap .matome-item-table {
	padding:20px;
	border-top:1px dashed #ccc;
	background:#f5f5f5;
}
.matome-wrap .matome-item-table td{
	background:#fff;
}
.matome-wrap .matome-item-table .total{
	font-size:12px;
	font-weight:bold;
	text-align:right;
	margin-top:10px;
}
.matome-wrap .matome-item-table .total span{
	margin-left:30px;
}
.matome-wrap.confirm h2 {
	border:none !important;
	font-size:1.6rem !important;
	margin: 0 auto 40px !important;
	line-height:1.6 !important;
	text-align:center;
}
.matome-wrap.confirm .total {
	text-align:right;
	margin-top:10px;
}
.matome-wrap.confirm .total strong{
	border-bottom:1px solid #ccc;
	font-weight:bold;
	padding-bottom:10px;
}

/*
2025-04-20: 帳票出力履歴 検索画面
対象:sg_chohyo_shutsuryoku.html
*/
.rireki-wrap .label-wrap{
	border-bottom:1px dashed #ddd;
	padding-bottom:10px;
	margin-bottom:10px;
}
.rireki-wrap select {
	padding:8px 5px;
}
.ui-datepicker-trigger {
	width:30px;
	vertical-align:middle !important;
	line-height:1;
}

/*
2025-04-22:帳票出力履歴 一覧画面
対象：sg_chohyo_shutsuryoku_archive.html
*/
.rireki-archive-wrap table{
	width:100%;
}
.rireki-archive-wrap table tr{
}
.rireki-archive-wrap table tr th{
	background:#eeeeee;
	padding:10px 5px;
	text-align:center;
	line-height:1.4;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
}
.rireki-archive-wrap .rireki-outer-table {
	margin-top:20px;
	border-top:1px solid #ccc;
}
.rireki-archive-wrap .rireki-outer-table tr td.checkbox {
	padding:15px 10px;
	width:40px;
}
.rireki-archive-wrap .rireki-outer-table .quotation,
.rireki-archive-wrap .rireki-outer-table .delivery-slip,
.rireki-archive-wrap .rireki-outer-table .invoice,
.rireki-archive-wrap .rireki-outer-table .chohyo-num {
	border-left:1px dashed #ccc;
}
.rireki-archive-wrap table tr td{
	padding:10px 5px;
	line-height:1.4;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	word-break:break-all;
	border-bottom:1px solid #ccc;
}
.rireki-archive-wrap .rireki-outer-table > thead th,
.rireki-archive-wrap .rireki-outer-table > tbody td {
	padding:15px 10px;
}
.rireki-archive-wrap .detail-row{
	padding:0;
	display:none;
}
.rireki-archive-wrap  .detail-row > td{
	padding:20px !important;
	background:#f5f5f5;
}
.rireki-archive-wrap  .detail-row .detail-table {
	border-top:1px solid #ccc;
}
.rireki-archive-wrap  .detail-row .detail-table a{
	color:#103776;
	text-decoration:underline;
}
.rireki-archive-wrap  .detail-row .detail-table a:hover{
	text-decoration:none;
}
.rireki-archive-wrap  .detail-row .detail-table tbody td{
	background:#fff;
	padding:10px 5px;
}
.rireki-archive-wrap  .detail-row .detail-table .order-date,
.rireki-archive-wrap  .detail-row .detail-table .deliver-date {
	width:70px;
}
.rireki-archive-wrap  .detail-row .detail-table .order-id {
	width:80px;
}
.rireki-archive-wrap  .detail-row .detail-table .line-num {
	width:50px;
}
.rireki-archive-wrap  .detail-row .detail-table .line-comment {
	width:80px;
}
.rireki-archive-wrap  .detail-row .detail-table .item-code {
	width:70px;
}
.rireki-archive-wrap  .detail-row .detail-table .item-code {
	width:70px;
}
.rireki-archive-wrap  .detail-row .detail-table .deliver-status{
	width:70px;
}
.rireki-archive-wrap  .detail-row .detail-table .item-price {
	width:80px;
}
.rireki-archive-wrap  .detail-row .detail-table .quantity {
	width:40px;
}
.rireki-archive-wrap  .detail-row .detail-table .total {
	width:90px;
}
.rireki-archive-wrap  .detail-row .detail-table tfoot td{
	border-bottom:none;
	font-weight:bold;
}
.rireki-archive-wrap .detail-row .detail-table.history {
	border-top:none;
}
.rireki-archive-wrap .detail-row .detail-table.history .chohyo_num,
.rireki-archive-wrap .detail-row .detail-table.history .download-webid,
.rireki-archive-wrap .detail-row .detail-table.history .download-user {
	width:170px;
}
.rireki-archive-wrap .detail-row .detail-table.history .download-num {
	width:70px;
}
.rireki-archive-wrap .detail-row .detail-table.history .operator {
	width:100px;
}
.rireki-archive-wrap .detail-row .detail-table.history .download-date {
	width:120px;
}
.rireki-archive-wrap .tabs {
	padding:0 10px;
	border-bottom:1px solid #ccc;
}
.rireki-archive-wrap .tabs ul{
	display:flex;
	gap:5px;
	position:relative;
	bottom:-1px;
}
.rireki-archive-wrap .tabs ul li{
	list-style-type:none;
	cursor:pointer;
	padding:10px;
	width:200px;
	text-align:center;
	border:1px solid #ccc;
	border-radius:3px 3px 0 0;
	background:#f5f5f5;
}
.rireki-archive-wrap .tabs ul li.current{
	background:#eeeeee;
	border-bottom:none;
	cursor:auto;
}
.rireki-archive-wrap .detail-row section{
	display:none;
}
.rireki-archive-wrap .detail-row section.current{
	display:block;
}
.rireki-wrap .choice-wrap .checkbox-wrap{
	display:inline;
}
.rireki-wrap .checkbox-wrap,
.rireki-archive-wrap .checkbox-wrap{
	position:relative;
	padding-left:25px;
}
.rireki-wrap .checkbox-wrap:before,
.rireki-archive-wrap .checkbox-wrap:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:auto;
	margin:auto;
	left:0;
	background:#fff;
	cursor:pointer;
	width:18px;
	height:18px;
	border:1px solid #ccc;
}
.rireki-wrap .checkbox-wrap.checked:before,
.rireki-archive-wrap .checkbox-wrap.checked:before{
	background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23428295%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m5%2016.577%202.194-2.195%205.486%205.484L24.804%207.743%2027%209.937l-14.32%2014.32z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center/23px #fff;
	border-color:#428295;
}
.rireki-archive-wrap .open span {
	font-weight:bold;
	font-size:12px;
	text-align:right;
	display:block;
	margin-left:auto;
	color:#103776;
	text-decoration:underline;
	cursor:pointer;
}
.rireki-archive-wrap .open span:hover {
	text-decoration:none;
}
.rireki-archive-wrap .checkbox-wrap span {
	font-weight:bold;
	color:#999;
}
.rireki-archive-wrap .non-output span {
	color:#333;
}

/*
2025-04-24 : 帳票出力履歴 確認画面
対象：sg_chohyo_henshuu_confirm.html
*/
.rireki-archive-wrap.confirm .rireki-outer-table .quotation {
	border-left:none;
}
.rireki-archive-wrap.confirm .lead {
	text-align:center;
	font-weight:bold;
	margin:20px 0 30px;
}