@charset "utf-8";
/*　ダスキンレントール枚方オリジナルCSS

基本カラー　青　#2c4197
基本カラー　青ホバー（紺）　#1f2d69
アクセントカラー　オレンジ　#f4780a
薄ブルー　#DAE7FA
 =============================================================================================== */
 
 /*-----------------------------------------------------------
 ヘッダ　ナビ部分
 -----------------------------------------------------------*/
 @media (min-width: 768px) {
    .siteblock-header .catalog-search > label,
    .siteblock-header .navbar-default li.menu-level-0 > a.imgNavi{
        background-color: #2c4197;
    }
    .siteblock-header .navbar-default li.menu-level-0 > a.imgNavi:hover, .siteblock-header .navbar-default li.menu-level-0 > a.imgNavi:focus {
        background-color: #1f2d69 !important;
    }
    .siteblock-header li.menu-level-0 > a:hover, .siteblock-header li.menu-level-0 > div:hover, .siteblock-header li.menu-level-0 > a:focus, .siteblock-header li.menu-level-0 > div:focus {
        border-bottom-color: #2c4197;
        color: #2c4197 !important;
    }
 }
 @media (max-width: 767px) {
    .siteblock-header .navbar-default .navbar-toggle{
        background-color: #2c4197;
    }
    .siteblock-header .navbar-default .navbar-toggle:hover, .siteblock-header .navbar-default .navbar-toggle:focus {
        background-color: #1860b2;
    }
}
 
 /*-----------------------------------------------------------
 既存コンテンツパーツ　
 -----------------------------------------------------------*/
/*---お問い合わせフロートボタン---*/
.siteblock-upper .contact_btn_flot .dec-bg--primary,
.siteblock-footer .contact_btn_flot .dec-bg--primary{
    background-color: #2c4197 !important;
}
.siteblock-upper .contact_btn_flot .dec-bg--secondary,
.siteblock-footer .contact_btn_flot .dec-bg--secondary{
    background-color: #f4780a !important;
}

/* H1見出し*/
@media (min-width: 768px) {
    .siteblock-main h1 {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-bottom: 50px;
    }
}
 
/* H2見出し*/
.siteblock-upper h2::after,
.siteblock-main h2::after{
     background: #2C4197;
}

/* H3見出し*/
h3 {
    color: #2c4197;
}

.align_left{
    text-align: left !important;
}
/*---リンクカラー変更---*/
.siteblock-main a {
    color: #f4780a;
}
.siteblock-main a:hover, .siteblock-main a:focus {
    color: #f5a762;
}

/*---ボタンカラー変更---*/
.clearBu .siteblock-main input, .agreeNoBu .siteblock-main input, .agreeYesBu .siteblock-main input, .noAgreeYesBu .siteblock-main input, .siteblock-main input[type="button"], .siteblock-main input[type="submit"]{
    background-color: #2c4197;
}
.siteblock-bottom .dec-btn--primary,
.siteblock-main .dec-btn--primary{
    background-color: #2c4197 !important;
}
.siteblock-main a.btn02, .siteblock-main a.btnA{
    background-color: #2c4197 !important;
    border-color: #2c4197 !important;
}
.siteblock-main a.btn03, .siteblock-main a.btnB{
    background-color: #f4780a !important;
    border-color: #f4780a !important;
}

/*---表スタイル変更---*/
.siteblock-main table,
.siteblock-opt1 table{
    border: none;
}
.siteblock-main table th,
.siteblock-opt1 table th{
    background-color: #DAE7FA;
    color: #000;
}
.siteblock-main table th,
.siteblock-main table td,
.siteblock-opt1 table th,
.siteblock-opt1 table td{
    border: 1px solid #A9A9A9;
    border-left: none;
    border-right: none;
}
/*---表2列　レスポンシブ---*/
@media (max-width: 767px) {
    .siteblock-main .table_respo table,
    .siteblock-opt1 .table_respo table{
        min-width: 100%;
        max-width: 100%;
    }
    .siteblock-main .table_respo table th,
    .siteblock-main .table_respo table td,
    .siteblock-opt1 .table_respo table th,
    .siteblock-opt1 .table_respo table td{
        border-bottom: none;
        display: block;
        width: 100%;
    }
    .siteblock-main .table_respo tr:last-child td,
    .siteblock-opt1 .table_respo tr:last-child td{
        border-bottom: solid 1px #ccc;
    }
}

/*-----------------------------------------------------------

   HEADER

-----------------------------------------------------------*/
 @media (min-width: 992px) {
    .pagetemp-top .siteblock-header {
        position: fixed;
        width: 100%;
        z-index: 300;
        background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    }
    .siteblock-header {
        height: 60px;
    }
}
@media (min-width: 768px) {
    .siteblock-header li.menu-level-0 > a, .siteblock-header li.menu-level-0 > div {
        background-color: transparent;
    }
}
 /*---ヘッダロゴ---*/
 @media (min-width: 768px) {
    .siteblock-header .container-fluid > .freeParts.sitedesign-headerparts__nofull, .siteblock-header .container-fluid > [class*="cms-parts-HEADER"][class*="free_parts"].sitedesign-headerparts__nofull {
        max-width: 500px;
    }
}
 #logo img {
    max-height: auto;
    width: auto;
}

 /*-----------------------------------------------------------

   UPPER

 -----------------------------------------------------------*/
.siteblock-upper a {
    color: #000D40;
}
.siteblock-upper a:hover, .siteblock-upper a:focus {
    color: #2C4197;
}

/*-----------------------------------------------------------

   BOTTOM

-----------------------------------------------------------*/
.siteblock-bottom{
    background-color:#CBEAEA;
}

/*---------下階層共通　営業時間・TEL・お問い合わせ---------*/
.telmail_contact_link_txt_01{
    background: #FFF;
    padding: 20px 20px 10px;
    border: 4px solid #2C4197;
    border-bottom: none;
    color: #2C4197;
    font-weight: bold;
    text-align: center;
}
.telmail_contact_link_txt_02{
    background: #FFF;
    padding: 0px 30px 20px;
    border: 4px solid #2C4197;
    border-top: none;
    color: #2C4197;
}
.telmail_contact_link_txt_01 p{
    margin-bottom: 1rem;
    font-size: 1.125rem;
}
.telmail_contact_link_txt_01 ul{
    margin: 0;
    padding: 0;
    font-size: 1.125rem;
}
.telmail_contact_link_txt_01 ul li{
    list-style: none;
}
@media (min-width: 768px) {
    .telmail_contact_link_txt_01 ul{
        display: flex;
        justify-content: center;
    }
    .telmail_contact_link_txt_01 ul li{
        margin-right: 20px;
    }
}
.telmail_contact_link_txt_01 hr{
    border-color: #2C4197;
}
.contact_lay-row{
    display: flex;
}
.telmail_contact_link_txt_02 .cparts-img-block{
    width: 50px;
    margin-right: 15px;
}
.telmail_contact_link_txt_02 .cparts-txt-block p{
    line-height: 1.4;
    margin-bottom: 0;
}
.telmail_contact_link_txt_02 .cparts-txt-block strong{
    font-size: 1.875rem;
}
.mail_contact_btn{
    background: #F4780A;
    border-radius: 10px;
}
.mail_contact_btn .cparts-img-block{
    width: 87px;
    padding: 20px;
    display: flex;
    align-items: center;
}
.mail_contact_btn .cparts-txt-block{
    display: flex;
    align-items: center;
}
.mail_contact_btn .cparts-txt-block a{
    color: #FFF;
    display: block;
}

/*-----------------------------------------------------------

   利用ガイド等ボタン（HOME：RIGHT、下階層：BOTTOM）

-----------------------------------------------------------*/
.btn_guide .cparts-body-block{
    background: #2C4197;
    color: #FFF;
    text-align: center;
    border-radius: 8px;
    height: 100%;
    padding: 20px;
}
div[class*="cparts-id311"].cparts-id311-column.btn_guide .cparts-body-block .cparts-img-block{
    height: 90px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
body:not(.pagetemp-top) div[class*="cparts-id311"].cparts-id311-column.btn_guide .cparts-img-block{
    height: 70px !important;
}
div[class*="cparts-id311"].cparts-id311-column.btn_guide .cparts-body-block .cparts-img-block img{
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
    position: static;
}
.btn_guide .cparts-body-block p{
    line-height: 1.5;
}
@media (min-width: 768px) {
    body.pagetemp-top .btn_guide{
         -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}
@media (max-width: 767px) {
    .btn_guide{
        margin-bottom: 20px;
    }
    .lay-row > .lay-col12-xs-12.btn_guide:not(:first-child){
        margin-top: 0;
    }
}


/*-----------------------------------------------------------

   フッター　会社名・住所・電話番号（OPT3）

-----------------------------------------------------------*/
.siteblock-opt3 > .lay-container{
    display: flex;
    flex-wrap: wrap;
}
.siteblock-opt3 > .lay-container > div:first-child{
    width: 100%;
}

.fd_sitename .cparts-img-block img{
    width: auto;
}
.fd_sitename p{
    line-height: 1.3;
    margin-bottom: 0;
}
.fd_sitename p strong{
    font-size: 2rem;
}
.fd_sitename p a{
    color: #2C4197;
}
.siteblock-opt3 .fd_sitename a:hover,
.siteblock-opt3 .fd_sitename a:focus{
    color: #2C4197;
    text-decoration: underline;
}
.fd_sitename .lay-row{
    margin: 0;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 10px;
}
@media (min-width: 768px) {
    .fd_sitename .cparts-img-block{
        width: 480px;
    }
    .sitedesign-optblock .box{
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .fd_sitename .cparts-img-block{
        margin-bottom: 20px;
    }
}

/*-----------------------------------------------------------

   サイトマップ（OPT3）

-----------------------------------------------------------*/
.siteblock-opt3 .naviBox a{
    color: #000;
}
.siteblock-opt3 .naviBox a:hover,
.siteblock-opt3 .naviBox a:focus{
    color: #000;
    text-decoration: underline;
}
.siteblock-opt3 .naviBox .boxBottom > ul > li > a,
.siteblock-opt3 .naviBox .boxBottom > ul > li > ul > li > a{
    font-size: 0.875rem;
    font-weight: normal;
    margin-bottom: 10px !important;
    position: relative;
    padding-left: 15px;
}
.siteblock-opt3 .naviBox .boxBottom > ul > li > a::before,
.siteblock-opt3 .naviBox .boxBottom > ul > li > ul > li > a::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #2C4197;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.siteblock-opt3 .naviBox .boxBottom > ul > li > ul{
    margin-left: 15px;
    margin-bottom: 25px;
}
.siteblock-opt3 .naviBox .boxBottom > ul > li > ul > li{
    margin-bottom: 10px;
    margin-top: 0;
}
@media (min-width: 768px){
    .siteblock-opt3 > .lay-container > div:not(:first-child){
        width: 25%;
    }
    .siteblock-opt3 .naviBox .boxBottom > ul {
        display: block;
    }
    .siteblock-opt3 .naviBox .boxBottom > ul > li {
        display: block;
    }
}
@media (max-width: 767px){
    .siteblock-opt3 > .lay-container > div{
        width: 100%;
    }
    .pagetemp-column1 .siteblock-side .naviBox .boxBottom > ul, .siteblock-right .naviBox .boxBottom > ul, .siteblock-opt3 .naviBox .boxBottom > ul{
        display: block;
        margin: 0;
    }
    .pagetemp-column1 .siteblock-side .naviBox .boxBottom > ul > li, .siteblock-right .naviBox .boxBottom > ul > li, .siteblock-opt3 .naviBox .boxBottom > ul > li{
        padding: 0;
        width: 100%;
    }
    .siteblock-opt3 .naviBox .box{
        margin: 0;
    }
}

/*-----------------------------------------------------------

   FOOTER

-----------------------------------------------------------*/
/*---------コピーライト---------*/
address {
    background-color: #2C4197;
    color: #FFF;
    font-size: 0.875rem;
}
.siteblock-footer{
    border: none;
    padding: 0;
}




 /*-----------------------------------------------------------

   HOME

 -----------------------------------------------------------*/
/*---siteblock-upper---*/
.pagetemp-top .siteblock-upper{
    margin-bottom: 100px;
}
@media (min-width: 768px) {
  .pagetemp-top .siteblock-upper{
      padding-top: 60px;
  }
}
.pagetemp-top .siteblock-upper{
    background: #DAE7FA;
}
  
 /*---メインビジュアル（スライダー）---*/
 #slide_edit .editPanel{
     top: 100px;
 }
 .siteblock-upper .bx-controls{
     margin-bottom: 0;
 }
 @media (min-width: 768px) {
     .siteblock-upper .bxslider img,
     .siteblock-upper .bx-slide-video video{
         width: 100%;
         min-width: 100%;
         max-width: 100%;
         height: 750px;
         object-fit: cover;
     }
     .siteblock-upper .bx-viewport{
        height: 750px !important;
    }
}
@media (max-width: 767px) {
    /*.siteblock-upper .bx-slide-video video{
        height: 60vh;
        margin-left: 50%;
        transform: translateX(-50%);
        width: auto;
        max-width: none;
    }*/
    .siteblock-upper .freeParts .bx-wrapper {
        height: auto !important;
        width: 100% !important;
    }
    .siteblock-upper .freeParts .bx-wrapper .bx-viewport{
        height: 200px !important;
    }
    .siteblock-upper .freeParts .bx-wrapper img{
        max-height: 230px !important;
    }
        
    }
}


/*---お知らせ一覧---*/
.siteblock-upper .topicsDigestBox{
    border-bottom: 1px #A9A9A9 dotted;
    padding-top: 15px;
}
.topicDigestLink, .blogRecentLink{
    margin-top: 60px;
}
.siteblock-upper .topicDigestLink a, .siteblock-upper .blogRecentLink a{
    background-color: #2c4197;
    padding: 20px 3rem;
    position: relative;
}
.siteblock-upper .topicDigestLink a:hover, .siteblock-upper .blogRecentLink a:hover{
    color: #FFF;
}
.siteblock-upper .topicDigestLink a::before, .siteblock-upper .blogRecentLink a::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #FFF;
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    margin: auto;
}

/*-----Main Area-----------*/
body.pagetemp-top > #cms_contents_area > .siteblock-main,
body.pagetemp-top > .siteblock-main{
    background-image: url('/images/home/main_bk.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

/*-----商品インデックスバナーボタン-----------*/
div[class*="cparts-id311"].home_index_btn .cparts-body-block{
    border: 1px solid #A9A9A9;
    display: flex;
    flex-direction: row;
    padding: 10px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 4px 4px 0px 0px rgba(235, 235, 235, 1);
}
div[class*="cparts-id311"].home_index_btn .cparts-foot-block a:hover{
    background: rgb(218 231 250 / 40%);
}
div[class*="cparts-id311"].cparts-id311-column.home_index_btn .cparts-img-block{
    width: 35%;
    height: auto!important;
}
div[class*="cparts-id311"].cparts-id311-column.home_index_btn .cparts-img-block img{
    height: auto!important;
    position: static;
    width: 114px;
}
.cparts-id311--03.home_index_btn .cparts-img-block:before,
.cparts-id311--03.home_index_btn .cparts-img-block:after,
.cparts-id311--03.home_btn_guide .cparts-img-block:before,
.cparts-id311--03.home_btn_guide .cparts-img-block:after{
    content: none;
}
.home_index_btn .cparts-txt-block{
    width: 65%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.home_index_btn .cparts-txt-block p{
    font-size: 1.375rem;
    line-height: 150%;
    margin: 0!important;
    padding: 0!important;
}

@media (max-width: 767px) {
    .lay-row > .lay-col12-xs-12.home_index_btn{
        margin-bottom: 1.5rem;
    }
    .lay-row > .lay-col12-xs-12.home_index_btn:not(:first-child){
        margin-top: 0;
    }
}

/*--------------WEBカタログ-----------------------*/
div[class*="cparts-id311"].cparts-id311-column.home_index_btn.webcatalog .cparts-img-block img{
    height: auto!important;
    position: static;
    width: 81px;
    border: solid 1px #e3e3e3;
}
.home_index_btn.webcatalog .cparts-txt-block p{
    font-size: 1rem;
    line-height: 130%;
    margin: 0!important;
    padding: 0!important;
}

/*--------------選ばれる理由（BOTTOM)-----------------------*/
body.pagetemp-top .siteblock-bottom h2{
    color: #2C4197;
    font-weight: 700;
}
body.pagetemp-top .siteblock-bottom h2::after{
    content: none;
}

.top_riyu .top_riyu_wrap{
    background: #FFF;
    height: 100%;
}
.siteblock-bottom .dec-bg--primary, 
.siteblock-bottom .dec-bg-pe--primary::before, 
.siteblock-bottom .dec-bg-pe--primary::after{
    background-color:#2c4197 !important;
}
.top_riyu .cparts-no-block{
    font-size: 1.75rem;
    line-height: 80px;
    height: 80px;
    padding: 0 20px;
    margin-right: 15px;
}
.top_riyu .cparts-ttl-block{
    color:#2c4197;
    font-weight: bold;
    line-height: 80px;
}
.top_riyu .lay-img-width--max img{
    width: auto;
}
.top_riyu .cparts-txt-block{
    padding: 0 15px 20px;
}
.top_riyu .cparts-txt-block p{
    line-height: 150%;
}
@media (max-width: 767px) {
    .top_riyu .cparts-no-block{
        line-height: 60px;
        height: 60px;
        padding: 0 15px;
    }
    .top_riyu .cparts-ttl-block{
        line-height: 60px;
    }
}

/*--------------ピックアップ商品（SIDE)-----------------------*/
body.pagetemp-top .siteblock-side{
    background-image: none!important;
    background-color: #FFF;
}
body.pagetemp-top .siteblock-side .catalog_picup div[class*='col-']::before{
    background-color: #DAE7FA;
    border-radius: 5px;
}
body.pagetemp-top .siteblock-side .catalog_picup div[class*='col-'] a img{
    width: 90%;
    margin-top: 10px;
}
body.pagetemp-top .siteblock-side .catalog_picup div[class*='col-'] a:nth-child(2){
    margin-bottom: 15px;
    display: inline-block;
    text-align: left;
    width: 100%;
    padding: 0 15px;
}
@media (max-width: 767px) {
    body.pagetemp-top .catalog_picup .row{
        display: flex;
        flex-wrap: wrap;
    }
    body.pagetemp-top .catalog_picup .row div[class*='col-']{
        width: 50%;
    }
}

/*--------------ピックアップカテゴリ（SIDE)-----------------------*/
div[class*="cparts-id311"].cparts-id311-column.home_index_btn.picup_category .cparts-img-block img{
    height: auto!important;
    position: static;
    width: 120px;
}

/*--------------会社案内（OPT1)-----------------------*/
.siteblock-opt1{
    background: #FFF;
}
.siteblock-opt1 > div{
    padding: 0 15px;
}
.home_about .cparts-img-block{
    width: 50%;
}

/*--------------関連バナー（OPT2）--------------------*/
.siteblock-opt2 {
    background-color: #f0f0f0;
}
.siteblock-opt2 > div{
    background: transparent;
    padding: 0 15px;
}
.kanren_bana .cparts-body-block{
    padding: 0;
}
div[class*="cparts-id311"].cparts-id311-column.kanren_bana .cparts-img-block{
    width: 100% !important;
    height: 90px !important;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
}
div[class*="cparts-id311"].cparts-id311-column.kanren_bana .cparts-img-block:before,
div[class*="cparts-id311"].cparts-id311-column.kanren_bana .cparts-img-block:after{
    content: none;
}
div[class*="cparts-id311"].cparts-id311-column.kanren_bana .cparts-img-block img{
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    position: static;
}
div[class*="cparts-id311"].cparts-id311-column.kanren_bana .cparts-txt-block p{
    font-size: 0.875rem;
    line-height: 1.4;
}
@media (max-width: 767px) {
    .lay-row > .lay-col12-xs-12.kanren_bana:not(:first-child){
        margin-top: 10px;
    }
    .lay-row > .lay-col12-xs-12.kanren_bana{
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/*-----------------------------------------------------------

   商品：カテゴリリストボタン

-----------------------------------------------------------*/
div[class*="cparts-id311"].cparts-id311-column.home_index_btn.category_list_btn .cparts-img-block img{
    width: 100% !important;
}
div[class*="cparts-id311"].cparts-id311-column.home_index_btn.category_list_btn .cparts-txt-block p{
    font-size: 1.125rem;
    line-height: 1.4;
}
div[class*="cparts-id311"].home_index_btn.category_list_btn .cparts-body-block{
    height: 100%;
}

/*-----------------------------------------------------------

   商品：カテゴリ　商品一覧

-----------------------------------------------------------*/
.siteblock-main .catalogCategory ul li{
    list-style:none
}
.catalogBoxCatchNo .itemTitle, .catalogBoxCatchNo .itemPrice{
    text-align: left;
    margin-bottom: 15px;
}
.catalogBoxCatchNo .itemTitle,
.catalogBoxCatchNo p{
    line-height: 1.5;
}
.catalogBoxCatchYes > div{
    border-bottom: dotted 1px #CCC;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.catalogBoxCatchYes div[class*='col-']{
     margin-bottom: 0;
}
.catalogBoxCatchYes .itemTitle{
    margin-bottom: 15px;
    text-align: left;
    line-height: 1.5;
}
.catalogBoxCatchYes .itemTitle a{
    color: #000;
}
.catalogBoxCatchYes p{
    margin-bottom: 0;
    line-height: 1.5;
}
@media (min-width: 768px) {
    .catalogBoxCatchYes .itemTitle a {
        font-size: 1.25rem;
    }
}

/*-----------------------------------------------------------

   商品：詳細ページ

-----------------------------------------------------------*/
/*-------商品写真----------*/
@media (min-width: 768px) {
    .catalogDetailBoxLeft{
        width: 40%;
    }
    .catalogDetailBoxRight{
        width: 60%;
    }
}

/*-------配送アイコン----------*/
.icon_haisyou ul{
    display: flex;
    margin: 0;
    padding: 0;
}
.icon_haisyou ul li{
    list-style: none;
    margin: 0;
    padding-right: 15px;
}

/*-------取り扱い説明書　リンクボタン----------*/
.toriatsukai_pdf_link a{
    background: #2c4197;
    padding: 20px 40px;
    color: #FFF;
    border-radius: 5px;
    position: relative;
}
.toriatsukai_pdf_link a:hover{
    color: #FFF;
    opacity: 0.7;
    text-decoration: none;
}
.toriatsukai_pdf_link a::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #FFF;
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    margin: auto;
}

/*-------この商品　問い合わせボタン----------*/
.btn_contact{
    text-align: center;
}
.btn_contact a.dec-btn--primary{
    background: #f4780a !important;
    text-align: center;
    border-radius: 5px !important;
    position: relative;
    
}
@media (min-width: 768px) {
    .btn_contact a.dec-btn--primary{
        padding: 30px 10rem;
    }
}
@media (max-width: 767px) {
    .btn_contact a.dec-btn--primary{
        padding: 15px 40px;
        font-size: 1.125rem;
    }
}
.btn_contact a::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #FFF;
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    margin: auto;
}

/*-------グレー背景：配送エリア----------*/
.txt_bg_gray .cparts-txt-block{
    background: #EBEBEB;
    padding: 30px;
}

/*-------商品詳細　H2見出し----------*/
.catalogDetailDesc h2{
    font-size: 1.75rem;
    color: #2C4197;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #A9A9A9;
    margin-top: 80px;
}
.catalogDetailDesc h2::after{
    content: none;
}

.youtube_area{
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube_area iframe{
    width: 100%!important;
    height: 100%!important;
}
@media (min-width: 768px) {
    .youtube_area{
        width: 50%;
    }
}

/*-------お客様の声----------*/
.voice_list .cparts-txt-block{
    background: #CBEAEA;
    padding: 30px;
    position: relative;
}
.voice_list .cparts-txt-block::before{
    content: '';
    position: absolute;
    background-image: url('/images/common/icon_voice.png');
    background-repeat: no-repeat;
    width: 34px;
    height: 29px;
    top: 15px;
    left: 15px;
}

/*-------関連商品----------*/
.goods_kanren .cparts-body-block{
    padding: 0 5px;
}
.goods_kanren .cparts-img-block{
    margin-bottom: 15px;
}


/*-----------------------------------------------------------

   商品：検索結果

-----------------------------------------------------------*/
.shopSearch .pageLink ul {
    justify-content: center;
}