@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500,700,800&subset=japanese');


body {
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 入力設定 */
.ime_a{ime-mode:active;}
.ime_d{ime-mode:disabled;}
.ime_i{ime-mode:inactive;}

/* background */
.bg-white { background: #fff; }
.bg-white2 { background: #fff; }
.bg-green { background: #01ad6e; }
.bg-lightgreen { background: #bcf8d4; }
.bg-lightgreen-2 { background: #a8dac8; }
.bg-lightgreen-3 { background: #dff1e8; }
.bg-yellow { background: #fdf6af; }
.bg-lightblue { background: #d8f1fd; }
.bg-lightred { background: #ffefef !important;; }
.bg-lightgray { background: #f3f3f3; }
.bg-darkgray { background: #595959; }
.bg-gray { background: #9e9e9e; }
.bg-darkblue { background: #1A4294; }
.bg-lightorange { background: #ffe1db !important; }

/* color text */
.text-green { color: #026e3a; }
.text-orange { color: #e67200; }
.text-blue { color: #03549f; }
.text-red { color: #ec3834; }
.text-white { color: #ffffff; }
.text-black { color: #000000; }
.text-darkred { color: #C00000; }
.text-shadow { text-shadow: 1px 1px 1px #484848; }
.text-shadow-n { text-shadow: none; }
.no-hover-font { text-decoration: none !important; color: #000!important; }

/* font */
.line-h15 { line-height: 1.5;}
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; }
.font30 { font-size: 30px; }
.font-b { font-weight: bold; }
.font-m { font-weight: 500; }
.font-n { font-weight: 400; }

/* display */
.d_b { display: block; }
.d_ib { display: inline-block; }
.d_fl { display: flex; flex-wrap: wrap; }
.d_tb { display: table; }
.d_n { display: none; }
.d_tr { display: table-row; }
.d_tc { display: table-cell; }

/* margin */
.marginTB4 { margin: 4px 0; }
.marginTB8 { margin: 8px 0; }
.marginTB18 { margin: 18px 0; }
.marginTB22 { margin: 22px 0; }
.marginTB40 { margin:40px 0; }
.marginLR8 { margin: 0 8px; }
.margin0 { margin: 0; }
.margin8 { margin: 8px; }
.margin1P { margin: 0 1%; }
.marginT8 { margin-top:8px; }
.marginT10 { margin-top:10px; }
.marginT18 { margin-top:18px; }
.marginT22 { margin-top: 22px; }
.marginT40 { margin-top:40px; }
.marginT60 { margin-top:60px; }
.marginT100 { margin-top:100px; }
/* 2023-02-07 add 車検証登録画面改修対応 [START] */
.marginB0 { margin-bottom:0 !important; }
/* 2023-02-07 add 車検証登録画面改修対応 [END] */
.marginB12 { margin-bottom:12px; }
.marginB100 { margin-bottom:100px; }
.marginL2 { margin-left: 2px; }
.marginL4 { margin-left: 4px; }
.marginL10 { margin-left: 10px; }
.marginL14 { margin-left: 14px; }
.marginL20 { margin-left: 20px; }
/* 2023-02-07 add 車検証登録画面改修対応 [START] */
.marginL50 { margin-left: 50px; }
/* 2023-02-07 add 車検証登録画面改修対応 [END] */
.marginR2 { margin-right: 2px; }
.marginR4 { margin-right: 4px; }
.marginR2P { margin-right: 3%; }
.marginAUTO { margin: 0 auto; }
.marginAUTOi { margin: auto !important; }

/* padding */
.paddingTB2 { padding: 2px 0; }
.paddingTB8 { padding: 8px 0; }
.paddingTB8i { padding: 8px 0 !important; }
.paddingTB14 { padding: 14px 0; }
.paddingTB40 { padding:40px 0; }
.paddingLR8 { padding: 0 8px; }
.paddingLR12P { padding: 0 12%; }
.paddingLR14 { padding: 0 14px; }
.paddingTB2LR16 { padding: 2px 16px; }
.paddingL5 { padding-left: 5px; }
.paddingL14 { padding-left: 14px; }
.padding0i { padding: 0 !important; }
.padding2 { padding: 2px; }
.padding4i { padding: 4px !important; }
.padding4 { padding: 4px; }
.padding8 { padding: 8px; }
.padding9 { padding: 9px; }
.padding12i { padding: 12px !important; }
.padding12 { padding: 12px; }
.padding16 { padding: 16px; }
.padding20 { padding: 20px; }
.padding22 { padding: 22px; }
.padding22i { padding: 22px !important; }
.paddingT8 { padding-top: 8px; }
.paddingT14 { padding-top: 14px; }
.paddingT22 { padding-top: 22px; }
.paddingL22 { padding-left: 22px;}
.paddingL40i { padding-left: 40px !important;}
.paddingL45i { padding-left: 45px !important;}
.paddingL0i { padding-left: 0 !important;}
/* 2023-08-00 add マニュアルダウンロード画面変更 [START] */
.paddingL26 { padding-left: 26px;}
.paddingT2 { padding-top: 2px; }
/* 2023-08-00 add マニュアルダウンロード画面変更 [END] */

/* text align / center / top / bottom */
.text_left { text-align: left; }
.text_center { text-align: center; }
.text_right { text-align: right; }
.a_center { align-items: center; }
.j_center { justify-content: center; }
.j_between { justify-content: space-between; }
.v_top { vertical-align: top; }
.v_middle { vertical-align: middle; }
.v_bottom { vertical-align: bottom; }
.f_right { float: right; }
.f_left { float: left; }

/* border */
.border-gray { border: 1px solid #dcdcdc; }
.border-darkblue { border: 2px solid #1A4294; }
.border-lightblue { border: 6px solid #a0d5ff; }
.border-orange { border: 6px solid #F8CBAD; }
.border-rd30 { border-radius: 30px; }
.border-rd8 { border-radius: 8px; }
.border-rd4 { border-radius: 4px; }
.border0 { border: 0; }
.border0i { border: 0 !important; }
.border-b1 { border-bottom: 1px solid #dcdcdc;}
.border-r0i { border-right: 0 !important; }
.border-l0i { border-left: 0 !important; }
.border-t0i { border-top: 0 !important; }
/* 2023-09-00 mod STEP3保適登録時の警告修正 [START] */
.border-yellow > div { border: 6px solid #FFFF00 !important; }
/* 2023-09-00 mod STEP3保適登録時の警告修正 [START] */

/* overflow */
.overflow-h { overflow: hidden; }

/* width */
.w20 { width: 20px; }
.w30 { width: 30px; }
.w35 { width: 35px; }
.w40 { width: 40px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w55 { width: 55px; }
.w60 { width: 60px; }
.w65 { width: 65px; }
.w70 { width: 70px; }
.w75 { width: 75px; }
.w80 { width: 80px; }
.w85 { width: 85px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w135 { width: 135px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w169 { width: 169px; }
.w170 { width: 170px; }
.w175 { width: 175px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w300 { width: 300px; }
.w1P { width: 1%; }
.w2P { width: 2%; }
.w3P { width: 3%; }
.w4P { width: 4%; }
.w5P { width: 5%; }
.w6P { width: 6%; }
.w7P { width: 7%; }
.w8P { width: 8%; }
.w10P { width: 10%; }
.w12P { width: 12%; }
.w14P { width: 14%; }
.w15P { width: 15%; }
.w16P { width: 16%; }
.w17P { width: 17%; }
.w18P { width: 18%; }
.w19P { width: 19%; }
.w20P { width: 20%; }
.w22P { width: 22%; }
.w23P { width: 23%; }
.w24P { width: 24%; }
.w25P { width: 25%; }
.w26P { width: 26%; }
.w27P { width: 27%; }
.w28P { width: 28%; }
.w30P { width: 30%; }
.w35P { width: 35%; }
.w40P { width: 40%; }
.w45P { width: 45%; }
.w46P { width: 46%; }
.w48P { width: 48%; }
.w50P { width: 50%; }
.w55P { width: 55%; }
.w60P { width: 60%; }
.w65P { width: 65%; }
.w70P { width: 70%; }
.w75P { width: 75%; }
.w80P { width: 80%; }
.w83P { width: 83%; }
.w90P { width: 90%; }
.w97P { width: 97%; }
.w100P { width: 100%; }
.w-auto { width: auto; }

/* height */
.h30 { height: 30px; }
.h44 { height: 44px; }
.h50 { height: 50px; }
.h58 { height: 58px; }
.h200i { height: 200px !important; }
.h300 { height: 300px; }

/* max-height */
.m_h_600px { max-height: 600px; }

/* position */
.p_relative { position: relative; }
.p_absolute { position: absolute; }
.top_n5 { top: -5px; }
.top_n180 { top: -180px; }
.top_n140 { top: -140px; }
.top_5 { top: 5px; }
.top_45 { top: 45px; }
.left_10 { left: 10px; }
.left_50 { left: 50px; }
.left_250 { left: 250px; }
.left_n84 { left: -84px; }
.right_10 { right: 10px; }

/* overflow */
.o-y-a{overflow-y:auto;}
.o-x-a{overflow-x:auto;}

.ui-datepicker select.ui-datepicker-year {
    float: left;
    height: 30px;
    padding-left: 5px;
    width: 105px !important;
    font-size: 13px !important;
}

.ui-datepicker select.ui-datepicker-month {
    float: right;
    height: 30px;
    padding-left: 5px;
    width: 55px !important;
    font-size: 13px !important;
}

.ui-state-active-today .ui-state-default {
    border: 1px solid #fbd850 !important;
    background: #fff !important;
    font-weight: bold !important;
    color: #eb8f00 !important;
}

.c_p{cursor: pointer;}

textarea.valid-error, .form-control.valid-error{
    border-color: #FF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.number-control {
    box-shadow:  0 0px 0px rgba(0, 0, 0, 0.075) inset;
}

.swal2-textarea{
    resize: none;
}

.bg-yellow-3 {
    background: #fdf6af;
}

.bg-blue-3 {
	background: #d8f1fd;
}

.bg-pink-3 {
	background: #fee6e7;
}

.notice-new {
    background: #ec3834;
    font-size: 10px;
    padding: 0 3px;
    border-radius: 3rem;
    position: absolute;
    top: 2px;
    right: -4px;
    display: inline-block;
}

.narrowing-down-blue {
	background: url(../images/icon-filter.png) #56acd9 no-repeat right;
    background-position: right 5% bottom 50%;
    background-size: 20%;
 }

.narrowing-down-red {
	background: url(../images/icon-filter.png) #d35653 no-repeat right;
    background-position: right 5% bottom 50%;
    background-size: 20%;
 }

/* 2023-03-27 add 4月1日モータス参照停止に伴う臨時対応 [START] */
.radio-lg {
    height: 20px !important;
    width: 20px !important;
    margin-top: -3px !important;
    border: 2px solid #a3a3a3 !important;
}
/* 2023-03-27 add 4月1日モータス参照停止に伴う臨時対応 [END] */

/** 2024-10-21 yd #9344 bugfix [START] */
/* tooltip */
.tooltip-insCertificateComNm{
    width: 280px;
    word-wrap: break-word;
    padding: 0.2em 0.5em 0.2em 0.5em;
    color: #333;
    background:#fff;
    border:1px #ccc solid;
    border-radius: 5px;
    box-shadow: 5px;
    list-style: none;
    position: absolute;
    z-index:1001;
}
.tooltip-insCertificateComNm:hover{
    cursor: pointer;
}
.li-insCertificateComNm:hover{
    background-color: #ddd;
}
/** 2024-10-21 yd #9344 bugfix [END] */