@charset "utf-8";

@font-face {
    font-family: 'NotoSansCJKjp';
    src: url(../font/NotoSansJP-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'NotoSansCJKjp';
    src: url(../font/NotoSansJP-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;

}


.noto_sans {
    font-family: 'NotoSansCJKjp';
}

html,
.btn {
    font-family: “Hiragino Sans W3”, “Hiragino Kaku Gothic ProN”, “ヒラギノ角ゴ ProN W3”, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
    /* font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, monospace; */
}

html {
    font-size: 14px;
    color: #343434;
    font-weight: 400;
}

i {
    padding-right: 3px;
}

/* ログイン画面 */
.login_form_input input::placeholder {
    font-size: 14px !important;
    font-weight: 700;
}

.login_form_input input {
    padding-left: 15px !important;
}


/* モーダル */

.modal-body {
    padding: 0px 15px;
    font-size: 14px !important;
}

.modal-header p {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    /* color:#666; */

}

.modal-body {
    padding: 1rem !important;
}

.modal-body p:not(.error_text):not(.memory p) {
    padding: 0 !important;
    margin: 0;
}

.modal-body input, .modal-body textarea {
    font-size: 12px !important;
}


.modal-footer-btn {
    margin-top: 0px !important;
    padding: 1rem !important;
    /* border-top: 1px solid #dee2e6; */
}

.modal-footer-btn .btn {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* ヘッダロゴ */
.header_container .logo span {
    display: inline-block;
    padding: 14px 0;
    font-size: 12px;
    color: #333 !important;
    font-weight: bold;
}

/* メニュー部分 */

.fa-plus-square,
.fa-minus-square {
    color: #999 !important;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;

}

.fa-check-circle {
    font-size: 16px;
    vertical-align: middle;
}

#iepro_nav {
    border-top: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    padding: 0;
    background-color: #fff;
    font-size: 13px;
    min-height: 900px;
}

#iepro_nav_sticky {
    position: sticky;
    top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #fff;
}

#iepro_nav_sticky.fixed {
    position: fixed;
    top: 0px;
    left: 0;
    right: 1px;
    max-width: 16.55%;
}


#iepro_nav .heading {
    color: #fff !important;
    background-color: #009245;
    font-weight: bold;
    padding: 11px 0 10px 10px;
    text-indent: 0;
    border-top: none;
}

#iepro_nav ul li {
    display: block;
    border-top: none;
    width: 100%;
    position: relative;

}

#iepro_nav ul li {
    border: 1px solid #c6c6c6;
    border-right: none;
    border-left: none;
    margin: 0 0 -1px;
}

#iepro_nav ul li a {
    text-indent: 0px;
    padding: 10px 5px 10px 30px;
}

#iepro_nav ul li a.current:before {
    content: "\f101";
    font-weight: 900;
    color: #28a745 !important;
    font-family: "Font Awesome 5 pro";
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 12px;
}

#iepro_nav .sub_current:before {
    content: "\f101";
    font-weight: 900;
    color: #fff !important;
    font-family: "Font Awesome 5 pro";
    position: absolute;
    top: 10px;
    left: 14px;
    font-size: 12px;
}

#iepro_nav #customer_name {
    font-weight: bold;
    font-size: 12px;
    padding: 9px 5px 10px 10px;
}

#iepro_nav .series_menu ul li {
    padding-left: 0px;
}

#iepro_nav .series_menu ul li a {
    padding-left: 0px;
}



#iepro_nav #menu_series_list li {
    text-indent: 15px;
    font-size: 13px;
    vertical-align: middle;
    line-height: 1.6;
}

#iepro_nav #menu_series_list {
    top: 0px;
    margin-top: 0px;
}


#iepro_nav .series_menu {
    padding-left: 0px;
}

#iepro_nav #menu_series_list.customer_screen {
    margin-top: 0px;
}


/* ↓ナビゲーションバーインデント */
#iepro_nav #menu_series_list ul li {
    text-indent: 20px;
}

#iepro_nav #menu_series_list ul li ul li {
    text-indent: 25px;
}

#iepro_nav #menu_series_list ul li ul li ul li {
    text-indent: 30px;
}

#iepro_nav #menu_series_list ul li ul li ul li ul li {
    text-indent: 35px;
}

/* ↑ナビゲーションバーインデント */

/* コンテンツ部分 */
#conts_box {
    overflow: auto;
    background-color: #ebecee;
    padding-bottom: 60px;
}

/* 汎用パーツ */
.btn i {
    margin-right: 3px !important;
}

p.explain {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #555;
}

p.explain2 {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #555;
}

.error_text {
    font-size: 12px !important;
    color: #c1272d;
    margin: 0;
    padding: 5px !important;
    font-weight: normal !important;
    display: inline-block;
}

#error_box {
    font-size: 12px;
    color: #c1272d;
    background: #fff;
    padding: 10px 10px;
    border: solid 2px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
}

hr.dotted_eparation {
    border: none;
    border-bottom: 3px dotted #ccc;

}

.d_none {
    display: none !important;
}

.v_hidden {
    visibility: hidden;
}


/* パンくずリスト */
#breadcrumb_trail {
    padding-top: 10px;
    height: 38px;
    /* margin-bottom: 18px !important; */
    /* background: #ebecee; */
    font-size: 11px;
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 19px;
    background-color: #ebecee;
    border-top: 1px solid #c6c6c6;
    /* border-bottom: 1px solid #c6c6c6; */
    color: #555;
    font-weight: bold;
    display: block;
    /* margin-bottom: 5px; */
}

#breadcrumb_trail.fixed {
    position: fixed;
    /*fixedを設定して固定*/
    z-index: 999;
    /*最前面へ*/
    top: 0;
    border-bottom: 1px solid #c6c6c6;
    /* background-color: #fff; */
    background-color: #ebecee;
    width: 100%;
}


#breadcrumb_trail a {
    text-decoration: none;
    color: #009245 !important;
    font-weight: bold;
    /* text-decoration: underline; */
}

/* 中見出し */
.middle_title {
    font-family: 'NotoSansCJKjp';
    font-weight: 700;
    /* border-bottom: 2px solid #333; */
    /* font-size: 26px; */
    font-size: 18px;
    margin-bottom: 10px;
    /* color:#666; */
    /* letter-spacing: 2px; */
    padding-left: 2px;
    padding-top: 5px;
    /* border-top: 1px solid #c6c6c6; */

}


/* 小見出し */
.small_title {
    border-top: 2px dotted #666;
    font-family: 'NotoSansCJKjp';
    font-weight: 700;
    padding-top: 20px;
    /* border-left: solid 5px #666;
    vertical-align: middle; */
    font-size: 18px;
    /* padding-left: 10px; */
    /* margin-bottom: 10px; */
    /* height: 33px; */
    /* padding-top: 5px; */
    margin-bottom: 10px;
    /* letter-spacing: 2px; */
    padding-left: 2px;
}

/* 住宅シリーズ見出し*/
#series_ttl {
    font-size: 20px;
    font-family: 'NotoSansCJKjp';
    font-weight: bold;
    background: #009245;
    color: #fff;
    padding: 5px 15px 6px 15px;
    /* position:fixed; */
    /* border: 1px solid #c6c6c6; */
}

.is-fixed-series_ttl {
    position: fixed;
    top: 37px !important;
    z-index: 100;
}

.series_ttl {
    border-bottom: 1px solid #c6c6c6;

}

.series_ttl h2 {
    font-family: 'NotoSansCJKjp';
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 21px;
    /* height:35px; */

}

/* 塗りつぶし見出し */
.fill_title {
    font-family: 'NotoSansCJKjp';
    background: #333333;
    /* font-weight: bold; */
    padding-top: 5px;
    padding-left: 15px;
    padding-bottom: 7px;
    color: #fff;
    font-size: 15px;
    position: relative;
    /* letter-spacing: 2px; */
}


/* 検索窓 */
.search_window {
    background-color: #fff;
    padding: 15px 30px;
    border: 1px solid #dedede;
    font-size: 12px;
}

/* 検索ラベル */
.search_window .label {
    border-left: 4px solid #ccc;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;

}

/* 進捗 */
.search_window .btn {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 100%;
    background-color: #fff;
    color: #a0a0a0;
    border: 1px solid #a0a0a0;
}

.search_window .btn_on {
    background-color: #009245;
    color: #fff;
    border: 1px solid #009245;
}

/* 検索ボタン */
.search_window .btn_serch {
    width: 100%;
    background-color: #666666;
    color: #fff;
    border: 1px solid #666666;
}

/* 検索条件クリアボタン */
.search_window .btn_clear {
    width: 100%;
    background-color: #a0a0a0;
    color: #fff;
    border: 1px solid #a0a0a0;
}

/* 検索フォーム */
.search_window input[type="text"] {
    height: 33px;
    width: 100%;
}



/* カレンダー */
#calendar label {
    position: relative;
    display: inline-block;
    font-size: 24px;
    margin-bottom: 0;
}

#calendar label::before {
    position: absolute;
    content: "\f073";
    color: #008028;
    top: 5px;
    right: 10px;
}



#register_calendar label {
    position: relative;
    display: inline-block;
    font-size: 24px;
    margin-bottom: 0;
}

#register_calendar label::before {
    position: absolute;
    content: "\f073";
    color: #008028;
    top: 14px;
    right: -30px;
}

/* 登録件数 */
.number_registered {
    font-size: 12px;
    font-weight: bold;
    text-indent: 5px;
}

/* リストテーブル */
.table-bordered {
    border: 1px solid #999 !important;
}

.table-bordered th {
    border: 1px solid #999 !important;
    text-align: center;
    font-size: 12px;
    background-color: #dbdbdb;
    vertical-align: middle;
    padding: 5px;
}

.table-bordered td {
    border: 1px solid #999 !important;
    background-color: #fff;
    vertical-align: middle !important;
    font-size: 12px;
    padding: 5px;
}

.table-bordered td.delete {
    background: #e6e6e6 !important;
}

.table-bordered tr.after {
    border-left: 5px solid #E91E63;
}

.table-bordered tr.after td:first-of-type {
    background-color: #ffdede;
}

.table-bordered tr.before {
    border-left: 5px solid #FF9800;
}

.table-bordered tr.before td:first-of-type {
    background-color: #fff3e1;
}

.table-bordered tr.common_planning {
    border-left: 5px solid #28a745;
}

.table-bordered #copyTarget_url {
    margin: 0;
    height: 30px;
    font-size: 12px !important;
    vertical-align: middle;
}

/* ↓商品・大グループモーダルの設定 */
div .select_plan_table_area td.plan {
    background-color: #dbdbdb;
    font-weight: bold;
}

div .select_plan_table_area td:not(.plan) {
    font-weight: normal;
}

div .select_plan_table_area tr:first-child {
    background-color: #28a745;
    color: #FFF;
}

div .select_plan_table_area tr:first-child th {
    background-color: initial;
}

/* ↑商品・大グループモーダルの設定 */

/* .table-bordered tr.common_planning td {
    background-color: #f8fffa;
} */

/* 登録系テーブル */

table.register {
    border-collapse: separate;
    border-spacing: 8px;
}

table.register,
table.register th,
table.register td {
    border: none;
    vertical-align: middle;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
}

table.register th {
    width: 20%;
    text-align: left;
    position: relative;
    border-left: 5px solid #808080;
    padding-left: 10px;
}


/* 必須マーク */
.required::after {
    border-radius: 3px;
    font-size: 11px;
    font-weight: normal;
    content: "必須";
    position: absolute;
    top: 50%;
    color: #fff;
    background-color: #c63944;
    right: 10px;
    padding: 2px 7px;
    margin-top: -11px;
}

/* 必須マーク2 */
.required2::after {
    border-radius: 3px;
    font-size: 11px;
    font-weight: normal;
    content: "必須(※)";
    position: absolute;
    top: 50%;
    color: #fff;
    background-color: #c63944;
    right: 10px;
    padding: 2px 7px;
    margin-top: -11px;
    /* opacity: .3; */
}

table.register input[type="text"],
table.register select {
    height: 50px;
    width: 100%;
    font-size: 14px;
}

table.register input[type="tel"] {
    height: 50px;
    width: 27%;
    font-size: 14px;
}

table.register textarea {
    font-size: 14px;
}


/* ページ送り */
#nav {
    width: 100%;
    margin: 30px auto;
    text-align: center;
}

#nav a,
#nav strong {
    border: 1px solid #dee2e6;
    min-width: 40px;
    margin: 0 0.1em;
    padding: 3px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
}

#nav strong {
    background-color: #77c99c;
    color: #fff !important;
}

/* 部位選択 */
#category_box {
    margin-top: 0px;
    margin-bottom: 0px;
    border: solid 2px #808080;
    background: #fff;
    padding: 20px;
}

.category_ttl {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

#treeview {
    padding-left: 0;
    font-size: 14px;
}

/* 部位選択 */
.fa-minus,
.fa-plus {
    cursor: pointer;
    padding-right: 5px;
}

/***************入力フォーム*/
:focus {
    outline: none;
}

input:disabled, textarea:disabled, select:disabled {
    background: #eee !important;
}

/* input:read-only,textarea:read-only,select:read-only {
    background: #eee !important;
} */


label {
    vertical-align: middle;
    margin: 0;
}



input[type="radio"] {
    vertical-align: middle;
    padding-top: 3px;
}

::placeholder {
    /* font-size: 0.9rem; */
    color: #999;
    vertical-align: middle;
    font-size: 12px;
    padding-left: 3px;
    padding-top: 3px;
    vertical-align: middle;
    font-weight: normal;
}

textarea:focus,
input:focus {
    background: #fefff2;
}

select,
input[type="range"] {
    vertical-align: middle;
}

textarea,
select,
input,
.ms-choice {
    border-radius: 0.25rem !important;
    border: 1px solid #a0a0a0 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    color: #333;
    font-size: 12px;
}

input[type="file"] {
    border: none !important;
}

input[type="text"] {
    width: 100%;
}


input[type=checkbox] {
    transform-origin: center middle;
    transform: scale(1.5);
    margin-right: 3px;
    margin-left: 3px;
}

.modal input[type=checkbox] {
    vertical-align: top;
}

.disabled {
    cursor: default !important;
    background-color: #eee !important;
    pointer-events: none;
    -moz-user-focus: none;
    -webkit-user-focus: none;
    -ms-user-focus: none;
    user-focus: none;
    -moz-user-modify: read-only;
    -webkit-user-modify: read-only;
    -ms-user-modify: read-only;
    user-modify: read-only;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ms-choice>span {

    font-size: 14px;
}

/* ボタン */
.btn {
    font-size: 12px !important;
}

.btn-lg {
    font-size: 14px !important;
}

.btn-modal {
    display: block;
    width: 100%;
    padding: 20px;
}

a.btn-outline-success {
    color: #28a745 !important;
    border-color: #28a745;
    background-color: #fff;
}

.btn-outline-success {
    color: #28a745 !important;
    border-color: #28a745;
    background-color: #fff;
}

a.btn-outline-success:hover {
    color: #fff !important;
    border-color: #28a745;
    background-color: #28a745 !important;
}

.btn-outline-success:hover {
    color: #fff !important;
    border-color: #28a745;
    background-color: #28a745 !important;
}

a.btn-success {
    border-color: #28a745;
    color: #fff !important;
}

/* オレンジボタン（仮） */
.btn-orange,
.btn-orange:hover {
    color: #FFF;
    background-color: rgb(255, 115, 0);
    border-color: rgb(255, 115, 0);
}

.btn-orange:hover {
    opacity: 0.8;
}

/*プラン画面***********************************/

.is-fixed-memo {
    top: 34px !important;
}

.series_name_top {
    font-family: 'NotoSansCJKjp';
    font-weight: 700;
    font-size: 16px !important;
}

#lift_btn {
    margin-top: -3px;
    padding: 2px 7px;
    margin-left: auto;
    font-size: 12px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #009245;
}

.series_sub_ttl h3 {
    font-family: 'NotoSansCJKjp';
    font-weight: 700;
    font-size: 18px;
}

#series_main {
    margin-top: 15px;
    margin-bottom: 15px;
}

.item_sub_ttl {
    font-size: 14px;
    padding-left: 10px;
}

.plan_shiyo_btn {
    box-shadow: none;
    font-size: 12px;
}

#option_box {
    /*padding: 0;*/
    /* height: 62px; */
}

#option_box #price_box p {
    margin-bottom: 2px;
    line-height: 1.1;
}

#option_box #base_price {
    padding-top: 10px;
}

#option_box button {

    padding: 10px 5px;
    margin-top: 8px;
    /* font-size: 10px; */
}

#total_price {
    margin-top: 12px;
    display: inline-block;
}

#toggle_btn {
    width: auto;
}

.plan_save_modal {
    text-align: left !important;
}

/* プラン保存計モーダル */
.plan_save_modal hr {
    border: none;
    border-bottom: 1px dotted #A9A9A9;
    margin: 10px 0;
    padding: 0;
}

.plan_save_modal .modal-body {
    padding: 20px;
}

.plan_save_modal label, .plan_save_modal input[type="radio"] {
    display: inline-block !important;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.plan_save_modal input[type="radio"] {
    width: 16px;
    padding: 0;
    margin: 0;
    margin-top: -5px;

}


/* ファイル管理機能 */

#overlay {
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

#overlay .close_bg {
    background: rgba(0, 0, 0, 0.0);
    height: 100%;
    width: 100%;
    position: absolute;
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cv-spinner .spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

.cv-spinner .confirm {
    width: 50%;
    color: #28a745;
    background-color: #fff;
    border: 2px solid #28a745;
}

#overlay_storage {
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
}

#upload_progress_bar_area {
    background: rgba(0, 0, 0, 0.0);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin: 0 auto;
}

#upload_progress_bar {
    height: 20px;
}

#upload_progress_msg {
    color: #fff;
    font-size: 1.0rem;
    padding-top: 10px;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.breadcrumb_trail_strage {
    color: #333 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    /* border-bottom: 1px solid #c6c6c6; */
    height: 42px !important;
    background-color: #fff !important;
    border-top: none !important;
}

#upload_drop_area {
    background-color: #eee;
    width: 95%;
    height: 600px;
    border: 1px dashed #ccc;
    border-radius: 10px;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #999;
    top: 10px;
    left: 15px;
    position: absolute;
    opacity: 0.9;
    z-index: 999;
    padding: 15px;
}

#upload_drop_area.dragover_file {
    background-color: rgb(255, 251, 217);
    display: flex !important;
}

#storage_table td {
    padding: 5px 2px 3px 2px;
    font-size: 13px !important;
    vertical-align: middle;
}

#storage_table .icon {
    width: 10px;
    padding-left: 15px;
    font-size: 18px !important;
}

#storage_table .storage_btn {
    width: 100px;

}

#storage_table .storage_time {
    width: 140px;
    font-size: 12px;
    color: #999;

}

#storage_table td.storage_btn div {
    font-size: 11px !important;
}

#storage_table .fa-folder-upload {
    color: #999;
}

#storage_table .far.fa-folder {
    color: #ffc107;
    font-weight: bold;
}

#tmp_disp_name {
    padding: 10px;
    width: 60%;
}

#file_ext {
    padding-left: 5px;
}

#darkbox_close {
    font-size: 40px;
    position: absolute;
    top: 0px !important;
    right: 0px !important;
    z-index: 99999999;
    color: #fff !important;
}

.tooltip {
    top: 20px;
    font-size: 11px;
    text-align: left !important;
}

.tooltip-inner {
    min-width: 220px;
    /* the minimum width */
    text-align: left !important;
}


/* 個別モーダル */

.modal_icon {
    font-size: 16px;
    vertical-align: middle;
}

.btn-outline-success:hover .modal_icon {
    color: #FFF !important;
}

table.no_border {
    border: none !important;
}

td.no_border {
    border: none !important;
}

td.no_border_not_bottom {
    border: none !important;
    border-bottom: 1px solid #999 !important;
}




.memory {
    text-align: left;
}

.memory p {
    padding: 5px !important;
    font-size: 12px !important;
    font-weight: normal;
    border-bottom: 1px solid #c6c6c6;
}

.memory strong {
    display: block;
    margin-bottom: 3px;
}

/*ドロワーメニュー タブレット用 1024px以上のとき適用*/
/*@media (min-width: 1024px) {*/
@media (min-width: 992px) {
    .drawer-hamburger {
        display: none;
    }

    .drawer--left .drawer-nav {
        left: 0;
    }

    .drawer-nav {
        position: relative;
    }

    .drawer-nav .drawer-menu li {
        display: inline-block;
    }

    footer {
        width: 83.3%;
    }




}

/*1024px未満のとき適用*/
/*@media (max-width: 1023.98px) {*/
@media (max-width: 991.98px) {
    .header_container .logo img {
        margin-left: 30px;
    }

    /*固定パンくず用*/
    #breadcrumb_trail {
        padding: 10px 0 0 47px;
        z-index: 100 !important;
    }

    footer {
        width: 100%;
    }

    .header_container {
        padding: 0;
        height: 37px;
    }

    .header_container .logo span {
        padding: 10px 0;
    }

    #option_box #base_price {
        padding-top: 14px;
    }

    #base_price, #option_total {
        font-size: 11px;
    }

    #option_box {
        height: 62px;
    }

    #option_box button {
        font-size: 10px;
    }

    #iepro_nav_sticky.fixed {
        position: sticky;
        max-width: unset;
    }
}

.drawer-hamburger {
    padding-top: 5px;
    padding-right: 0.5rem;
    padding-bottom: 15px;
    padding-left: 0.5rem;
    top: 3px;
    border-radius: 3px;
    width: 1.8rem;
    left: 3px !important;
}

.drawer-hamburger:active,
.drawer-hamburger:focus {
    outline: none;
}

.drawer-hamburger,
.drawer-hamburger:hover {
    background-color: #666;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    background-color: #fff;
}

.drawer--left.drawer-open .drawer-hamburger {
    left: 14rem !important;
}

.drawer-hamburger-icon:before {
    top: -8px;
}

.drawer-hamburger-icon:after {
    top: 8px;
}

/* series.css 850辺りの打ち消し なんでこれがそこにあるのかわからない…*/
@media (max-width: 786px) {
    .bookmark_fas {
        position: relative;
        left: -30px;
        top: 0px;
    }
}

#memo_button {
    top: 75px;
}

/*20220616ドロワースクロール対応*/
#menu_scroll {
    overflow: hidden auto;
    height: calc(100vh - 220px);
    min-height: auto;
}

#menu_scroll::-webkit-scrollbar {
    scrollbar-width: none;
    /*Firefox対応のスクロールバー非表示コード*/
    -ms-overflow-style: none;
    /*Internet Explore対応のスクロールバー非表示コード*/
    display: none;
    /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}

/*1024px未満のとき適用*/
/*@media (max-width: 1023.98px) {*/
@media (max-width: 991.98px) {
    #menu_scroll {
        height: calc(100vh - 240px);
    }
}


/*押せないボタン*/
.not_push {
    pointer-events: none !important;
    opacity: .5 !important;
}


.tablet {
    display: none !important;
}



@media screen and (max-width: 1366px) {
    .tablet {
        display: block !important;
        height: 0px;
        padding: 0px;
        line-height: 0;
        margin: 0;
    }

    .non_tablet_td {
        display: none !important;
    }
}

.show_length_other {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #888;
    font-size: 12px;
    margin-right: 10px;

}