@charset "utf-8";

/* ***********************************************
共通
/*********************************************** */
html {
    font-size: 12px;
}

body > .wrapper {
    width: 1140px;
    margin: 0 auto;
}
#container {
    position: relative;
}
.container {
    min-width: 1140px !important;
}
h1 {
    font-size: 1em;
    background-color: #f4d3d6;
    padding: .75rem 1.25rem;
    border: 1px solid #f4d3d6;
    border-radius: .25rem;
    line-height: 1.5;
    margin-bottom: 0;
}
h2.title {
    margin: 3rem 0;
}
.form-control-lg {
    font-size: 1.4rem;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    text-align: right;
}
input[type="number"] {
    -moz-appearance:textfield;
    text-align: right;
}

.breadcrumb {
    background-color: transparent;
    border: 1px solid #6c757d;
}

.alert-primary {
    font-size: 1.4rem;
    font-weight: bold;
}

#logo {
    height: 60px;
}
#to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

/* ***********************************************
Button
/*********************************************** */
.border-primary {
    border-color: #c61b27 !important;
}
.btn-primary {
    background-color: #c61b27;
    border-color: #c61b27;
}
.btn-primary:hover {
    background-color: #e50012;
    border-color: #e50012;
}
.btn-primary:focus, .btn-primary.focus {
    background-color: #e50012;
    border-color: #e50012;
    box-shadow: 0 0 0 0.2rem rgb(229, 0, 18);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #987c7d;
    background-color: #c61b27;
    border-color: #c61b27;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: #e50012;
    border-color: #e50012;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(229, 0, 18);
}
.btn-info {
    background-color: #1f738f;
    border-color: #1f738f;
}
.btn-info:hover {
    background-color: #007bff;
    border-color: #007bff;
}
.btn-info:focus, .btn-info.focus {
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgb(0, 123, 255);
}
.btn-info.disabled, .btn-info:disabled {
    color: #987c7d;
    background-color: #1f738f;
    border-color: #1f738f;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    background-color: #007bff;
    border-color: #007bff;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(0, 123, 255);
}
.btn-lg {
    font-size: 1.4rem;
}


/* ***********************************************
イメージ検索
/*********************************************** */
#page-image h3 {
    background-color: #dbdbdb;
    color: #1f738f;
    font-size: 1.8em;
    margin-bottom: 1rem;
    padding: .5rem 0;
    text-align: center;
}
#category-id-1 .image-section-body,
#category-id-2 .image-section-body,
#category-id-3 .image-section-body,
#category-id-4 .image-section-body,
#category-id-5 .image-section-body,
#category-id-7 .image-section-body,
#category-id-8 .image-section-body {
    position: relative;
    width: 1080px;
    padding: 1.8rem 0;
    margin-bottom: 5rem;
}
#page-image ul.image-links > li {
    list-style: none;
    position: absolute;
    z-index: 0;
    height: 1.57rem;
    width: 1.57rem;
}
#page-image ul.image-links > li:hover {
    height: 2.2rem;
    width: 2.2rem;
}
#page-image ul.image-links > li > a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 1rem;
    line-height: 1;
    padding: .25em .35em;
    border-radius: 50%;
    background-color: #c61b27;
    border-color: #c61b27;
}
#page-image ul.image-links > li:hover > a {
    font-size: 1.4rem;
}
#page-image ul.image-tips > li {
    list-style: none;
    position: absolute;
    z-index: 5;
}
#page-image ul.image-tips > li .balloon {
    display: none;
    opacity: 0;
    width: 184px;
    height: 47px;
    padding: 17px 0 0;
    background: #c61b27;
    line-height: 1;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}
.category-balloon {
    display: inline-block;
    position: relative;
    margin: 20px;
    padding: .5rem;
    background: #fff;
    border: 1px solid #666;
    border-radius: 10px;
    font-size: 1rem;
    line-height: 1;
}
#category-id-1 .category-balloon,
#category-id-2 .category-balloon,
#category-id-3 .category-balloon,
#category-id-4 .category-balloon,
#category-id-5 .category-balloon,
#category-id-7 .category-balloon,
#category-id-8 .category-balloon {
    position: absolute;
    margin: 0;
}
/* ***********************************************
イメージ検索ポインターの座標
link に対する :hover の相対位置
top -3px, left -3px
:hover に対する tip の相対位置
.right-under : top +40px, left 0
.right-over : top -60px, left 0
.left-under : top +40px, left -155px
.left-over : top -60px, left -155px
*********************************************** */
/* ハンドル */
#sub-category-link-10 { top: 233px; left: 128px; }
#sub-category-link-10:hover { top: 230px; left: 125px; }
#sub-category-tip-10 { top: 270px; left: 125px; }
/* 扉関連パーツ */
#sub-category-link-11 { top: 203px; left: 183px; }
#sub-category-link-11:hover { top: 200px; left: 180px; }
#sub-category-tip-11 { top: 140px; left: 180px; }
/* 窓関連パーツ */
#sub-category-link-12 { top: 123px; left: 183px; }
#sub-category-link-12:hover { top: 120px; left: 180px; }
#sub-category-tip-12 { top: 160px; left: 180px; }
#sub-category-link-12-2 { top: 283px; left: 453px; }
#sub-category-link-12-2:hover { top: 280px; left: 450px; }
#sub-category-tip-12-2 { top: 220px; left: 295px; }
#sub-category-link-12-3 { top: 213px; left: 483px; }
#sub-category-link-12-3:hover { top: 210px; left: 480px; }
#sub-category-tip-12-3 { top: 150px; left: 325px; }
/* 配線サポート用パーツ */
#sub-category-link-14 { top: 53px; left: 163px; }
#sub-category-link-14:hover { top: 50px; left: 160px; }
#sub-category-tip-14 { top: 90px; left: 160px; }
#sub-category-link-14-2 { top: 333px; left: 283px; }
#sub-category-link-14-2:hover { top: 330px; left: 280px; }
#sub-category-tip-14-2 { top: 270px; left: 125px; }
#sub-category-link-14-3 { top: 303px; left: 793px; }
#sub-category-link-14-3:hover { top: 300px; left: 790px; }
#sub-category-tip-14-3 { top: 240px; left: 790px; }
/* 保護用パーツ */
#sub-category-link-15 { top: 143px; left: 583px; }
#sub-category-link-15:hover { top: 140px; left: 580px; }
#sub-category-tip-15 { top: 180px; left: 580px; }
#sub-category-link-15-2 { top: 323px; left: 353px; }
#sub-category-link-15-2:hover { top: 320px; left: 350px; }
#sub-category-tip-15-2 { top: 260px; left: 195px; }
/* 転倒防止用パーツ */
#sub-category-link-16 { top: 58px; left: 63px; }
#sub-category-link-16:hover { top: 55px; left: 60px; }
#sub-category-tip-16 { top: 95px; left: 60px; }
#sub-category-link-16-2 { top: 393px; left: 73px; }
#sub-category-link-16-2:hover { top: 390px; left: 70px; }
#sub-category-tip-16-2 { top: 330px; left: 70px; }
/* その他パーツ */
#sub-category-link-17 { top: 293px; left: 383px; }
#sub-category-link-17:hover { top: 290px; left: 380px; }
#sub-category-tip-17 { top: 230px; left: 225px; }
/* ダクト */
#sub-category-link-19 { top: 103px; left: 323px; }
#sub-category-link-19:hover { top: 100px; left: 320px; }
#sub-category-tip-19 { top: 140px; left: 320px; }
/* キャビネット取付金具 */
#sub-category-link-20 { top: 193px; left: 623px; }
#sub-category-link-20:hover { top: 190px; left: 620px; }
#sub-category-tip-20 { top: 130px; left: 465px; }
#sub-category-link-20-2 { top: 283px; left: 638px; }
#sub-category-link-20-2:hover { top: 280px; left: 635px; }
#sub-category-tip-20-2 { top: 220px; left: 480px; }
#sub-category-link-20-3 { top: 238px; left: 758px; }
#sub-category-link-20-3:hover { top: 235px; left: 755px; }
#sub-category-tip-20-3 { top: 175px; left: 755px; }
/* 基台・スタンド */
#sub-category-link-21 { top: 223px; left: 443px; }
#sub-category-link-21:hover { top: 220px; left: 440px; }
#sub-category-tip-21 { top: 260px; left: 440px; }
#sub-category-link-21-2 { top: 328px; left: 323px; }
#sub-category-link-21-2:hover { top: 325px; left: 320px; }
#sub-category-tip-21-2 { top: 265px; left: 320px; }
/* スペーサ */
#sub-category-link-22 { top: 263px; left: 83px; }
#sub-category-link-22:hover { top: 260px; left: 80px; }
#sub-category-tip-22 { top: 200px; left: 80px; }
/* パネル取付用レール */
#sub-category-link-23 { top: 223px; left: 383px; }
#sub-category-link-23:hover { top: 220px; left: 380px; }
#sub-category-tip-23 { top: 160px; left: 380px; }
/* パネル */
#sub-category-link-24 { top: 163px; left: 353px; }
#sub-category-link-24:hover { top: 160px; left: 350px; }
#sub-category-tip-24 { top: 200px; left: 350px; }
#sub-category-link-24-2 { top: 103px; left: 843px; }
#sub-category-link-24-2:hover { top: 100px; left: 840px; }
#sub-category-tip-24-2 { top: 140px; left: 685px; }
/* 機器取付関連パーツ */
#sub-category-link-25 { top: 183px; left: 183px; }
#sub-category-link-25:hover { top: 180px; left: 180px; }
#sub-category-tip-25 { top: 120px; left: 180px; }
#sub-category-link-25-2 { top: 243px; left: 183px; }
#sub-category-link-25-2:hover { top: 240px; left: 180px; }
#sub-category-tip-25-2 { top: 180px; left: 180px; }
#sub-category-link-25-3 { top: 273px; left: 183px; }
#sub-category-link-25-3:hover { top: 270px; left: 180px; }
#sub-category-tip-25-3 { top: 210px; left: 180px; }
/* 入出線補助パーツ */
#sub-category-link-26 { top: 333px; left: 783px; }
#sub-category-link-26:hover { top: 330px; left: 780px; }
#sub-category-tip-26 { top: 270px; left: 625px; }
/* 保護板支持金具 */
#sub-category-link-27 { top: 73px; left: 893px; }
#sub-category-link-27:hover { top: 70px; left: 890px; }
#sub-category-tip-27 { top: 110px; left: 735px; }
/* 保護板関連パーツ */
#sub-category-link-28 { top: 123px; left: 963px; }
#sub-category-link-28:hover { top: 120px; left: 960px; }
#sub-category-tip-28 { top: 160px; left: 805px; }
/* 充電保護関連パーツ */
#sub-category-link-29 { top: 153px; left: 838px; }
#sub-category-link-29:hover { top: 150px; left: 835px; }
#sub-category-tip-29 { top: 190px; left: 680px; }
/* ブラインド */
#sub-category-link-30 { top: 238px; left: 738px; }
#sub-category-link-30:hover { top: 235px; left: 735px; }
#sub-category-tip-30 { top: 175px; left: 580px; }
/* 照明関連パーツ */
#sub-category-link-31 { top: 78px; left: 533px; }
#sub-category-link-31:hover { top: 75px; left: 530px; }
#sub-category-tip-31 { top: 115px; left: 530px; }
/* 協約取付台 */
#sub-category-link-32 { top: 278px; left: 738px; }
#sub-category-link-32:hover { top: 275px; left: 735px; }
#sub-category-tip-32 { top: 215px; left: 580px; }
/* ブレーカ取付台 */
#sub-category-link-33 { top: 123px; left: 778px; }
#sub-category-link-33:hover { top: 120px; left: 775px; }
#sub-category-tip-33 { top: 160px; left: 620px; }
/* セパレータ */
#sub-category-link-34 { top: 303px; left: 808px; }
#sub-category-link-34:hover { top: 300px; left: 805px; }
#sub-category-tip-34 { top: 240px; left: 805px; }
/* バーホルダ */
#sub-category-link-35 { top: 288px; left: 783px; }
#sub-category-link-35:hover { top: 285px; left: 780px; }
#sub-category-tip-35 { top: 225px; left: 625px; }
/* ジョイントバー */
#sub-category-link-36 { top: 73px; left: 693px; }
#sub-category-link-36:hover { top: 70px; left: 690px; }
#sub-category-tip-36 { top: 110px; left: 535px; }
/* 送りセット */
#sub-category-link-37 { top: 113px; left: 693px; }
#sub-category-link-37:hover { top: 110px; left: 690px; }
#sub-category-tip-37 { top: 150px; left: 535px; }
/* 分岐リード版 */
#sub-category-link-38 { top: 203px; left: 303px; }
#sub-category-link-38:hover { top: 200px; left: 300px; }
#sub-category-tip-38 { top: 240px; left: 300px; }
/* 銅バー */
#sub-category-link-39 { top: 173px; left: 293px; }
#sub-category-link-39:hover { top: 170px; left: 290px; }
#sub-category-tip-39 { top: 110px; left: 290px; }
/* 分電盤内装ユニット */
#sub-category-link-40 { top: 243px; left: 283px; }
#sub-category-link-40:hover { top: 240px; left: 280px; }
#sub-category-tip-40 { top: 280px; left: 280px; }
/* アース関連パーツ */
#sub-category-link-41 { top: 303px; left: 203px; }
#sub-category-link-41:hover { top: 300px; left: 200px; }
#sub-category-tip-41 { top: 240px; left: 45px; }
/* 電線支持用パーツ */
#sub-category-link-42 { top: 278px; left: 813px; }
#sub-category-link-42:hover { top: 275px; left: 810px; }
#sub-category-tip-42 { top: 215px; left: 810px; }
/* 結束用パーツ */
#sub-category-link-43 { top: 103px; left: 813px; }
#sub-category-link-43:hover { top: 100px; left: 810px; }
#sub-category-tip-43 { top: 140px; left: 810px; }
#sub-category-link-43-2 { top: 233px; left: 813px; }
#sub-category-link-43-2:hover { top: 230px; left: 810px; }
#sub-category-tip-43-2 { top: 170px; left: 810px; }
/* ダクト関連パーツ */
#sub-category-link-44 { top: 243px; left: 663px; }
#sub-category-link-44:hover { top: 240px; left: 660px; }
#sub-category-tip-44 { top: 180px; left: 505px; }
/* アースバーホルダ */
#sub-category-link-45 { top: 353px; left: 553px; }
#sub-category-link-45:hover { top: 350px; left: 550px; }
#sub-category-tip-45 { top: 290px; left: 550px; }
/* 高圧がいし */
#sub-category-link-46 { top: 233px; left: 413px; }
#sub-category-link-46:hover { top: 230px; left: 410px; }
#sub-category-tip-46 { top: 170px; left: 255px; }
/* 高圧クリート */
#sub-category-link-47 { top: 168px; left: 413px; }
#sub-category-link-47:hover { top: 165px; left: 410px; }
#sub-category-tip-47 { top: 205px; left: 255px; }
/* プレート類 */
#sub-category-link-48 { top: 123px; left: 413px; }
#sub-category-link-48:hover { top: 120px; left: 410px; }
#sub-category-tip-48 { top: 160px; left: 255px; }
#sub-category-link-48-2 { top: 183px; left: 583px; }
#sub-category-link-48-2:hover { top: 180px; left: 580px; }
#sub-category-tip-48-2 { top: 220px; left: 580px; }
/* L型基礎ボルト */
#sub-category-link-49 { top: 393px; left: 593px; }
#sub-category-link-49:hover { top: 390px; left: 590px; }
#sub-category-tip-49 { top: 330px; left: 590px; }
/* フレキシブル電導管 */
#sub-category-link-60 { top: 233px; left: 623px; }
#sub-category-link-60:hover { top: 230px; left: 620px; }
#sub-category-tip-60 { top: 270px; left: 620px; }
#sub-category-link-60-2 { top: 343px; left: 483px; }
#sub-category-link-60-2:hover { top: 340px; left: 480px; }
#sub-category-tip-60-2 { top: 280px; left: 325px; }
/* コネクタ */
#sub-category-link-61 { top: 33px; left: 553px; }
#sub-category-link-61:hover { top: 30px; left: 550px; }
#sub-category-tip-61 { top: 70px; left: 395px; }
#sub-category-link-61-2 { top: 343px; left: 443px; }
#sub-category-link-61-2:hover { top: 340px; left: 440px; }
#sub-category-tip-61-2 { top: 280px; left: 285px; }
/* コネクタ部品 */
#sub-category-link-62 { top: 333px; left: 538px; }
#sub-category-link-62:hover { top: 330px; left: 535px; }
#sub-category-tip-62 { top: 270px; left: 535px; }
/* ノックアウト接続用コネクタ */
#sub-category-link-63 { top: 83px; left: 603px; }
#sub-category-link-63:hover { top: 80px; left: 600px; }
#sub-category-tip-63 { top: 120px; left: 600px; }
#sub-category-link-63-2 { top: 173px; left: 603px; }
#sub-category-link-63-2:hover { top: 170px; left: 600px; }
#sub-category-tip-63-2 { top: 210px; left: 600px; }
#page-image ul.image-tips > li#sub-category-tip-63 .balloon,
#page-image ul.image-tips > li#sub-category-tip-63-2 .balloon { width: 214px; }
/* エスシーロック */
#sub-category-link-64 { top: 303px; left: 483px; }
#sub-category-link-64:hover { top: 300px; left: 480px; }
#sub-category-tip-64 { top: 240px; left: 325px; }
/* EMC関連パーツ */
#sub-category-link-65 { top: 238px; left: 268px; }
#sub-category-link-65:hover { top: 235px; left: 265px; }
#sub-category-tip-65 { top: 175px; left: 265px; }
#sub-category-link-65-2 { top: 248px; left: 353px; }
#sub-category-link-65-2:hover { top: 245px; left: 350px; }
#sub-category-tip-65-2 { top: 185px; left: 350px; }
#sub-category-link-65-3 { top: 333px; left: 223px; }
#sub-category-link-65-3:hover { top: 330px; left: 220px; }
#sub-category-tip-65-3 { top: 270px; left: 220px; }
#sub-category-link-65-4 { top: 333px; left: 353px; }
#sub-category-link-65-4:hover { top: 330px; left: 350px; }
#sub-category-tip-65-4 { top: 270px; left: 350px; }
#sub-category-link-65-5 { top: 173px; left: 583px; }
#sub-category-link-65-5:hover { top: 170px; left: 580px; }
#sub-category-tip-65-5 { top: 110px; left: 425px; }
#sub-category-link-65-6 { top: 173px; left: 843px; }
#sub-category-link-65-6:hover { top: 170px; left: 840px; }
#sub-category-tip-65-6 { top: 110px; left: 685px; }
#sub-category-link-65-7 { top: 323px; left: 663px; }
#sub-category-link-65-7:hover { top: 320px; left: 660px; }
#sub-category-tip-65-7 { top: 260px; left: 505px; }
#sub-category-link-65-8 { top: 283px; left: 723px; }
#sub-category-link-65-8:hover { top: 280px; left: 720px; }
#sub-category-tip-65-8 { top: 220px; left: 565px; }
#sub-category-link-65-9 { top: 283px; left: 873px; }
#sub-category-link-65-9:hover { top: 280px; left: 870px; }
#sub-category-tip-65-9 { top: 220px; left: 715px; }
/* EMC関連機器 */
#sub-category-link-66 { top: 143px; left: 108px; }
#sub-category-link-66:hover { top: 140px; left: 105px; }
#sub-category-tip-66 { top: 80px; left: 105px; }
#sub-category-link-66-2 { top: 248px; left: 108px; }
#sub-category-link-66-2:hover { top: 245px; left: 105px; }
#sub-category-tip-66-2 { top: 185px; left: 105px; }


/* ***********************************************
オートコンプリート
/*********************************************** */
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 1.4rem;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.ui-autocomplete > li > div {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.ui-state-hover,
.ui-state-active,
.ui-state-focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
    cursor: pointer;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/* ***********************************************
プラグイン内装ユニット選定
/*********************************************** */
#page-unit-index .card-text {
    min-height: 4.5rem;
}

.unit-selected-label {
    display: inline-block;
    font-weight: 400;
    color: #3c5e77;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #3c5e77;
    border-left-color: #6aa9ff;
    border-left-width: 5px;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: .25rem;
    width: 100%;
}
#form-unit-main .form-group,
#form-unit-sub .form-group {
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px dotted #ccc;
}
#form-unit-main select,
#form-unit-sub select,
#form-unit-sub input[type=number] {
    border-color: #c61b27;
}
#form-unit-main select:disabled,
#form-unit-sub select:disabled,
#form-unit-main select.selected,
#form-unit-sub select.selected,
#form-unit-sub input[type=number]:disabled {
    background-color: #e9ecef;
    border-color: #ced4da;
}
#form-unit-sub .unit-sub-select__item label {
    display: block;
}
.d-inline-product-type-1,
.d-inline-product-type-3,
.d-inline-product-type-4,
.d-inline-ipd-400,
.d-inline-ipd-800,
.d-inline-ipd-1200,
.d-inline-ipd-1600,
.d-block-ipd-800 {
    display: none;
}
.product-type-1 .d-inline-product-type-1,
.product-type-3 .d-inline-product-type-3,
.product-type-4 .d-inline-product-type-4,
#page-unit-option-ipd-400 .d-inline-ipd-400,
#page-unit-option-ipd-800 .d-inline-ipd-800,
#page-unit-option-ipd-1200 .d-inline-ipd-1200,
#page-unit-option-ipd-1600 .d-inline-ipd-1600,
#page-unit-sub-ipd80 .d-inline-ipd-800 {
    display: inline;
}
#page-unit-sub-ipd80 .d-block-ipd-800 {
    display: block;
}

#page-unit-select-ipd h3 {
    background-color: #B4C2CC;
    font-size: 1em;
    margin-bottom: 1rem;
    padding: .5rem 0;
    text-align: center;
}

.unit-sub-unit .unit-sub-unit__item {
    cursor: pointer;
}
.unit-sub-unit .unit-sub-unit__item.active {
    border: 1px solid #c61b27;
}
.unit-sub-unit {
    margin: 0 auto;
    position: relative;
}
#page-unit-sub-ipdp15 .unit-sub-unit {
    width: 180px;
    height: 428px;
    background-image: url("../img/unit/sub_unit_container__ipdp15.png");
}
#page-unit-sub-ipdp25 .unit-sub-unit {
    width: 180px;
    height: 428px;
    background-image: url("../img/unit/sub_unit_container__ipdp25.png");
}
#page-unit-sub-ipdp40 .unit-sub-unit {
    width: 180px;
    height: 484px;
    background-image: url("../img/unit/sub_unit_container__ipdp40.png");
}
#page-unit-sub-ipds15 .unit-sub-unit {
    width: 158px;
    height: 466px;
    background-image: url("../img/unit/sub_unit_container__ipds15.png");
}
#page-unit-sub-ipds15l .unit-sub-unit {
    width: 106px;
    height: 466px;
    background-image: url("../img/unit/sub_unit_container__ipds15l.png");
}
#page-unit-sub-ipds15r .unit-sub-unit {
    width: 106px;
    height: 466px;
    background-image: url("../img/unit/sub_unit_container__ipds15r.png");
}
#page-unit-sub-ipds25 .unit-sub-unit {
    width: 158px;
    height: 478px;
    background-image: url("../img/unit/sub_unit_container__ipds25.png");
}
#page-unit-sub-ipds25l .unit-sub-unit {
    width: 106px;
    height: 478px;
    background-image: url("../img/unit/sub_unit_container__ipds25l.png");
}
#page-unit-sub-ipds25r .unit-sub-unit {
    width: 106px;
    height: 478px;
    background-image: url("../img/unit/sub_unit_container__ipds25r.png");
}
#page-unit-sub-ipds40 .unit-sub-unit {
    width: 180px;
    height: 498px;
    background-image: url("../img/unit/sub_unit_container__ipds40.png");
}
#page-unit-sub-ipds40l .unit-sub-unit {
    width: 124px;
    height: 498px;
    background-image: url("../img/unit/sub_unit_container__ipds40l.png");
}
#page-unit-sub-ipds40r .unit-sub-unit {
    width: 124px;
    height: 498px;
    background-image: url("../img/unit/sub_unit_container__ipds40r.png");
}
#page-unit-sub-ipd40 .unit-sub-unit {
    width: 169px;
    height: 765px;
    background-image: url("../img/unit/sub_unit_container__ipd40.png");
}
#page-unit-sub-ipd80 .unit-sub-unit {
    width: 169px;
    height: 741px;
    background-image: url("../img/unit/sub_unit_container__ipd80.png");
}
#page-unit-sub-ipd120 .unit-sub-unit {
    width: 169px;
    height: 748px;
    background-image: url("../img/unit/sub_unit_container__ipd120.png");
}
#page-unit-sub-ipd160 .unit-sub-unit {
    width: 167px;
    height: 792px;
    background-image: url("../img/unit/sub_unit_container__ipd160.png");
}
.unit-sub-unit__left, .unit-sub-unit__right {
    position: absolute;
}
#page-unit-sub-ipdp15 .unit-sub-unit__left {
    left: 31px;
    top: 51px;
    width: 52px;
}
#page-unit-sub-ipdp25 .unit-sub-unit__left {
    left: 25px;
    top: 51px;
    width: 52px;
}
#page-unit-sub-ipdp40 .unit-sub-unit__left {
    left: 20px;
    top: 62px;
    width: 52px;
}
#page-unit-sub-ipds15 .unit-sub-unit__left {
    left: 8px;
    top: 28px;
    width: 66px;
}
#page-unit-sub-ipds15l .unit-sub-unit__left {
    left: 8px;
    top: 28px;
    width: 66px;
}
#page-unit-sub-ipds25 .unit-sub-unit__left {
    left: 7px;
    top: 40px;
    width: 66px;
}
#page-unit-sub-ipds25l .unit-sub-unit__left {
    left: 7px;
    top: 40px;
    width: 66px;
}
#page-unit-sub-ipds40 .unit-sub-unit__left {
    left: 8px;
    top: 60px;
    width: 66px;
}
#page-unit-sub-ipds40l .unit-sub-unit__left {
    left: 6px;
    top: 60px;
    width: 66px;
}
#page-unit-sub-ipdp15 .unit-sub-unit__left > .unit-sub-unit__item:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipdp25 .unit-sub-unit__left > .unit-sub-unit__item:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipdp40 .unit-sub-unit__left > .unit-sub-unit__item:not(.unit-sub-unit__item-spacer) {
    width: 52px;
    height: 12px;
    background-image: url("../img/unit/sub_unit_item__ipdp_left.png");
}
#page-unit-sub-ipdp15 .unit-sub-unit__left > .unit-sub-unit__item-spacer,
#page-unit-sub-ipdp25 .unit-sub-unit__left > .unit-sub-unit__item-spacer,
#page-unit-sub-ipdp40 .unit-sub-unit__left > .unit-sub-unit__item-spacer {
    width: 52px;
    height: 12px;
    background-image: url("../img/unit/sub_unit_item__ipdp_sp.png");
}
#page-unit-sub-ipdp15 .unit-sub-unit__right {
    left: 97px;
    top: 51px;
    width: 52px;
}
#page-unit-sub-ipdp25 .unit-sub-unit__right {
    left: 103px;
    top: 51px;
    width: 52px;
}
#page-unit-sub-ipdp40 .unit-sub-unit__right {
    left: 108px;
    top: 62px;
    width: 52px;
}
#page-unit-sub-ipds15 .unit-sub-unit__right {
    left: 84px;
    top: 28px;
    width: 66px;
}
#page-unit-sub-ipds15r .unit-sub-unit__right {
    left: 32px;
    top: 28px;
    width: 66px;
}
#page-unit-sub-ipds25 .unit-sub-unit__right {
    left: 85px;
    top: 40px;
    width: 66px;
}
#page-unit-sub-ipds25r .unit-sub-unit__right {
    left: 38px;
    top: 40px;
    width: 66px;
}
#page-unit-sub-ipds40 .unit-sub-unit__right {
    left: 106px;
    top: 60px;
    width: 66px;
}
#page-unit-sub-ipds40r .unit-sub-unit__right {
    left: 53px;
    top: 60px;
    width: 66px;
}
#page-unit-sub-ipd40 .unit-sub-unit__left {
    left: -26px;
    top: 56px;
    width: 181px;
}
#page-unit-sub-ipd80 .unit-sub-unit__left {
    left: -26px;
    top: 51px;
    width: 181px;
}
#page-unit-sub-ipd120 .unit-sub-unit__left {
    left: -26px;
    top: 59px;
    width: 181px;
}
#page-unit-sub-ipd160 .unit-sub-unit__left {
    left: -27px;
    top: 79px;
    width: 181px;
}
#page-unit-sub-ipdp15 .unit-sub-unit__right > .unit-sub-unit__item:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipdp25 .unit-sub-unit__right > .unit-sub-unit__item:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipdp40 .unit-sub-unit__right > .unit-sub-unit__item:not(.unit-sub-unit__item-spacer) {
    width: 52px;
    height: 12px;
    background-image: url("../img/unit/sub_unit_item__ipdp_right.png");
}
#page-unit-sub-ipdp15 .unit-sub-unit__right > .unit-sub-unit__item-spacer,
#page-unit-sub-ipdp25 .unit-sub-unit__right > .unit-sub-unit__item-spacer,
#page-unit-sub-ipdp40 .unit-sub-unit__right > .unit-sub-unit__item-spacer {
    width: 52px;
    height: 12px;
    background-image: url("../img/unit/sub_unit_item__ipdp_sp.png");
}
#page-unit-sub-ipds15 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds15l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer) {
    height: 12px;
    width: 60px;
    background-image: url("../img/unit/sub_unit_item__ipds_slim_2p_left.png");
    margin-left: 6px;
}
#page-unit-sub-ipds15 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer,
#page-unit-sub-ipds15l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer {
    height: 12px;
    width: 60px;
    background-image: url("../img/unit/sub_unit_item__ipds_sp_slim_2p.png");
    margin-left: 6px;
}
#page-unit-sub-ipds15 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds15l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer) {
    height: 24px;
    width: 66px;
    background-image: url("../img/unit/sub_unit_item__ipds_slim_3p_left.png");
}
#page-unit-sub-ipds15 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds15l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer {
    height: 24px;
    width: 64px;
    background-image: url("../img/unit/sub_unit_item__ipds_sp_slim_3p.png");
    margin-left: 2px;
}
#page-unit-sub-ipds15 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds15l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer) {
    height: 24px;
    width: 66px;
    background-image: url("../img/unit/sub_unit_item__ipds_agree_2p_left.png");
}
#page-unit-sub-ipds15 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds15l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer {
    height: 24px;
    width: 64px;
    background-image: url("../img/unit/sub_unit_item__ipds_sp_agree_2p.png");
    margin-left: 2px;
}
#page-unit-sub-ipds15 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds15l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer) {
    height: 36px;
    width: 66px;
    background-image: url("../img/unit/sub_unit_item__ipds_agree_3p_left.png");
}
#page-unit-sub-ipds15 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer,
#page-unit-sub-ipds15l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40 .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40l .unit-sub-unit__left > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer {
    height: 36px;
    width: 64px;
    background-image: url("../img/unit/sub_unit_item__ipds_sp_agree_3p.png");
    margin-left: 2px;
}
#page-unit-sub-ipds15 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds15r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1:not(.unit-sub-unit__item-spacer) {
    height: 12px;
    width: 60px;
    background-image: url("../img/unit/sub_unit_item__ipds_slim_2p_right.png");
}
#page-unit-sub-ipds15 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer,
#page-unit-sub-ipds15r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-1-1.unit-sub-unit__item-spacer {
    height: 12px;
    width: 60px;
    background-image: url("../img/unit/sub_unit_item__ipds_sp_slim_2p.png");
}
#page-unit-sub-ipds15 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds15r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2:not(.unit-sub-unit__item-spacer) {
    height: 24px;
    width: 66px;
    background-image: url("../img/unit/sub_unit_item__ipds_slim_3p_right.png");
}
#page-unit-sub-ipds15 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds15r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-2-2.unit-sub-unit__item-spacer {
    height: 24px;
    width: 64px;
    background-image: url("../img/unit/sub_unit_item__ipds_sp_slim_3p.png");
}
#page-unit-sub-ipds15 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds15r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2:not(.unit-sub-unit__item-spacer) {
    height: 24px;
    width: 66px;
    background-image: url("../img/unit/sub_unit_item__ipds_agree_2p_right.png");
}
#page-unit-sub-ipds15 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds15r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-2.unit-sub-unit__item-spacer {
    height: 24px;
    width: 64px;
    background-image: url("../img/unit/sub_unit_item__ipds_sp_agree_2p.png");
}
#page-unit-sub-ipds15 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds15r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds25r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipds40r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3:not(.unit-sub-unit__item-spacer) {
    height: 36px;
    width: 66px;
    background-image: url("../img/unit/sub_unit_item__ipds_agree_3p_right.png");
}
#page-unit-sub-ipds15 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer,
#page-unit-sub-ipds15r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer,
#page-unit-sub-ipds25r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40 .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer,
#page-unit-sub-ipds40r .unit-sub-unit__right > .unit-sub-unit__item.unit-sub-unit__item-13-3.unit-sub-unit__item-spacer {
    height: 36px;
    width: 64px;
    background-image: url("../img/unit/sub_unit_item__ipds_sp_agree_3p.png");
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-4p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-4p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-4p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-4p:not(.unit-sub-unit__item-spacer) {
    height: 31px;
    width: 125px;
    background-image: url("../img/unit/sub_unit_item__ipd_4p.png");
    margin-left: 48px;
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-4p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-4p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-4p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-4p.unit-sub-unit__item-spacer {
    height: 30px;
    width: 125px;
    background-image: url("../img/unit/sub_unit_item__ipd_sp_4p.png");
    margin-left: 48px;
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-5p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-5p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-5p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-5p:not(.unit-sub-unit__item-spacer) {
    height: 38px;
    width: 125px;
    background-image: url("../img/unit/sub_unit_item__ipd_5p.png");
    margin-left: 48px;
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-5p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-5p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-5p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-5p.unit-sub-unit__item-spacer {
    height: 38px;
    width: 125px;
    background-image: url("../img/unit/sub_unit_item__ipd_sp_5p.png");
    margin-left: 48px;
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-6p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-6p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-6p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-6p:not(.unit-sub-unit__item-spacer) {
    height: 45px;
    width: 125px;
    background-image: url("../img/unit/sub_unit_item__ipd_6p.png");
    margin-left: 48px;
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-6p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-6p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-6p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-6p.unit-sub-unit__item-spacer {
    height: 45px;
    width: 125px;
    background-image: url("../img/unit/sub_unit_item__ipd_sp_6p.png");
    margin-left: 48px;
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-7p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-7p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-7p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-7p:not(.unit-sub-unit__item-spacer) {
    height: 53px;
    width: 125px;
    background-image: url("../img/unit/sub_unit_item__ipd_7p.png");
    margin-left: 48px;
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-7p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-7p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-7p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-7p.unit-sub-unit__item-spacer {
    height: 53px;
    width: 125px;
    background-image: url("../img/unit/sub_unit_item__ipd_sp_7p.png");
    margin-left: 48px;
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-12p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-12p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-12p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-12p:not(.unit-sub-unit__item-spacer) {
    height: 89px;
    width: 153px;
    background-image: url("../img/unit/sub_unit_item__ipd_12p.png");
    margin-left: 25px;
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-12p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-12p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-12p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-12p.unit-sub-unit__item-spacer {
    height: 89px;
    width: 143px;
    background-image: url("../img/unit/sub_unit_item__ipd_sp_12p.png");
    margin-left: 35px;
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-16p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-16p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-16p:not(.unit-sub-unit__item-spacer),
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-16p:not(.unit-sub-unit__item-spacer) {
    height: 119px;
    width: 181px;
    background-image: url("../img/unit/sub_unit_item__ipd_16p.png");
}
#page-unit-sub-ipd40 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-16p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd80 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-16p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd120 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-16p.unit-sub-unit__item-spacer,
#page-unit-sub-ipd160 .unit-sub-unit .unit-sub-unit__item.unit-sub-unit__item-16p.unit-sub-unit__item-spacer {
    height: 118px;
    width: 153px;
    background-image: url("../img/unit/sub_unit_item__ipd_sp_16p.png");
    margin-left: 28px;
}

#unit-sub-selected {
    margin-top: 8rem;
}
.unit-sub-selected__action {
    white-space: nowrap;
}

#page-unit-confirm .btn-sm {
    padding: .1rem .3rem;
    font-size: .75rem;
    line-height: 1.5;
}
#page-unit-confirm .unit-item-qty-container {
    width: 6.5rem;
    display: inline-flex;
}
.unit-result-table__name {
    width: 20%;
}
.unit-result-table__category {
    width: 25%;
}
.unit-result-table__qty {
    width: 10%;
}
.unit-result-table__change {
    width: 10%;
}
.unit-result-table__price {
    width: 12%;
}
.unit-result-table__subtotal {
    width: 15%;
}
.unit-result-table__delete {
    width: 8%;
}

.unit-selection-step {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%;
}
.unit-selection-step li {
    display: block;
    text-align: center;
    padding-left: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.unit-selection-step li:before {
    border-top: 3px solid #55606E;
    content: "";
    display: block;
    font-size: 0;
    overflow: hidden;
    position: relative;
    top: 11px;
    right: 1px;
    width: 100%;
    z-index: 1;
}
.unit-selection-step li:first-child:before {
    left: 50%;
    max-width: 50%;
}
.unit-selection-step li:last-child:before {
    max-width: 50%;
    width: 50%;
}
.unit-selection-step li.complete .step {
    background: #0aa66e;
    padding: 1px 6px;
    border: 3px solid #55606E;
}
.unit-selection-step li .step i {
    font-size: 10px;
    font-weight: 400;
    position: relative;
    top: -1.5px;
}
.unit-selection-step li .step {
    background: #969696;
    color: #fff;
    display: inline;
    font-size: 15px;
    font-weight: 700;
    line-height: 12px;
    padding: 7px 13px;
    border: 3px solid transparent;
    border-radius: 50%;
    line-height: normal;
    position: relative;
    text-align: center;
    z-index: 2;
    transition: all .1s linear 0s;
}
.unit-selection-step li.active .step,.unit-selection-step li.active.complete .step {
    background: #f7840d;
    color: #fff;
    font-weight: 700;
    padding: 7px 13px;
    font-size: 15px;
    border-radius: 50%;
    border: 3px solid #f7840d;
}
.unit-selection-step li.complete .title,.unit-selection-step li.active .title {
    color: #2B3D53;
}
.unit-selection-step li .title {
    color: #bfbfbf;
    display: block;
    font-size: 13px;
    line-height: 15px;
    max-width: 100%;
    position: relative;
    table-layout: fixed;
    text-align: center;
    top: 20px;
    word-wrap: break-word;
    z-index: 104;
}
.wizard-actions {
    display: block;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%;
}
.wizard-actions li {
    display: inline;
}
.tab-content.transparent {
    background-color: transparent;
}

.popover.unit-tooltips__popover {
    border-color: #c61b27;
}
.unit-tooltips__body p:last-child {
    margin-bottom: 0;
}

.popover .table thead th {
    height: 4.5rem;
    vertical-align: middle;
}
.popover.unit-tooltips__popover-size {
    max-width: 100%;
}
.popover.unit-tooltips__popover-size th,
.popover.unit-tooltips__popover-size td {
    white-space: nowrap;
}


/* ***********************************************
index
/*********************************************** */
#hero {
    position: relative;
}
#start-button-container {
    position: absolute;
    height: 184px;
    width: 275px;
    background: url("../img/index/guide.png");
    top: 190px;
    left: 418px;
}
#start-button-container::after {
    content: "";
    display: block;
    height: 83px;
    width: 79px;
    position: absolute;
    background: url("../img/index/hand.png");
    top: 112px;
    left: 233px;
}
#start-button {
    display: block;
    position: absolute;
    top: 87px;
    left: 40px;
}
#block-news {
    max-height: 200px;
}
#block-news > .card-body {
    overflow: auto;
}


/* ***********************************************
カテゴリーから探す
/*********************************************** */
#list-category-tab {
    font-size: 1.4rem;
}
.ui-menu .ui-menu-item-wrapper {
    font-size: 1.4rem;
}