:root {
  /**[Header Border]**/
  --fa-header-border-color: #005F9F;
  /**[Header Background]**/
  --fa-header-background-color: transparent;
  /**[Main Content Area Background]**/
  --fa-main-content-background-color: #113052;
  /**[Sub Content Area Background]**/
  --fa-sub-content-background-color: #f0f8fd;
  /**[Content Area Background]**/
  --fa-content-color: #f9fafb;
  /**[Footer Background]**/
  --fa-footer-background-color:#005F9F;
  /**[Search Keyword]**/
  --fa-keyword-color: #005f9f;
  /**[Search Navigation-Icon-Background]**/
  --fa-category-background-color: #005f9f;
  /**[Search Navigation-Focus]**/
  --fa-category-focus-color: #dff0ff;
  /**[Search Navigation Title-Border]**/
  --fa-category-content-border-color:#005F9F;
  /**[Link]**/
  --fa-link-color: #007bc7;
  /**[Link Focus]**/
  --fa-link-focus-color: #1c7eff;
  /**[Button1 Background]**/
  --fa-button1-background-color: #005F9F;
  /**[Button1 Text]**/
  --fa-button1-font-color: #fff;
  /**[Button2 Border]**/
  --fa-button2-border-color: rgba(18, 38, 63, .2);
  /**[Button2 Background]**/
  --fa-button2-background-color: transparent;
  /**[Button2 Text]**/
  --fa-button2-font-color: #333;
  /**[Button3 Border]**/
  --fa-button3-border-color: #005f9f;
  /**[Button3 Background]**/
  --fa-button3-background-color: transparent;
  /**[Button3 Text]**/
  --fa-button3-font-color: #333;
  /**[List Border]**/
  --fa-list-border-color: #d5d9e0;
  /**[Icon1]**/
  --fa-icon1-color: #005f9f;
  /**[Icon2]**/
  --fa-icon2-color: #ef2020;
  /**[Form Widget]**/
  --fa-form-widget-color: #005f9f;
  /**[Wizard Content]**/
  --fa-wizard-color: #005f9f;
}

a[href] {
  color: #3b3c4b;
}
a:hover,
a:focus {
  color: var(--fa-link-focus-color);
}
body.color-blue #login-main .login-main-inner .area-login .area-login-content-inner .area-btn-login .btn-login {
  background: var(--fa-button1-background-color);
  color: var(--fa-button1-font-color);
}
.hdg-lv2-01 .hdg-icon.label-new {
  background-color: var(--fa-icon1-color);
}
.label-new {
  background-color: var(--fa-icon2-color);
}
.label-knowledgeKind {
  background-color: var(--fa-icon1-color);
}
.fhButton a,
#str-header .str-header-inner .area-header .txt-header-login,
#str-header .str-header-inner .area-header .txt-header-contact a,
#str-header .str-header-inner .area-header .txt-header-general a {
  box-shadow: 0px 0px 6px 0 var(--fa-button2-border-color);
  background-color: var(--fa-button2-background-color);
  color: var(--fa-button2-font-color);
}
#str-header .str-header-inner .area-header .txt-header-login span {
  color: var(--fa-button2-font-color);
}
#str-header .str-header-inner .area-header .lyt-header-menu .header-login-controls[aria-expanded="false"]::before {
  border-color: var(--fa-button2-font-color) transparent transparent transparent;
}
#str-header .str-header-inner .area-header .lyt-header-menu .header-login-controls[aria-expanded="true"]::before {
  background-color: inherit;
  border-color: transparent transparent var(--fa-button2-font-color) transparent;
}
.fhButton.js-modal-link.advanced a,
#searchAssistForm .fhButton.fhSeeMoreButton a {
  border: 1px solid #005f9f;
  background: var(--fa-button3-background-color);
  color: var(--fa-button3-font-color);
}
#searchAssistForm .fhButton.fhSeeMoreButton a::after {
  border-top: .125rem solid var(--fa-button3-border-color);
  border-left: .125rem solid var(--fa-button3-border-color);
}
#str-header .str-header-inner .area-header .font-size-change button[type="button"] {
  border-color: var(--fa-button2-border-color);
  background-color: var(--fa-button2-background-color);
  color: var(--fa-button2-font-color);
}
#str-header .str-header-inner .area-header .font-size-change button[type="button"]:last-child {
  border-color: var(--fa-button2-border-color);
}
/* ============================================================================
 * _link リンクモジュール
 * ========================================================================= */
.link-single a::after {
    border-top: .125rem solid #1c7eff;
    border-left: .125rem solid #1c7eff;
}
/* ----------------------------------------------------------------------------
 * .list-link-row
 * ------------------------------------------------------------------------- */
.list-link-row > li a::before {
  border-top: .14em solid var(--fa-link-color);
  border-left: .14em solid var(--fa-link-color);
}
/* ----------------------------------------------------------------------------
 * .list-news　ニュースリスト
 * ------------------------------------------------------------------------- */
.list-news li {
  border-bottom: 1px solid var(--fa-list-border-color);
}

.list-news li:first-child {
  border-top: 1px solid var(--fa-list-border-color);
}
/* ----------------------------------------------------------------------------
 * .list-question　質問リスト
 * ------------------------------------------------------------------------- */
.list-question li {
  border-bottom: 1px solid var(--fa-list-border-color);
}
/* ----------------------------------------------------------------------------
 * .area-general-wrap　汎用エリア
 * ------------------------------------------------------------------------- */
.area-general-wrap:nth-child(odd) {
  background-color: var(--fa-content-color);
}

.area-general-wrap:only-child {
	background-color: initial;
}
/* ----------------------------------------------------------------------------
 * .list-category　カテゴリリスト（SP時トグル）
 * ------------------------------------------------------------------------- */
.list-category li .hdg-category a:hover,
.list-category li .hdg-category a:focus,
.list-category li .hdg-category .hdg-category-inner:hover,
.list-category li .hdg-category .hdg-category-inner:focus {
  background-color: var(--fa-category-focus-color);
}
/* ----------------------------------------------------------------------------
 * .list-search-results　開閉機能（検索結果リスト）
 * ------------------------------------------------------------------------- */
.list-search-results li {
  border-bottom: 1px solid var(--fa-list-border-color);
}
.list-search-results li .js-search-results-hdg .btn::before,
.list-search-results li .js-search-results-hdg .btn::after {
  background: var(--fa-icon1-color);
}
/* ----------------------------------------------------------------------------
 * #str-header　共通ヘッダ
 * ------------------------------------------------------------------------- */
body.color-blue #str-header {
  border-bottom-color: var(--fa-header-border-color);
  background-color: var(--fa-header-background-color);
}

/* ----------------------------------------------------------------------------
 * .site-main　メインコンテンツエリア
 * ------------------------------------------------------------------------- */
body.color-blue #str-main #knowledgeSearch::after {
  background: var(--fa-main-content-background-color);
}
/* ----------------------------------------------------------------------------
 * #str-footer　共通フッタ
 * ------------------------------------------------------------------------- */
body.color-blue #str-footer .area-footer {
  background: var(--fa-footer-background-color);
}
/* ============================================================================
 * _module
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .area-search-form　トップページ 検索エリア
 * ------------------------------------------------------------------------- */
body.color-blue .area-search-form .area-search-input {
  border-color: #005f9f;
}

body.color-blue .area-search-form .area-search-submit {
  border-color: var(--fa-keyword-color);
  background-color: var(--fa-keyword-color);
}

body.color-blue .area-search-form .area-search-submit button {
  border-color: #005f9f;
  background-color: #005f9f;
}

body.color-blue .area-search-form .area-search-category {
  border-color: var(--fa-keyword-color);
}
/* ----------------------------------------------------------------------------
 * .hdg-lv2-03　見出しレベル2
 * ------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
 * .hdg-lv3-01　見出しレベル3
 * ------------------------------------------------------------------------- */

/* ============================================================================
 * _btn ボタンモジュール
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .btn-contact　お問い合わせボタン
 * ------------------------------------------------------------------------- */
body.color-blue .btn-contact .btn-contact-inner:not(:disabled) {
  background: var(--fa-button1-background-color);
  color: var(--fa-button1-font-color);
}

/* ----------------------------------------------------------------------------
 * .btn-send　送信ボタン
 * ------------------------------------------------------------------------- */
body.color-blue .area-btn-send .btn-send:enabled {
  background: var(--fa-button1-background-color);
  color: var(--fa-button1-font-color);
}
body.color-blue .area-btn-send .btn-send:enabled .btn-inner::before {
  border-top: solid var(--fa-button1-font-color);
  border-left: solid var(--fa-button1-font-color);
}

/* ============================================================================
 * _box ボックスモジュール
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .box-searchlocation　店舗検索ボックス（トップ固有）
 * ------------------------------------------------------------------------- */

/* ============================================================================
 * _list リストモジュール
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .list-question　質問リスト（サブメニュー機能）
 * ------------------------------------------------------------------------- */
 
/* ----------------------------------------------------------------------------
 * .link-sns-print　SNS・印刷ボタン
 * ------------------------------------------------------------------------- */
.link-sns-print li .btn-sns,
.link-sns-print li.btn-print > button[type="button"],
.link-sns-print li.btn-copy-link {
  box-shadow: 0px 0px 6px 0 var(--fa-button2-border-color);
  background-color: var(--fa-button2-background-color);
  color: var(--fa-button2-font-color);
}

/* ----------------------------------------------------------------------------
 * .list-category　カテゴリリスト（SP時トグル）
 * ------------------------------------------------------------------------- */

body.color-blue .list-category li .hdg-category a .icon-category,
body.color-blue .list-category li .hdg-category .hdg-category-inner .icon-category {
  background-color: var(--fa-category-background-color);
}

/* ----------------------------------------------------------------------------
 * .list-search-results　開閉機能（検索結果リスト）
 * ------------------------------------------------------------------------- */
.list-search-results li .js-search-results-content {
  background-color: rgba(236,238,242,.3);
}
/* ----------------------------------------------------------------------------
 * .list-frm-radio　ラジオボタン
 * ------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
 * .list-frm-check　チェックボックス
 * ------------------------------------------------------------------------- */
body.color-blue .txt-check-item-label input[type="checkbox"]:checked + .txt-check-item::after,
body.color-blue .list-frm-check li .txt-check-item-label input[type="checkbox"]:checked + .txt-check-item::after {
  border-bottom-color: var(--fa-form-widget-color);
  border-left-color: var(--fa-form-widget-color);
}
/* ----------------------------------------------------------------------------
 * .dropzone　添付ファイル
 * ------------------------------------------------------------------------- */
 .area-contents .dropzone .dz-preview .dz-remove {
  border: 1px solid var(--fa-button2-border-color);
  background-color: var(--fa-button2-background-color);
  color: var(--fa-button2-font-color);
}
/* ============================================================================
 * _tbl テーブルモジュール
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .tbl-frm フォームテーブル
 * ------------------------------------------------------------------------- */

/* ============================================================================
 * _form フォーム関連モジュール
 * ========================================================================= */

/* ----------------------------------------------------------------------------
 * .btn-form
 * ------------------------------------------------------------------------- */
body.color-blue .btn-form li button[type="submit"]:enabled {
  background: var(--fa-button1-background-color);
  color: var(--fa-button1-font-color);
}
.btn-form li button[type="submit"]:enabled .btn-inner::after {
  border-top-color: var(--fa-button1-font-color);
  border-left-color:  var(--fa-button1-font-color);
}
/* ----------------------------------------------------------------------------
 * .area-free-opinion　テキストエリア
 * ------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
 * .txt-agree .txt-privacy　（お問い合わせ）
 * ------------------------------------------------------------------------- */
body.color-blue .txt-privacy .txt-privacy-check input[type="checkbox"]:checked + .txt-check-item::after {
  border-bottom-color: var(--fa-form-widget-color);
  border-left-color: var(--fa-form-widget-color);
}

/* ----------------------------------------------------------------------------
 * .list-frm-radio　ラジオボタン
 * ------------------------------------------------------------------------- */
body.color-blue .list-frm-radio li input[type="radio"] + .txt-label::after {
  background: var(--fa-form-widget-color);
  border-color: var(--fa-form-widget-color);
}

/* ============================================================================
 * _area エリア
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .area-faq-cont　質問エリア
 * ------------------------------------------------------------------------- */
body.color-blue .area-faq-cont {
  background-color: var(--fa-sub-content-background-color);
}
/* ----------------------------------------------------------------------------
 * .area-searchlocation-cont　店舗検索エリア
 * ------------------------------------------------------------------------- */
body.color-blue .area-searchlocation-cont {
  background-color: var(--fa-sub-content-background-color);
}
/* ----------------------------------------------------------------------------
 * .area-search-suggest　コンテンツサジェストエリア
 * ------------------------------------------------------------------------- */
.area-search-suggest .list-search-key li a .label-knowledgeKind b {
  background-color: var(--fa-icon1-color);
}

/* ----------------------------------------------------------------------------
 * .talk トークスクリプト トーク
 * ------------------------------------------------------------------------- */
.talk .header {
  background: var(--fa-wizard-color);
  border: 1px solid var(--fa-wizard-color);
}
.talk .content {
  border: 1px solid var(--fa-wizard-color);
}
.talk .talkLog .fhButton a:hover,
.talk .content .talkTransition .fhButton a.selected {
  border-color: var(--fa-wizard-color);
  background-color: var(--fa-wizard-color);
}
.talk .talkDownAllow {
  border-top: 25px solid var(--fa-wizard-color);
}

@media screen and (max-width: 767px){
  .js-sp-toggle li .hdg-category a,
  .js-sp-toggle li .hdg-category .hdg-category-inner{
    color: var(--fa-link-color);
  }
  .js-sp-toggle li .hdg-category .btn::before,
  .js-sp-toggle li .hdg-category .btn::after{
    background: var(--fa-icon1-color);
  }
  .js-sp-toggle li .list-link-row{
    border-top: 1px solid var(--fa-list-border-color);
  }
}

#str-header .str-header-inner .area-header .lyt-header-menu  .dropdown-box-iner {

}
.list-search-results li .js-search-results-hdg .label-reception-open {
	background-color: var(--fa-icon1-color);
}
.label-call-reg-type-web {
  background-color: var(--fa-icon1-color);
}
.area-border-top .hdg-lv2-01::after {
  background: var(--fa-category-content-border-color);
}
/* ----------------------------------------------------------------------------
 * 画像差し替え
 * ------------------------------------------------------------------------- */
.icon-faq {
 content: url('../images/icon-faqq.png');}
.icon-attach {
	width:29px;
	height:29px;
	mask: url('../images/icon-attach.svg'); /* マスクとしてSVGを使用 */
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;

	/* Webkit対応のためのベンダープレフィックス */
	-webkit-mask: url('../images/icon-attach.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	
	background-color: var(--fa-icon1-color);
}
.icon-important {
    /*width: 60px;*/
    height: 50px;

    mask: none !important;
    -webkit-mask: none !important;

    background: none !important;

    content: url("../images/icon-important.png");
}

  
.icon-look{
    width:60px;
    height:60px;

    mask: url('../images/icon-look.png');
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;

    -webkit-mask: url('../images/icon-look.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
   background-color:var(--fa-icon1-color) ;
}

.icon-mypage {
	width:56px;
	height:56px;
	mask: url('../images/icon-mypage.svg'); /* マスクとしてSVGを使用 */
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;

	/* Webkit対応のためのベンダープレフィックス */
	-webkit-mask: url('../images/icon-mypage.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	
	background-color: var(--fa-icon1-color);
}

.icon-inquiry-list {
	width:56px;
	height:56px;
	mask: url('../images/icon-inquiry-list.svg'); /* マスクとしてSVGを使用 */
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;

	/* Webkit対応のためのベンダープレフィックス */
	-webkit-mask: url('../images/icon-inquiry-list.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	
	background-color: var(--fa-icon1-color);
}
.icon-contract-list {
	width:56px;
	height:56px;
	mask: url('../images/icon-contract-list.svg'); /* マスクとしてSVGを使用 */
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;

	/* Webkit対応のためのベンダープレフィックス */
	-webkit-mask: url('../images/icon-contract-list.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	
	background-color: var(--fa-icon1-color);
}
.icon-ai {
	width:20px;
	height:20px;
	mask: url('../images/icon-ai.svg'); /* マスクとしてSVGを使用 */
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;

	/* Webkit対応のためのベンダープレフィックス */
	-webkit-mask: url('../images/icon-ai.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	
	background-color: var(--fa-icon1-color);
}
body.color-blue .list-category li .hdg-category a .icon-category,
body.color-blue .list-category li .hdg-category .hdg-category-inner .icon-category {
  background-color: transparent !important;
}
/* -ปรับ Q&A ในลงมาข้างล่าง- */
div.icon-faq {
  position: relative !important;
  top: 10px !important;
}
/* -ปรับ Q&A ให้มีพืนที่ข้างๆ- */
div.icon-faq {
	margin-right: 7.5px !important
	}
  /* -ปรับ ตกสีในหน้าสอบถาม */
.txt-title.list-dsc::before {
  background-color: transparent !important;
}
.label-new{
    background:url('../images/lastest.png') center center no-repeat !important;
    background-size:contain !important;

    width:40px;
    height:40px;
    display:inline-block;

    opacity:1 !important;
    filter:none !important;
}
/*ลบเส้น Str บนหน้า index ออก*/
body.home #str-header{
    border-bottom-color: transparent !important;
}
/* =========================
   QUESTION
========================= */

.list-dsc.knowledge-info:first-of-type dd{
    position:relative;

    background:#eef2f7;
    border:none;
    border-radius:16px;

    padding:18px 24px 18px 70px;
    margin:0 !important;

    display:flex;
    align-items:center;

    font-weight:bold;
}

.list-dsc.knowledge-info:first-of-type dd::before{
    content:"Q";
    position:absolute;

    left:18px;
    top:50%;
    transform:translateY(-50%);

    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;

    border-radius:50%;

    background:#005ea1;
    color:#fff;

    font-size:22px;
    font-weight:bold;
}
/* =========================
   ANSWER
========================= */

.list-dsc.knowledge-info:last-of-type dd{
    position:relative;

    background:#fff;
    border:1px solid #d9d9d9;
    border-radius:16px;

    padding:18px 24px 24px 70px;
    margin:15px 0 0 0 !important;

    box-sizing:border-box;
}

.list-dsc.knowledge-info:last-of-type dd::before{
    content:"A";
    position:absolute;

    left:18px;
    top:18px;

    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;

    border-radius:50%;

    background:#ee313d;
    color:#fff;

    font-size:22px;
    font-weight:bold;
}
/* ซ่อน Question / Answer เดิม */
.list-dsc.knowledge-info dt{
    display:none !important;
}
/*ซ่อน category ตัวล่าง*/
.area-border-top h3.hdg-lv3-01{
    display:none !important;
}
/*==ซ่อนโปรดักในหน้า knowleadge*/
/* ซ่อนหัวข้อสินค้า (h2 ตัวที่ 2) */
.str-inner > h2.hdg-lv2-02:nth-of-type(2) {
    display: none !important;
}

/* ซ่อนรายการสินค้าตัวที่ 2 */
.str-inner > ul.list-question:nth-of-type(2) {
    display: none !important;
}
/* h2.hdg-lv2-02 ตัวที่ 2 */
.str-inner > h2.hdg-lv2-02:last-of-type {
    display: none !important;
}