@charset "utf-8";





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

  初期化

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

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

    変数

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

:root {

  --body-width: 1130px; /* コンテンツ幅 */

  --body-font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;/* フォント種類 */

  --body-line-height: 1.5; /* 行間 */

  --body-bg-color: #F7F6FA; /* 背景色 */

  --body-main-color-1: #18181B; /* メインカラー濃 */

  --body-main-color-2: #FFFFFF; /* メインカラー薄 */

  --body-accent-color: #F7F6FA; /* アクセントカラー */

  --body-text-color-1: #333; /* 通常文字色 */

  --body-text-color-2: #666; /* 文字色薄1 */

  --body-text-color-3: #aaa; /* 文字色薄2 */

  --body-link-color: #18181B; /* リンク色 */

  --gray-color-1: #f5f5f5; /* グレー1薄 */

  --gray-color-2: #eee; /* グレー2 */

  --gray-color-3: #ccc; /* グレー3 */

  --gray-color-4: #555; /* グレー4濃 */

  --border-radius-1: 4px; /* 角丸1（小さい要素：入力欄やセレクトボックス等） */

  --border-radius-2: 8px; /* 角丸2（大きい要素：パーツの囲み等） */

  --border-radius-3: 4px; /* 角丸3（ボタン系のみ） */

}





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

  header

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



header, footer {

    width: var(--body-width);

    margin: 0 auto;

    padding: 0 15px;

}



header, footer,header *, footer * {

    font-family: var(--body-font-family);

    box-sizing: border-box;

    line-height: var(--body-line-height);

    color: var(--body-text-color-1);

}



.header_block {

    display: flex;

    align-items: center;

    padding: 10px 0 0;

}

.logo_img,

.logo_img img{

    max-width: 220px;

    max-height: 110px;

}

.logo_img {

    margin: 0 15px 0 0;

}

.logo_img img {

    display: block;

    object-fit: contain;

}

.header_title {

    font-weight: bold;

    font-size: 1.75em;

}





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

  footer

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

.copyright {

    text-align: center;

    font-size: 0.8em;

    color: var(--body-text-color-3);

}



/*トップへ戻るボタン*/

.topLink {

margin: 0;

    float: none;

    position: absolute;

    right: 15px;

    bottom: 0;

    z-index: 1000000;

}

.topLink a {

    padding: 0;

    display: inline-block;

    width: 50px;

    height: 50px;

    text-indent: -9999px;

    background: var(--body-main-color-1);

    position: relative;

    border-radius: 50px;

    transition: opacity .3s;

}



.topLink a:after {

    content: "\25B2";

    color: white;

    position: absolute;

    top: 50%;

    left: 50%;

    text-indent: 0;

    line-height: 1;

    font-size: 24px;

    font-family: sans-serif;

    transform: translate(-50%, -50%);

}

.topLink a:hover {

    opacity: 0.7;

}



/*PKSHAロゴ*/

#okw_footer_default {

padding: 10px 15px;

    box-sizing: border-box;

    background: transparent;

    width: 100%;

    max-width: var(--body-width);

    margin: 0 auto;

}



/*個人情報取り扱い---------*/

/*フッターのみ*/

#cookie_notice_bottom_slide {

    font-family: var(--body-font-family);

}

#cookie_notice_bottom_slide .title {

    display: block;

}



#cookie_notice_bottom_slide .main_area {

    width: 100%;

    padding: 10px;

    box-sizing: border-box;

    max-width: var(--body-width);

}



#cookie_notice_bottom_slide .text_area {

    width: auto;

    margin-right: 10px;

    flex: 1;

}



#cookie_notice_bottom_slide .btn_area li {

    width: 130px;

    border-radius: var(--border-radius-3);

    border: 1px solid var(--gray-color-3);

    transition: background .3s;

}

#cookie_notice_bottom_slide .btn_area li:hover {

    background: var(--gray-color-3);

    color: var(--body-text-color-1);

}



/*全画面*/

#cookie_notice_overlay .main_area {

    border-radius: var(--border-radius-2);

    font-family: var(--body-font-family);

color: var(--body-text-color-1);

    width: calc(100% - 20px);

}



#cookie_notice_overlay .main_area .title {

font-size: 1.25em;

    padding: 20px 15px 0;

}

#cookie_notice_overlay .main_area p {

    font-size: 1em;

    padding: 15px;

}

#cookie_notice_overlay .btn_area li {

    border-radius: var(--border-radius-3);

    transition: background .3s;

    border: 1px solid var(--gray-color-3);    padding: 5px 15px;

}



#cookie_notice_overlay .btn_area li:hover {

    background: var(--gray-color-3);

    color: var(--body-text-color-1);

}

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

デフォルト打消し

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



/*背景*/

#okw_wrapper{

background: var(--body-bg-color);

    min-width: var(--body-width);

}



#okw_contents, #okw_contents_base, #okw_contents_inner {

background: var(--body-bg-color);

    padding: 0;

}

#okw_contents {



}





/*アイコン*/

.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoLogin, .icoHot, .icoFavorite, .icoPickup, .icoCommunity, .icoProf, .icoKey, .icoFaq, .icocate_tree, .icoHdquestion, .icoCreateAccountRequest {

  background: none;

  padding: 0;

  height: auto;

text-align: left;

}



/*見出し帯*/

.ttl_col,

.ttl_bg {

    background: none;

    padding: 0;

height: auto;

}





/*フォーカス時青線*/

#okw_contents input:focus,

#okw_contents textarea:focus,

#faq_show .faq_tags_modal_wrapper input:focus,

#faq_show .faq_tags_modal_wrapper textarea:focus{

    outline: none;

}



/*mac環境入力欄枠線ズレ解消*/

.HDcontent, 

.HDcolumn_right,

.me_content {

overflow: visible;

}







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

デフォルト打消し終わり

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





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

  デザイン変更

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





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

全体

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

body{

    text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%; /* Safari */

}

#okw_contents *,

#faq_show .faq_tags_modal_wrapper *{

box-sizing: border-box;

word-wrap: break-word;

/*white-space: normal;*/

word-break: break-word;

    font-family: var(--body-font-family);

}

#okw_contents textarea,

#faq_show .faq_tags_modal_wrapper textarea{

  white-space: pre-wrap;

    border: 1px solid var(--gray-color-3)!important;

    background: white!important;

padding: 7.5px!important;

border-radius: var(--border-radius-1)!important;

}

#okw_contents div.calendar *{

    box-sizing: content-box;

}



#okw_contents .faq_attachment_list * {

    white-space: nowrap;

    word-break: normal;

}



body #okw_contents ,

body #faq_show .faq_tags_modal_wrapper {

    font-family: var(--body-font-family);

    line-height: var(--body-line-height);

    color: var(--body-text-color-1);

}

#okw_contents textarea, #okw_contents input, #okw_contents select,

#faq_show .faq_tags_modal_wrapper textarea, #faq_show .faq_tags_modal_wrapper input, #faq_show .faq_tags_modal_wrapper select{

font-family: var(--body-font-family);

max-width: 100%;

}



#okw_contents input[type="submit"],

#okw_contents input[type="button"],

#okw_contents input[type="reset"],

#faq_show .faq_tags_modal_wrapper input[type="submit"],

#faq_show .faq_tags_modal_wrapper input[type="button"],

#faq_show .faq_tags_modal_wrapper input[type="reset"] {

  -webkit-appearance: none;

  border-radius: 0px;

}



/*プレースホルダー*/

::placeholder {

  color: var(--body-text-color-3);

}

::-webkit-input-placeholder {

  color: var(--body-text-color-3);

  opacity: 1;

}

:-moz-placeholder {

  color: var(--body-text-color-3);

}

::-moz-placeholder {

  color: var(--body-text-color-3);

  opacity: 1;

}

 :-ms-input-placeholder {

  color: var(--body-text-color-3);

}



/*プレイスホルダー終わり*/



#okw_contents img,

#faq_show .faq_tags_modal_wrapper img,

#colorbox img{

    max-width: 100%;

height: auto;

    vertical-align: middle;

}

.colArea {

    margin: 0;

}

.colArea>.oneCol,

.colArea>.twoCol,

body[id^="helpdesk_"] .colArea>.okw_hdq_form_area:not(.oneCol):not(.twoCol),

body[id^="mypage_"] .okw_hdq_form_area,

body[id^="login_"] .colArea:has(>#login_col),

body[id^="operator"] .colArea:has(>#login_col),

body:not([id*="end_user_login_"]) .colArea:has(>#reissue_password){

padding: 25px 15px 20px;

    margin: 30px 0 0;

    background: white;

    border-radius: var(--border-radius-2);

border: 1px solid var(--gray-color-3);

}



/*サイト幅*/

#okw_contents_base {

    width: var(--body-width);

    padding: 0 15px 70px;

}

#okw_center.okw_side {

    width: calc(100% - 280px);

}

#okw_side{

width: 250px;

}

.category_tree {

    width: 100%;

}

/*2カラム*/

.twoCol {

    width: calc(50% - 10px);

}

.twoCol:empty {

    display: none;

}

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

     link

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

/* リンク */

#okw_contents a:link,

#faq_show .faq_tags_modal_wrapper a:link{

    color: var(--body-link-color); /* テキスト色 */

    text-decoration: none; /* テキスト装飾 */

}

/* 訪問済み */

#okw_contents a:visited,

#faq_show .faq_tags_modal_wrapper a:visited{

    color: var(--body-link-color); /* テキスト色 */

    text-decoration: none; /* テキスト装飾 */

}

/* ホバー */

#okw_contents a:hover,

#faq_show .faq_tags_modal_wrapper a:hover{

    color: var(--body-link-color); /* テキスト色 */

    text-decoration: underline; /* テキスト装飾 */

}

/* アクティブ */

#okw_contents a:active,

#faq_show .faq_tags_modal_wrapper a:active{

    color: var(--body-link-color); /* テキスト色 */

    text-decoration: underline; /* テキスト装飾 */

}



/*パンくず*/

.okw_bread {

    width: calc(100% - 210px);

position: relative;

    top: 5px;

}

.okw_bread li {

    font-size: 0.875em;

}

li.okw_bread_list,

li.okw_bread_list>* {

    display: inline-block;

}

.okw_bread li>span:last-child {

    text-decoration: underline;

}



/*戻るアローボタン*/

.preLink {

    margin: 0;

    display: inline-block!important;

background: none;

}

.preLink input.button_to_link {

    margin: 0;

    display: inline-block !important;

    padding: 0;

    line-height: 1;

    color: var(--body-link-color)!important;

}



.preLink a,

.preLink button.button_to_link,

.preLink:has(>input.button_to_link){

    display: inline-block;

    font-family: var(--body-font-family);

line-height: 1;

padding: 5px 0 5px 15px;

    height: auto;

position: relative;

color: var(--body-link-color);

}





.preLink a:before,

.preLink button.button_to_link:after,

.preLink:has(>input.button_to_link):after{

content: "\25C0";

    position: absolute;

    left: 0;

    top: 5px;

    font-family: sans-serif;

    color: var(--body-main-color-1);

}

.preLink:has(>input.button_to_link):after {

    top: 6px;

}



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

テーブル

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

/*PCSP_FAQ表示ページ_info&newsページ_テーブル_罫線表示*/

.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,

#faq_show .faq_tags_modal_scroll_area .faq_tags_modal_content table, #faq_show .faq_tags_modal_scroll_area .faq_tags_modal_content td, #faq_show .faq_tags_modal_scroll_area .faq_tags_modal_content 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,

#info_news_contents table,

#colorbox  table,

#colorbox  th,

#colorbox  td {

    border: solid 1px;

    border-collapse: collapse;

}

.faq_addition_list table {

    margin: 10px 0;

}

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

    ラジオボタン＆チェックボックス

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

#okw_contents div:has(>input[type=radio] + label),

#okw_contents div:has(>input[type=checkbox] + label),

#faq_show .faq_tags_modal_wrapper div:has(>input[type=radio] + label),

#faq_show .faq_tags_modal_wrapper div:has(>input[type=checkbox] + label){

    letter-spacing: -0.4em;

}



#okw_contents input[type=radio] + label,

#faq_show .faq_tags_modal_wrapper input[type=radio] + label{

  position: relative;

  padding: 0 0 0 25px;

  cursor: pointer;

  display: inline-block;

letter-spacing: normal;

margin-top: 7.5px!important;

    margin-right: 15px;

}

#okw_contents input[type=radio]:disabled + label,

#faq_show .faq_tags_modal_wrapper input[type=radio]:disabled + label{

    cursor: default;

}

#okw_contents input[type=radio],

#faq_show .faq_tags_modal_wrapper input[type=radio] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

#okw_contents input[type=radio],

#faq_show .faq_tags_modal_wrapper input[type=radio]{

  position: absolute;

  left: -1000em;

  margin-left: 30px;

}

#okw_contents input[type=radio] + label:after ,

#faq_show .faq_tags_modal_wrapper input[type=radio] + label:after{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    display: block;

    width: 16px;

    height: 16px;

    border: 2px solid var(--gray-color-4);

    border-radius: 50px;

    content: '';

    vertical-align: middle;

    color: white;

    /*cursor: pointer;*/

    background: white;

    z-index: 0;

}

#okw_contents input[type=radio] + label:before ,

#faq_show .faq_tags_modal_wrapper input[type=radio] + label:before{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 5px;

    display: block;

    margin-top: 0;

    width: 10px;

    height: 10px;

    content: '';

    opacity: 0;

    background: var(--body-main-color-1);

    border-radius: 50px;

    z-index: 1;

}

#okw_contents input[type=radio]:checked + label:before,

#faq_show .faq_tags_modal_wrapper input[type=radio]:checked + label:before{

  opacity: 1;

}

#okw_contents input[type=radio]:checked + label,

#faq_show .faq_tags_modal_wrapper input[type=radio]:checked + label{

    color: var(--body-main-color-1);

}



/*---*/

#okw_contents input[type=checkbox] + label,

#faq_show .faq_tags_modal_wrapper input[type=checkbox] + label{

  position: relative;

  padding: 0 0 0 25px;

  cursor: pointer;

  display: inline-block;

letter-spacing: normal;

    margin-top: 7.5px!important;

    margin-right: 15px;

}

#okw_contents input[type=checkbox],

#faq_show .faq_tags_modal_wrapper input[type=checkbox]{

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

#okw_contents input[type=checkbox],

#faq_show .faq_tags_modal_wrapper input[type=checkbox]{

  position: absolute;

  left: -1000em;

  margin-left: 30px;

}

#okw_contents input[type=checkbox] + label:after,

#faq_show .faq_tags_modal_wrapper input[type=checkbox] + label:after{

    position: absolute;

    left: 1px;

    display: block;

    width: 16px;

    height: 16px;

    border: 2px solid var(--gray-color-4);

    content: '';

    vertical-align: middle;

    color: white;

    cursor: pointer;

    background: white;

    z-index: 0;

    top: 50%;

    transform: translateY(-50%);

    border-radius: var(--border-radius-1);

}

#okw_contents input[type=checkbox] + label:before,

#faq_show .faq_tags_modal_wrapper input[type=checkbox] + label:before{

    position: absolute;

    display: block;

    content: '';

    opacity: 0;

    width: 12px;

    height: 8px;

    box-sizing: border-box;

    border-bottom: 3px solid white;

    border-left: 3px solid white;

    top: calc(50% - 3px);

    left: 8px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg) translateY(-50%);

    z-index: 1;

}

#okw_contents input[type=checkbox]:checked + label:after,

#faq_show .faq_tags_modal_wrapper input[type=checkbox]:checked + label:after{

    background: var(--body-main-color-1);

    border-color: var(--body-main-color-1);

}

#okw_contents input[type=checkbox]:checked + label:before,

#faq_show .faq_tags_modal_wrapper input[type=checkbox]:checked + label:before{

  opacity: 1;

}

#okw_contents input[type=checkbox]:checked + label,

#faq_show .faq_tags_modal_wrapper input[type=checkbox]:checked + label{

    color: var(--body-main-color-1);

}







#okw_contents #search_category_narrow_down_input:not(.spinner) {

    position: relative;

}



#okw_contents #search_category_narrow_down_input:not(.spinner) input {

    border: 1px solid var(--gray-color-3) !important;

    padding: 10px 7.5px;

    margin: 0;

    text-overflow: ellipsis;

    line-height: 1.25;

    border-radius: var(--border-radius-1);

    font-weight: bold;

    color: var(--body-main-color-1);

    cursor: pointer;

    background: var(--gray-color-1);

}



.conditions input[type=text] {

    border: 1px solid var(--gray-color-3);

    padding: 7.5px;

    line-height: 1.25;

    border-radius: var(--border-radius-1);

}







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

    セレクト

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



#okw_contents select,

#faq_show .faq_tags_modal_wrapper select{

    color: var(--body-text-color-1);

    padding: 7.5px 20px 7.5px 7.5px;

    line-height: 1.25;

    border: 1px solid var(--gray-color-3);

    border-radius: var(--border-radius-1);

    cursor: pointer;

    background: white;

}



/*見出し----------------------*/

.ttl_col h2 {

    position: relative;

    font-size: 1.5em;

    margin: 0 0 15px;

    text-align: center;

    padding: 0;

}

#okw_side .ttl_col h2 {

    font-size: 1em;

}

.ttl_col h2:before {



}

/*〇〇なFAQ＿QAアイコン-------*/

.faqList,

.qaList,

.faq_relate_list{

    margin: 0;

}



.faqList li.Q_sml, 

.qaList li.Q_sml, 

.faq_relate_list li.Q_sml, 

.faqList li.K_sml, 

.qaList li.K_sml,

.faq_relate_list li.K_sml{

    position: relative;

    background: none;

    padding: 10px 0 10px 2em;

    margin: 0;

    font-weight: bold;

    font-size: 1.125em;

}



.faqList li.Q_sml:before,

.qaList li.Q_sml:before,

.faq_relate_list li.Q_sml:before, 

.faqList li.K_sml:before, 

.qaList li.K_sml:before,

.faq_relate_list li.K_sml:before{

    content: "Q.";

    position: absolute;

    top: 0.35em;

    left: 0;

    color: var(--body-main-color-1);

    font-size: 1.5em;

    display: inline-block;

    line-height: 1;

    font-family: var(--body-font-family);

    width: auto;

    height: auto;

    text-align: center;

    border-radius: 0px;

    box-sizing: border-box;



    font-weight: bold;

}

.faqList li.K_sml:before, 

.qaList li.K_sml:before,

.faq_relate_list li.K_sml:before {

content: "?.";

left: 2px;

}



body.lang_size_small .faqList li.Q_sml:before,

body.lang_size_small .qaList li.Q_sml:before,

body.lang_size_small .faq_relate_list li.Q_sml:before{

}

body.lang_size_large .faqList li.Q_sml:before,

body.lang_size_large .qaList li.Q_sml:before,

body.lang_size_large .faq_relate_list li.Q_sml:before{

}



/*関連するFAQが無ければ非表示*/

.okw_parts_faq_relations:not(:has(.faq_relate_list)) {

    display: none;

}



/*文字サイズ変更-------------------------------------*/

#okw_sub_header {

    margin: 30px 0 0;

    line-height: var(--body-line-height);

}



li.fntSml:hover, li.fntSmlOn,

li.fntMid:hover, li.fntMidOn,

li.fntBig:hover, li.fntBigOn{

background-image:none;

}



li.okw_txt{

line-height: 30px;

}





 li.fntBig, li.fntMid, li.fntSml {

    text-indent: -9999px;

    background-color: white;

    background-image: none;

    width: 30px;

    height:30px;

    position:relative;

    border: 1px var(--body-main-color-1) solid;

    border-radius: var(--border-radius-3);

}

li.fntBig{

    margin: 0;

}

/*通常時の背景色*/



.fntBig a, .fntMid a, .fntSml a {

    color: var(--body-text-color-1)!important;

    font-size: 13px;

    font-weight: bold;

    text-decoration: none;

    font-family: var(--body-font-family);

line-height: 28px;

}

/*通常時の文字色と形*/



 .fntBig a:hover, .fntMid a:hover, .fntSml a:hover {

background-color: var(--body-main-color-1);

background-image: none;   

width: 30px;

height:30px;

color: white !important;  

}

/*通常時にhover*/



.fntBig a:after {

    position: absolute;

    content: "大";

    text-indent: 0;

width: 28px;

    height: 28px;

    top: 0;

    left: 0;

    text-align: center;

}



.fntMid a:after {

    position: absolute;

    content: "中";

    text-indent: 0;

width: 28px;

    height: 28px;

    top: 0;

    left: 0;

    text-align: center;

}



.fntSml a:after {

    position: absolute;

    content: "小";

    text-indent: 0;

width: 28px;

    height: 28px;

    top: 0;

    left: 0;

    text-align: center;

}

/*通常時の文字*/



 .fntBigOn a:hover, .fntMidOn a:hover, .fntSmlOn a:hover {

background-color: var(--body-main-color-1);

background-image: none;   

width: 30px;

height:30px;

color: white !important;  

}

/*on時にhover*/



 li.fntBigOn, li.fntMidOn, li.fntSmlOn {

border: 1px var(--body-main-color-1) solid;

background-image: none;

width: 30px;

height:30px;

text-decoration: none;

box-sizing: border-box;

background: var(--body-main-color-1);

    border-radius: var(--border-radius-3);

}

li.fntBigOn {

    margin: 0;

}

/*on時の背景色*/



.fntBigOn a, .fntMidOn a, .fntSmlOn a {

    color: white!important;

    font-size: 13px;

    font-weight: bold;

    width: 30px;

    height: 30px;

    text-decoration: none;

    display: table-cell;

    line-height: 28px;

    position: relative;

    text-indent: -9999px;

}

/*on時の文字色と形*/





.fntBigOn a:after {

    position: absolute;

    content: "大";

    text-indent: 0;

    width: 28px;

    height: 28px;

    top: 0;

    left: 0;

    text-align: center;

}

.fntMidOn a:after {

    position: absolute;

    content: "中";

    text-indent: 0;

    width: 28px;

    height: 28px;

    top: 0;

    left: 0;

    text-align: center;

}

.fntSmlOn a:after {

    position: absolute;

    content: "小";

    text-indent: 0;

    width: 28px;

    height: 28px;

    top: 0;

    left: 0;

    text-align: center;

}







/*カテゴリーツリー----------------------*/

.oneCol.okw_parts_category_tree {

    padding-bottom: 5px;

}



.cate_count {

    display: inline-block;

}



.category_level_0 {

    margin: 0;

}

.category_level_1, 

.category_level_2,

.category_level_3 {

    background: no-repeat;

}



.category_level_0 li,

.category_level_1 li,

.category_level_2 li,

.category_level_3 li{

    border-color: var(--gray-color-3);

}

.category_level_0>li:first-child {

}

.category_level_0>li:last-child {



}



.category_tree {

    background: white;

    margin: 0;

    padding: 0;

    font-size: 1em;

}

.category_tree .ttl_bg {

    background: none;

    border: none;

    padding: 0;

    margin: 0 0 15px;

    width: 100%;

    height: auto;

    font-size: 1.1428em;

}

.category_tree .ttl_col {

    padding: 0;

}



.category_level_0 {

    font-size: 0.875em;

}

.cate_pull_inert_bg {

    padding: 10px 35px 10px 10px;

    position: relative;

}

.category_tree a, .category_nofaq {

    margin: 0;

}

.category_select,

.category_none.category_select{

    background: none;

}

.category_select a, .category_select a span {

    color: var(--body-text-color-2);

}

.category_none {

    background: none;

    position: relative;

}

.category_none:after {

    position: absolute;

    top: calc(50% - 5.5px);

    right: 15px;

    display: block;

    content: '';

    width: 8px;

    height: 8px;

    vertical-align: middle;

    margin: 0;

    border-top: 2px solid var(--body-main-color-1);

    border-left: 2px solid var(--body-main-color-1);

    transform: rotate(135deg);

}

.category_level_1 {

    /*background: white;*/

    /*margin-left: 15px;*/

}

.category_level_2{

/*background: white;*/

}

/*＋－*/

.category_close .pm_icon, .category_open .pm_icon {

    overflow: hidden;

    position: absolute;

    right: 0px;

    top: 50%;

    margin: 0;

    transform: translateY(-50%);

    padding: 0;

    box-sizing: content-box!important;

}



.category_close .pm_icon, .category_open .pm_icon, .category_open a:hover.pm_icon, .category_close a:hover.pm_icon {

    background: none;

width: 30px;

    height: 100%;

}





.category_close>.cate_pull_inert_bg .pm_icon:after,

.category_open>.cate_pull_inert_bg .pm_icon:after {

    content: "";

    position: absolute;

    top: 50%;

    right: 17px;

    display: block;

    width: 2px;

    height: 18px;

    background: var(--body-main-color-1);

    transform: translateY(-50%);

}

.category_open>.cate_pull_inert_bg .pm_icon:after {

transform: translateY(-50%) rotate(90deg);

transition: .3s;

}

.category_close>.cate_pull_inert_bg .pm_icon:after{

transform: translateY(-50%) rotate(0deg);

transition: .3s;

}



.category_open>.cate_pull_inert_bg .pm_icon:before, 

.category_close>.cate_pull_inert_bg .pm_icon:before {

    content: "";

    position: absolute;

    top: 50%;

    right: 9px;

    display: block;

    width: 18px;

    height: 2px;

    background: var(--body-main-color-1);

    transform: translateY(-50%);

}



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

全体カテゴリー一覧パーツサブカテゴリー一覧パーツ

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



/*検索結果リンク仕様調整---*/

.cateList_area,

.category_tree {

    color: var(--gray-color-3);

}



/*---*/



.cateList_box{

display: flex;

margin: 15px 0 0;

flex-flow: row wrap;

}

/* 1列表示 */

.cateList_1line{

    width:100%;/* 横幅 */

}

/* 2列表示 */

.cateList_2line{

    width:calc(50% - 7.5px);/* 横幅 */

    float:none;

margin-right: 15px;

}

.cateList_2line:last-of-type {

    margin: 0;

}

/* 3列表示 */

.cateList_3line{

    width:calc(33.3% - 10px);/* 横幅 */

    float:none;

margin-right: 15px;

}

.cateList_3line:last-of-type {

    margin: 0;

}

/* 4列表示 */

.cateList_4line{

    width: calc(25% - 11.25px);

    float: none;

    margin-right: 15px;

}

.cateList_4line:last-of-type {

    margin: 0;

}





li.cateList {

    background: var(--body-main-color-2);

    padding: 15px;

    border-radius: var(--border-radius-2);

}





/*カテゴリーアイコン---------------*/

a.cate_icon_link {

    display: block;

}

img.cate_icon {

width: 2.5em;

    height: auto;

    float: none;

    padding: 0;

    margin: 0 auto 10px;

    display: block;



    text-align: center;

}

/*アイコン回り込み*/

a.cate_icon_link+.cate_middle,

a.cate_icon_link+.cate_middle+.cate_small,

img.cate_icon+.cate_middle,

img.cate_icon+.cate_middle+.cate_small{



}



/*子要素サブカテゴリー-------------------*/



.cate_middle {

    padding: 0;

    font-size: 1.125em;

}

.cate_middle,.cate_middle a {

    text-align: center;

    display: block;

    font-weight: bold;

}

.cate_middle a {

    color: var(--body-text-color-1)!important;

}

.cate_small {

    display: block;

    padding: 10px 0 0;

    font-size: 1em;

    border-top: 1px solid var(--gray-color-4);

    margin: 5px 0 0;

}

ul.cate_small>li {

display: inline-block;

    position: relative;

    padding: 0 0 0 1.25em;

    margin: 0 10px 2.5px 0;

}

ul.cate_small>li:after {

    content: "";

    left: 0;

    top: 0.5em;

    width: 0.4em;

    height: 0.4em;

    border-top: 2px solid var(--body-main-color-1);

    border-right: 2px solid var(--body-main-color-1);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

}



/*子要素サブカテゴリー縦並び*/



.cate_small>br {

    display: none;

}



.cate_small>span {

    display: block;

    position: relative;

    padding: 0 0 0 1.25em;

    margin: 0 0 2.5px;

}



.cate_small>span>a {

    display: inline-block;

color: var(--body-text-color-1) !important;

}



.cate_small>span:after {

    content: "";

    left: 0;

    top: 0.5em;

    width: 0.4em;

    height: 0.4em;

    border-top: 2px solid var(--body-main-color-1);

    border-right: 2px solid var(--body-main-color-1);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

}

/*子要素サブカテゴリー横並び*/

.cate_small > li a {

  color: var(--body-text-color-1) !important;

    display: inline-block;

}

.cate_small span.cateSepa {

  display: none;

}





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

.search_frmArea,

.twoCol .search_frmArea{

    margin: 0;

}

.kwd_none {

    margin: 0;

    padding: 5px;

    border: none;

    background: none;

}

/*ボタン*/

.search_frmArea .keyword_frmbtn,

.search_frmArea .n_keyword_frmbtn,

.faq_search_frmArea .keyword_frmbtn,

.search_frmArea .keyword_mode .keyword_frmbtn,

.search_frmArea .natural_mode .keyword_frmbtn{

    background: var(--body-main-color-1);

    color: white;

    transition: opacity .3s;

    width: 20%;

    height: 40px;

margin: 0;

line-height: 40px;

cursor: pointer;

border-radius: var(--border-radius-3) !important;

}



.search_frmArea .keyword_frmbtn:hover,

.search_frmArea .n_keyword_frmbtn:hover,

.faq_search_frmArea .keyword_frmbtn:hover,

.search_frmArea .keyword_mode .keyword_frmbtn:hover,

.search_frmArea .natural_mode .keyword_frmbtn:hover{

    opacity: 0.7;

}

#okw_side .search_frmArea .keyword_frmbtn, 

#okw_side .search_frmArea .n_keyword_frmbtn, 

#okw_side .faq_search_frmArea .keyword_frmbtn,

#okw_side .search_frmArea .keyword_mode .keyword_frmbtn, 

#okw_side .search_frmArea .natural_mode .keyword_frmbtn {

    width: 100%;

    margin: 5px 0 0;

    font-size: 0.825em;

}

#okw_side .keyword_frm, 

#okw_side .n_keyword_frm {

    width: 100%;

}

#okw_side .search_suggest, 

#okw_side .faq_suggest {

    width:100%;

    top: -45px;

}

/*入力欄*/

.keyword_frm,

.n_keyword_frm {

    height: 40px;

    width: calc(80% - 10px);

    background: white;

    margin: 0 10px 0 0;

    padding: 2px 7.5px;

    line-height: 34px;

    letter-spacing: normal;

    overflow-y: hidden;

    font-size: 100% !important;

    border-width: 1px;

    border-color: var(--gray-color-3);

border-radius: var(--border-radius-1);

}

#okw_contents .n_keyword_frm {

    line-height: var(--body-line-height);

    padding-top: 7px!important;

}

.lang_size_small #okw_contents .n_keyword_frm {

    padding-top: 9.5px!important;

}

.lang_size_large #okw_contents .n_keyword_frm {

    padding-top: 5px!important;

}





/*サジェスト---*/

.search_suggest,

.faq_suggest{

width: calc(80% - 10px);

}

.search_suggest>div {

    padding: 2px 5px;

}

/*サジェストリスト---*/

.faq_suggest_category {

    background-size: 15px auto;

    padding-left: 20px;

    display: inline-block;

}

.faq_suggest_title {

    font-size: 0.875em;

    position: relative;

    background: none;

    padding: 5px 0 5px 1.75em;

    margin: 0;

}

.faq_suggest_title:after{

    content: "Q.";

    position: absolute;

    top: 5px;

    left: 0;

    color: var(--body-main-color-1);

    font-size: 1.5em;

    display: inline-block;

    line-height: 1;

    font-family: var(--body-font-family);

    width: auto;

    height: auto;

    text-align: center;

    border-radius: 0px;

    box-sizing: border-box;

    font-weight: bold;

}

.faq_suggest_title-knowledge:after {

    content: "?.";

    left: 1px;

}



.faq_suggest_link {

    padding: 5px;

    font-size: 1em;

}

.faq_suggest_link:hover {

    background-color: transparent;

}



/*フロント画面側スピナー*/

.spinner {

    width: 48px!important;

    height: 48px!important;

    border: 5px solid #C0C0C0!important;

    border-bottom-color: transparent!important;

    border-radius: 50%!important;

    display: inline-block!important;

    box-sizing: border-box!important;

    animation: rotation 1s linear infinite!important;

}





/*備考文---*/

#n_search_description.search_description, 

#keyword_form .search_description,

.oneCol .keyword_mode .search_description,

.keyword_mode .search_description,

.search_description,

.oneCol .search_description{

    display: block;

    margin: 0 0 4px;

line-height: 20px;

position: relative;

}

.oneCol .keyword_mode .search_description, 

.keyword_mode .search_description,

#keyword_form .search_description{

    min-height: 26px;

    margin-top: -6px!important;

}



.search_frmArea .keyword_helpbtn_popup {

    background: var(--gray-color-1);

    border: 1px solid var(--gray-color-3);

    top: 24px!important;

    padding-right: 20px;

    cursor: pointer;

left: 0!important;

white-space: pre-wrap!important;

}

.search_frmArea .keyword_helpbtn_popup:after {

    content: "\0d7";

    position: absolute;

    font-family: var(--body-font-family);

    font-weight: normal;

    font-size: 24px;

    top: 2px;

    right: 6px;

    line-height: 1;

    cursor: pointer;

}







/*選択肢*/

.search_frmArea label, .search_frmArea select, .search_frmArea input, .search_frmArea p, .faq_search_frmArea label, .faq_search_frmArea select, .faq_search_frmArea input, .faq_search_frmArea p {

    font-size: 1em;

}



.search_target select,

.search_faq_type select,

.search_attribute select{

min-width: 250px;

    white-space: nowrap!important;

}

#okw_side .search_target select,

#okw_side .search_faq_type select,

#okw_side .search_attribute select{

min-width: unset;

}

.search_category_wrapper .combo:not(.spinner) .combo-text,

.search_category_wrapper .dropdownCheckComboboxWapper{

width: 250px;

}



.oneCol .search_target {

    margin-top: 0;

}



#okw_center .twoCol .search_target {

    margin: 0;

}

.search_faq_type, .search_switch, .search_attribute, .search_category_wrapper, .twoCol .search_keyword_morph{

    margin-top: 10px;

}



.search_frmArea .search_attribute .attribute_input_wrapper {

    padding: 0;

}

.values .listTree li{

    padding: 0;

}



.values .listTree li:has(>.thumb) {

    padding-left: 1.3em;

}

.values .listTree li .thumb {

    color: var(--body-main-color-1);

    font-size: 1.25em;

}



#okw_contents .values .listTree li input[type=checkbox] + label {

    margin: 5px!important;

}



li .thumb:empty {

    /*display: none;*/

}

.oneCol.okw_parts_search .search_category_inner_wrapper .dropdownCheckComboboxWapper:has(.listTree) {

    width: 400px;

}

#okw_side .okw_parts_search .dropdownCheckComboboxWapper>.listTree {

    width: auto;

}

.okw_parts_search .dropdownCheckComboboxWapper>.listTree {

    overflow-x: hidden;

    overflow-y: scroll;

    padding: 5px 10px 5px 5px;

    margin: 0;

}

.okw_parts_search .search_category_wrapper .dropdownCheckComboboxWapper>.listTree {

    height: 250px;

    background: var(--gray-color-1);

}



#okw_side .oneCol.okw_parts_search .search_category_inner_wrapper .dropdownCheckComboboxWapper:has(.listTree) {

    width: auto;

}



input.combo-text, 

.search_frmArea .search_attribute .attribute_input_wrapper input{

    border: 1px solid var(--gray-color-3);

    width: 250px;

    padding: 7.5px;

    border-radius: var(--border-radius-1);

    line-height: 1.25;

}



.search_attribute .conditions .condition input.search_attribute_input, 

.search_attribute .conditions .condition select.search_attribute_input, 

.search_attribute .conditions .condition .search_attribute_input .combo-text {

    width: 100%;

}



.lang_size_small #keyword_form .search_attribute .search_attribute_input .combo-text, 

.lang_size_small .search_frmArea #keyword_form .search_attribute .attribute_input_wrapper>select, 

.lang_size_small  .search_frmArea #natural_sentence_form .search_attribute .attribute_input_wrapper>select, 

.lang_size_small #keyword_form .search_attribute .dropdownCheckComboboxWapper,

.lang_size_small .search_frmArea .search_attribute .attribute_input_wrapper>input[type="text"]{

    position: relative;

    left: calc(5em + 3px);

}

.lang_size_medium #keyword_form .search_attribute .search_attribute_input .combo-text, 

.lang_size_medium .search_frmArea #keyword_form .search_attribute .attribute_input_wrapper>select, 

.lang_size_medium .search_frmArea #natural_sentence_form .search_attribute .attribute_input_wrapper>select, 

.lang_size_medium #keyword_form .search_attribute .dropdownCheckComboboxWapper,

.lang_size_medium .search_frmArea .search_attribute .attribute_input_wrapper>input[type="text"] {

    position: relative;

    left: calc(5em + 5px);

}

.lang_size_large #keyword_form .search_attribute .search_attribute_input .combo-text, 

.lang_size_large .search_frmArea #keyword_form .search_attribute .attribute_input_wrapper>select, 

.lang_size_large .search_frmArea #natural_sentence_form .search_attribute .attribute_input_wrapper>select, 

.lang_size_large #keyword_form .search_attribute .dropdownCheckComboboxWapper,

.lang_size_large .search_frmArea .search_attribute .attribute_input_wrapper>input[type="text"] {

    position: relative;

    left: calc(5em + 6px);

}

.dropdownCheckComboboxWapper label {

    margin: 0;

}

#okw_center .twoCol #keyword_form .search_attribute .search_attribute_input .combo-text, 

#okw_center .twoCol .search_frmArea #keyword_form .search_attribute .attribute_input_wrapper>select, 

#okw_center .twoCol .search_frmArea #natural_sentence_form .search_attribute .attribute_input_wrapper>select, 

#okw_center .twoCol #keyword_form .search_attribute .dropdownCheckComboboxWapper,

#okw_center .search_frmArea .search_attribute .attribute_input_wrapper>input[type="text"] ,

#okw_side #keyword_form .search_attribute .search_attribute_input .combo-text, 

#okw_side .search_frmArea #keyword_form .search_attribute .attribute_input_wrapper>select, 

#okw_side .search_frmArea #natural_sentence_form .search_attribute .attribute_input_wrapper>select, 

#okw_side #keyword_form .search_attribute .dropdownCheckComboboxWapper,

#okw_side .search_frmArea .search_attribute .attribute_input_wrapper>input[type="text"],

.twoCol #keyword_form .search_attribute .search_attribute_input .combo-text, 

.twoCol .search_frmArea #keyword_form .search_attribute .attribute_input_wrapper>select, 

.twoCol .search_frmArea #natural_sentence_form .search_attribute .attribute_input_wrapper>select, 

.twoCol #keyword_form .search_attribute .dropdownCheckComboboxWapper,

.twoCol .search_frmArea .search_attribute .attribute_input_wrapper>input[type="text"]{

    left: 0!important;

}

#okw_center .twoCol .search_target > label, 

#okw_center .twoCol .search_faq_type > label, 

#okw_center .twoCol .search_category_wrapper > label, 

#okw_center .twoCol #keyword_search_attribute_input > label, 

#okw_center .twoCol .k_search_attribute_select label {

    display: block;

    width: auto;

}

#okw_side .search_attribute .dropdownCheckComboboxWapper {

    width: 100%;

}

#okw_side .search_attribute input.search_attribute_input,

#okw_side #keyword_form .search_attribute .search_attribute_input .combo-text,

#okw_side .search_target select, 

#okw_side .search_faq_type select, 

#okw_side .search_attribute select{

    width: 100%;

}

#okw_side .search_attribute .conditions .condition > label{

margin-right:0;

}



#okw_side .search_target,

#okw_side #advanced_search_form #keyword_search_attribute_input{

    margin-right: 0;

    float: none;

}

#okw_contents .oneCol .search_frmArea .search_attribute .conditions .condition {

    width: 48%;

}

#okw_contents #okw_side .oneCol .search_frmArea .search_attribute .conditions .condition,

#okw_contents .twoCol .search_frmArea .search_attribute .conditions .condition{

    width: 100%;

    margin-right: 0;

}

.search_frmArea .search_attribute .conditions .condition {

    vertical-align: top;

    background: var(--gray-color-1);

    border-radius: var(--border-radius-1);

}

.search_frmArea .search_attribute .conditions .condition .values {

    margin: 2.5px 0 0;

}

#okw_side .search_category_wrapper .combo .combo-text {

    width: 100%;

}

#okw_side span.wrap_arrow,

#okw_side div#search_category_narrow_down_input:not(.spinner) ,

#okw_side .search_category_inner_wrapper,

#okw_side .k_search_attribute_select div{

    display: block;

    width: 100%;

}



/*詳細検索カテゴリー選択*/

#okw_contents .search_category_wrapper input[type=radio] + label{

    margin: 0;

    padding: 0;

}

#okw_contents .search_category_wrapper input[type=radio] + label:after,

#okw_contents .search_category_wrapper input[type=radio] + label:before{

    content: none;

}

#okw_contents .search_category_wrapper .listTree li {

    position: relative;

}

#okw_contents .okw_parts_search .search_category_wrapper .dropdownCheckComboboxWapper {

    font-size: 0.875em;

}





#okw_contents .okw_parts_search .search_category_wrapper .dropdownCheckComboboxWapper ol.listTree li label {

    margin: 2.5px 0!important;

    display: inline-block;

    width: 100%;

white-space: normal;

}





#okw_contents .okw_parts_search .search_category_wrapper .dropdownCheckComboboxWapper ol.listTree .thumb {

    color: var(--body-main-color-1);

    font-size: 1.25em;

    margin: 0 0.25em 0 -1.125em;

    vertical-align: top;

}



#okw_contents .okw_parts_search .search_category_wrapper .dropdownCheckComboboxWapper ol.listTree li input:checked + label {

    font-weight: bold;

}



.search_target>label,

.search_faq_type>label,

.search_category_wrapper>label,

#keyword_search_attribute_input>label,

.k_search_attribute_select label{

width: 5em;

    display: inline-block;

    vertical-align: top;

    float: none;

    padding: 8px 0;

    line-height: 1.25;

}

#okw_side .search_target>label, 

#okw_side .search_faq_type>label, 

#okw_side .search_category_wrapper>label,

#okw_side #keyword_search_attribute_input>label, 

#okw_side .k_search_attribute_select label,

.twoCol .search_target>label, 

.twoCol .search_faq_type>label, 

.twoCol .search_category_wrapper>label,

.twoCol #keyword_search_attribute_input>label, 

.twoCol .k_search_attribute_select label{

    padding: 5px 0px !important;

    display: block;

    width: 100%;

}



.search_category_wrapper>label {

    padding: 11px 0;

}

.search_category_inner_wrapper, .k_search_attribute_select div {

    float: none;

    display: inline-block;

    margin: 0;

}





/*検索結果対象*/

.attr_search_kw_area, 

.search_target_area,

.synonyms_kw_area {

    margin: 0;

}

.search_word {

    background: var(--body-accent-color)!important;

    padding: 2.5px;

}

/*検索結果ページ番号*/

.pg_col_top {

    margin: 15px 0 10px;

    font-size: 14px;

}

.pg_no {

    margin-left: 0;

}

.pg_col_down .pg_no {

    display: block;

    width: 100%;

    margin: 0 0 10px;

}



.pagination {

    display: block;

    width: 100%;

    text-align: center;

}



.pagination span.disabled {

    display: none;

}



.pagination .current, .pagination a, .pagination span {

    padding: 0 15px;

    font-size: 16px;

}



.pagination em {

    font-weight: bold;

    color: var(--body-main-color-1);

    text-decoration: underline;

}



a.next_page,

a.previous_page{



}



a.next_page:after,

a.previous_page:after{



}



a.previous_page:after {



}





.pg_scr span.disabled {



}



a.prev_page {



}



a.prev_page:after {



}



a.prev_page.disabled:after {



}







/*FAQタグ検索-----------------*/

/*バージョン崩れ調整*/

.faq-tags-suggestions {

    background: none;

}

.faq-tags-suggestions .tagify__dropdown__wrapper header.tagify__dropdown__header {

    display: none;

}

/*バージョン崩れ調整_終わり*/



.faq_tag_search_main {

    padding: 0;

    border: none;

    background: none;

}

.faq_tag_search_input_area {

    margin-bottom: 15px;

}

.faq_tag_search_input_field input,

.faq_tag_search_input_field input:hover{

    border-color: var(--gray-color-3);

    border-radius: var(--border-radius-1);

    height: 40px;

    font-size: 1em;

}

.faq_tags_area {

    margin: 0;

    padding: 0;

    display: flex;

    flex-flow: row wrap;

    gap: 10px;

}

.faq_tags_area .keyword_tag,

#faq_tag_search_overlay .tagify__tag{

    transition: background .3s, color .3s;

    display: block;

    border: none;

    padding: 10px 15px;

    line-height: 1;

    margin: 0;

    background: var(--body-main-color-2);

    color: var(--body-text-color-1) !important;

    font-size: 1em;

    font-weight: bold;

    border-radius: var(--border-radius-3);

    height: auto;

}

.faq_tags_area .keyword_tag{

    background: var(--body-main-color-1);

    color: white !important;

}



.faq_tags_area .keyword_tag:hover {

    background: var(--body-main-color-2);

color: var(--body-text-color-1) !important;

}



/*FAQタグ検索モーダル*/

#faq_tag_search_overlay,#faq_tag_search_overlay * {

    font-family: var(--body-font-family);

box-sizing: border-box;

}

#faq_tag_search_overlay .faq_tag_search_result {

    border-top: 1px solid var(--gray-color-3);

}

#faq_tag_search_overlay .faq_tag_search_tag_area {

    padding: 15px 15px 0;

}

#faq_tag_search_overlay .faq_tag_search_overlay_inner {

    width: 100%;

    margin: 0 15px;

    max-width: 940px;

}





#faq_tag_search_overlay .faq_tag_search_result_area {

    padding: 15px 15px 0;

border-top: none;

}



#faq_tag_search_overlay .faq_tag_search_content {

    padding: 15px 5px 15px 10px;

    border-bottom: 1px solid var(--gray-color-3);

transition: background-color .3s;

}

#faq_tag_search_overlay .faq_tag_search_content:hover {

    background-color: var(--gray-color-1);

}

#faq_tag_search_overlay .faq_tag_search_header, 

#faq_show .faq_tag_search_header {

    padding: 15px;

border-bottom: 1px solid var(--gray-color-3);

}

#faq_tag_search_overlay .faq_tag_search_title {

    font-size: 1em;

    line-height: var(--body-line-height);

}

#faq_show .faq_tags_modal_scroll_area .faq_tags_modal_content {

    padding: 0 15px;

}

#faq_tag_search_overlay .faq_tag_search_search_area {

    padding: 15px;

    border-bottom: 1px solid var(--gray-color-3);

}

#faq_tag_search_overlay .faq_tag_search_icon {

    display: none;

}



.faq_tag_search_link_texts {

    position: relative;

    padding: 0 0 0 2em;

}

#faq_tag_search_overlay .faq_tag_search_faq_title {

    font-size: 1em;

    font-weight: bold;

    color: var(--body-link-color);

}

#faq_tag_search_overlay .faq_tag_search_link {

    font-size: 1em;

}

.faq_tag_search_link_texts:before {

    content: "Q.";

    position: absolute;

    top: 0;

    left: 0;

    color: var(--body-main-color-1);

    font-size: 1.5em;

    display: inline-block;

    line-height: 1;

    font-family: var(--body-font-family);

    width: auto;

    height: auto;

    text-align: center;

    border-radius: 0px;

    box-sizing: border-box;

    font-weight: bold;

}



#faq_tag_search_overlay .faq_tag_search_icon--knowledge+.faq_tag_search_link_texts:before {

    content: "?.";

    left: 2px;

}

#faq_tag_search_overlay .faq_tag_search_link_texts .faq_tag_search_category {

    color: var(--body-text-color-2);

    font-size: 0.75em;

}



#faq_tag_search_overlay .tagify__tag[no_search="true"] {

        background: var(--body-main-color-1);

}



#faq_tag_search_overlay .faq_tag_more_page_btn {

    text-align: center;

    background: var(--body-main-color-1);

    color: white;

    width: auto;

    height: auto;

    min-width: 250px;

    cursor: pointer;

    font-size: 0.9375rem;

    font-weight: bold;

    padding: 12.5px 15px;

    transition: opacity .3s;

    border-radius: var(--border-radius-3) !important;

    line-height: var(--body-line-height);

    display: inline-block;

}

#faq_tag_search_overlay .faq_tag_more_page_btn:hover {

    background: var(--body-main-color-1);

    opacity: 0.7;

}

#faq_tag_search_overlay .faq_tag_search_more_page {

    text-align: center;

    margin-top: 20px;

    margin-bottom: 30px;

}

/*FAQタグ検索モーダル内のFAQ詳細ページ*/



#faq_show .faq_tags_modal_wrapper {

    width: calc(100% - 30px);

}



.faq_tags_modal_wrapper .faq_info {

    display: block;

    border: 1px solid var(--gray-color-3);

    margin: 5px 10px 0;

    background: white;

    padding: 5px;

    border-radius: 0;

color: var(--body-text-color-2);

}



.faq_tags_modal_wrapper .faq_info .faq_info_left {

    justify-content: space-between;

}



.faq_tags_modal_wrapper .faq_info .faq_info_left .category {

        flex: 1;

}

.faq_tags_modal_wrapper .faq_info .faq_info_left .date{

    text-align: right;

    width: 14em;

}

.faq_tags_modal_wrapper .content_wrapper {

    width: 100%;

    padding: 10px;

font-size: 1em;

}

.faq_tags_modal_wrapper .favorite_list .icoFavorite_mark_off,.faq_tags_modal_wrapper .favorite_list .icoFavorite_mark_on {

    background: none;

}

#faq_show .okw_enquete_area {

    margin-bottom: 0;

}



.faq_tags_modal_wrapper .faq_info .faq_info_right .favorite_list {

    position: relative;

}

.faq_tags_modal_wrapper .faq_info .faq_info_right #favorite_message {

    position: absolute;

    text-align: center;

    padding: 5px 10px;

    width: 100px;

    z-index: 10000;

    border: 1px solid var(--gray-color-3);

    background: white;

    right: 0;

    top: 2em;

}



/*閉じる戻るボタン*/

.faq_tag_search_cancel_button {

    width: calc(1em + 10px);

    height: 1em;

    background: none;

    position: relative;

    padding-right: 10px;

}



.faq_tag_search_cancel_button:after {

    content: "\25C0";

    position: absolute;

    left: 0;

    top: 0;

    color: var(--body-link-color);

line-height: 1;

    font-family: sans-serif;

}



#faq_tag_search_overlay .faq_tag_search_close_button, #faq_show .faq_tag_search_close_button {

    color: var(--body-link-color);

    font-size: 0.875em;

    position: relative;

    display: block;

    font-weight: bold;

    padding: 0 1em 0 0;

    width: 4.5em;

    text-align: right;

}



#faq_tag_search_overlay .faq_tag_search_close_icon_wrapper, #faq_show .faq_tag_search_close_icon_wrapper {

    display: none;

}



#faq_tag_search_overlay .faq_tag_search_close_button:after, #faq_show .faq_tag_search_close_button:after {

    content: "\00D7";

    font-size: 1.5em;

    line-height: 1;

    position: absolute;

    right: 0;

top:0;

}





/*検索へ戻る*/

.faq_tags_modal_wrapper .faq_tag_modal_close_btn {

    background: no-repeat;

    display: block;

    padding: 0;

    color: var(--body-link-color);

    line-height: 1;

    padding: 5px 0 5px 15px;

    height: auto;

    position: relative;

}

.faq_tags_modal_wrapper .faq_tag_modal_close_btn_wrapper {

    margin: 15px 0 20px;

}

.faq_tags_modal_wrapper .faq_tag_modal_back_btn {

    display: none;

}



.faq_tags_modal_wrapper .faq_tag_modal_close_btn:after {

    content: "\25C0";

    position: absolute;

    left: 0;

    top: 5px;

    font-family: sans-serif;

}



.faq_tags_modal_wrapper .faq_tag_modal_close_btn:hover {

    background: none;

}



/*FAQタグ検索モーダル内QA*/

.faq_tags_modal_wrapper .question_contents .title_wrapper {

    display: block;

    overflow: hidden;

    position: relative;

    background: none;

    padding: 10px 10px 10px calc(2em + 10px);

    margin: 20px 0 0;

    color: var(--body-main-color-1);

    border: none;

    font-size: 1.25em;

}

.faq_tags_modal_wrapper .question_contents .title_wrapper .faq_title {

    font-size: 20px;

}

.faq_tags_modal_wrapper .question_contents .title_wrapper .faq_no {

    display: inline-block;

    float: right;

    margin: 2.5px 0 0;

}



.faq_tags_modal_wrapper .question_contents .title_wrapper .title_wrapper--left {

    display: inline-block;

    font-weight: bold;

    float: left;

}



.faq_tags_modal_wrapper .question_contents .title_wrapper .question_icon {

    display: none;

}



.faq_tags_modal_wrapper .question_contents .title_wrapper:before {

    content: "Q.";

    position: absolute;

    top: 0.35em;

    left: 10px;

    color: var(--body-main-color-1);

    font-size: 1.5em;

    display: inline-block;

    line-height: 1;

    font-family: var(--body-font-family);

    width: auto;

    height: auto;

    text-align: center;

    border-radius: 0px;

    box-sizing: border-box;

    font-weight: bold;

}

.faq_tags_modal_wrapper .question_contents .title_wrapper:has(span.question_icon.--knowledge):before {

    content: "?.";

}



.faq_tags_modal_wrapper .answer_contents .answer_data {

    border: none;

    background: var(--body-main-color-2);

    padding: 15px;

    border-radius: var(--border-radius-2);

    margin: 20px 0;

}

.faq_tags_modal_wrapper .answer_contents .answer_data:has(>#wizard_answer:empty) {

    background: none;

}



.faq_tags_modal_wrapper .answer_contents .answer_data .answer_icon {

background: none;

margin: 0;

font-size: 1.25em;

position: relative;

height: 1.5em;

width: 2em;

}



.faq_tags_modal_wrapper .answer_contents .answer_data .answer_icon:before {

    content: "A.";

    position: absolute;

    top: 0;

    left: 0;

    color: var(--body-main-color-1);

    font-size: 1.5em;

    display: inline-block;

    line-height: 1;

    font-family: var(--body-font-family);

    width: auto;

    height: auto;

    text-align: center;

    border-radius: 0px;

    box-sizing: border-box;

    font-weight: bold;

}

.faq_tags_modal_wrapper:has(.--knowledge) .answer_contents .answer_data .answer_icon:before {

    content: "!.";

}



span.question_icon.--knowledge {}

.faq_tags_modal_wrapper .answer_contents .answer_data .content_wrapper.ck-content {

    padding: 0;

    margin: 15px 0 10px;

}



/*FAQタグ検索モーダル内ナレッジメモ*/

#faq_show .faq_tags_modal_footer .footer_content {

    padding: 0;

}



#faq_show .faq_tags_modal_scroll_area .faq_tags_modal_footer {

    background: none;

    padding: 0 15px;

}



#faq_show .faq_tags_modal_footer .footer_title {

    margin: 0;

    font-size: 1em;

}

#faq_show .faq_tags_modal_footer .footer_submit_btn {

    text-align: center;

    background: var(--body-main-color-1)!important;

    color: white!important;

    width: auto!important;

    height: auto!important;

    min-width: 250px;

    cursor: pointer!important;

    font-size: 0.9375rem;

    font-weight: bold;

    padding: 12.5px 15px;

    transition: opacity .3s;

    border-radius: var(--border-radius-3) !important;

    line-height: var(--body-line-height);

    border: none!important;

}

#faq_show .faq_tags_modal_footer .footer_submit_btn:hover {

    background: var(--body-main-color-1) !important;

    opacity: 0.7;

}



#faq_show .faq_tags_modal_footer .footer_submit_btn[disabled],

#faq_show .faq_tags_modal_footer .footer_submit_btn[disabled]:hover{

    color: var(--gray-color-3)!important;

    background-color: var(--gray-color-2) !important;

    opacity: 1;

    border: none!important;

    cursor: default!important;

}

#faq_show .faq_tags_modal_wrapper .knowledge_vote_button {

    margin: 0;

}



#faq_show .faq_tags_modal_footer div:has(>.footer_submit_btn) {

    text-align: center;

}



#faq_show .faq_tags_modal_footer .footer_text {

    font-size: 0.8em!important;

    display: block;

    text-align: center!important;

    margin-bottom: 0;

}

#faq_show .faq_tags_modal_footer .footer_text_input[disabled] {

    cursor: default!important;

}

.faq_tags_modal_wrapper #wizard_answer {

    background: none!important;

}

.faq_tags_modal_wrapper #wizard_answer .faq_ans_col, 

.faq_tags_modal_wrapper #wizard_list .faq_ansCont_txt {

    padding: 15px 0 0;

    width: auto;

    font-size: 1em;

}

.faq_tags_modal_wrapper #wizard_answer .icoA,

.faq_tags_modal_wrapper #wizard_answer .icoKA {

    display: block;

    margin: 0;

    padding: 0 0 0 2em!important;

    background: none!important;

    width: auto;

    height: auto;

    border-radius: 0;

    font-size: 1em;

}



.faq_tags_modal_wrapper #wizard_answer .icoA:before,

.faq_tags_modal_wrapper #wizard_answer .icoKA:before{

    top: 0;

    left: 0;

}



/*FAQタグ検索モーダル内アンケ*/

#faq_show .faq_tags_modal_wrapper .okw_enquete_area {

    padding: 15px;

    margin: 0 15px;

    width: calc(100% - 30px);

    border: 1px solid var(--gray-color-3);

    border-radius: var(--border-radius-2);

}

/*FAQタグ検索モーダル内ウィザード*/

.faq_tags_modal_wrapper #wizard_list {

    padding: 0;

    margin: 0;

    display: block;

}

.faq_tags_modal_wrapper #wizard_list .wzd_slct_area {

    font-size: 1em;

    margin: 0;

    display: block;

}



.faq_tags_modal_wrapper #wizard_list .wzd_slct_area .wzd_slct_col {

    height: auto;



    display: block;

}

.faq_tags_modal_wrapper #wizard_list .wzd_slct_area .wzd_slct_col:hover {

    background: none;

}

.faq_tags_modal_wrapper #wizard_list .wizard_content.--selected {

    padding: 0;

    background: none;

    border-radius: 0;

}

/*お気に入りFAQ&注目のFAQ-----------------*/

.okw_parts_favorite_faq .ttl_col h2, 

.okw_parts_pickup_faq .ttl_col h2, 

.okw_parts_mypage_list .ttl_col h2{



}



.icoFavorite,

.icoPickup,

.icoHelpdesk{

    float: none;

}



.okw_parts_favorite_faq .list, 

.okw_parts_pickup_faq .list, 

.okw_parts_mypage_list .list {

    float: none;

    margin: 0;

    display: inline-block;

    transition: opacity .3s;

    padding-left: 1em;

    font-size: 0.53333em;

    text-decoration: none !important;

    position: absolute;

    bottom: -15px;

    right: 0;

}

.okw_parts_favorite_faq .list:hover, 

.okw_parts_pickup_faq .list:hover, 

.okw_parts_mypage_list .list:hover {

    opacity: 0.7;

}



.okw_parts_favorite_faq .list:before, 

.okw_parts_pickup_faq .list:before, 

.okw_parts_mypage_list .list:before {

    content: "";

    left: 0;

    top: 0.4em;

    width: 0.4em;

    height: 0.4em;

    border-top: 2px solid var(--body-main-color-1);

    border-right: 2px solid var(--body-main-color-1);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

}



/*お気に入りボタンメッセージ*/

.faq_dateNo .favorite_message {

    text-align: center;

    padding: 5px 10px;

    width: 100px;

z-index: 10000;

border: 1px solid var(--gray-color-3);

}



/*注目のキーワード------------------------------*/

.attention_keyword_list {

    margin: 0;

    padding: 0;

    display: flex;

    flex-flow: row wrap;

    gap: 10px;

}

.attention_keyword_list * {

}

.attention_keyword_list li > span {

  display: none;

}

.attention_keyword_list li{

  display: inline-block;

}



.attention_keyword_list li > a {

    transition: background .3s,color .3s;

    display: block;

    border: none;

    padding: 10px 15px;

    line-height: 1;

    margin: 0;

    background: var(--body-main-color-2);

    color: var(--body-text-color-1) !important;

    font-size: 1em;

    font-weight: bold;

    border-radius: var(--border-radius-3);

}

.attention_keyword_list li > a:hover {

    text-decoration: none !important;

    background: var(--body-main-color-1);

    color: white !important;

}

/*Info&News------------------------------*/

.newsList {

    margin: 0;

}



.newsList li {

    background: none;

    padding: 10px 0 0;

    margin: 10px 0 0;

    border-top: 1px solid var(--gray-color-3);

}



.newsList li .datetime {

    float: none;

    display: block;

    margin: 0 0 2.5px;

    font-size: 0.875em;

}



.infoTxt {

    float: none;

    display: block;

    font-weight: bold;

}

.infoTxt a {

    display: block;

}

.infonews_txt,

.infonews_col{

    padding: 0;

}





li.infonews_date_txt {

    font-size: 0.875em;

    color: var(--body-text-color-2);

    margin: 0 0 10px;

}

.infonews_date_no {

    margin: 0;

}



/*中間ページ一覧---------------------------*/

.search_list {

    margin: 0;

    width: 100%;

    border-top: 1px solid var(--gray-color-3);

}

.search_list_bg1,

.search_list_bg2{

    border: none;

    background: none;

    padding: 0;

    margin: 0;

}





li.search_list_inner {

border-bottom: 1px solid var(--gray-color-3);

    padding: 15px 0 20px;

}



li.search_list_inner:hover {

    background-color: transparent;

}



/*詳細表示*/

a.faq_list_show_detail {

    display: block;

    width: 5em;

    padding-left: 1em;

    text-align: center;

    text-decoration: none !important;

    margin-left: auto;

    transition: opacity .3s;

    float: none;

    position: relative;

    font-size: 0.8em;

}

a.faq_list_show_detail:hover {

    opacity: 0.7;

}

a.faq_list_show_detail:before {

    content: "";

    left: 0;

    top: 0.4em;

    width: 0.4em;

    height: 0.4em;

    border-top: 2px solid var(--body-main-color-1);

    border-right: 2px solid var(--body-main-color-1);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

}



/*Q回り*/

.icoQ_sml,

.icoK_sml{

    position: relative;

    background: none;

    padding: 10px 0 12.5px 2em;

    margin: 0;

    font-size: 1.125em;

    font-weight: bold;

}



.icoQ_sml:before,

.icoK_sml:before{

    content: "Q.";

    position: absolute;

    top: 0.325em;

    left: 0;

    color: var(--body-main-color-1);

    font-size: 1.5em;

    display: inline-block;

    line-height: 1;

    font-family: var(--body-font-family);

    width: auto;

    height: auto;

    text-align: center;

    border-radius: 0px;

    box-sizing: border-box;

    font-weight: bold;

}

.icoK_sml:before{

content: "?.";

left:2px;

}



/*A回り*/

.icoA_sml,

.icoKA_sml{

position: relative;

padding: 12.5px 10px 10px 3.5em;

margin: 0;

background: var(--body-main-color-2);

    overflow: hidden;

    border-radius: var(--border-radius-2);

}

.icoA_sml:before,

.icoKA_sml:before{

    content: "A.";

    position: absolute;

    top: 10px;

    left: 0.75em;

    color: var(--body-main-color-1);

    font-size: 1.5em;

    display: inline-block;

    line-height: 1;

    font-family: var(--body-font-family);

    width: auto;

    height: auto;

    text-align: center;

    border-radius: 0px;

    box-sizing: border-box;

    font-weight: bold;

}



.icoKA_sml:before{

content: "!.";

left: 15px;

}



/*A下まわり*/

.search_date_area {

    margin: 10px 0 0;

}

.search_date_area .search_dateNo {

    width: 100%;

    margin: 0;

}



li.category_name {

    margin: 0;

}



li.category_name a {

    display: inline-block;

}



.faq_attachment_list {

    border: 1px solid var(--gray-color-3);

    background: var(--gray-color-1);

    padding: 5px;

}



.faq_attachment_list a {

    padding: 0 5px;

}



.search_dateNo li {

    margin: 0 5px 0 0px;

    display: inline-block;

    color: var(--body-text-color-2);

    font-size: 0.75em;

}

/* 昇降アイコン ------------*/

.okw_sort_select {

    width: auto;

margin: 0;

}

.okw_sort_select select {

    width: auto;

}

/* 昇順アイコン */

.sort_asc_image_on, 

.sort_asc_image_off, 

.sort_asc_image_off:hover{

background:none;

border-style: solid;

border-width: 0 4.5px 7.79px 4.5px;   

}



.sort_asc_image_on {

    border-color: transparent transparent var(--gray-color-4) transparent;

}



.sort_asc_image_off {

    border-color: transparent transparent var(--gray-color-3) transparent;

}

    

.sort_asc_image_off:hover {

    border-color: transparent transparent var(--gray-color-4) transparent;

}



/* 降順アイコン */

.sort_desc_image_on, 

.sort_desc_image_off, 

.sort_desc_image_off:hover{

background:none;

border-style: solid;

border-width: 7.79px 4.5px 0 4.5px;    

}



.sort_desc_image_on {

    border-color:var(--gray-color-4) transparent transparent  transparent;

}

    

.sort_desc_image_off {

    border-color: var(--gray-color-3) transparent transparent  transparent;

}

    

.sort_desc_image_off:hover {

    border-color: var(--gray-color-4) transparent transparent  transparent;

}



.sort_arrow {

    width: 10px;

margin: 8px 0 0 5px;

}



/* 昇降アイコン終わり ------------*/



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

お問い合わせ 

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



.qaList li {

    padding: 0;

    margin: 0;

}

/*ボタン化*/

.okw_parts_helpdesk .qaList li{

    text-align:center;

}

.okw_parts_helpdesk .qaList li a {

    background: var(--body-main-color-1);

    color: white!important;

    display: inline-block;

    padding: 12.5px 15px;

    border-radius: var(--border-radius-3);

    text-align: center;

    font-weight: bold;

    min-width: 250px;

    transition: opacity .3s;

    text-decoration:none!important;

}

.okw_parts_helpdesk .qaList li a:hover {

    opacity: 0.7;

}

#okw_side .okw_parts_helpdesk .qaList li a {

    min-width: unset;

    width: 100%;

}

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

問い合わせフォーム

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

.colArea .colArea .okw_hdq_form_area,

body#helpdesk_complete .okw_main_helpdesk,

body#helpdesk_complete .okw_hdq_form_area,

.okw_main_end_user_login .okw_car_contents .okw_car_form_area{

    padding: 0;

    background: none;

    border: none;

    margin-top: 0;

}

body#helpdesk_complete .okw_main_helpdesk {

    margin-top: 30px;

}

.column_ttl {

    background: none;

    border-left: none;

    border-top: none;

    border-right: none;

border-bottom: 1px solid var(--gray-color-3);

}

.okw_mrktenqt_contents .me_contents_table{

border-top: none;

}

.okw_mrktenqt_contents .me_contents_table .mrktenqt_name {

    border-bottom: 1px solid var(--gray-color-3);

    background: none;

    font-weight: bold;

    padding: 5px;

}

.HDcontent, 

.create_account_request_content {

    /*border-bottom: none;*/

}

.hdcontents_bor{

border-bottom: none;

}

.HDcontents_table, .create_account_request_contents_table, .me_contents_table {

    margin: 0 0 15px;

    border: none;

}

.HDcontents_table *, .create_account_request_contents_table *, .me_contents_table * {

    border-color: var(--gray-color-3);

}





.hd_question_form, 

.create_account_request_form,

.me_question_form{

    width: 100%!important;

}

.me_contents_table{

    margin-top: 15px;

}



.HDcontent dl, 

.create_account_request_content dl,

.me_content dl{

    table-layout: fixed;

    width: 100%;

    background: var(--gray-color-1);

}

.HDcolumn_left, 

.create_account_request_left,

.me_column_left,

.HDcolumn_right, 

.create_account_request_right,

.me_column_right{

    padding: 15px;

width: 30%;

vertical-align: middle !important;

}



.HDcolumn_left, 

.create_account_request_left,

.me_column_left{

    font-weight: bold;

  vertical-align: middle!important;

    border-left: 1px solid var(--gray-color-3);

}

.HDcolumn_right, 

.create_account_request_right,

.me_column_right{

    width: 70%;

    max-width: unset;

border-left: 1px solid var(--gray-color-3);

    border-right: 1px solid var(--gray-color-3);

}



span.input_note {

    letter-spacing: normal;

}





/*送信ボタン*/

.commit_button_block,

.me_commit_button_block{

    background: none;

    border: none;

    padding: 0;

}



.hdq_confirm_btn_l,.hdq_confirm_btn_r,

.me_confirm_btn_l,.me_confirm_btn_r,

.mypage_profile_edit_submit_btn_l,.mypage_profile_edit_submit_btn_r{

    display: none;

}



.hdq_confirm_btn_c,

.me_confirm_btn_c,

.mypage_profile_edit_submit_btn_c{

    background: var(--body-main-color-1);

    color: white;

    line-height: var(--body-line-height);

    height: auto;

    padding: 12.5px 15px;

    min-width: 250px;

    transition: opacity .3s;

float: none;

    display: inline-block;

border-radius: var(--border-radius-3)!important;

}



.hdq_confirm_btn_c:hover,

.me_confirm_btn_c:hover,

.mypage_profile_edit_submit_btn_c:hover{

    opacity: 0.7;

}



/*入力画面--------------------*/

.HDcontent input[type=text], .create_account_request_content input[type=text], 

.me_content input[type=text], 

.mypage_profile_table input[type=text] {

    border: 1px solid var(--gray-color-3);

    background: white;

    padding: 7.5px;

border-radius: var(--border-radius-1);

}



/*問い合わせ完了画面--------------------*/

.hdq_finish_msg_mark,

.me_finish_msg_mark {

    padding: 0;

    background: none;

}



.hdq_finish_msg_area,

.me_finish_msg_area {

    border: 1px solid var(--gray-color-3);

    background: white;

border-radius: var(--border-radius-2);

}

.hdq_finish_msg_text,

.me_finish_msg_text {

    margin: 0;

    padding: 15px;

}

/* スーパーアシスタント -----------------*/

dl#errorExplanation {

    padding: 0;

    margin: 0 0 10px;

    background: none;

    border: none;

}



.hdq_confirm_btn_c a,

.me_confirm_btn_c a,

.mypage_profile_edit_submit_btn_c a{

    padding: 0;

    float: none;

    color: white!important;

}

.hdq_confirm_btn_c a:hover,

.me_confirm_btn_c a:hover,

.mypage_profile_edit_submit_btn_c a:hover{

text-decoration: none!important;

}

.hd_question_form .ttl_col h2 {

    position: relative;

    font-size: 1em!important;

    text-align: left;

    margin: 0 0 5px;

}



.icoQa.kanshinqa {

    float: none;

    padding-right: 4em;

}



#sa_button {

    float: none;

    margin: 0;

    position: absolute;

    right: 0;

    bottom: 5px;

    width: 4em;

}

#sa_button #sa_close,#sa_button #sa_open {



    font-size: 0.875em;

    font-weight: bold;

    position: relative;

    background: none;

}

#sa_button #sa_close:before, #sa_button #sa_open:before {

    content: "\25BC";

    left: 0;

    top: calc(50% - 6px);

    position: absolute;

    line-height: 1;

    font-family: sans-serif;

    font-weight: normal;

    font-size: 14px;

    color: var(--body-main-color-1);

}



#sa_button #sa_close:before {

    content: "\25B2";

}

.kanshin_qabox {

    padding: 0;

}

.kanshin_qa {

    margin: 0 0 30px;

    border: 2px solid var(--gray-color-3);

padding: 15px;

    border-radius: var(--border-radius-2);

}



#cboxContent{

    font-family: var(--body-font-family);

}

/* FAQ詳細ページ ---------------------------------*/

.mark_area:empty {

    display: none!important;

}

/*重要、更新、新着、カスタムマーク*/



.new_ico,

.imp_ico,

.updated_ico{

    background: none;

    min-width: 32px;

    color: white;

    font-size: 10px;

    line-height: 16px;

    padding: 0 5px;

    margin-right: 10px;

    text-align: center;

    position: relative;

    height:  16px;

    background-color: #009682;

    border-radius: var(--border-radius-1);

}

.imp_ico{

    background-color: #3370E1;

}

.new_ico{

    background-color: #E53C3C;

}



.new_ico:before {

    content: "新着";

    line-height:  16px;

display: inline-block;

vertical-align: baseline;

}

.imp_ico:before {

    content: "重要";

    line-height:  16px;

display: inline-block;

vertical-align: baseline;

}

.updated_ico:before {

    content: "更新";

    line-height:  16px;

display: inline-block;

vertical-align: baseline;

}



.faq_custom_mark {

min-width: 32px;

font-size: 12px;

line-height:  16px;

padding: 0 5px;

text-align: center;

position: relative;

height: 16px;

margin: 0 10px 0 0;

    border-radius: var(--border-radius-1);

}



/*文中リンク*/

#faq_question_contents a, 

#faq_answer_contents a, 

#info_news_contents a,

.faq_ansCont_txt a,

.faq_addition_col a,

.wzd_qstCont_col .wzd_qstCont_txt a{



}



/*Q回り--------*/





.faq_qstCont_ttl {

font-size: 1.25em;

line-height: var(--body-line-height);

margin: 10px 0 0;

}

.icoQ,

.icoK{

position: relative;

background: none;

padding: 10px 10px 10px calc(2em + 10px);

margin: 0;

color: var(--body-main-color-1);

}



.icoQ:before,

.icoK:before{

    content: "Q.";

    position: absolute;

    top: 0.35em;

    left: 10px;

    color: var(--body-main-color-1);

    font-size: 1.5em;

    display: inline-block;

    line-height: 1;

    font-family: var(--body-font-family);

    width: auto;

    height: auto;

    text-align: center;

    border-radius: 0px;

    box-sizing: border-box;

    font-weight: bold;

}



.icoK:before{

content: "?.";

}



.faq_qstCont_col {

    margin: 0 0 10px;

    padding: 10px;

}



/*--Q上--*/

.faq_qstInf_col {

    border-color:var(--gray-color-3);

}

.faq_dateNo {

    margin-right: 0;

    display: inline-block;

}



.faq_dateNo li {

    display: inline-block;

}



.icoFavorite_mark_on,

.icoFavorite_mark_off{

    background: none;

}

.icoFavorite_mark_on a, .icoFavorite_mark_off a {

    padding: 0 0 0 18px;

    display: inline-block;

    height: auto;

    position: relative;

    margin-right: 10px;

}



.icoFavorite_mark_on a:before, 

.icoFavorite_mark_off a:before {

    content: "\2605";

    font-size: 18px;

    display: inline-block;

    line-height: 1;

    position: absolute;

    left: 0;

    top: 0;

    color: var(--gray-color-3);

}



.icoFavorite_mark_on a:before{

    color: var(--body-main-color-1);

}



li.favorite_area {

    position: relative;

    font-size: 16px;

    line-height: 1;

}



li.favorite_area:before {

    content: "\2605";

    font-size: 16px;

    display: inline-block;

    line-height: 1;

    color: var(--body-main-color-1);

    position: absolute;

    left: 0;

    bottom: 0;

}



li.favorite_area img {

    visibility: hidden;

}





/*A回り--------*/

.faq_ans_ttl {

font-size: 1.25em;

line-height: var(--body-line-height);

    background: var(--body-main-color-2);

    border-top-right-radius: var(--border-radius-2);

    border-top-left-radius: var(--border-radius-2);

    padding: 0;

    margin: 30px 0 0;

}



.icoA,

.icoKA{

position: relative;

background: none;

padding: 20px 15px 10px calc(2em + 15px)!important;

margin: 0;

color: var(--body-text-color-1)!important;

min-height: calc(1.5em + 30px);

}



.icoA:before,

.icoKA:before{

    content: "A.";

    position: absolute;

    top: calc(0.35em + 10px);

    left: 15px;

    color: var(--body-main-color-1);

    font-size: 1.5em;

    display: inline-block;

    line-height: 1;

    font-family: var(--body-font-family);

    width: auto;

    height: auto;

    text-align: center;

    border-radius: 0px;

    box-sizing: border-box;

    font-weight: bold;

}

.icoKA:before{

content: "!.";

    left: 15px;

}

.faq_ans_col {

    padding: 15px;

    margin: 0;

    background: var(--body-main-color-2);

    border: none;

    border-bottom-right-radius: var(--border-radius-2);

    border-bottom-left-radius: var(--border-radius-2);

}



/*カテゴリー表示などの囲み*/

.faq_cate_col {

    border: 1px solid var(--gray-color-3);

    margin: 0;

    background: white;

}



.faq_addition_list.not_html, 

.faq_addition_list.html, 

.faq_addition_list.faq_attachment_file_list {

    border: 1px solid var(--gray-color-3);

    background: white;

    margin: 5px 0;

}



.faq_addition_col {

    padding: 0;

}



.faq_addition_list.html > dt {

    background: none;

    border-bottom: 1px solid var(--gray-color-3);

    padding: 0 0 5px;

    margin: 0 0 5px;

}

.faq_cate_col, .faq_cate_col a, .faq_cate_col a:visited {

    color: var(--body-text-color-2)!important;

}

.faq_cate_col dd span, .faq_cate_col dd a {

    display: inline-block;

    float: none;

}

/*ウィザードFAQ----------------------------*/

.wzd_qstCont_col {

    margin: 20px 10px 0 !important;

    border: none !important;

    background: none !important;

    padding: 5px 0px !important;

    border-bottom: 2px solid var(--body-main-color-1) !important;

}



.wzd_slct_area {

    margin: 0 10px!important;

    background: none;

padding: 7.5px 0px!important;

}

.sa_wizard_list .wzd_slct_area {

    margin: 0;

}

.wzd_slct_area .chckbx_off, .wzd_slct_area .chckbx_on {

    padding: 10px!important;

    display: block!important;

    background: none!important;

    margin: 10px 0 0!important;

    transition: background .3s, color .3s!important;

    border: 2px solid var(--body-main-color-1)!important;

    color: var(--body-text-color-1)!important;

border-radius: var(--border-radius-3)!important;

}

.wzd_slct_area .chckbx_off:hover, .wzd_slct_area .chckbx_on:hover,

.wzd_slct_area .chckbx_on{

    text-decoration: none !important;

    background: var(--body-main-color-1)!important;

    color: white !important;

}



#wizard_list .faq_ans_ttl {

}



.selecttxt {

    padding: 0;

    margin: 5px 0 0;

    background: none;

}

.wzd_bck {

    padding: 0!important;

    margin: 0!important;

    background: none!important;

    position: relative!important;

padding-left: 1em!important;

color: var(--body-link-color) !important;

}

a.wzd_bck:before {

    content: "";

    left: 2px;

    top: 0.45em;

    width: 0.4em;

    height: 0.4em;

    border-top: 2px solid var(--body-main-color-1);

    border-right: 2px solid var(--body-main-color-1);

    -webkit-transform: rotate(-135deg);

    transform: rotate(-135deg);

    position: absolute;

}

.sa_wizard_list .wzd_bck {

    width: auto;

    color: var(--body-link-color);

}

/*アンケート----------------------------*/



.okw_enquete_area {

    border: none;

    width: 90%;

    padding: 0;

    margin: 0 auto;

}



.questioner_ttl {

    padding: 0 0 5px;

    font-size: 1em;

    margin: 0;

    border-bottom: 1px solid var(--gray-color-3);

}



.questioner_col {

    padding: 15px 0 0;

}



.questioner_txt_col {

    margin: 0 0 15px auto;

}

/*送信後バグ修正*/

#enquete_form_button.questioner_btn.submit_protected {

background-color: var(--gray-color-3);

pointer-events: none;

}



/*ナレッジメモ----------------------------*/

.knowledge_vote_button {

    margin: 30px 0 0;

}

.questioner_submit_btn, 

.knowledge_vote_button .questioner_submit_btn {

    width: auto;

    height: auto;

}



#operator_view_form_button.submit_protected, 

#operator_comment_form_button.submit_protected,

#operator_view_form_button.submit_protected:hover, 

#operator_comment_form_button.submit_protected:hover{

color: white;

cursor: default;

background: var(--body-main-color-1);

cursor: pointer;

}

.questioner_btn[disabled],

.questioner_btn[disabled]:hover,

input#operator_view_form_button:disabled, input#operator_comment_form_button:disabled, input#operator_view_form_button:disabled:hover, input#operator_comment_form_button:disabled:hover{

color: var(--gray-color-3);

    background-color: var(--gray-color-2)!important;

opacity: 1;

cursor: default;

}

.questioner_btn,

#operator_view_form_button, 

#operator_comment_form_button{

text-align: center;

    background: var(--body-main-color-1);

    color: white;

    width: auto;

    height: auto;

    min-width: 250px;

    cursor: pointer;

    font-size: 0.9375rem;

    font-weight: bold;

    padding: 12.5px 15px;

    transition: opacity .3s;

    border-radius: var(--border-radius-3) !important;

    line-height: var(--body-line-height);

}



.questioner_btn:hover,

#operator_view_form_button:hover, 

#operator_comment_form_button:hover{

background: var(--body-main-color-1);

opacity: 0.7;

}

.knowledge_vote_button .questioner_submit_btn,

.operator_comment_submit_btn{

    text-align: center;

}



.operator_comment_txt_col {

    padding: 0;

    margin: 10px 0 20px;

}

/*印刷ページ----------------------------*/

body:not([id]) #okw_wrapper,

body:not([id]) #okw_contents, 

body:not([id]) #okw_contents_base, 

body:not([id]) #okw_contents_inner{

    background: none;

}



body:not([id]) #okw_wrapper {

    border: none;

    margin: 20px auto;

    width: var(--body-width);

}





body:not([id]) .okw_bread {

width:100%;

}



/*マイページ-----------------------------------*/

/*ログイン入力欄等----*/

#login_col,

#reissue_password, #create_account, #create_account_request, #create_account_request_complete,

#change_mail{

width: 100%;

    max-width: 500px;

    margin: 0 auto;

    padding: 0;

    border: none;

}

#reissue_password .form_msg, #create_account .form_msg, #create_account_request .form_msg, #create_account_request_complete .form_msg, #change_mail .form_msg {

    margin: 0;

    font-size: 0.8em;

}

#login_col .reissue_password a, 

#login_col .create_account_request a {

    margin: 0;

    padding: 0;

    background: none;

}



#login_col .reissue_password_description, 

#login_col .create_account_request_description, .password_reminder_description {

    padding-left: 0;

}



#login_btn, 

.mail_input_button,

input.update_button,

.okw_parts_end_user_login .create_account_request a,

.loginArea>form>a:not([class]):not([id]){

    background: var(--body-main-color-1);

    color: white !important;

    display: block;

    padding: 12.5px 15px;

    border-radius: var(--border-radius-3)!important;

    text-align: center;

    font-weight: bold;

    transition: opacity .3s;

    text-decoration: none !important;

    height: auto;

    margin: 0 auto;

    cursor: pointer;

    min-width: 250px;

font-size: 1em;

line-height: var(--body-line-height);

}

.okw_parts_end_user_login .create_account_request a {

    display: inline-block;

}

#login_btn:hover, 

.mail_input_button:hover,

input.update_button:hover,

.okw_parts_end_user_login .create_account_request a:hover,

.loginArea>form>a:not([class]):not([id]):hover{

    opacity: 0.7;

    background: var(--body-main-color-1);

    color: white !important;

}



.form_field dt,

#reissue_password dt, #create_account dt, #create_account_request dt, #create_account_request_complete dt, #change_mail dt,

.okw_parts_end_user_login .form_field dt{

    width: 100%;

    display: block;

    float: none;

    margin: 0;

height: auto;

    text-align: left;

padding:0;

}

#reissue_password dl, #create_account dl, #create_account_request dl, #create_account_request_complete dl, #change_mail dl {

    margin: 0;

}



#reissue_password dd, #create_account dd, #create_account_request dd, #create_account_request_complete dd, #change_mail dd {

    width: 100%;

    display: block;

    height: auto;

}

.login_txt,

#reissue_password dd input, 

#create_account dd input, #create_account_request dd input, #create_account_request_complete dd input, #change_mail dd input{

    border: 1px solid var(--gray-color-3);

    background: white;

    padding: 7.5px;

    display: block;

    width: 100%;

    border-radius: var(--border-radius-1);

}

input[type="text"][name="dummy"] {

    display: none!important;

}

/*ユーザーログインパーツ----*/

.okw_parts_end_user_login .form_field .login_txt {

    letter-spacing: normal;

    line-height: var(--body-line-height);

    display: block;

    width: 100%;

}



.okw_parts_end_user_login .form_field dd {

    float: none;

    width: 100%;

}



.okw_parts_end_user_login .create_account_request {

    float: none;

    font-size: 1em;

    padding: 0;

    margin: 5px 0 0;

    text-align: center;

}



.loginArea>form>a:not([class]):not([id]) {

    width: 250px;

}





.oneCol.okw_parts_end_user_login .loginArea>form {

    display: flex;

    flex-flow: row wrap;

    justify-content: center;

}



.oneCol.okw_parts_end_user_login input#login_btn,

.oneCol.okw_parts_end_user_login .loginArea .loginArea>form>a:not([class]):not([id]){

    float: none;

}



.oneCol.okw_parts_end_user_login dl.form_field {

    max-width: 80%;

    margin: 0 auto;

    text-align: center;

}





.oneCol.okw_parts_end_user_login .create_account_request,

.oneCol.okw_parts_end_user_login input#login_btn,

.oneCol.okw_parts_end_user_login .loginArea>form>a:not([class]):not([id]){

    margin: 5px 5px 0;

}





/*マイページ/ログアウト*/



.loginArea, .loginUsrArea {

    margin: 0;

    text-align: right;

    letter-spacing: -.4em;

}



.loginArea *, .loginUsrArea * {

    letter-spacing: normal;

}

.loginUsr_link,.mypage_link {

    font-size: 1em;

    float: none;

    display: inline-block;

    padding: 0;

    text-align: left;

}





.loginUsrArea p.welcome {

    text-align: left;

    border-bottom: 1px solid var(--gray-color-4);

    margin-bottom: 5px;

    padding-bottom: 5px;

}



.loginUsr_link a, .mypage_link a {

    display: block;

    position: relative;

    padding-left: 1em;

    margin-right: 1em;

}





.loginUsr_link a:before, .mypage_link a:before {

    content: "";

    left: 0;

    top: 0.45em;

    width: 0.4em;

    height: 0.4em;

    border-top: 2px solid var(--body-main-color-1);

    border-right: 2px solid var(--body-main-color-1);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

}



/*ユーザーパスワード再発行*/

.password_reset_description {

    text-align: center;

    margin: 10px 0 0;

    font-size: 0.875em;

}

#reissue_password .mail_input_button {

    margin-top: 10px;

}

/*プロフィール情報*/

.mypage_profile_table {

    margin: 0;

    width: 100%;

border: none;

border-top: 1px solid var(--gray-color-3);

}

.mypage_profile_table,

.mypage_profile_table * {

    border-color: var(--gray-color-3);

}

.mypage_profile_table tbody>tr td:has(input.mypage_profile_edit_submit_btn_c) {

    border: none;

}

.mypage_profile_edit_link {

    width: 3em;

    text-align: center;

    float: none;

    margin: 0;

    display: inline-block;

    transition: opacity .3s;

    padding-left: 1em;

    font-size: 0.53333em;

    text-decoration: none !important;

    position: absolute;

    bottom: -15px;

    right: 0;

}



.mypage_profile_edit_link:before {

    content: "";

    left: 0;

    top: 0.4em;

    width: 0.4em;

    height: 0.4em;

    border-top: 2px solid var(--body-main-color-1);

    border-right: 2px solid var(--body-main-color-1);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

}

.mypage_profile_table th{

background: var(--gray-color-1);

    border-left: 1px solid var(--gray-color-3);

    border-bottom: 1px solid var(--gray-color-3);

}

.mypage_profile_table th,

.mypage_profile_table td {

    padding: 15px;

    border-right: none;

    text-align: left;

}



.mypage_profile_table td {

    border-left: 1px solid var(--gray-color-3);

    border-right: 1px solid var(--gray-color-3);

    border-bottom: 1px solid var(--gray-color-3);

}



/*お問い合わせ一覧*/

.mypage_search_condition_table {

    padding: 0;

}

.mypage_search_condition_table td {

    padding: 15px 0;

}

.mypage_search_condition_table td:first-child {

    font-weight: bold;

}

.mypage_search_condition_table {

    padding: 0px 5px;

}

input#mypage_search_clear,input#mypage_search_submit {

    border: none;

    background: var(--body-main-color-1);

    color: white !important;

    display: inline-block;

    padding: 10px;

    border-radius: var(--border-radius-3)!important;

    text-align: center;

    font-weight: bold;

    min-width: 125px;

    transition: opacity .3s;

    text-decoration: none !important;

    line-height: 1;

    cursor: pointer;

}



input#mypage_search_clear:hover, input#mypage_search_submit:hover {

    opacity: 0.7;

}

/*マイページFAQ一覧----*/

.okw_parts_mypage_list .search_date_area {

    margin: 0;

}

.okw_mypage_sort_select {

    margin-right: 0;

    width: auto;

}

.okw_mypage_sort_select select {

    width: auto;

}

/*マイページFAQ詳細----*/

#mypage_show .hd_question_form {

    margin: 0;

    width: 100%;

}



.hd_desc {

    background: no-repeat;

    border: none;

    padding: 0;

    color: var(--body-text-color-1);

    font-size: 0.875em;

}

.q_contents .q_ttl_br {

    position: relative;

    background: none;

    padding: 10px 0px 10px 2em;

    margin: 0;

    color: var(--body-main-color-1);

    border: none;

    font-size: 1.25em;

}



.q_contents .q_ttl_br:before{

    content: "Q.";

    position: absolute;

    top: 0.35em;

    left: 0;

    color: var(--body-main-color-1);

    font-size: 1.5em;

    display: inline-block;

    line-height: 1;

    font-family: var(--body-font-family);

    width: auto;

    height: auto;

    text-align: center;

    border-radius: 0px;

    box-sizing: border-box;

    font-weight: bold;

}



.a_contents .a_ttl_br {

    position: relative;

    background: none;

    padding: 10px 0px 10px 2em;

    margin: 0;

    color: var(--body-text-color-1);

    border: none;

    font-size: 1.25em;

}



.a_contents .a_ttl_br:before{

    content: "A.";

    position: absolute;

    top: 0.35em;

    left: 0;

    color: var(--body-main-color-1);

    font-size: 1.5em;

    display: inline-block;

    line-height: 1;

    font-family: var(--body-font-family);

    width: auto;

    height: auto;

    text-align: center;

    border-radius: 0px;

    box-sizing: border-box;

    font-weight: bold;

}



.hd_question_form .content_txt {

    margin: 10px 0;

    padding: 0;

}







.mypage_search_condition_table {

    padding: 5px 10px;

}

input#mypage_search_keyword,

input#mypage_first_question_time_start,

input#mypage_first_question_time_end,

input#mypage_last_question_time_start,

input#mypage_last_question_time_end{

    padding: 7.5px;

    border: 1px solid var(--gray-color-3);

    border-radius: var(--border-radius-1);

    line-height: 1.25;

}



.mypage_search_result {

    font-size: 0.875em;

}



/*メール遷移-------------------*/

.hd_question_form .q_contents {

    border: none!important;

    margin-bottom: 10px!important;

    padding: 0 10px;

}



.hd_question_form .a_contents {

    border: none;

    background: var(--body-main-color-2);

    padding: 15px;

    border-radius: var(--border-radius-2);

}



.q_contents .attribute, .a_contents .attribute, .m_contents .attribute {

    margin-right: 0!important;

    margin-left: 0!important;

    padding: 5px!important;

    border: 1px solid var(--gray-color-3)!important;

    background: white!important;

}

.hd_question_form .data {

    margin: 5px 0 0 5px;

    font-size: 0.6em;

    color: var(--body-text-color-2);

}





li.mypage_login_link, 

li#helpdesk_reply_question_link, 

.mrktenqt_link,

.endUserProfileArea .qaList li,

.password_reset_area .qaList li,

.mail_change_area .qaList li{

    background: none;

    margin: 10px auto 0;

    padding: 0;

    border: none;

    text-align: center;

}

li.mypage_login_link a, 

li#helpdesk_reply_question_link a, 

.mrktenqt_link a,

.endUserProfileArea .qaList li a,

.password_reset_area .qaList li a,

.mail_change_area .qaList li a{

    background: var(--body-main-color-1);

    color: white !important;

    display: inline-block;

    padding: 12.5px 15px;

    border-radius: var(--border-radius-3);

    text-align: center;

    font-weight: bold;

    min-width: 250px;

    transition: opacity .3s;

    text-decoration: none !important;

}



li.mypage_login_link a:hover, 

li#helpdesk_reply_question_link a:hover, 

.mrktenqt_link a:hover,

.endUserProfileArea .qaList li a:hover,

.password_reset_area .qaList li a:hover,

.mail_change_area .qaList li a:hover{

    opacity: 0.7;

}



/*サーベイ-------*/

.hd_question_form .enquete_wrapper {

    padding: 15px;

    margin: 0;

    border: none;

    background: var(--gray-color-2);

    border-radius: var(--border-radius-2);

}



.hd_question_form .enquete_wrapper .mrktenqt_intr_txt {

    padding: 15px 0 0;

}

.icoMenquete {

    background: 0;

    margin: 0;

    padding: 0;

    height: auto;

}

.mrktenqt_incident_desc,.mrktenqt_expln {

    padding: 0;

    margin: 0;

    border: none;

    background: none;

}







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

レスポンシブ

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

/*レスポンシブのためのサイト幅調整*/

#okw_contents_base {

    width: 100%;

    max-width: var(--body-width);

}

#okw_wrapper {

    min-width: unset;

}




/*header　footer*/

header, footer {

width: 100%;

max-width: var(--body-width);

}



/*サイドツリーある時のみの調整*/

@media screen and (max-width: 950px) {


#okw_center.okw_side .twoCol {

width: 100%;

}

#okw_center.okw_side .cateList_2line, 

#okw_center.okw_side .cateList_3line, 

#okw_center.okw_side .cateList_4line {

width: 100%;

margin-right: 0;

}

#okw_center.okw_side .cateList_2line:not(:first-child), 

#okw_center.okw_side .cateList_3line:not(:first-child), 

#okw_center.okw_side .cateList_4line:not(:first-child){

margin-top: 15px;

}

}

/*スマホ用*/

@media screen and (max-width: 767px) {

/* リンクホバー */

#okw_contents a:hover,

#faq_show .faq_tags_modal_wrapper a:hover{

text-decoration: none; /* テキスト装飾 */

}

/*フォントサイズリセット*/

body.lang_size_large, .lang_size_large textarea, .lang_size_large .login_txt, .lang_size_large .keyword_frm, body.lang_size_medium, .lang_size_medium .login_txt, .lang_size_medium .keyword_frm, .lang_size_medium textarea, body.lang_size_small, .lang_size_small textarea, .lang_size_small .login_txt, .lang_size_small .keyword_frm {

font-size: 100%;

}


/*header　footer*/

.header_title {

font-size: 22px;

}



.logo_img,

.logo_img img{

        max-width: 110px;

        max-height: 55px;

}


.copyright {

font-size: 12px;

}



/*PKSHAロゴ*/

#okw_footer_default {

}

/*個人情報取り扱い*/

#cookie_notice_bottom_slide .main_area {

flex-direction: column;

}

#cookie_notice_bottom_slide .text_area {

margin-right: 0;

}



#cookie_notice_bottom_slide .btn_area,

#cookie_notice_bottom_slide .btn_area li {

width: 100%;

box-sizing: border-box;

}

#cookie_notice_overlay .btn_area li {

display: block;

width: 100%;

margin: 0 15px;

}

/*コンテンツアキ*/

#okw_contents_base {

}





/*見出し*/

.ttl_col h2 {

        font-size: 20px!important;

}



.ttl_col h2:before {

}

/*ショルダー*/

.category_tree, #okw_side {

width: 100%;

        padding: 0;

        display: none;

}

/*ショルダー非表示時のメイン幅*/

#okw_center.okw_side {

width: 100%;

}

/*2columnを1列*/

.twoCol {

width: 100%;

}

.twoCol:last-child {

}

/*大中小ボタン非表示&パンくず*/

#category_index #okw_sub_header {

display: none;

}

#fontCol {

display: none;

}



.okw_bread {

width: 100%;

}



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

.search_keyword_morph {

float: none;

display: block;

width: 100%;

}

#advanced_search_form, #keyword_form, #natural_sentence_form {

max-width: 100%!important;

}

#n_search_description.search_description, #keyword_form .search_description, .oneCol .keyword_mode .search_description, .keyword_mode .search_description, .search_description, .oneCol .search_description {

margin: 0 0 10px;

}

.search_target {

float: none;

margin: 0;

}

.search_target select, .search_faq_type select, .search_attribute select, .search_category_inner_wrapper, .k_search_attribute_select div, .search_category_wrapper .combo:not(.spinner) .combo-text, .search_category_wrapper .dropdownCheckComboboxWapper{

min-width: unset!important;

width: 100%!important;

display: block;

}

#advanced_search_form #keyword_search_attribute_input {

float: none;

margin-right: 0;

}

#okw_contents .oneCol .search_frmArea .search_attribute .conditions .condition {

width: 100%!important;

        margin-right: 0;

}

.search_target > label, .search_faq_type > label, .search_category_wrapper > label, #keyword_search_attribute_input > label, .k_search_attribute_select label {

        display: block;

        width: auto;

        padding: 5px 0px !important;

}



.search_frmArea .keyword_frmbtn,

.search_frmArea .n_keyword_frmbtn,

.faq_search_frmArea .keyword_frmbtn,

.search_frmArea .keyword_mode .keyword_frmbtn,

.search_frmArea .natural_mode .keyword_frmbtn{

        width: 70px !important;

        margin: 0 !important;

        font-size: 1em !important;

}



.keyword_frm, 

.n_keyword_frm{

        font-size: 14px !important;

width: calc(100% - 80px)!important;

}

#okw_contents .n_keyword_frm,

.lang_size_small #okw_contents .n_keyword_frm,

.lang_size_large #okw_contents .n_keyword_frm{

padding-top: 9px!important;

}

.search_suggest,

.faq_suggest{

        width: calc(100% - 80px) !important;

top:0!important;

font-size: 14px !important;

}

#okw_side .search_frmArea, 

#okw_side .faq_search_frmArea {

}



#okw_side .okw_parts_search .ttl_col {

display: block;

}


.search_frmArea .keyword_helpbtn_popup {

}

#okw_side .search_frmArea .keyword_helpbtn_popup{

}


.search_frmArea .search_attribute .attribute_input_wrapper input[type=text] {

width: 100%;

}



#keyword_form .search_attribute .search_attribute_input .combo-text, 

.search_frmArea #keyword_form .search_attribute .attribute_input_wrapper>select, 

.search_frmArea #natural_sentence_form .search_attribute .attribute_input_wrapper>select, 

#keyword_form .search_attribute .dropdownCheckComboboxWapper,

.search_frmArea .search_attribute .attribute_input_wrapper>input[type="text"]{

left: 0!important;

}

#okw_contents .search_frmArea .search_attribute .conditions .condition {

width: 100%!important;

        margin-right: 0;

}

/*検索結果ページ番号*/

.pg_col_top .pg_no, 

.pg_col_top .pg_scr {

width: 100%;

margin: 0 0 10px;

}



.pg_col_top {

    margin:10px 0 10px;

}



.pg_col_down {

margin: 15px 0 0;

}


.synonyms_kw_area+.pg_col_top,

.ttl_col+.pg_col_top {


}



.pg_col_top {

display: block;

}



/*注目のキーワード------------*/

#okw_side .okw_parts_attention_keyword .ttl_col h2 {

padding: 20px 0 0;

}

/*全体カテゴリー一覧パーツサブカテゴリー一覧パーツ------------*/

li.cateList {

        display: flex;

        flex-flow: row wrap;

        align-items: center;

}

.cate_middle {

        flex: 1;

}

.cate_middle, .cate_middle a {

text-align: left;

}

.cate_small {

flex-basis: 100%;

        margin-top: 10px;

}

ul.cate_small>li,

.cate_small>span{

display: block;

        margin-right: 0;

        margin-top: 5px;

}

a.cate_icon_link + .cate_middle, 

img.cate_icon + .cate_middle {



}



a.cate_icon_link+.cate_middle+.cate_small, img.cate_icon+.cate_middle+.cate_small {


}

/*縦並び--*/

.cateList_2line, .cateList_3line, .cateList_4line {

width: 100%;

margin-right: 0;

}

.cateList_2line:not(:first-child), .cateList_3line:not(:first-child), .cateList_4line:not(:first-child){

margin-top: 15px!important;

}


/*カテゴリーアイコン*/

img.cate_icon {

        margin: 0 10px 0 0;

}



a.cate_icon_link {



}



/*サブカテゴリー------------*/

/*縦並び*/

.cate_small > li {

display: block;

}

.cate_small > li span.cateSepa{

display: none;

}

.cate_small > li:not(:first-child) {

}

.cate_small > li a{

margin: 0;

display: block;

}

/*info&newsを縦並び*/

.newsList li .datetime, .infoTxt {



}

.newsList li .datetime {



}

/*一覧表示*/

.okw_parts_favorite_faq .list, .okw_parts_pickup_faq .list, .okw_parts_mypage_list .list {}


    /*中間ページ一覧件数表示回り*/

.pg_no {}

.okw_sort_select {}



    

li.category_name>a {

display: inline-block;

border: none;

padding: 3px;

line-height: 1.4;

margin: 0 0 3px;

background: var(--gray-color-2);

}

/*中間ページページネーション*/

.pagination {

letter-spacing: -.4em;

}



.pagination * {

letter-spacing: normal;

}

.pagination > a:not(:last-child):not(:first-child),

.pagination span.gap{

display: none;

}

.pagination em.current {

display: none;

}

.pagination a.previous_page,

.pagination a.next_page,

.pagination span.previous_page.disabled,

.pagination span.next_page.disabled,

.pg_scr a.prev_page,

.pg_scr a.prev_page.disabled,

.pg_scr span.disabled{

color: white!important;

background: var(--body-main-color-1);

line-height: 25px;

padding: 0;

width: 25px;

display: inline-block;

height: 25px;

font-size: 16px;

margin: 0;

        border-radius: var(--border-radius-1);

}

.pagination span.previous_page.disabled,

.pagination span.next_page.disabled,

.pg_scr span.disabled{

display: inline-block;

color: var(--body-text-color-3)!important;

background: var(--gray-color-1);

}

.pagination span.previous_page.disabled,

.pagination a.previous_page {

margin-right: 10px;

}


    /*中間ページ昇順降順ボタン化*/

.sort_arrow {

width: auto;

float: none;

margin: 0 0 0 0;

padding: 0px 0 0 10px;

        top: 3px;

}



.sort_arrow .sort_asc_image_off,

.sort_arrow .sort_desc_image_on,

.sort_arrow .sort_asc_image_on, 

.sort_arrow .sort_desc_image_off {

background: var(--body-main-color-1);

height: 25px;

width: 25px;

margin: 0!important;

position: relative;

border-radius: 50px;

border: 1px solid var(--body-main-color-1);

}





.sort_arrow .sort_desc_image_off,

.sort_arrow .sort_desc_image_on{

margin: 0 0 0 5px!important;

}



.sort_arrow .sort_desc_image_off,

.sort_arrow .sort_asc_image_off{

color: var(--body-text-color-3)!important;

background: var(--gray-color-1);

border-color: var(--body-text-color-3);

}

.sort_asc_image_on:before,

.sort_desc_image_off:before,

.sort_asc_image_off:before,

.sort_desc_image_on:before{

content: "\25B2";

color: white;

position: absolute;

font-size: 12px;

line-height: 1;

left: 5.5px;

top: 6px;

font-weight: normal;

        font-family: sans-serif;

}

.sort_desc_image_off:before{

content: "\25BC";

color: var(--body-text-color-3);

        font-family: sans-serif;

}



.sort_desc_image_on:before{

content: "\25BC";

        font-family: sans-serif;

}

.sort_asc_image_off:before{

color: var(--body-text-color-3);

}


/*中間ページ一覧*/

li.search_list_inner {

padding: 10px 0 15px;

}



/*FAQ詳細ページQA回り*/

.faq_qstCont_ttl,.faq_qstCont_col,.faq_ans_ttl {

}

.faq_ans_col{

}



.icoQ, .icoK {}

.icoQ:before, .icoK:before {}


.faq_cate_col {

}

.faq_cate_col a {

margin: 0 0 2.5px;

text-decoration: underline!important;

}

/*A下文章*/

.faq_ans_col {}


/*ウィザード*/

.wzd_qstCont_col, .wzd_slct_area {



}

.okw_side .wzd_bck {



}

/*Q上*/

li.faq_favorite {

display: block;

text-align: right;

}

ul.faq_dateNo.flo_r {

margin: 0;

}

li.faq_date {

}

.icoFavorite_mark_on a, 

.icoFavorite_mark_off a {

    margin-right: 0!important;

}

/*戻るボタン---*/

#faq_show .faq_qstInf_col .siteLink {

}



#faq_show ul.faq_dateNo {

width: 100%;

text-align: left;

}



#faq_show .faq_qstInf_col {

display: block;

}





/*戻るボタン終わり---*/


li.faq_no {

margin-right: 5px;

}

    

/*印刷非表示*/

.faq_dateNo li.faq_print,

.faq_tags_modal_wrapper .faq_info .faq_info_right .faq_print{

display: none;

}

/*アンケート----------------------------*/

.okw_enquete_area {

width: 100%;

}



.faq_form_list {

float: none;

width: 100%;

}



.questioner_txt_col {

width: 100%;

margin: 15px 0 0;

}



.questioner_submit_btn, .knowledge_vote_button .questioner_submit_btn {

margin-top: 10px;

}

/*ボタン全般*/

.okw_parts_helpdesk .qaList li a,

.hdq_confirm_btn_c,

.me_confirm_btn,

.me_confirm_btn_c,

.mypage_profile_edit_submit_btn_c,

.mypage_profile_edit_submit_btn,

.me_confirm_btn_s,

.questioner_btn,

#operator_view_form_button, 

#operator_comment_form_button,

.hdq_confirm_btn, 

.hdq_confirm_btn_s,

li.mypage_login_link a,

li#helpdesk_reply_question_link a,

.mrktenqt_link a,

.endUserProfileArea .qaList li a,

.password_reset_area .qaList li a,

.mail_change_area .qaList li a,

#login_btn, .mail_input_button,input.update_button, .okw_parts_end_user_login .create_account_request a,

.loginArea>form>a:not([class]):not([id]),

#faq_tag_search_overlay .faq_tag_more_page_btn,

#faq_show .faq_tags_modal_footer .footer_submit_btn{

width: 100%!important;

display: block!important;

        min-width: unset!important;

}


/*FAQタグ検索-----------------*/

/*FAQタグ検索モーダル内のFAQ詳細ページ*/

.faq_tags_modal_wrapper .faq_info .faq_info_left {

display: block;

}



.faq_tags_modal_wrapper .faq_info .faq_info_left .date {

width: 100%;

}


/*問い合わせフォーム*/

.HDcontent dl, .create_account_request_content dl,

.me_content dl {

display: block;

        width: 100%;

}



.HDcolumn_left, 

.create_account_request_left,

.me_column_left,

.HDcolumn_right, .create_account_request_right,

.me_column_right{

display: block!important;

width: 100%;

max-width: 100%;

}

.HDcolumn_left, 

.create_account_request_left,

.me_column_left{

    border-right: 1px solid var(--gray-color-3);

}

.hd_question_form, .create_account_request_form {

width: 100%;

padding: 0;

}

.hdq_finish_msg_area,

.me_finish_msg_area {

margin-right: 0;

margin-left: 0;

width: 100%;

}

.hdq_finish_msg_text,

.me_finish_msg_text {

}

.HDcontent textarea, 

.HDcontent input, 

.HDcontent select,

.create_account_request_content textarea, 

.create_account_request_content input, 

.create_account_request_content select,

.me_content textarea,

.me_content input,

.me_content select{

width: 100%;

}



.HDcontent input.input_date,

.create_account_request_content input.input_date,

.me_content input.input_date,

.HDcontent input.input_datetime,

.create_account_request_content input.input_datetime,

.me_content input.input_datetime{

width: calc(100% - 30px);

}

.hdq_finish_msg_mark, .me_finish_msg_mark {

font-size: 18px;

}

/*入力画面--------------------*/

.HDcontent input[type=text], 

.create_account_request_content input[type=text], 

.me_content input[type=text], 

.mypage_profile_table input[type=text] ,

.HDcontent select,

.create_account_request_content  select,

.me_content select,

.mypage_profile_table select{

max-width: unset;

width: 100%;

}

.HDcontent input[type=text]:has(+.calendar-trigger), 

.create_account_request_content input[type=text]:has(+.calendar-trigger), 

.me_content input[type=text]:has(+.calendar-trigger), 

.mypage_profile_table input[type=text]:has(+.calendar-trigger){

width: calc(100% - 25px);

}


/*ユーザーログインパーツ----*/

.oneCol.okw_parts_end_user_login dl.form_field {

max-width: unset;

}

.oneCol.okw_parts_end_user_login .loginArea>form {

display: block;

}

.oneCol.okw_parts_end_user_login .create_account_request, .oneCol.okw_parts_end_user_login input#login_btn, .oneCol.okw_parts_end_user_login .loginArea>form>a:not([class]):not([id]) {

margin: 5px 0 0;

}


/*プロフィール情報*/

.mypage_profile_table tbody {

display: block;

}



.mypage_profile_table tbody tr {

width: 100%;

display: block;

}

.mypage_profile_table th,

.mypage_profile_table td{

width: 100%;

display: block;

max-width: unset;

min-height: 1em;

line-height: var(--body-line-height);

        border-right: 1px solid var(--gray-color-3);

}

.mypage_profile_table th {

border-bottom: none;

}

/*お問い合わせ一覧*/

.mypage_search_condition_table td {

display: block;

}



.mypage_search_condition_table td label {

display: block;

}



.mypage_search_condition_table td:first-child {

border-bottom: none;

padding-bottom: 0;

}



.mypage_search_condition_table input {

max-width: unset!important;

width: 100%;

}


.mypage_search_form_submit {

text-align: center;

}



input#mypage_search_clear, input#mypage_search_submit {

min-width: unset;

width: 100%;

}



input#mypage_search_submit {

margin-top: 5px;

}



select#status, select#incident_type {

width: 100%;

  }

/*マイページFAQ詳細----*/

.mypage_search_result {

overflow-x: scroll;

font-size: 0.875em;

}

table.mypage_search_table {

min-width: 900px;

}

/*スーパーアシスタント*/

#cboxTopLeft,

#cboxTopRight,

#cboxTopCenter,

#cboxMiddleLeft,

#cboxBottomLeft,

#cboxMiddleRight,

#cboxBottomCenter,

#cboxBottomRight{

display: none;

}



#colorbox,

#cboxContent,

#cboxWrapper,

#cboxLoadedContent{

width: 100%!important;

max-width: 480px;

}

#colorbox {

box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);

box-sizing: border-box;

margin: 0 10px;

width: calc(100% - 20px)!important;

border-radius: var(--border-radius-1);

}

#colorbox *{

box-sizing: border-box;

}



#cboxContent {

padding: 10px;

}



#cboxClose {

top: 5px;

right: 5px;

}

/* FAQ表示ページのQ欄下にある「カテゴリー」を非表示にする */

.faq_cate_col {

display: none;

}