@charset "utf-8";
/*
 * PKSHA FAQ
 * Copyright(c) 2002-2020 PKSHA Communication
*/

/*==================================================================

  ▼テンプレート使用色

==================================================================*/

/*
ライン：#004da1（ブルー）#dee1e2（グレー）
リンク色： #004da1
濃色：#004da1
グレー：#58676b #f7f7f7（濃←→薄）
*/

/* =======================================================
     basic
======================================================= */
/* ------------------------------
     default settings
------------------------------ */
body {
    font-family: "メイリオ", Meiryo, Osaka, sans-serif; /* 文字フォント */
    line-height: 1.5; /* テキスト高さ */
}
h1 {
    font-size: 100%; /* 文字サイズ */
}
* {
    word-break: break-word!important;
    overflow-wrap: break-word!important;
}

/* ------------------------------
     font size
------------------------------ */
/* 大 */
body.lang_size_large,
.lang_size_large textarea {
    font-size: 100%; /* 文字サイズ */
}
.lang_size_large .login_txt,
.lang_size_large .keyword_frm {
    font-size: 100%; /* 文字サイズ */
}
/* 中 */
body.lang_size_medium,
.lang_size_medium .login_txt,
.lang_size_medium  .keyword_frm,
.lang_size_medium textarea {
    font-size: 88%; /* 文字サイズ */
}
/* 小 */
body.lang_size_small,
.lang_size_small textarea {
    font-size: 75%; /* 文字サイズ */
}
.lang_size_small .login_txt,
.lang_size_small .keyword_frm {
    font-size: 75%; /* 文字サイズ */
}

/* ------------------------------
     link
------------------------------ */
/* リンク */
a:link {
    color: #333; /* テキスト色 */
}
/* 訪問済み */
a:visited {
    color: #333; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* ホバー */
a:hover {
    color: #004da1; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/* アクティブ */
a:active {
    color: #333; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/*フォーム*/
textarea, input, select {
    font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
    padding: 2px 3px;
}
/* =======================================================
     base layout
======================================================= */
.okw_headline { display:none; }
/*---------- ヘッダー フッター ----------*/
.header_contents {
  border-bottom:2px solid #004da1;
  padding:19px 20px;
}
.header_contents h1 {
  display:inline-block;
}
.header_contents h1 a {
  display:flex;
  align-items:center;
  height:60px;
}
.header_contents h1 a img {
  max-height:60px;
  width:auto;
}
.header_contents .header_contents_text {
  margin-left:20px;
  font-size:25px;
}
.footer {
	padding: 10px;
}
.copyright {
	width: 965px;
	margin: 0 auto;
	color: #999;
	font-size: 12px;
	text-align: center;
}
#okw_footer_default {
	background: #f5f5f5;
}
#okw_logo_footer {
	width: 965px;
	margin: 0 auto;
	float: none;
	display: block;
	overflow: hidden;
}
#okw_logo_footer a {
	float: right;
}

/* ------------------------------
     wrapper
------------------------------ */
/* 全体 */
#okw_wrapper {}

/* ------------------------------
     contents
------------------------------ */
/* 領域 */
#okw_contents {
    background: none; /* 背景 */
    width: 960px;
    margin: 0 auto;
}
/* 表示領域ベース */
#okw_contents_base {
    margin: 0 auto; /* 周囲余白 */
    padding-right: 0px; /* 余白 */
    width: 100%; /* 幅 */
    background: none; /* 背景 */
    position: relative; /* ポジショニング */
}
/* 表示領域 */
#okw_contents_inner {
    background: none; /* 背景 */
    padding: 5px 0 1px 0px; /* 余白 */
}

/* ------------------------------
     side column
------------------------------ */
/* 領域 */
#okw_side {
    width: 236px; /* 幅 */
}

#okw_side .oneCol {
  margin-bottom: 15px;
}
/* ------------------------------
     main column
------------------------------ */
/* 領域 */
#okw_center{}
/* 領域・サイドカラム有 */
#okw_center.okw_side {
    width: 690px; /* 幅 */
}
/* 領域・サイドカラム無 */
#okw_center .side_none {
    width: auto; /* 幅 */
}
/* ------------------------------
     footer
------------------------------ */
#copy {
    color: #787878;
    font-size: 80%;
    margin: 10px auto;
    width: 960px;
}

/* ライン画像領域 … custom フッターで消える */
#okw_footer_custom {
    height: 15px; /* 高さ */
    background: transparent url("../images/front/footerbg.jpg") repeat-x scroll left top; /* 背景 */
}
/* 領域 */
#okw_footer_default {
    background: none repeat scroll 0 0 #f8f8f8;
    padding: 10px 10px 5px;
}
/* コピーライト部分文字サイズ固定 */
body #okw_footer_default{
    font-size: 100%;
}



/* =======================================================
     sub_headder
======================================================= */
/* 領域 */
#okw_sub_header {
    background: #fff;
    line-height: 22px;
    margin-bottom: 15px;
}

/* =======================================================
     design parts
======================================================= */
/* 領域 */
.colArea {
    margin-bottom: 40px; /* 周囲余白 */
}
/* ------------------------------
     title
------------------------------ */
/* 2 列パーツ */
.twoCol {
    width: 48.5%; /* 幅 */
}
/* 1 列パーツ */
.ttl_col {
    background: none; /* 背景 */
    height: auto; /* 高さ */
    padding: 0 0 1px; /* 余白 */
    margin-bottom: 15px;
    border-bottom: 2px solid #dee1e2;
}
/* パーツタイトル */
.ttl_bg {
    background: none; /* 背景 */
    height: auto; /* 高さ */
    padding: 0; /* 余白 */
}
/* パーツタイトル文字 */
.ttl_col h2 {
    font-size: 17px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
}
/* ------------------------------
     info & news
------------------------------ */
/* 1 行 */
.newsList li {
    background: none; /* 背景 */
    padding: 0; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
    clear:both;
    overflow: hidden;
    line-height: 1.6;
    border-bottom: 1px dotted #bbb;
}
/* 日付 */
.datetime {
    line-height: 1.6; /* テキスト高さ */
    margin-right: 5px; /* 周囲余白 */
    white-space: nowrap; /* 要素内余白表示 */
}
/* Info&News一覧日付 */
.newsList li .datetime{
    font-size: 95%;
}

/* ------------------------------
     keyword search
------------------------------ */
/* フォーム */
.keyword_frm {
    width: 69%; /* 幅 */
    height: 28px; /* 高さ */
    float: left; /* 表示配置 */
    border: 1px #ccc solid; /* 罫線スタイル */
    border-radius: 5px;
    line-height: 2.0; /* テキスト高さ */
    font-size: 100%; /* 文字サイズ */
    letter-spacing: 1.8px; /* 文字間 */
    margin-right: 5px;
    padding: 0 2px;
}
/* ボタン */
.search_frmArea .keyword_frmbtn {
    background: transparent url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top; /* 背景 */
	background: transparent url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top !important; /* 背景 */
    /*simple_bg_btn.png*/
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    color: #555; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 100%; /* 文字サイズ */
    margin-top: -2px;
}
/* 自然文ボタン */
.search_frmArea .n_keyword_frmbtn{
    background: url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top transparent;
    /*simple_bg_btn.png*/
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    color: #555; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 14px; /* 文字サイズ */
    float:right;
    margin:5px 0 0 0; /* 周囲余白 */
    display:block;
}
.search_frmArea .keyword_frmbtn:hover, .search_frmArea .n_keyword_frmbtn:hover {
        background: url("/usr/file/attachment/simple_bg_btn_h.png") no-repeat scroll left top transparent;
        /*simple_bt_btn_h.png*/
        color: #004da1;
    }
/* 検索切り替え */
.search_switch{
    font-size:0.9em; /* 文字サイズ */
}
/*お問い合わせパーツ*/
.okw_parts_helpdesk .qaList li {
	background: url("/usr/file/attachment/temp_blue_arrow.png") no-repeat scroll left top 7px;
	/*temp_arrow.png*/
	padding: 0 0 0 10px;
}
/* ------------------------------
     login parts
------------------------------ */
/* ログインパーツ */
.loginArea,
.loginUsrArea{
    border-top: 1px solid #ddd;
    margin: 0 3px 0 3px;
    padding: 15px 10px 0;
    width: auto;
    box-sizing: border-box;
}
/* ログインボタン */
.loginUsrArea p{
    border-bottom: none; /* 罫線 */
}

/* ------------------------------
     category list
------------------------------ */
/* 小カテゴリ */
.cate_small{
    font-size: 90%;
}

/* ------------------------------
     category tree
------------------------------ */

.oneCol.okw_parts_category_tree a:hover {
    color: #004da1;
}

.fo_b{ font-weight:bold;}

/* カテゴリー名領域 */
.cate_pull_inert_bg{padding: 7px 0;}


/* 選択中のカテゴリ */
.category_select{ background-color: transparent;}
.category_select a, .category_select a span{ color: #004da1; font-weight: normal; }


/* カテゴリ名文字 */
.category_level_0{ margin: 0 0 0 3px; width: 230px; background: transparent; }
.category_level_0 li{ border-top: 1px solid #ddd;}

.category_level_1{ background: transparent; margin-left:20px; clear:both;}
.category_level_1 li{ border-top: 1px dotted #ddd;}

.category_level_2{background: transparent; margin-left:20px; clear:both;}
.category_level_2 li{ border-top: 1px dotted #ddd;}

.category_level_3{background: transparent; margin-left:20px; clear:both;}
.category_level_3 li{ border-top: 1px dotted #ddd;}

/* =======================================================
 faq detail page
======================================================= */
/* 領域 */
.faq_qstInf_col {
    border-bottom: 1px dotted #bbb; /* 罫線 */
    margin: 0 0 16px; /* 周囲余白 */
}

/* ------------------------------
     question
------------------------------ */
/* タイトル */
.faq_qstCont_ttl {
    font-size: 142%;  /*文字サイズ */
    font-weight: normal; /* 文字太さ */
    color: #444; /* テキスト色 */
    /*line-height: 1.2;  テキスト高さ */
    margin: 10px 25px 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
	white-space: normal;
}
/* カテゴリ */
.faq_cate_col {
    padding: 5px; /* 余白 */
    border-style: dotted none;
    border-width: 1px 0px;
    border-color: #bbb;
    background-color: #fff; /* 背景色 */
    font-size: 80%;
}

/* ------------------------------
     answer
------------------------------ */
/* タイトル領域 */
.faq_ans_bor {
    background: none; /* 背景 */
}
/* タイトル */
.faq_ans_ttl {
    font-size: 100%; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    line-height: 1.2; /* テキスト高さ */
    margin: 10px 20px 10px; /* 周囲余白 */
}

/* 添付ファイル項目名 */
/* 横並び設定 */
.faq_attachment_file_list dd {
    display: inline;
    margin: 0 15px 0 0;
    float: none;
    word-break: keep-all;
}
/* 縦並び設定 */
/*
.faq_attachment_file_list dd {
    display:block;
    margin: 0;
    float:none;
    text-indent: 1em;
}
.faq_attachment_file_list dt {
    display:block;
    float:none;
}
*/
/* ------------------------------
     wizard FAQ question
------------------------------ */
/* 質問文 */
.wzd_qstCont_txt{
    float: left;
}
/* 1カラム　設問リンク */
.wzd_bck{
    background: url("../images/front/btn_back.gif") no-repeat scroll left top transparent;
    float: right;
    font-size:70%;
    padding-left:18px;
    margin-top:5px;
    width: 13%;
}

/* ------------------------------
     enquate
------------------------------ */
/* 領域 */
.oneCol.okw_parts_enquete {
    width: 80%;
    margin: 0 auto;
}

.okw_enquete_area{
    border: none;
    margin: 0 auto 20px;
    padding: 10px 15px 5px;
    width: auto;
    background: #f7f7f7;
    border-radius: 7px;
}
/* テキストタイトル */
.questioner_ttl {
    font-size:100%;
    text-align:center;
    border-bottom:2px solid #004da1;
}
/* テキストエリア領域 */
.questioner_txt_col{
    width: 60%;
}
/* テキストエリア上メッセージ */
.questioner_sub_msg{
    font-size: 100%;
}
/* テキストエリア */
.questioner_txt {
    background-color: #fcfcfc;
    border: 1px solid #aaaaaa; /* 罫線 */
    width: 95%; /* 幅 */
    height: 80px;
    margin: 5px 0;
    padding: 5px;
}

/* ボタン領域 */
.questioner_submit_btn {
    height: 40px; /* 高さ */
}
/* 送信ボタン */
.questioner_btn {
    font-size: 100%; /* 文字サイズ */
    color: #555; /* テキスト色 */
    background: transparent url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top; /* 背景 */
    /*simple_bg_btn.png*/
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    display: block;
}
/* 送信ボタン ホバー */
.questioner_btn:hover {
    background: transparent url("/usr/file/attachment/simple_bg_btn_h.png") no-repeat scroll left top;
    /*simple_bg_btn_h.png*/
    color: #004da1; /* テキスト色 */
}
/* 送信ボタン 非活性時 */
.questioner_btn[disabled]{
    filter: alpha(opacity=50); /*IE*/
    -moz-opacity: 0.5; /*Firefox*/
    opacity: 0.5; /*Opera・Safari*/
}

/* ------------------------------
     related faq : おすすめFAQ
------------------------------ */
/* 奇数行 */
.faq_list_bg1 {
    background-color: #fff; /* 背景色 */
}
/* 偶数行 */
.faq_list_bg2 {
    background-color: #fff; /* 背景色 */
}

.faq_relate_list li.Q_sml {
    margin-bottom: 5px;
}


/* =======================================================
     faq search list page
======================================================= */
/* ------------------------------
     list
------------------------------ */
/* 領域 */
.search_list {
    overflow: hidden; /* 領域外表示 */
}
/* 1 行 */
.search_list_inner {
    border-bottom: 1px dotted #bbb; /* 罫線 */
    padding: 10px; /* 余白 */
}
/* 1 行 ホバー */
li.search_list_inner:hover {
    background-color: #f7f7f7; /* 背景色 */
}
/* 奇数行 */
.search_list_bg1 {
    background-color: #fff; /* 背景色 */
    padding: 10px; /* 余白 */
}
/* 偶数行 */
.search_list_bg2 {
    background-color: #fff; /* 背景色 */
    padding: 10px; /* 余白 */
}

/* ------------------------------
     paging common
------------------------------ */
/* ページング領域（上） */
.pg_col_top {
    font-family: inherit; /* 文字フォント */
}
/* ページング領域（下） */
.pg_col_down {
    font-family: inherit; /* 文字フォント */
}

/* ------------------------------
     sort
------------------------------ */
/* 領域 */
.okw_sort {
    text-align: right; /* テキスト配置 */
    font-size: 12px; /* 文字サイズ */
    width: 30%; /* 幅 */
    margin-right: 10px; /* 周囲余白 */
}
/* 各リンク・現在地 */
.okw_sort a,
.okw_sort span {
    margin: 0 1px; /* 周囲余白 */
    padding-right: 5px; /* 余白 */
}
/* 現在地 */
.okw_sort span.okw_current {
    font-weight: bold; /* 文字太さ */
    padding-left: 12px; /* 余白 */
    background: transparent url("../images/front/marker_down.gif") scroll no-repeat left center; /* 背景 */
}
/* 検索結果　キーワード順 */
.okw_sort_key_index0 {
    border-right: 1px solid #000000; /* 検索時のソート条件の区切り文字 */
}

/* =======================================================
     info & news page
======================================================= */
/* 投稿日時領域 */
.infonews_datetime {
    font-size: 84%;
}

/* タイトル領域 */
.infonewstitle_col,
.hdquestion_col{
    padding-bottom: 2px;
    border-bottom: 1px dotted #ddd;
    height: auto;
}

/* タイトル領域 */
.infonews_ttl {
    background-color: #fff; /* 背景色 */
    font-size: 100%; /* 文字サイズ */
    padding-left: 0px; /* 余白 */
    height: auto;
}

/* =======================================================
     reissue password page
======================================================= */
/* 領域 */
#reissue_password {
    width: 500px; /* 幅 */
}
/* タイトル */
#reissue_password h2 {
    font-size: 18px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    border-bottom: 1px solid #ccc; /* 罫線 */
    margin-bottom: 10px; /* 周囲余白 */
}
/* PW再発行フォーム(登録済みメールアドレス) */
#reissue_password .form_field {
    margin: 0 16px 14px; /* 周囲余白 */
}
/* 登録済みメールアドレス */
#reissue_password dt {
    width: 13em; /* 幅 */
}
/* 登録済みメールアドレス */
#reissue_password .mail_txt {
    width: 220px; /* 幅 */
}

/* =======================================================
    helpdesk table
======================================================= */
.HDcolumn_left{
    float:left;
    background-color: #f9f9f9;
    border-right: 1px dotted #dcdcdc;
    width: 200px;
    padding:5px 0;
    text-indent: 10px;
    margin-bottom: -32763px;
    padding-bottom: 32768px;
}

.HDcolumn_right {
    background-color: #ffffff;
    text-align: left;
    padding: 5px 0 5px 10px;
    overflow: initial;
    max-width: calc(100% - 10px);
}

/* =======================================================
     helpdesk フォーム関連
======================================================= */
/* 入力用のフォント */
textarea,input {
    font-family: inherit; /* フォント */
}

/* ===========================================================
　　　helpdesk error
============================================================== */
.preLink {
    font-size: 88%;
}

/* ===========================================================
　　　template
============================================================== */
/* template */

.header {
    width: 960px;
    margin: 24px auto 15px;
}

#okw_side .okw_parts_login {
    background: url("/usr/file/attachment/simple_bg_side_bot.png") no-repeat scroll 0 bottom;
    /*simple_bg_side_bot.png*/
    padding-bottom: 4px;
}
#okw_side .okw_parts_login .ttl_col {
    background: url("/usr/file/attachment/simple_bg_side_top.png") no-repeat scroll left top;
    /*simple_bg_side_top.png*/
    border-bottom: none;
    height: 35px;
    padding: 0;
    width: 100%;
    margin-bottom: 1px;
}
#okw_side .okw_parts_login .ttl_bg {
    background: url("/usr/file/attachment/simple_bg_side_ttl.png") no-repeat scroll 3px 3px;
    /*simple_bg_side_ttl.png*/
    border: none;
    color: #58676b;
    font-size: 100%;
    font-weight: bold;
    height: 32px;
    margin: 0;
    padding: 3px 3px 1px;
    text-indent: 5px;
    width: 230px;
}
#okw_side .okw_parts_login .icoLogin {
    background: url("/usr/file/attachment/simple_ico_lock.png") no-repeat scroll 3px center;
    /*simple_ico_lock.png*/
    display: inline-block; /* 表示要素 */
    height: 32px; /* 高さ */
    padding: 2px 0 0 35px; /* 余白 */
    letter-spacing: 0.05em;
    line-height: 32px;
}

.search_attachment_icon {
    background: url("/usr/file/attachment/temp_clip.png") no-repeat scroll left center;
    /*temp_clip.png*/
}


/* =======================================================
     追加css
======================================================= */

/* ------------------------------
     design parts
------------------------------ */
/* 共通 */
.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoHot, .icoFaq, .icoFavorite, .icoPickup, .icoCommunity, .icoProf, .icoKey, .icoLogin, .icoHdquestion {
    background: none;
    display: inline-block;
    padding: 0 10px 0 6px;
    border-bottom: 2px solid #004da1;
    min-width: 37%;
    letter-spacing: 0.05em;
    height: auto;
    margin-bottom: -3px;
    word-break: break-all;
    line-height: 19px;
}


/* ------------------------------
     faq detail page
------------------------------ */

#faq_answer_contents img {
  max-width: 100%;
  width: auto !important;
}

/* タイトル */
.infonews_ttl_bor,
.icoHdquestion{
    background-image: none;
    font-size: 132%;
    font-weight: normal;
    padding: 10px;
	border-left: 4px solid #004da1;
    border-bottom: none;
}

.faq_relate_list {
    margin: 5px 10px 10px;
}
/* ------------------------------------
     カテゴリー一覧子カテゴリー
------------------------------------ */

.cateList_area {
    color: #ddd;
}

.cate_middle {
    word-break: break-all;
    white-space: normal;
}

.cateList_box {
    margin: 10px 10px 10px 0;
}
/* ------------------------------------
     キーワード検索
------------------------------------ */
.search_frmArea {
    margin: 15px 10px;
}

.twoCol .search_frmArea {
    margin: 10px;
}
.search_frmArea .keyword_helpbtn {
    margin-left: 5px;
}
/* ------------------------------
     Info&Newsタイトル
------------------------------ */

.infoTxt {
    float: left;
    word-break: break-all;
    white-space: normal;
    padding-bottom: 4px;
}


/* ------------------------------
     Info&Newsページ内
------------------------------ */
.infonews_txt {
    white-space: normal;
    word-break: break-all;
}


/* ------------------------------
     パンくずリスト
------------------------------ */
.okw_bread li {
    display: inline-block;
    max-width: 79%;
	word-break: break-all;
    white-space: normal;
}

.okw_bread li a {
    margin: 0 4px 0 4px;
}

.okw_bread li span:last-child {
    margin-left: 4px;
}

.okw_bread li a:first-child {
    margin-left: 0px;
}


/* ------------------------------
     キーワード検索
------------------------------ */

.search_frmArea .keyword_mode .keyword_frmbtn, .search_frmArea .natural_mode .keyword_frmbtn {
    background: transparent url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top;
    width: 74px;
    height: 33px;
    color: #333;
	text-indent: 3px;
    line-height: 2.3em;
}
/* 検索ボタン　simple_bg_btn.png */
.search_frmArea .natural_mode .keyword_frmbtn {
    margin-right: -8px;
}


.search_frmArea .keyword_mode .keyword_frmbtn:hover, .search_frmArea .natural_mode .keyword_frmbtn:hover {
    background: transparent url("/usr/file/attachment/simple_bg_btn_h.png") no-repeat scroll left top;
    color: #004da1;
}
/* 検索ボタンホバー　simple_bg_btn_h.png */


.kwd_none {
    background-color: #eef9ff;
}
/* 検索結果 */
.cate_small {
  padding-top:10px;
  word-break:break-all;
}

.cate_small span a {
    display: inline-block;
    padding-bottom: 7px;
    padding-left:10px;
    background:url("/usr/file/attachment/temp_blue_arrow.png") no-repeat left top 6px;
  /*temp_arrow.png*/
}

.okw_sort_select .sort_arrow {
  margin: 3px 0 0 10px;
}
/* ------------------------------
     カテゴリーツリー
------------------------------ */
/* TOPカテゴリータイトル、背景 */

.category_tree {
    font-size:87.5%;
    border: none;
    margin: 0 0 40px;
    padding-bottom: 3px;
    width: 100%;
    background: url("/usr/file/attachment/simple_bg_side_top.png") no-repeat scroll 0 top;
}
/* カテゴリーツリートップライン simple_bg_side_top.png*/



.category_open a:hover.pm_icon {
    background: url("/usr/file/attachment/temp_blue_open_hover.png") no-repeat 0 0;
}
/* カテゴリーツリーマイナスアイコンホバー temp_open_hover.png*/


.category_close a:hover.pm_icon {
    background: url("/usr/file/attachment/temp_blue_close_hover.png") no-repeat 0 0;
}
/* カテゴリーツリープラスアイコンホバー temp_close_hover.png*/

.category_open .pm_icon {
    background: url("/usr/file/attachment/temp_blue_open.png") no-repeat 0 0;
    min-height:18px;
}
/* カテゴリーツリーマイナスアイコン temp_open.png*/

.category_close .pm_icon {
    background: url("/usr/file/attachment/temp_blue_close.png") no-repeat 0 0;
    min-height:18px;
}
/* カテゴリーツリープラスアイコン temp_close.png*/


/* カテゴリーアイコン無し調整 */
.category_none{ 
	padding-left:28px;
    background: url("/usr/file/attachment/temp_blue_arrow.png") no-repeat 11px 12px;
}
/* カテゴリーツリー矢印アイコン temp_arrow.png*/

/* 配下カテなし選択カテゴリーの画像 */
.category_none.category_select{
    background: url("/usr/file/attachment/temp_blue_arrow.png") no-repeat 11px 12px #f7f7f7;
}
/* カテゴリーツリー矢印アイコン temp_arrow.png*/

.category_select{
	background-color: #f7f7f7;
}

.category_tree a, .category_nofaq {
    overflow: visible;
}
.cate_pull_inert_bg {
    display: flex;
}
.category_tree a, .category_nofaq {
    width: calc(100% - 25px);
}

/* ===========================================================
　　　カテゴリーツリー二重線枠
============================================================== */

.oneCol.okw_parts_category_tree {
    background: transparent;
}

.category_tree {
    background: none;
    border: double #efefef;
    border-radius: 7px;
    box-sizing: content-box;
    color: #ddd;
}

.icocate_tree {
	text-indent: 3px;
    background: url("/usr/file/attachment/simple_ico_cate.png"),url("/usr/file/attachment/simple_bg_side_ttl.png");
    background-repeat: no-repeat;
    background-position: 8px 8px,0px 0px;
    padding: 7px 4px 0 38px;
	display: inline-block; /* 表示要素 */
    letter-spacing: 0.05em;
}

/* ファイルアイコン simple_ico_cate.png*/
/* 吹き出しアイコン simple_bg_side_ttl.png*/

.cate_small span a {
    display: inline-block;
    padding-bottom: 7px;
}
/* ===========================================================
　　　文字折り返し設定
============================================================== */

/* 「一覧表示」によるタイトルずれ解除*/
.icoFavorite,
.icoPickup{
    max-width: calc(100% - 95px);
	float:none;
}



.okw_parts_favorite_faq .list, 
.okw_parts_pickup_faq .list, 
.okw_parts_mypage_list .list {
    float: none;
    margin-top: 0px;
    margin-right: 0px;
    font-weight: normal;
    position: absolute;
    right: 7px;
    bottom: 0px;
}

.attention_keyword_list,
.faqList{
    white-space: normal;
    word-break: break-all;
}

.attention_keyword_list{
	padding-left: 10px;
}

/* FAQ一覧「詳細表示」余白*/
.faq_list_show_detail {
    padding-left: 20px;
}

/* サブカテゴリー一覧幅 */

.okw_parts_category .cateList_2line {
    width: 49%;
    float: left;
}
/* ===========================================================
　　　FAQ詳細ページ
============================================================== */

.faq_ansCont_txt {
    padding-top: 4px;
	line-height: 1.3em;
}


/* テキスト領域 */
.faq_qstCont_txt {
    margin-bottom: 24px;
    word-break: break-all;
    line-height: 1.3em;
}

/* ===========================================================
　　　カテゴリーページ
============================================================== */
/* カスタムで作成するアイコンサイズ調整*/
.faq_custom_mark {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    padding-bottom: 1px;
    height: auto;
}

/* ------------------------------
   FAQ詳細ページ　昇順アイコン
------------------------------ */
.sort_asc_image_on {
	background-image: url("/usr/file/attachment/temp_arrow_up.png");
	background-size: contain;
}
/* 上向選択時アイコン temp_arrow_up.png*/


.sort_asc_image_off {
	background-image: url("/usr/file/attachment/temp_arrow_up_off.png");
	background-size: contain;
}
/* 上向非選択時アイコン temp_arrow_up_off.png*/

.sort_asc_image_off:hover {
	background-image: url("/usr/file/attachment/temp_arrow_up_h.png");
	background-size: contain;
}
/* 上向非選択時ホバーアイコン temp_arrow_up_h.png*/


/* ------------------------------
   FAQ詳細ページ　降順アイコン
------------------------------ */
.sort_desc_image_on {
	background-image: url("/usr/file/attachment/temp_arrow_down.png");
	background-size: contain;
}
/* 下向選択時アイコン temp_arrow_down.png*/

.sort_desc_image_off {
	background-image: url("/usr/file/attachment/temp_arrow_down_off.png");
	background-size: contain;
}
/* 下向非選択時アイコン temp_arrow_down_off.png*/

.sort_desc_image_off:hover {
	background-image: url("/usr/file/attachment/temp_arrow_down_h.png");
	background-size: contain;
}
/* 下向非選択時ホバーアイコン temp_arrow_down_h.png*/


/* ------------------------------
     faq search page
------------------------------ */
/* 質問小 */
.icoQ_sml {
	padding: 0 0 0 28px; /* 余白 */

}

/* 回答小 */
.icoA_sml {
	line-height: 1.3em;
    padding: 0 0 0 28px; /* 余白 */
}

.category_tree .ttl_bg{
    background:  none;
    border: none;
    color: #58676b;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-indent: 0;
    width: 230px;
}

.category_tree .ttl_col, .category_tree .ttl_bg, .icocate_tree
{
    height: auto;
	line-height: 1.6;
	min-height: 25px;
}


/* TOPカテゴリータイトル*/
.category_tree .ttl_col {
    background: none;
    border-bottom: none;
    padding: 0;
    width: 230px;
    margin-bottom: 0px;
}


/* =======================================================
     link
======================================================= */

/* トップヘリンク */
.topLink a { 
    height: 13px; /* 高さ */
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
    background: transparent url("/usr/file/attachment/temp_blue_arrow_top.png") no-repeat scroll left 4px;
}
/* トップへ戻るアイコン temp_blue_arrow_top.png*/


/* =======================================================
     お問合せ入力フォーム
======================================================= */

.hd_question_form, .create_account_request_form {
    width: auto;
}


.HDcolumn_right input {
    max-width: 575px;
}


/* お問い合わせ完了テーブル、ボタンエリア */
.commit_button_block,
.me_commit_button_block
{
    background: #f0f0f0;
}

/* =======================================================
     お問合せ入力ページ（スーパーアシスト画面）
======================================================= */

/* 関連するFAQ表示画面 */
.hd_question_form .ttl_col {
    border-bottom: none;
    height: 28px;
}


/* =======================================================
     お問合せ完了ページ
======================================================= */
.hdq_finish_msg_mark {
    background: url("/usr/file/attachment/icon_helpinfo.gif") no-repeat;
    background-position: left top 1px;
    min-height: 25px;
}
/*---------- 完了アイコンicon_helpinfo.gif ----------*/




/*==================================================================

  ▼6/26以降変更部分（HDお問い合わせページ）

==================================================================*/


.HDcolumn_right textarea {
    font-size: 100%;
    padding: 7px;
}

.HDcolumn_right input {
    padding: 0px 7px;
}

.HDcolumn_right select {
    font-family: initial;
    padding-left: 4px;
}

.hdq_confirm_btn_c:active, .hdq_confirm_btn_c:focus {
    outline: none;
}


/* =======================================================
     マイページ
======================================================= */

/* ログイン画面 */
#login_col .reissue_password a, 
#login_col .create_account_request a {
    padding-left: 16px;
    background: url("/usr/file/attachment/myp_login_arrow.png") no-repeat scroll left center transparent;
    background-size: 9px;
}
/*---------- 矢印アイコンmyp_login_arrow.png ----------*/

#login_btn, .mail_input_button {
    color: #404040;
}

#login_btn:hover, .mail_input_button:hover {
	background: transparent url("../images/front/loginbtnoff.gif") no-repeat scroll left top;
}

/* お問い合わせ内容確認画面 */
.q_contents .q_ttl_br {
    background: none;
    border: none;
    padding: 10px 10px 10px 47px;
    position: relative;
}
.q_contents .q_ttl_br::before {
    content: "Q";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 0px;
    position: absolute;
    background-color: #004da1;
    color: #fff;
    text-align: center;
    font-size: 18px;
    left: 15px;
    top: 7px;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.5;
}

.a_contents .a_ttl_br {
    border: none;
    padding: 10px 10px 10px 47px;
    background: none;
    position: relative;
}
.a_contents .a_ttl_br::before {
    content: "A";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #004da1;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #004da1;
    text-align: center;
    font-size: 18px;
    left: 15px;
    top: 7px;
    line-height: 1.4;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.5;
}
.mypage_profile_edit_link {
    margin-top: 0;
}
.mrktenqt_link {
    background-color: #fff;
    border-color: #ccc;
}

/* =======================================================
     回答メールからの遷移画面
======================================================= */
.hd_question_form .q_contents, .hd_question_form .a_contents {
    border: none;
}
.q_contents .attribute, .a_contents .attribute {
    border: 1px dotted #999;
    background-color: #f7f7f7;
}
.mrktenqt_link {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}

/* =======================================================
     サーベイ
======================================================= */
.okw_enq_form_area .ttl_col {
    border-bottom: 1px dotted #dee1e2;
}

.icoMenquete {
    background-image: none;
    font-size: 132%;
    font-weight: normal;
    padding: 10px;
    border-left: 4px solid #004da1;
    border-bottom: none;
}
.mrktenqt_incident_desc {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}

/*==================================================================

  ▼7/5以降変更部分（アイコンCSS化）

==================================================================*/

/* 三角アイコン #004da1・青*/
.category_none {
    background: none;
    position: relative;
}

.category_none:before,
.qaList li.Q_sml:before{
    content: "";
    width: 0;
    height: 0;
    border: 4px solid;
    border-color: transparent transparent transparent #004da1;
    position: absolute;
    left: 1px;
    top: 6px;
}

.category_none:before{
    left: 11px;
    top: 12px;
}

.qaList li.Q_sml:before{
    left: 1px;
    top: 6px;
}

/* 四角アイコン #004da1・青*/
.newsList li {
    position: relative;
	padding-left: 12px;
}

.newsList li:before {
    content: "";
    width: 0;
    height: 0;
    border: 3px solid;
    border-radius: 2px;
    border-color: #004da1;
    position: absolute;
    left: 0px;
    top: 6.5px;
}


/* Q,Aアイコン・小 #004da1・青*/
.faqList li.Q_sml, 
.faq_relate_list li.Q_sml, 
.qaList li.Q_sml,
.icoQ_sml, 
.icoA_sml,
.icoQ,
.icoA{
    background: none;
    position: relative;
}

.faqList li.Q_sml:before, 
.faq_relate_list li.Q_sml:before, 
.qaList li.Q_sml:before,
.icoQ_sml:before{
    content: "Q";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 0px;
    position: absolute;
    background-color:#004da1;
    color: #fff;
    text-align:center;
    font-size: 12px;
    font-family:Arial;
    font-weight:normal;
}

.faq_relate_list li.Q_sml:before{
    left: 9px;
    top: 7px;
}

.faqList li.Q_sml:before, 
.qaList li.Q_sml:before {
    left: 0px;
    top: 2px;
}

.icoQ_sml:before {
    left:0;
    top:3px;
}

.icoA_sml:before {
    content: "A";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #004da1;
    box-sizing:border-box;
    position: absolute;
    background-color:#fff;
    color: #004da1;
    text-align:center;
    font-size: 12px;
    font-family:Arial;
    font-weight:normal;
    line-height:1.5;
}

.icoA_sml:before {
    left:0;
    top:0px;
}

/* Q,Aアイコン・大 #004da1・青*/

.icoQ:before{
    content: "Q";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 0px;
    position: absolute;
    background-color:#004da1;
    color: #fff;
    text-align:center;
    font-size: 18px;
    left:0px;
    top:0px;
    font-family:Arial;
    font-weight:normal;
}

.icoA:before {
    content: "A";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #004da1;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #004da1;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 3px;
    line-height: 1.4;
    font-family:Arial;
    font-weight:normal;
}

.search_qattl {
  font-size:112.5%;
  font-weight:bold;
  min-height:20px;
}

/* ------------------------------
    ユーザーパスワード再発行
------------------------------ */
.password_reset_area .qaList li {
  background: url("/usr/file/attachment/temp_blue_arrow.png") no-repeat scroll left top 7px;
  padding: 0 0 0 10px;
}
/*temp_arrow.png*/

.password_reset_description {
  padding: 0 10px 5px;
}

/* ------------------------------
    ユーザーメールアドレス変更
------------------------------ */
.okw_parts_mailaddress_change .qaList li {
  background: url("/usr/file/attachment/temp_blue_arrow.png") no-repeat scroll left top 7px;
  padding: 0 0 0 10px;
}
/*temp_arrow.png*/

/* ------------------------------
    ログインパーツ
------------------------------ */
.okw_parts_end_user_login .form_field dt {
  float: none;
  text-align: unset;
  width: auto;
  display: flex;
  align-items: center;
}
.twoCol.okw_parts_end_user_login .form_field dt {
  width: 25%;
  justify-content: center;
}
.okw_parts_end_user_login .form_field {
  width: 100%;
  display: flex;
  justify-content: center;
}
.okw_parts_end_user_login .form_field dd {
  float: none;
  width: 80%;
}
#okw_center .okw_parts_end_user_login .form_field dd, .twoCol.okw_parts_end_user_login .form_field dd {
  width: auto;
}
.oneCol.okw_parts_end_user_login .form_field {
  width: 48%;
  display: inline-flex;
}
.oneCol.okw_parts_end_user_login .form_field:nth-of-type(1) {
  justify-content: flex-end;
  margin-right: 5px;
}
.oneCol.okw_parts_end_user_login .form_field:nth-of-type(2) {
  justify-content: flex-start;
  margin-left: 5px;
}
#okw_side .oneCol.okw_parts_end_user_login .form_field {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 0 10px 0;
}
#okw_side .oneCol.okw_parts_end_user_login .form_field dt {
  float: left;
  width: 32%;
}
#okw_side .oneCol.okw_parts_end_user_login .form_field dd {
  float: left;
  width: 67%;
}
.okw_parts_end_user_login .form_field dd input {
  margin: 0;
}
#login_btn {
  margin-top: 10px !important;
}

.loginUsrArea p{
    word-break: break-all;
}

/* =======================================================
     22.6.21追加
======================================================= */

/*ウィザード使用の画像サイズ調整*/
.wzd_qstCont_col img,
.faq_ans_col img,
.wzd_slct_area .chckbx_off img {
    max-width: 100%;
}

/*ログイン画面の調整*/
#login_login .colArea,
body[id*="routine_work"] .colArea {
    display: block;
}


/* --- 0622追記 --- */
.faq_relate_list li.K_sml {
    margin-bottom: 5px;
}
.qaList li.K_sml,
.faqList li.K_sml {
    background-position-y: 2px;
}
.faq_relate_list li.K_sml {
    background-position-y: 7px;
}
.lang_size_small .qaList li.K_sml,
.lang_size_small .faqList li.K_sml {
    margin-bottom: -5px;
    padding-bottom: 10px;
}

.icoK_sml {
    padding-left: 28px;
    background-position-y: 3px;
}
.icoKA_sml {
    padding-left: 28px;
    background-position-y: 0;
    line-height: 1.3em;
}
.lang_size_small .icoKA_sml {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

/*PCSP_テーブル_罫線表示*/
.okw_main_faq table, .okw_main_faq td, .okw_main_faq th,
.okw_main_info_and_news table, .okw_main_info_and_news td, .okw_main_info_and_news th {
    border: solid 1px;
    float: none;
}
/*PCSP_info&newsページテーブル_上下余白*/
.okw_main_info_and_news table {
    margin: 15px 0;
}
/*PC_FAQ属性テーブル_枠線表示*/
.faq_addition_list table, .faq_addition_list th, .faq_addition_list td {
    border: solid 1px;
    border-collapse: collapse;
}
.faq_addition_list table {
    margin: 10px 0;
}

/* =======================================================
     23.01.16追加
======================================================= */
/*ウィザード選択肢色*/
.wzd_qstCont_col {
    background-color: #f7f7f7;
    border-color: #004da1;
}

/* 2023.5追記分*/

/* 大きい画像のはみ出し調整 */


#faq_answer_contents img {
	width:auto;
	max-width: 100%;
	height: auto;
}


#info_news_contents img {
	max-width: 100%;
	width: auto !important;
	width: 100%;
}

#faq_question_contents img {
	max-width: 100%;
	width: auto !important;
	width: 100%;
}

/* 検索ボタンの画像差し替え整 */


.search_frmArea .keyword_frmbtn, .faq_search_frmArea .keyword_frmbtn {
    background: transparent url(../images/front/btnsearch.gif) no-repeat scroll left top;
    width: 72px;
    height: 30px;
    color: #fff;
    font-weight: bold;
    border: 0;
    font-size: 14px;
    background: transparent url(/usr/file/attachment/simple_bg_btn.png) no-repeat scroll left top;
    width: 74px;
    height: 32px;
    color: unset;
}
.search_frmArea .keyword_frmbtn:hover, .faq_search_frmArea .keyword_frmbtn:hover {
    background: url(/usr/file/attachment/simple_bg_btn_h.png) no-repeat scroll left top transparent;
    color: #004ea2;
}

/* ーーーーー検索パーツの調整ーーーーー*/

/* FAQ種別の調整 */

.search_faq_type {
    padding-top: 10px;
}

.twoCol .search_faq_type {
    padding-top: 0px;
}
/* キーワード検索　検索対象の文字サイズ変更*/

.search_target {
    font-size: .9rem;
}

/* 注目のFAQ一覧ページへの動線 文言削除*/

.okw_parts_pickup_faq .list {
	display: none;
}


/* ナレッジメモ_ウィザードサンプル　調整*/

/* ナレッジメモ調整　小*/

.faqList li.Q_sml, .faq_relate_list li.Q_sml, .qaList li.Q_sml, .icoQ_sml, .icoA_sml, .icoK_sml, .icoKA_sml, .icoQ, .icoA, .icoK, .icoKA {
    background: none;
    position: relative;
}



.icoK_sml:before {
    left: 0;
    top: 3px;
}



.faqList li.K_sml, .faq_relate_list li.K_sml, .qaList li.K_sml, .icoK_sml, .icoA_sml, .icoK_sml, .icoKA_sml, .icoQ, .icoA, .icoK, .icoKA {
    background: none;
    position: relative;
}

.faqList li.K_sml:before, .faq_relate_list li.K_sml:before, .qaList li.K_sml:before, .icoK_sml:before {
    content: "?";
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #005bac;
    text-align: center;
    font-size: 15px;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.4;
	background-color: #004da1;
    color: #ffffff;
	width: 18px;
    height: 18px;
    font-size: 14px;
}

.faq_relate_list li.K_sml:before {
	 left: 0;
    top: 3px;
}

.icoKA_sml:before {
    left: 0;
    top: 3px;
}

.faqList li.KA_sml:before, .faq_relate_list li.KA_sml:before, .qaList li.KA_sml:before, .icoKA_sml:before {
    content: "!";
    width: 22px;
    height: 22px;
    border: 0px;
    position: absolute;
    text-align: center;
    font-size: 15px;
    font-family: Arial;
    font-weight: normal;
	border: 1px solid #004da1;
    color: #004da1;
    background-color: #fff;
	width: 16px;
    height: 16px;
    font-size: 13px;
}
/* ナレッジメモ調整　大*/

.faqList li.Q_sml, .faq_relate_list li.Q_sml, .qaList li.Q_sml, .icoQ_sml, .icoA_sml, .icoK_sml, .icoKA_sml, .icoQ, .icoA, .icoK, .icoKA {
    background: none;
    position: relative;
}


.icoK:before {
    content: "?";
    width: 26px;
    height: 26px;

    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #005bac;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 3px;
    line-height: 1.5;
    font-family: Arial;
    font-weight: normal;
	background-color: #004da1;
    color: #ffffff;
}
.faqList li.Q_sml, .faq_relate_list li.Q_sml, .qaList li.Q_sml, .icoQ_sml, .icoA_sml, .icoK_sml, .icoKA_sml, .icoQ, .icoA, .icoK, .icoKA {
    background: none;
    position: relative;
}

.icoKA:before {
    content: "!";
    width: 26px;
    height: 26px;
    border: 0px;
    position: absolute;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 0px;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.5;
	border: 1px solid #004da1;
    color: #004da1;
    background-color: #fff;
}

.faq_addition_list.html > dt {
    background: none;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2.5px;
}

.faq_relate_list li.K_sml {
    padding: 3px 0 0 30px;
    margin-bottom: 10px;
}

/* 検索結果ページのカテゴリーツリーのアイコンの調整*/

.category_on.cate_pull_inert_bg {
    padding: 6px 25px 6px 28px;
}

.cate_pull_inert_bg {
    display: flex;
    position: relative;
}


a.pm_icon.flo_l {
    position: absolute;
  
    top: 0;
    width: 48px;
    left: 2px;
    top: 8px;
}
.category_tree a, .category_nofaq {
    width: unset;
}

/* 【注目のキーワード】パーツ_テキストリンクの強調表示 */
.attention_keyword_list li {
    display: inline-block;
}
ul.attention_keyword_list li span {
    display: none;
}

ul.attention_keyword_list li a {
    background: #004da1;
    color: #fff;
    border-radius: 6px;
    font-size: 13px;
	padding: 8px 10px;
    margin: 4px;
    line-height: 3.3;
}
ul.attention_keyword_list li a:hover {
    text-decoration: none;
	opacity: .8;
}





/*FAQサジェストパーツ---------------*/
.faq_suggest_title {
    background: none;
    position: relative;
    padding: 0 0 0 28px;
    font-weight: bold;
    margin: 0 0 5px;
    min-height: 20px;
}

.faq_suggest_link {
    font-size: 1em;
}
.faq_suggest_title:before {
    content: "Q";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 0px;
    position: absolute;
    background-color: #004da1;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    left: 0;
    top: 2px;
}

.faq_suggest_link:hover {
    background-color: #f7f7f7;
    text-decoration: none;
}

/*-----------------------------------------
カスタマイズエリア
-----------------------------------------*/
/*FAQ参照率UPカスタマイズ----------------------------*/

#custom_faq_btn_section * {
    box-sizing: border-box;
}
li.title.sp_title {
    display: none;
}
.ttl_col.pc_title span {
    background: none;
    display: inline-block;
    padding: 0 10px 0 6px;
    border-bottom: 2px solid #004da1;
    min-width: 37%;
    letter-spacing: 0.05em;
    height: auto;
    margin-bottom: -3px;
    word-break: break-all;
    line-height: 19px;
}
ul.custom_faq_btn_box {
    display: flex;
    flex-flow: row wrap;
}

ul.custom_faq_btn_box>li {
    width: calc(20% - 8px);
    border: 1px solid #004da1;
    text-align: center;
    margin: 0 0 10px;
	border-radius: 5px;
}
ul.custom_faq_btn_box>li:hover {
    opacity: 0.7;
}
ul.custom_faq_btn_box>li:not(:nth-child(5n)) {
    margin-right: 10px;
}

ul.custom_faq_btn_box>li>a {
    display: block;
    padding: 5px 10px;
    height: 100%;
}
ul.custom_faq_btn_box>li>a>span {
    display: block;
}
ul.custom_faq_btn_box>li>a>p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 80px);
}

ul.custom_faq_btn_box>li>a img {
    width: 70px;
    height: auto;
	vertical-align: middle;
}

/*--------------------------------------------
【カテゴリー視認性UPカスタマイズ】css
--------------------------------------------*/
.okw_parts_category *{
    box-sizing: border-box;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-word;
}

.okw_parts_category .cateList_box,
.okw_parts_category .cate_middle{
    margin: 0;
	padding: 0;
}
	
.okw_parts_category .cateList_box {
    display: flex;
    margin: 0;
}
	
/* 1列表示 */
.okw_parts_category .cateList_1line{
    width:100%;/* 横幅 */
}
/* 2列表示 */
.okw_parts_category .cateList_2line{
    width:calc(50% - 7.5px);/* 横幅 */
    float:none;
	margin-right: 15px;
}
.okw_parts_category .cateList_2line:last-of-type {
    margin-right: 0;
}
/* 3列表示 */
.okw_parts_category .cateList_3line{
    width:calc(33.3% - 10px);/* 横幅 */
    float:none;
	margin-right: 15px;
}
.okw_parts_category .cateList_3line:last-of-type {
    margin-right: 0;
}
/* 4列表示 */
.okw_parts_category .cateList_4line{
    width: calc(25% - 11.25px);
    float: none;
    margin-right: 15px;
}
.okw_parts_category .cateList_4line:last-of-type {
    margin-right: 0;
}

/*囲み*/
.okw_parts_category li.cateList {
    border: 1px solid #004da1;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 10px 15px;
}
.okw_parts_category .cate_small {
    width: 100%;
}


.okw_parts_category a.cate_icon_link+.cate_middle,
.okw_parts_category img.cate_icon+.cate_middle {
    width: calc(100% - 60px);
}
.custom_btn_contents_wrap,
.custom_btn_contents_not_a_wrap{
    display: flex;
    align-items: center;
    min-height: 50px;
}


/*カテゴリ画像*/
img.cate_icon {
    height: auto;
    width: 50px;
    margin: 0 10px 0 0;
}

/*検索結果リンクなしサブカテゴリー*/
span.not_a {
    display: inline-block;
    padding-bottom: 7px;
    padding-left: 10px;
    background: url(/usr/file/attachment/temp_blue_arrow.png) no-repeat left top 6px;
	background-color: rgba(255,255,255,0.8);
    background-blend-mode: lighten;
}
.lang_size_small .cate_small span a,
.lang_size_small span.not_a{
	background-position: left top 3px;
}
/*サブカテゴリー一覧パーツアイコンずれ調整*/
.okw_parts_sub_category a.cate_icon_link+.cate_middle,
.okw_parts_sub_category img.cate_icon+.cate_middle {
    padding: 0 5px 0 60px;
}


/*サブカテゴリー横並びアロー*/
.okw_parts_category span.cateSepa,
.okw_parts_sub_category span.cateSepa{
    display: none;
}
.cate_small li {
    padding: 0;
}
.cate_small li>a{
    display: inline-block;
    padding-bottom: 7px;
    padding-left: 10px;
    background: url(/usr/file/attachment/temp_blue_arrow.png) no-repeat left top 6px;
	padding-right: 10px;
}

.cate_small li.not_a{
    display: inline-block;
    padding-bottom: 7px;
    padding-left: 10px;
    background: url(/usr/file/attachment/temp_blue_arrow.png) no-repeat left top 6px;
	padding-right: 10px;
    background-color: rgba(255,255,255,0.8);
    background-blend-mode: lighten;
}

.lang_size_small .cate_small li>a,
.lang_size_small .cate_small li.not_a{
	background-position: left top 3px;
}
/*--------------------------------------------
【カテゴリー視認性UPカスタマイズ】css_ここまで
--------------------------------------------*/


/*FAQの時刻非表示*/
.faq_date { display:none !important; }

/*FAQ No.の非表示*/
.faq_no{ display:none !important; }