/*+基本設定CSS*/
/*//設定リセット*/
/*main.css labelのチェックボックスを見えなくす*/
input[type="checkbox"]+label:before{
    display: none;
}

/*main.css labelのpadding消す*/
input[type="checkbox"]+label, input[type="radio"]+label{
    padding: 0;
}

.table_left th,
.table_right th{
    font-family: unset;
    font-weight: normal;
    background-color: #EDECEC;
}

button:not(footer){
    all: unset;
}

h3,ul{
    padding: 0;
    margin-bottom: 0;
}


/*+（１）店舗・ユーザー関連 settings_store_user*/
/**店舗情報 settings_store_user div_1*/
.settings_store_user .div_1 .div_flex{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 1.5em;
}

.settings_store_user .div_1 .div_flex p{
    width: 45%;
}

img[data-original="../../8-settings/8-1-001/img/settings_store_user_1.png"]{
    width: 53.5%;
}

/*//article*/
.settings_store_user article{
    width: 98%;
    padding-bottom: 0;
    margin: 0 auto;
}

.settings_store_user article .com_h5{
    border-bottom: none;
    margin-bottom: 0;
}

/*不足分border*/
.settings_store_user article h4{
    position: relative;
}

.settings_store_user article h4::before{
    content: "";
    display: inline-block;
    width: 100.05%;
    height: 0;
    border-top: 1px solid #D8DCDE;
    position: absolute;
    bottom: -1px;
    left: -0.05%;
}

/*//登録済店舗の編集 settings_store_user article_1*/
.settings_store_user .article_1 .div_flex{
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.settings_store_user .article_1 .div_flex p{
    width: 28%;
}

img[data-original="../../8-settings/8-1-001/img/settings_store_user_2.png"]{
    width: 70%;
}

/*table*/
.settings_store_user .article_1 .table_flex{
    width: 92.9%;
    margin: 0 auto;
}

.settings_store_user .article_1 .table_flex table span{
    display: block;
}

.settings_store_user .article_1 .table_flex table .spa_1{
    color: red;
}

.settings_store_user .article_1 .table_flex .table_left th,/*+赤字のspanを含めた高さ 後で修正*/
.settings_store_user .article_1 .table_flex .table_right th{
    height: 5.5em;
}

/*__共通トグル動作 ※テーブル＆画像は読み込みが遅くなるのでアニメーションは却下*/
.settings_store_user article > input[type="checkbox"] {
    display: none;
}

.settings_store_user article > input[type="checkbox"] + label {
    cursor: pointer;
}

.settings_store_user article > .div_toggle {
    display: none;
}

.settings_store_user article > input[type="checkbox"]:checked ~ .div_toggle {
    display: block;
}


/*__トグルメニュー toggle_1*/
/* チェックが入ったら（クリックしたら）開く*
.settings_store_user .article_1 .toggle_1:checked ~ .div_toggle {
    max-height: 1100px; /* table全体表示 pxじゃないと滑らかに動かない*
}

/*メニュー上下の速さ（共通）*
.settings_store_user .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}*/

/* h4をクリック可能にする（共通）*/
.settings_store_user .label_h4 {
    cursor: pointer;
    display: block;
    width: auto;
}

/* ▼ ▲ の切り替え */
.settings_store_user .toggle_1 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.settings_store_user .toggle_1:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/*//リアレジ店舗用設定  settings_store_user article_2*/
.settings_store_user .article_2 .div_flex{
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.settings_store_user .article_2 .div_flex p{
    width: 28%;
}

img[data-original="../../8-settings/8-1-001/img/settings_store_user_3.png"]{
    width: 70%;
}

/*table*/
.settings_store_user .article_2 .table_flex{
    width: 92.9%;
    margin: 0 auto;
}

.settings_store_user .article_2 .table_flex table span{
    display: block;
}

.settings_store_user .article_2 .table_flex table .spa_1{
    color: red;
}

/*__トグルメニュー toggle_2*/
/* チェックが入ったら（クリックしたら）開く*
.settings_store_user .article_2 .toggle_2:checked ~ .div_toggle {
    max-height: 900px; /* table全体表示 pxじゃないと滑らかに動かない*
}*/

/* ▼ ▲ の切り替え */
.settings_store_user .toggle_2 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.settings_store_user .toggle_2:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/*//その他店舗登録  settings_store_user article_3*/
.settings_store_user .article_3 .div_flex_1{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;    
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.settings_store_user .article_3 .div_flex_1 p{
    width: 36%;
    margin-right: 1.1em;
}

img[data-original="../../8-settings/8-1-001/img/settings_store_user_4_1.png"]{
    width: 62%;
    margin-left: 0;
}

/*table*/
.settings_store_user .article_3 .table_flex{
    width: 92.9%;
    margin: 0 auto;
}

.settings_store_user .article_3 table span{
    display: block;
}

.settings_store_user .article_3 table .spa_1{
    color: red;
}

/*table左側最初のtd*/
.settings_store_user .article_3 .table_left tr:first-of-type td{
    padding-top: 0.3em;
}

/*h5*/
.settings_store_user .article_3 h5{
    font-weight: normal;
    color: black;
    margin-left: 1em;
    margin-bottom: 0;
}

/*h5左●*/
.settings_store_user .article_3 h5::before{
    content: "●";
    display: inline-block;
    font-size: 20px;
}

/*__その他店舗登録*/
.settings_store_user .article_3 .div_flex_2{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;    
    margin-bottom: 1.5em;
}

.settings_store_user .article_3 .div_flex_2 div{
    width: 35%;
}

.settings_store_user .article_3 .div_flex_2 div p:last-of-type{
    margin-top: 1em;
}

/*色が変わります*/
.settings_store_user .article_3 .div_flex_2 div p:last-of-type span{
    display: inline-block;
    width: fit-content;
    background-color: #FFC0CB;
}

img[data-original="../../8-settings/8-1-001/img/settings_store_user_4_2.png"]{
    width: 62%;
}

/*__その他店舗 編集*/
.settings_store_user .article_3 .div_flex_3{
    width: 95%;
    display: flex;
    margin: 0 auto;    
    margin-bottom: 1.5em;
}

.settings_store_user .article_3 .div_flex_3 p{
    width: 35%;
    margin-right: 1.1em;
}

.settings_store_user .article_3 .div_flex_3 div{
    width: 61.8%;
    position: relative;
}

/*疑似下向き矢印*/
.settings_store_user .article_3 .div_flex_3 div::before{
    content: "↓";
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    color: #4F4F4F;
    position: absolute;
    top: 59%;
    left: 50%;
    transform: translate(-50%);
}

.settings_store_user .article_3 .div_flex_3 div img{
    width: 100%;
    margin: 0;
}

/*下向き矢印のための余白*/
.settings_store_user .article_3 .div_flex_3 img[data-original="../../8-settings/8-1-001/img/settings_store_user_4_3.png"]{
    display: inline-block;
    margin-bottom: 3.5em;
}

/*登録・削除*/
.settings_store_user .article_3 .spa_2{
    display: inline-block;
    width: 3.5em;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #EFEFEF;
    border: 1px solid #767676;
    border-radius: 3px;
    margin: 0 0.3em;
}

/*__その他店舗 削除*/
.settings_store_user .article_3 .div_flex_4{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;    
    margin-bottom: 1.5em;
}

.settings_store_user .article_3 .div_flex_4 p{
    width: 35%;
    margin-right: 1.1em;
}

img[data-original="../../8-settings/8-1-001/img/settings_store_user_4_5.png"]{
    width: 61.8%;
    margin-left: 0;
}


/*__トグルメニュー toggle_3*/
/* チェックが入ったら（クリックしたら）開く*
.settings_store_user .article_3 .toggle_3:checked ~ .div_toggle {
    max-height: 1900px; /* table全体表示 pxじゃないと滑らかに動かない*
}*/

/* ▼ ▲ の切り替え */
.settings_store_user .toggle_3 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.settings_store_user .toggle_3:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/*//本部情報設定 settings_store_user article_4*/
.settings_store_user .article_4 .div_flex div{
    width: 35%;
    height: fit-content;
    margin-top: 1em;
    margin-right: 1.1em;
}

.settings_store_user .article_4 .div_flex div p{
    width: 100%;
}

.settings_store_user .article_4 .div_flex div p:last-of-type{
    margin-top: 2em;
}

img[data-original="../../8-settings/8-1-001/img/settings_store_user_5.png"]{
    width: 61.8%;
    height: fit-content;
    margin-top: 1em;
    margin-left: 0;
}

/*table*/
.settings_store_user .article_4 .table_flex{
    width: 95%;
    margin: 0 auto;
    margin-top: 1.5em;
}
.settings_store_user .article_4 .table_flex table th span{
    display: block;
    color: red;
}

/*__トグルメニュー toggle_4*/
/* チェックが入ったら（クリックしたら）開く*
.settings_store_user .article_4 .toggle_4:checked ~ .div_toggle {
    max-height: 600px; /* table全体表示 pxじゃないと滑らかに動かない*
}*/

/* ▼ ▲ の切り替え */
.settings_store_user .toggle_4 + .label_h4 h4::after {
    content: " ▼";
    font-size: 25px;
}

.settings_store_user .toggle_4:checked + .label_h4 h4::after {
    content: " ▲";
    font-size: 25px;
}

/*//CSVダウンロード settings_store_user article_5*/
.settings_store_user .article_5 p{
    margin: 1em;
}

/*//ダウンロードデータ作成 settings_store_user article_6*/

/**店舗グループ、ユーザ一覧、BCPOS担当者 settings_store_user div_2*/
.settings_store_user .div_2{
    width: 97%;
    display: flex;
    justify-content: space-around;
}

/*グレーのボタン*/
.settings_store_user .div_2 a{
    width: 30%;
    height: 58px;
    line-height: 58px;
    font-size: 20px;
    font-family: FontAwesome;
    color: black;
    border-bottom: 4px solid #627295;
    border-radius: 5px;
    background: linear-gradient(
        to bottom,
        #D0D0D0 0%,
        #D0D0D0 5%,
        #f3f3f3 100%);    
    padding-left: 2.7em;
    transition: background-color 0.3s ease;/*hover用*/
    position: relative;
}

/*歯車*/
.settings_store_user .div_2 a::before{
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(img/gear.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1em;
}

.settings_store_user .div_2 a:hover{
    background: linear-gradient(
        to bottom,
        #929292 0%,
        #929292 100%);
}

/**ログインログ settings_store_user div_5*/
.settings_store_user .div_5 .div_flex,
.settings_store_user .div_5 .img_flex{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

/*ユーザーごと*/
.settings_store_user .div_5 .div_flex{
    margin-top: 1.5em;
    margin-bottom: 3em;
}

.settings_store_user .div_5 .div_flex div{
    width: 37%;
}

.settings_store_user .div_5 .div_flex div p{
    width: 100%;
}

.settings_store_user .div_5 .div_flex div p:last-of-type{
    margin-top: 2em;
}

img[data-original="../../8-settings/8-1-001/img/login_log_1.png"]{
    width: 55%;
}

.settings_store_user .div_5 .div_flex div span{
    display: inline-block;
    letter-spacing: 0.05em;
    color: #585A67;
    text-decoration: underline;
    margin-right: 0.3em;
}


/*全体・特定*/
.settings_store_user .div_5 .img_flex div{
    width: 50%;
}

.settings_store_user .div_5 .img_flex h4{
    font-weight: normal;
    color: black;
}

/*h4左丸*/
.settings_store_user .div_5 .img_flex h4::before{
    content: "●";
    display: inline-block;
    font-size: 20px;
}

.settings_store_user .div_5 .img_flex div img{
    width: 99%;
    height: fit-content;
    margin: 0;
}

.settings_store_user .div_5 > p:last-of-type{
    width: 100%;
    padding-left: 1em;
    margin-top: 2em;
}

/*+（２）商品関連 settings_product*/
/**部門登録、メーカー登録、仕入先登録 settings_product div_1*/
/**サブジャンル登録、カテゴリ登録、商品区分「大・中・小」マスタ settings_product div_2*/
/**大部門登録、中部門登録、特殊商品 settings_product div_3*/
.settings_product .div_1,
.settings_product .div_2,
.settings_product .div_3{
    width: 97%;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
}

/*緑のボタン*/
.settings_product .div_1 a,
.settings_product .div_2 a,
.settings_product .div_3 a{
    width: 30%;
    height: 58px;
    line-height: 58px;
    font-size: 20px;
    font-family: FontAwesome;
    color: #585A67;
    border-bottom: 4px solid #627295;
    border-radius: 5px;
    background: linear-gradient(
        to bottom,
        #BFD4D4 0%,
        #BFD4D4 5%,
        #e7f7f7 100%);    
    padding-left: 2.7em;
    transition: background-color 0.3s ease;/*hover用*/
    position: relative;
}

/*歯車*/
.settings_product .div_1 a::before,
.settings_product .div_2 a::before,
.settings_product .div_3 a::before{
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(img/gear_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1em;
}

.settings_product .div_1 a:hover,
.settings_product .div_2 a:hover,
.settings_product .div_3 a:hover{
    color: white;
    background: linear-gradient(
        to bottom,
        #525460 0%,
        #525460 100%);
}

/*白い歯車に*/
.settings_product .div_1 a:hover::before,
.settings_product .div_2 a:hover::before,
.settings_product .div_3 a:hover::before{
    background-image: url(img/gear_3.png);
}

/*+（３）売上関連 settings_sales*/
/**クレジット登録、商品券登録 settings_sales div_1*/
/**値引理由登録、入出金メモ登録 settings_sales div_2*/
.settings_sales .div_1,
.settings_sales .div_2{
    width: 75%;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
}

/*黄色のボタン*/
.settings_sales .div_1 a,
.settings_sales .div_2 a{
    width: 38.5%;
    height: 58px;
    line-height: 58px;
    font-size: 20px;
    font-family: FontAwesome;
    color: #585A67;
    border-bottom: 4px solid #627295;
    border-radius: 5px;
    background: linear-gradient(
        to bottom,
        #D9D4A7 0%,
        #D9D4A7 5%,
        #F4EFBC 100%);    
    padding-left: 2.7em;
    transition: background-color 0.3s ease;/*hover用*/
    position: relative;
}

/*歯車*/
.settings_sales .div_1 a::before,
.settings_sales .div_2 a::before{
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(img/gear_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1em;
}

.settings_sales .div_1 a:hover,
.settings_sales .div_2 a:hover{
    color: white;
    background: linear-gradient(
        to bottom,
        #525460 0%,
        #525460 100%);
}

/*白い歯車に*/
.settings_sales .div_1 a:hover::before,
.settings_sales .div_2 a:hover::before{
    background-image: url(img/gear_3.png);
}


/*+（４）各種設定 settings_various*/
/**基本設定 settings_various div_1*/
.settings_various .div_1 p{
    width: 100%;
    padding-left: 1em;
}

.settings_various .div_1 p:first-of-type{
    margin-top: 1em;
}

.settings_various .div_1 p:last-of-type{
    margin-bottom: 1em;
}

/*線*/
.settings_various .com_border{
    width: 98%;
    padding-bottom: 0;
    margin: 0 auto;
    margin-bottom: 2em;
}

.settings_various .com_h5{
    border-bottom: none;
}

/*不足分border*/
.settings_various h3{
    position: relative;
}

.settings_various h3::before{
    content: "";
    display: inline-block;
    width: 100.05%;
    height: 0;
    border-top: 1px solid #D8DCDE;
    position: absolute;
    bottom: -1px;
    left: -0.05%;
}

/*幅と位置*/
.settings_various .div_1 .label_h3,
.settings_various .div_1 .div_toggle{
    display: block;
    width: 100%;
}

.settings_various .div_1 .img_flex{
    width: 97%;
    display: inline-block;
    display: flex;
    margin: 0 auto;
    padding-top: 1.5em;
    margin-bottom: 2em;
}

.settings_various .div_1 .img_flex p{
    width: 55%;
}

.settings_various .div_1 .img_flex div{
    width: 43%;
    position: relative;
}

/*疑似下向き矢印*/
.settings_various .div_1 .img_flex div::before{
    content: "↓";
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    color: #4F4F4F;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%);
}

img[data-original="../../8-settings/8-1-001/img/settings_various_1.png"]{
    width: 92%;
    margin-bottom: 3em;
}

img[data-original="../../8-settings/8-1-001/img/settings_various_2.png"]{
    width: 100%;
}

/*tableと画像*/
.settings_various .div_1 .div_flex{
    width: 97%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 2em;
    margin: 0 auto;
}

.settings_various .div_1 .div_flex table{
    width: 50%;
    height: fit-content;
    margin-bottom: 0;
}

.settings_various .div_1 .div_flex table th{
    width: 33%;
    font-size: 15px;
}

.settings_various .div_1 .div_flex table td{
    font-size: 14px;
}

/*td内改行*/
.settings_various .div_1 .div_flex table td span{
    display: block;
}

/*ポイント単価 .tr_1*/
.settings_various .div_1 .div_flex table .tr_1 ul{
    width: 80%;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
}
.settings_various .div_1 .div_flex table .tr_1 li{
    padding: 0;
}

/*指定コード１～３ .tr_10*/
.settings_various .div_1 .div_flex table .tr_10 ul{
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.settings_various .div_1 .div_flex table .tr_10 li{
    padding: 0;
}

.settings_various .div_1 .div_flex img{
    width: 47%;
    height: fit-content;
    margin: 0;
}

/*__トグルメニュー toggle_5*/
/* チェックが入ったら（クリックしたら）開く*/
.settings_various .toggle_5:checked ~ .div_toggle {
    max-height: 1900px; /* table全体表示 pxじゃないと滑らかに動かない*/
}

/*メニュー上下の速さ*/
.settings_various .div_toggle{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}

/* h3をクリック可能にする*/
.settings_various .label_h3 {
    cursor: pointer;
    display: block;
    width: auto;
}

/* ▼ ▲ の切り替え */
.settings_various .toggle_5 + .label_h3 h3::after {
    content: " ▼";
    font-size: 25px;
}

.settings_various .toggle_5:checked + .label_h3 h3::after {
    content: " ▲";
    font-size: 25px;
}

/*商品マスタ税区分では「外税」を選択してください。画像*/
.settings_various .div_1 .img_flex img{
    width: 85%;
}


/**権限設定 settings_various div_2*/
.settings_various .div_2 > p:first-of-type{
    width: 100%;
    padding-left: 1em;
    margin: 1em 0;
}

.settings_various h4{
    font-size: 18px;
    color: black;
    margin: 0;
    margin-left: 1em;
}

.settings_various .div_2 .div_flex{
    width: 95%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 2em;
    margin: 0 auto;
}

.settings_various .div_flex p{
    width: 48%;
}

.settings_various .div_2 .spa_1{
    display: inline-block;
    width: fit-content;
    height: 35px;
    line-height: 35px;
    letter-spacing: 0.2em;
    font-family: "ＭＳ Ｐゴシック", sans-serif;    
    color: white;
    background-color: #564E9E;
    border-radius: 3px;
    padding: 0 1.5em;
}

.settings_various .div_2 .spa_2{
    width: fit-content;
    background-color: #EC9800;
    padding-left: 0.3em;
}

.settings_various img{
    width: 45%;
    height: fit-content;
}

/**顧客データ詳細制御設定 settings_various div_3*/
.settings_various .div_3 > p:first-of-type{
    width: 100%;
    padding-left: 1em;
    margin: 1em 0 2em;
}

.settings_various .div_3 .div_flex{
    width: 95%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 2em;
    margin: 0 auto;
}

.settings_various .div_3 .div_flex p{
    width: 47%;
}

.settings_various .div_3 .div_flex span{
    display: inline-block;
    width: 9em;
    height: 40px;
    background-image: url(img/settings_various_5_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    margin: 0 0.3em;
}

.settings_various .div_3 .div_flex img{
    width: 49%;
}

/**消費税設定 settings_various div_4*/
.settings_various .div_4 > p:first-of-type{
    width: 100%;
    font-size: 18px;
    color: #E31717;
    font-weight: 500;
    padding-left: 1em;
    margin-top: 1em;
}

.settings_various .div_4 > p:nth-of-type(2){
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.settings_various .div_4 .d_1{
    width: 97%;
    border: 1px solid black;
    background-color: #F5F5F5;
    padding: 0.5em;
    margin: 0 auto;
}

.settings_various .div_4 .d_1 p{
    width: 94%;
    margin: 0 auto;
}
.settings_various .div_4 .d_1 ul{
    color: black;
    margin-top: 0.3em;
    margin-left: 3%;
}

/*__クリックで画像を表示 toddle*/
/* __クリックできそうなテキスト（共通） */
.img_text{
    width: fit-content;
    font-size: 17px;
    color: #0066cc;
    cursor: pointer;
    text-decoration: underline;
}

/* __画像は初期非表示（共通） */
.img_area{
    display: none;
    margin-top: 0.5em;
}

/*__幅 中央寄せ*/
.img_toggle_1,
.img_toggle_2,
.img_toggle_3,
.img_toggle_4,
.img_toggle_5{
    width: 95%;
    margin: 0 auto;
}

/* __checkboxは見えないだけ（クリック可能）*/
#img_toggle_1,
#img_toggle_2,
#img_toggle_3,
#img_toggle_4,
#img_toggle_5{
    position: absolute;
    opacity: 0;
}

/* __クリックしたら画像を表示 */
#img_toggle_1:checked ~ .img_area,
#img_toggle_2:checked ~ .img_area,
#img_toggle_3:checked ~ .img_area,
#img_toggle_4:checked ~ .img_area,
#img_toggle_5:checked ~ .img_area{
    display: block;
}

/*//BCPOSの設定確認 img_toggle_1*/
.img_toggle_1 .img_area > p:first-of-type,
.img_toggle_1 .img_area p:nth-of-type(2){
    font-size: 15px;
    font-weight: bold;
    color: #3F5DB9;
}
.img_toggle_1 .img_area div{
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: 0 auto;
}

.img_toggle_1 .img_area div p{
    width: 45%;
    text-align: right;
}

img[data-original="../../8-settings/8-1-001/img/img_toggle_1.png"]{
    width: 55%;
}

/*//消費税改正の設定変更がまだの場合 img_toggle_2*/
.img_toggle_2 .div_flex{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 1.5em;
}

.img_toggle_2 ul{
    width: 50%;
}

.img_toggle_2 img{
    width: 65%;
    border: 2px solid transparent;
    box-sizing: border-box;}

.img_toggle_2 .div_flex img:hover{
    border-color: #000088;
}

.img_toggle_2 .d_2{
    width: 100%;
    background-color: #F5F5F5;
    padding: 0.4em;
}

.img_toggle_2 .d_2 h5{
    color: black;
}

.img_toggle_2 .d_2 p{
    width: 100%;
    font-size: 14px;
}

.img_toggle_2 .d_2 p:not(:last-of-type){
    margin-bottom: 1em;
}

.settings_various .div_4 .d_3{
    width: 95%;
    border-top: 5px solid #585A67;
    border-bottom: 5px solid #585A67;
    padding: 0.5em 0;
    margin: 0 auto;
    margin-bottom: 1em;
}

.settings_various .div_4 .d_3 p:first-of-type{
    font-weight: bold;
}

/*//軽減税率を使用する場合 img_toggle_3*/
.img_toggle_3 p{
    font-size: 18px;
    font-weight: bold;
    color: #800000;
}

.img_toggle_3 .spa_block{
    font-size: 15px;
    font-weight: bold;
    color: #3F5DB9;
}

.img_toggle_3 .div_flex_1,
.img_toggle_3 .div_flex_2{
    width: 35%;
    display: flex;
    justify-content: space-between;
    margin-left: 1em;
}

/*部門マスタ設定*/
.img_toggle_3 .div_flex_1{
    margin-bottom: 0.5em;
}

.img_toggle_3 .div_flex_1 a:first-of-type{
    display: block;
    width: 15em;
    height: 38px;
    line-height:38px;
    text-align: center;
    letter-spacing: 0.4em;
    font-size: 17px;
    font-weight: bold;
    color: white;
    background-color: #2196F3;
    border-radius: 8px;
}

/*部門マスタ設定 マニュアル*/
.img_toggle_3 .div_flex_1 a:last-of-type{
    display: inline-block;
    color: #585A67;
    text-decoration: underline;
}

.img_toggle_3 .div_flex_1 a:last-of-type:hover{
    color: #72dbfa;
}

/*部門マスタＣＳＶ取込*/
.img_toggle_3 .div_flex_2 a:first-of-type{
    display: block;
    display: inline-block;
    width: 15em;
    height: 38px;
    line-height:38px;
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 17px;
    font-weight: bold;
    color: white;
    background-color: #3D5AD5;
    border-radius: 8px;
}

/*部門マスタＣＳＶ取込 マニュアル*/
.img_toggle_3 .div_flex_2 a:last-of-type{
    display: inline-block;
    color: #585A67;
    text-decoration: underline;
}

.img_toggle_3 .div_flex_2 a:last-of-type:hover{
    color: #72dbfa;
}

/*//商品価格の変更 img_toggle_4*/
.img_toggle_4 p{
    font-size: 18px;
    font-weight: bold;
    color: #800000;
}

.img_toggle_4 .spa_block{
    font-size: 15px;
    font-weight: bold;
    color: #3F5DB9;
}

/*商品一覧～商品マスタＣＳＶ取込*/
.img_toggle_4 a{
    display: block;
    width: 15em;
    height: 38px;
    line-height:38px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: white;
    border-radius: 8px;
    margin-left: 1.3%;
    margin-bottom: 0.5em;
}

/*商品一覧*/
.img_toggle_4 a:first-of-type{
    letter-spacing: 0.4em;
    background-color: #2196F3;
}

/*売価一括変更*/
.img_toggle_4 a:nth-of-type(2){
    letter-spacing: 0.4em;
    background-color: #5A75B8;
}

/*商品マスタＣＳＶ取込*/
.img_toggle_4 a:last-of-type{
    letter-spacing: 0.2em;
    background-color: #3E5AD5;

}

/*//その他のツール img_toggle_5*/
.img_toggle_5{
    margin-bottom: 2em;
}

.img_toggle_5 p{
    font-size: 18px;
    font-weight: bold;
    color: #800000;
}

.img_toggle_5 .div_flex{
    width: 35%;
    display: flex;
    justify-content: space-between;
    margin-left: 1em;
}

/*商品マスタ 税種別変更*/
.img_toggle_5 .div_flex a:first-of-type{
    display: block;
    display: inline-block;
    width: 15em;
    height: 38px;
    line-height:38px;
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 17px;
    font-weight: bold;
    color: white;
    background-color: #3D5AD5;
    border-radius: 8px;
}

/*マニュアル*/
.img_toggle_5 .div_flex a:last-of-type{
    display: inline-block;
    color: #585A67;
    text-decoration: underline;
}

.img_toggle_5 .div_flex a:last-of-type:hover{
    color: #72dbfa;
}


/**BCPOS設定確認 settings_various div_5*/
.settings_various .div_5 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}
.settings_various .div_5 p:first-of-type{
    margin-top: 1em;
}

.settings_various .div_5 p span{
    display: block;
    text-decoration: underline;
}

.settings_various .div_5 img{
    width: 90%;
    margin-bottom: 2em;
}

/**出納閉鎖日登録 settings_various div_6*/
.settings_various .div_6 .div_flex_1,
.settings_various .div_6 .div_flex_2{
    width: 95%;
    display: flex;
    margin: 0 auto;
    margin-bottom: 2em;
}

.settings_various .div_6 .div_flex_1{
    margin-top: 1em;
}

.settings_various .div_6 .div_flex_1 p{
    width: 43%;
}

.settings_various .div_6 .div_flex_1 img{
    width: 30%;
    margin-left: 0;
}


/*登録ボタン*/
.settings_various .div_6 .div_flex_2 .spa_1{
    display: inline-block;
    width: 5.5em;
    height: 35px;
    background-image: url(img/settings_various_7_b1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.settings_various .div_6 .div_flex_2 div{
    width: 41%;
}

/*クリアボタン*/
.settings_various .div_6 .div_flex_2 .spa_2{
    display: inline-block;
    width: 5.5em;
    height: 43px;
    background-image: url(img/settings_various_7_b2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.settings_various .div_6 .div_flex_2 img{
    width: 55%;
}
/*+（５）他社設定 settings_other_firms*/