* {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}

body {
    font-family: Arial, 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" ;
    font-weight: 400;
}

/*ヘッダー関連*/
header .h1_logo {
    background: #FFF;
    padding: 20px 30px;
}
header .h1_logo img {
    width: 165px;
}
header .h1_logo span {
    font-size: 10px;
    vertical-align: baseline;
    margin-left: 20px;
}
header .h2_title {
    background: url("/usr/file/attachment/bg_h2.png") repeat;
    font-size: 210%;
    font-weight: 700;
    padding: 1.8em 0.5em;
    color: #FFF;
    letter-spacing: 3px;
    text-align: center;
    line-height: 1.3em;
    width: 100%;
}

@media screen and (max-width: 580px) {
    header .h1_logo {
        padding: 10px 20px;
    }
    header .h2_title {
        font-size: 160%;
    }
}
/*ヘッダー関連ここまで*/


/*カスタムパーツ1「困った時は」*/
.custom_part1 {
    max-width: 1200px;
    margin: 0 auto 100px;
}
.custom_part1 h2 {
    font-size: 185%;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}
.custom_part1 h2:before {
    content: "";
    background: url("/usr/file/attachment/h2_trouble.svg") no-repeat center;
    background-size: contain;
    width: 61px;
    height: 59px;
    display: block;
    margin: 0 auto 15px;
}

.list_custom_btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.list_custom_btn a {
    box-sizing: border-box;
    padding: 25px 15px;
    border-radius: 8px;
    text-align: center;
    line-height: 1.4em;
    font-weight: 700;
    background: #f4f4f4;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
}
.list_custom_btn a img {
        display: block;
        margin: 0 auto 10px;
        max-width: 100%;
}
.list_custom_btn a .fS {
    font-size: 90%;
    font-weight: 500;
}
.list_custom_btn a:hover {
    background: #DDEEFF;
}
.list_custom_btn .btn_category {
    width: 15%;
    background: #1476D8;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 120%;
    padding: 1em;
}
.list_custom_btn .btn_category:hover {
    background: #203B72;
}
.list_custom_btn .btn_category span:after {
    content: "";
    background: url("/usr/file/attachment/ico02.svg") no-repeat center;
    background-size: contain;
    width: 27px;
    height: 27px;
    display: block;
    margin: 10px auto 0;
}
.list_custom_btn .btn_c-menu {
    /*width: calc((100% - (10% + 45px)) / 4);*/
    width: 19%;
}

/*1200px以下*/
@media screen and (max-width: 1200px) {
    .custom_part1 {
        padding: 20px;
    }
}

@media screen and (max-width: 780px) {
    .list_custom_btn {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .list_custom_btn .btn_category {
        width: 100%;
        margin-bottom: 15px;
    }
    .list_custom_btn .btn_category br {
        display: none;
    }
    .list_custom_btn .btn_category span:after {
        margin-top: 0;
    }
    .list_custom_btn .btn_c-menu {
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 580px) {
    .custom_part1 {
        margin-bottom: 50px;
    }
    .custom_part1 h2 {
        font-size: 160%;
    }
}

/*カスタムパーツ2 ボタン関連*/
.custom_part2 {
    max-width: 940px;
    margin: 0 auto 100px;
}
.btn_list-col3 {
    display: flex;
    justify-content: space-between;
}
.btn_list-col3 li {
    width: calc((100% - 40px) / 3);
}
.btn_list-col3 li a{
    display: block;
    width: 100%;
}
.btn_colorB-L {
    background: #1476D8;
    color: #FFF !important;
    padding: 1.2em 2em;
    border: 2px solid #1476D8;
    border-radius: 40px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}
.btn_colorB-L:before {
    content: "";
    background: url("/usr/file/attachment/ico08.svg") no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.btn_colorW-L {
    background: #FFF;
    color: #1476D8;
    padding: 1.2em 2em;
    border: 2px solid #1476D8;
    border-radius: 40px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}
.btn_colorW-L:before {
    content: "";
    background: url("/usr/file/attachment/ico09.svg") no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.btn_colorW-R {
    background: #FFF;
    color: #1476D8;
    padding: 1.2em 2em;
    border: 2px solid #1476D8;
    border-radius: 40px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}
.btn_colorW-R:after {
    content: "";
    background: url("/usr/file/attachment/ico03-s.svg") no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.btn_colorB-L:visited {
    color: #FFF;
}
.btn_colorW-L:visited,
.btn_colorW-R:visited {
    color: #1476D8;
}
.btn_colorB-L:hover {
    background: #FFF;
    color: #1476D8;
}
.btn_colorW-L:hover,
.btn_colorW-R:hover {
    background: #1476D8;
    color: #FFF;
}
.btn_colorB-L:hover:before {
    content: "";
    background: url("/usr/file/attachment/ico09.svg") no-repeat center;
}
.btn_colorW-L:hover:before {
    content: "";
    background: url("/usr/file/attachment/ico08.svg") no-repeat center;
}
.btn_colorW-R:hover:after {
    content: "";
    background: url("/usr/file/attachment/ico10.svg") no-repeat center;
}

@media screen and (max-width: 580px) {
    .btn_list-col3 {
        display: block;
        padding: 15px;
    }
    .btn_list-col3 li {
        width: 100%;
    }
}

/*カスタムパーツ3「お問い合わせボタン」*/
.top_contact {
	background: #1376D8;
	text-align: center;
	padding: 0 1em 4em;
}
.top_contact a {
	max-width: 320px;
	display: block;
	margin: 0 auto;
	font-size: 120%;
}
.top_contact a:hover {
	background: #DDEEFF;
	color: #1376D8;
}



/*フッター関連*/

/* トップヘ */
.topLink {
    float: none; /* 表示配置 */
    font-size: auto; /* 文字サイズ */
    margin: 0;
    height:auto;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99999;
}
/* トップヘリンク */
.topLink a {
    background: transparent url("/usr/file/attachment/pagetop.png") no-repeat center; /* 背景 */
    background-position:left center;
    width: 70px;
    height: 70px; /* 高さ */
    padding: 0; /* 余白 */
    display: inline-block;
}
.topLink a:hover {
    background: transparent url("/usr/file/attachment/pagetop_on.png") no-repeat center; /* 背景 */
}

#okw_footer_default {
    padding: 10px;
}
.logo_footer {
    text-align: center;
    float: none;
}
#okw_logo_footer.logo_footer a {
    margin: 0 auto;
}
footer {
    width: 100%;
    text-align: center;
    line-height: 1.4em;
    font-size: 16px;
    border-top: 1px solid #CCCCCC !important;
}
footer .f-inner {
    padding: 50px 20px;
}
footer .f-logo {
    max-width: 240px;
    margin: 0 auto 30px;
}
footer .f-logo img {
    width: 100%;
}
footer .copyright {
    background: linear-gradient(to top right, #1253bd 0%, #0052d0 36.45%, #00208b 100%);
    padding: 25px;
    color: #FFF;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 780px) {
    .topLink {
        right: 10px;
        bottom: 10px;
    }
    footer .f-logo {
        max-width: 180px;
    }
}
/*フッター関連ここまで*/



/*ここからトップ、下層ページ用スタイル*/

#okw_contents_base {
    margin: 0 auto;
    padding-right: 0;
    /*width: 1200px;*/
    width: 100%;
    background:  none;
}

#okw_contents_inner {
     background: #FFF; 
     padding: 0; 
}

/*===============================
共通パーツ（リセット関連）
===============================*/
a {
    cursor: pointer;
}

a:link,
a:visited,
a:hover,
a:active{
    color: inherit;
    text-decoration: inherit;
}

/*===============================
共通パーツ（style）
===============================*/
.alignC {
    text-align: center;
}

/*===============================
共通パーツ（pkshaパーツ）
===============================*/
.colArea {
    margin-bottom: 0;
}

.ttl_col {
    background: none;
    height: auto;
    padding: 0;
}
.ttl_bg {
    background: none;
    height: auto;
    padding: 0;
}
.ttl_col h2 {
    font-size: 185%;
    font-weight: 700;
    text-align: center;
}

/*↓全体のfloat解除（トップのみ）*/
#category_index .flo_l {
  float: none;
}
#category_index .flo_r {
  /*float: none;*/
}

.icoInf, 
.icoInfoNews, 
.icoKeyword, 
.icoQa, 
.icoNew, 
.icoCate, 
.icoResult, 
.icoHelpdesk, 
.icoLogin, 
.icoHot, 
.icoFavorite, 
.icoPickup, 
.icoCommunity, 
.icoProf, 
.icoKey,
.icoFaq {
    height: auto;
    padding: 0;
    background: none;
}

/*.clearfix:after {
    content: none;
}*/

@media screen and (max-width: 780px) {
    .ttl_col h2 {
        font-size: 160%;
    }
}
@media screen and (max-width: 580px) {
    .ttl_col h2 {
        font-size: 140%;
    }
}

/*===============================
パンくず・文字サイズ
===============================*/
#okw_sub_header {
    display: flex;
    justify-content: flex-end;
    padding: 15px;
    margin-bottom: 50px;
}

/*トップページ外は背景あり*/
#category_show #okw_sub_header,
#faq_show #okw_sub_header,
#category_search #okw_sub_header {
    background: #F4F4F4;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}

/*文字サイズ*/
#fontCol {
    white-space: nowrap; /* 要素内余白表示 */
    line-height: 38px;
    display: flex;
    justify-content: flex-end
}

#category_show #fontCol,
#faq_show #fontCol,
#category_search #fontCol {
    width: 300px;
}
#category_show .okw_bread,
#faq_show .okw_bread,
#category_search .okw_bread {
    width: calc(100% - 300px);
}

li.okw_txt {
    font-size: 100%;
    float: none;
    font-weight: 700;
}
/* 大中小 */
.fntBig,
.fntMid,
.fntSml,
li.fntBigOn,
li.fntMidOn,
li.fntSmlOn {
    width: 38px; /* 幅 */
    height: 38px; /* 高さ */
    float: none; /* 表示配置 */
    margin-right: 5px; /* 周囲余白 */
}
/* 大 */
li.fntBig {
    background-image: url("/usr/file/attachment/btn_langL.png"); /* 背景画像 */
}
/* 中 */
li.fntMid {
    background-image: url("/usr/file/attachment/btn_langR.png"); /* 背景画像 */
}
/* 小 */
li.fntSml {
    background-image: url("/usr/file/attachment/btn_langS.png"); /* 背景画像 */
}
/* 大 ホバー・アクティブ */
li.fntBig:hover, li.fntBigOn {
    background-image: url("/usr/file/attachment/btn_langL-on.png"); /* 背景画像 */
}
/* 中 ホバー・アクティブ */
li.fntMid:hover, li.fntMidOn {
    background-image: url("/usr/file/attachment/btn_langR-on.png"); /* 背景画像 */
}
/* 小 ホバー・アクティブ */
li.fntSml:hover, li.fntSmlOn {
    background-image: url("/usr/file/attachment/btn_langS-on.png"); /* 背景画像 */
}
.fntSml a:hover,
.fntMid a:hover,
.fntBig a:hover {
    background: none;
}

/*===============================
キーワード検索
===============================*/
/*↓擬似クラス:hasでスタイル付与*/
/*.colArea:has(.okw_parts_search) {
    background: #DDEEFF;
    border-radius: 20px;
    padding: 2em;
    max-width: 1200px;
    margin: 0 auto 4em;
}
.okw_parts_search {
    float: none;
    width: 100%;
}*/

/*↓jqueryで付与id*/
#category_index #search-box {
    background: #DDEEFF;
    border-radius: 20px;
    padding: 30px;
    max-width: 1200px;
    margin: 0 auto 4em;
    box-sizing: border-box;
}
#category_index .okw_parts_search {
    max-width: 990px;
    margin: 0 auto;
}
/*.okw_parts_search h2 {
    font-size: 185%;
}*/
#category_index .okw_parts_search h2:before {
    content: "";
    background: url("/usr/file/attachment/h2_search.svg") no-repeat center;
    background-size: contain;
    width: 51px;
    height: 51px;
    display: block;
    margin: 0 auto 15px;
}
.search_description {
    margin: 10px 0;
}
.keyword_frm {
    height: 50px;
    float: left;
    line-height: 2.0;
    letter-spacing: 0.1em;
    border-radius: 8px;
    border: 1px solid #BBB;
    background: #fff;
    /*box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);*/
    width: calc(100% - 125px);
    margin-right: 15px;
    padding-left: 10px;
}
.faq_search_frmArea .keyword_frmbtn {
    width: 110px;
    height: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 110%;
    border: 0;
    border-radius: 8px;
    background: #203b72;
    /*box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);*/
}

/*1200px以下*/
@media screen and (max-width: 1200px) {
    #category_index #search-box {
        border-radius: 0;
    }
}
@media screen and (max-width: 780px) {
    #category_index #search-box {
        padding: 20px 12px 40px;
    }
}
@media screen and (max-width: 580px) {
    .keyword_frm {
        float: none;
        width: 100%;
        border-radius: 5px;
margin: 0;
    }
    .faq_search_frmArea .keyword_frmbtn {
        width: 100%;
        margin-top: 7px;
        height: 40px;
        border-radius: 5px;
    }
}

/*サジェスト（検索候補）*/
.faq_suggest {
	padding: 10px 20px 20px;
}
.faq_suggest_link {
	padding: 10px 0;
}
.faq_suggest_title {
  padding-left: 30px;
  background: transparent url("/usr/file/attachment/ico_questionB.svg") no-repeat top left;
  background-size: 23px;
  padding-bottom: 10px;
  padding-top: 3px;
}
.faq_suggest_title .search_word {
	background-color: #FFFF65;
}



/*===============================
よく検索されるキーワード
===============================*/
.okw_parts_attention_keyword {
    max-width: 1100px;
    background: #FFF;
    margin: 20px auto 0;
    padding: 25px 30px;
    border-radius: 8px;
}
.okw_parts_attention_keyword h2 {
    text-align: left;
    margin-bottom: 10px;
    font-size: 150%;
}
.okw_parts_attention_keyword h2:before{
    content: "";
    width: 10px;
    height: 25px;
    display: inline-block;
    border-radius: 3px;
    background: #1476d8;
    vertical-align: sub;
    margin-right: 10px;
}
.attention_keyword_list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.attention_keyword_list li {
    width: calc((100% - 40px) / 4);
    margin-top: 10px;
    margin-right: 10px;
}
.attention_keyword_list li:nth-child(4n) {
    margin-right: 0;
}

.attention_keyword_list a {
    font-weight: 500;
    background: #1476D8;
    color: #FFF;
    display: block;
    padding: 10px;
    border-radius: 40px;
    text-align: center;
}
.attention_keyword_list a:hover {
    background: #203B72;
}

@media screen and (max-width: 580px) {
    .okw_parts_attention_keyword {
        padding: 15px;
    }
    .okw_parts_attention_keyword h2 {
        font-size: 120%;
    }
    .attention_keyword_list li {
        width: calc((100% - 10px) / 2);
        background: #1476D8;
        border-radius: 5px;
        display: flex;
        justify-content: center;
    }
    .attention_keyword_list li:nth-child(even) {
        margin-right: 0;
    }
    .attention_keyword_list a {
        font-size: 80%;
        border-radius: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


/*===============================
よく見られているFAQ（閲覧の多いFAQ）
===============================*/
.okw_parts_access_rank_faq {
    float: none;
    width: 100%;
    margin-bottom: 100px;
}
.okw_parts_access_rank_faq h2 {
    margin-bottom: 1em;
}
#category_index .okw_parts_access_rank_faq h2:before {
    content: "";
    background: url("/usr/file/attachment/h2_access_rank_faq.svg") no-repeat center;
    background-size: contain;
    width: 45px;
    height: 32px;
    display: block;
    margin: 0 auto 25px;
}
#category_index .okw_parts_access_rank_faq .qaList {
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    padding: 50px;
}
.qaList li {
    padding-left: 0;
    margin-bottom: 0;
}
.qaList li:first-child a {
    border-top: 1px solid #BBB;
}
.qaList li.Q_sml {
  background: none;
  border-bottom: 1px solid #BBB;
}
.qaList li.Q_sml a {
    display: block;
    font-size: 110%;
    font-weight: 400;
    line-height: 1.4em;
    padding: 20px 50px 20px 60px;
    position: relative;
}
.qaList li.Q_sml a:hover {
    background: #EEE;
}
.qaList li.Q_sml a:before {
    content: "";
    background: url("/usr/file/attachment/ico_question.svg") no-repeat center;
    background-size: contain;
    width: 37px;
    height: 37px;
    display: block;
    margin: 0 13px 15px 0;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
.qaList li.Q_sml a:after {
    content: "";
    background: url("/usr/file/attachment/ico03.svg") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    /*以下親要素にpositionを付与する場合*/
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

/*1200px以下*/
@media screen and (max-width: 1200px) {
    .okw_parts_access_rank_faq {
        padding: 20px;
    }
}

@media screen and (max-width: 780px) {
    #category_index .okw_parts_access_rank_faq .qaList {
        box-shadow: none;
        padding: 0;
    }
    
    .qaList li.Q_sml a {
        font-size: 100%;
    }
}

@media screen and (max-width: 580px) {
	.qaList li.Q_sml a {
        font-size: 90%;
		padding: 15px 40px 15px 50px;
    }
	.qaList li.Q_sml a:before {
		width: 30px;
		height: 30px;
	}
}

/*===============================
カテゴリー
===============================*/
#category_index .okw_parts_category{
    background: #1376D8;
    padding: 70px 50px 50px;
}
#category_index .okw_parts_category .cateList_box {
    max-width: 1200px;
    margin: 45px auto;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.okw_parts_category .cateList_box.clearfix:after {
    content: none;
}

.okw_parts_category h2 {
    color: #FFF;
    margin-bottom: 20px;
}
#category_index .okw_parts_category h2:before {
    content: "";
    background: url("/usr/file/attachment/h2_category.svg") no-repeat center;
    background-size: contain;
    width: 42px;
    height: 41px;
    display: block;
    margin: 0 auto 25px;
}

#category_index .cateList {
    float: none;
    width: calc((100% - 90px) / 3);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    padding: 25px 20px;
    box-sizing: border-box;
}
/*トップ「困ったときは」用のカテゴリーをカテゴリーリストは非表示*/
/*IDはscriptで追加*/
#no-box {
	display: none !important;
}

.icoCate {
    background-image: none;
    height: auto;
    padding: 0;
}

/*アイコン画像を囲うaタグ*/
#category_index .cate_icon_link {
    text-align: center;
    display:block;
    padding-bottom: 10px;
}
.cate_icon_link:hover {
    background: none;
    opacity: 0.7;
}
/*アイコン画像*/
#category_index .cate_icon {
    width:80px;
    display:block;
    text-align:center;
    float:none;
    margin: 0 auto;
}

#category_index .cate_middle {
    text-align:center;
    font-weight: bold;
    font-size: 120%;
}
#category_index .cate_middle a:hover{
    background: none;
    color: #1476D8;
}
/*大カテゴリー質問数 ※例(15件)グレー背景*/
#category_index .cate_middle .cate_count {
    display: block;
    background: #EEE;
    color: #333;
    border-radius: 30px;
    margin: 10px auto 0;
    width: 95px;
    text-align: center;
    padding: 7px;
    white-space: nowrap;
    font-weight: normal;
    font-size: 80%;
}

.cate_small {
    color: #203B72;
    padding: 25px 15px 10px;
    font-weight: 500;
    font-size: 100%;
    width: 100%;
}
.cate_small > span {
    display: block;
}

.cate_small > span a:hover {
    background: #FFF;
    color: #1476D8;
    font-weight: 700;
}

/*小カテゴリーの質問数 ※例(10件)*/
.cate_small .cate_count {
    font-size:90%;
    color: #333;
}

/*.cate_small span {
    display: block;
}*/
.cate_small a {
    text-indent: -20px;
    padding: 7px 0 7px 20px;
    line-height: 1.2em;
    display: block;
}
.cate_small a:before {
    content: "";
    background: url("/usr/file/attachment/ico01.svg") no-repeat center;
    background-size: contain;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

@media screen and (max-width: 1000px) {
    #category_index .okw_parts_category{
        padding: 50px 20px;
    }
    #category_index .cateList {
        width: 32%;
        padding: 20px;
    }
    .cate_small {
        padding: 20px 0 0;
    }
}

@media screen and (max-width: 780px) {
    #category_index .okw_parts_category .cateList_box {
        display: block;
        margin: 0;
    }
    #category_index .cateList {
        width: 100%;
        padding: 10px;
        margin-bottom: 15px;
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    #category_index .cate_icon_link {
        width: 50px;
        padding-bottom: 0;
margin-right: 10px;
    }
    #category_index .cate_icon {
        width: 100%;
    }
    #category_index .cate_middle {
        text-align: left;
        font-size: 100%;
        width: calc(100% - 60px);
        padding: calc((50px - 1em) / 2) 35px calc((50px - 1em) / 2) 10px;
        position: relative;
padding: 0;
    }
     #category_index .cate_middle a{
        pointer-events: none;
display: block;
    padding-right: 30px;
    line-height: 1.1em;
    }
    #category_index .cate_middle .cate_count {
        display: inline-block;
        margin-top: 0;
        width: auto;
        padding: 0;
        background: none;
    }
    #category_index .cate_middle:after {
        content: "";
        background: url("/usr/file/attachment/ico04.svg") no-repeat center;
        background-size: contain;
        width: 15px;
        height: 15px;
        display: block;
        /*以下親要素にpositionを付与する場合*/
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
    }
    #category_index .cate_middle.active:after {
        content: "";
        background: url("/usr/file/attachment/ico05.svg") no-repeat center;
    }
    /*アコーディオン用に非表示*/
    .cate_small {
        display: none;
        width: 100%;
        padding: 10px 20px;
    }
    
}

/*ここまで主にトップのスタイル*/

/*==================================================
ここから下層ページ
==================================================*/

/*--------------------------------------------------------
下層ページ共通
--------------------------------------------------------*/

/*下層ページのパンくずエリア設定*/
#category_show #okw_sub_header,
#category_search #okw_sub_header,
#faq_show #okw_sub_header {
    background: #EEE;
    padding: 10px;
}


@media screen and (max-width: 1000px) {
	#category_show #okw_sub_header,
	#category_search #okw_sub_header,
	#faq_show #okw_sub_header {
		background: #FFF !important;
		padding: 0;
		display: block;
margin-bottom: 0;
	}
	#category_show #fontCol,
	#faq_show #fontCol,
	#category_search #fontCol {
	  width: 100%;
	  padding: 10px;
	  float: none;
	  background: #FFF;
	}
	#category_show .okw_bread,
	#faq_show .okw_bread,
	#category_search .okw_bread {
	  width: 100%;
	  background: #EEE;
	  padding: 10px;
	}
#category_show .okw_bread li,
	#faq_show .okw_bread li,
	#category_search .okw_bread li {
	  line-height: 1.4em;
	}
}

#category_show .ttl_col h2,
#category_search .ttl_col h2,
#faq_show .ttl_col h2 {
    color: #1476D8;
    margin-bottom: 1em;
}

/*下層ページ共通コンテンツ（キーワード検索）*/
#category_show .okw_parts_search,
#category_search .okw_parts_search{
    max-width: 1100px;
    margin: 0 auto;
    background: #DDEEFF;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#category_show .okw_parts_search .ttl_col,
#category_search .okw_parts_search .ttl_col{
    width: 220px;
}
#category_show .okw_parts_search .ttl_bg,
#category_search .okw_parts_search .ttl_bg{
    margin-bottom: 0;
}
#category_show .okw_parts_search .ttl_col h2,
#category_search .okw_parts_search .ttl_col h2{
    color: #333;
    font-size: 140%;
    text-align: left;
}
#category_show .okw_parts_search .ttl_col h2:before,
#category_search .okw_parts_search .ttl_col h2:before{
    content: "";
    background: url("/usr/file/attachment/h2_search.svg") no-repeat center;
    background-size: contain;
    width: 42px;
    height: 42px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
#category_show .okw_parts_search .faq_search_frmArea,
#category_search .okw_parts_search .faq_search_frmArea{
    width: calc(100% - 250px);
}
#category_show .okw_parts_search .search_description,
#category_search .okw_parts_search .search_description{
    display: none;
}

@media screen and (max-width: 1100px) {
	#category_show .okw_parts_search,
	#category_search .okw_parts_search{
		border-radius: 0;
	}
}

@media screen and (max-width: 780px) {
	#category_show .okw_parts_search,
	#category_search .okw_parts_search{
		display: block;
		padding: 30px 20px;
	}
	#category_show .okw_parts_search .faq_search_frmArea,
	#category_search .okw_parts_search .faq_search_frmArea{
		width: 100%;
	}
	#category_show .okw_parts_search .ttl_col h2,
	#category_search .okw_parts_search .ttl_col h2{
		margin-bottom: 10px
	}
}



/*下層ページ共通コンテンツ（カテゴリー・よく見られているFAQ）*/
/*カテゴリーから探す*/
#category_show #f-categorybox,
#category_search #f-categorybox{
    background: #1376D8;
    padding: 100px 0 50px;
margin-top: 100px;
}
#category_show #f-rankfaqbox,
#category_search #f-rankfaqbox{
    background: #1376D8;
    padding: 0 0 100px;
}

#category_show .okw_parts_category,
#category_search .okw_parts_category {
    max-width: 1100px;
    margin: 0 auto;
}
#category_show .okw_parts_category h2,
#category_search .okw_parts_category h2 {
    text-align: left;
    color: #FFF;
}
#category_show .okw_parts_category h2:before,
#category_search .okw_parts_category h2:before {
    content: "";
    background: url("/usr/file/attachment/h2_category.svg") no-repeat center;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
#category_show .okw_parts_category .cateList_area,
#category_search .okw_parts_category .cateList_area {
    margin-top: 30px;
}
#category_show .okw_parts_category .cateList_box,
#category_search .okw_parts_category .cateList_box {
    margin: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#category_show .okw_parts_category .cateList_box li,
#category_search .okw_parts_category .cateList_box li {
    width: calc((100% - 60px) / 3);
    display: flex;
    align-items: center;
    /*border: 1px solid #BBB;*/
    border-radius: 8px;
    margin-bottom: 10px;
background: #FFF;
}
#category_show .okw_parts_category .cateList_box li:hover,
#category_search .okw_parts_category .cateList_box li:hover {
    background: #EEE;
}
#category_show .okw_parts_category .cateList_3line,
#category_search .okw_parts_category .cateList_3line{
    width: auto;
    float: none;
}
#category_show .okw_parts_category .cate_icon,
#category_search .okw_parts_category .cate_icon{
    width: 50px;
    margin: 0 10px;
}
#category_show .okw_parts_category .cate_middle,
#category_search .okw_parts_category .cate_middle{
    padding: 0;
    width: calc(100% - 70px);
}
#category_show .okw_parts_category .cate_middle a,
#category_search .okw_parts_category .cate_middle a{
    display: block;
    padding: 1.5em 0;
    width: 100%;
}
#category_show .okw_parts_category .cate_small,
#category_search .okw_parts_category .cate_small{
    display: none;
}

@media screen and (max-width: 1100px) {
	#category_show #f-categorybox,
	#category_search #f-categorybox{
		padding: 40px 20px;
	}
	#category_show #f-rankfaqbox,
	#category_search #f-rankfaqbox{
		padding: 0 20px 40px;
	}
}

@media screen and (max-width: 780px) {
	#category_show .okw_parts_category .cateList_box,
	#category_search .okw_parts_category .cateList_box {
		display: block;
	}
	#category_show .okw_parts_category .cateList_box li,
	#category_search .okw_parts_category .cateList_box li {
		width: 100%;
	}
}

@media screen and (max-width: 580px) {
	#category_show #f-categorybox,
	#category_search #f-categorybox{
		margin-top: 0;
	}
	#category_show .okw_parts_category .cate_middle a,
	#category_search .okw_parts_category .cate_middle a{
		padding: 1.2em 1em 1.2em 0;
	}
}

/*よく見られているFAQ*/
#category_show .okw_parts_access_rank_faq,
#category_search .okw_parts_access_rank_faq{
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    padding: 30px;
}

#category_show .okw_parts_access_rank_faq h2,
#category_search .okw_parts_access_rank_faq h2{
    margin: 10px 0 20px 20px;
    text-align: left;
}
#category_show .okw_parts_access_rank_faq h2:before,
#category_search .okw_parts_access_rank_faq h2:before{
    content: "";
    background: url("/usr/file/attachment/h2_access_rank_faq.svg") no-repeat center;
    background-size: contain;
    width: 40px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
/*#category_search .qaList{
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    padding: 50px;
}*/

@media screen and (max-width: 580px) {
	#category_show .okw_parts_access_rank_faq,
	#category_search .okw_parts_access_rank_faq{
		padding: 30px 10px;
	}
}


/*--------------------------------------------------------
カテゴリー・サブカテゴリーページ
--------------------------------------------------------*/
#category_show .okw_parts_sub_category {
    margin: 4em 0;
}

/*大カテゴリータイトル*/
#category_show .okw_parts_sub_category .ttl_col .ttl_bg span:after {
    content: "のカテゴリー";
    font-size: 85%;
    margin-left: 10px;
}
#category_show .okw_parts_sub_category .ttl_col h2 .icoCate:before {
    content: "";
    width: 60px;
    height: 60px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
#category_show .ttl_col h2 .icon_cate01:before {
    content: "";
    background: url("/usr/category/images/LR4bDqwVV4qADY0U.png") no-repeat center;
    background-size: contain;
}
#category_show .ttl_col h2 .icon_cate02:before {
    content: "";
    background: url("/usr/category/images/qc5KE7KGNuolDEnp.png") no-repeat center;
    background-size: contain;
}
#category_show .ttl_col h2 .icon_cate03:before {
    content: "";
    background: url("/usr/category/images/IzwShge0pV5oFI0f.png") no-repeat center;
    background-size: contain;
}
#category_show .ttl_col h2 .icon_cate04:before {
    content: "";
    background: url("/usr/category/images/RlWFoAGGiTroNBtv.png") no-repeat center;
    background-size: contain;
}
#category_show .ttl_col h2 .icon_cate05:before {
    content: "";
    background: url("/usr/category/images/gFqwN9bAkoDbAjQX.png") no-repeat center;
    background-size: contain;
}
#category_show .ttl_col h2 .icon_cate06:before {
    content: "";
    background: url("/usr/category/images/CUgU9X6YoTdV7LQF.png") no-repeat center;
    background-size: contain;
}
#category_show .ttl_col h2 .icon_cate07:before {
    content: "";
    background: url("/usr/category/images/gvFJug4sBBkzKkqQ.png") no-repeat center;
    background-size: contain;
}
#category_show .ttl_col h2 .icon_cate08:before {
    content: "";
    background: url("/usr/category/images/Brrt8Mk0TbwW4PRF.png") no-repeat center;
    background-size: contain;
}
#category_show .ttl_col h2 .icon_cate09:before {
    content: "";
    background: url("/usr/category/images/UXAvPMq7talxZHRS.png") no-repeat center;
    background-size: contain;
}
#category_show .ttl_col h2 .icon_cate10:before {
    content: "";
    background: url("/usr/category/images/VsA77p3kDCRHYlXA.png") no-repeat center;
    background-size: contain;
}
#category_show .ttl_col h2 .icon_cate11:before {
    content: "";
    background: url("/usr/category/images/ogWntpHOz6ldKUs8.png") no-repeat center;
    background-size: contain;
}
#category_show .ttl_col h2 .icon_cate12:before {
    content: "";
    background: url("/usr/category/images/SdMzebg6zMvAiFEM.png") no-repeat center;
    background-size: contain;
}

/*小カテゴリーリスト*/
#category_show .okw_parts_sub_category .cateList_area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1100px;
    background: #fff;
    border: 5px solid #ddd;
    box-sizing: border-box;
    padding: 20px 30px 30px;
}
#category_show .okw_parts_sub_category .cateList_box {
    width: calc((100% - 2%) /2);
    margin: 10px 0 0;
}
#category_show .okw_parts_sub_category .cateList_box a {
    display: block;
    padding: 15px 20px 15px 15px;
    border-radius: 5px;
    background: #dceeff;
    color: #1476D8;
    font-size: 110%;
    position: relative;
    /*box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);*/
}
#category_show .okw_parts_sub_category .cateList_box a:after {
    content: "";
    background: url("/usr/file/attachment/ico07.svg") no-repeat center;
    background-size: contain;
    width: 8px;
    height: 15px;
    /*以下親要素にpositionを付与する場合*/
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
#category_show .okw_parts_sub_category .cateList_box a:hover {
    background: #1476D8;
    color: #FFF;
}
#category_show .okw_parts_sub_category .cateList_box a:hover .cate_count {
    color: #FFF;
}

#category_show .okw_main_category,
#category_search .okw_main_category{
    max-width: 1000px;
    margin: 4em auto 200px;
}
#category_show .okw_main_category h2 {
    color: #333;
    border-bottom: 3px solid #1476D8;
    padding-bottom: 10px;
    margin-bottom: 1em;
    text-align: left;
}
#category_search .okw_main_category h2 {
    color: #203B72;
    margin-bottom: 30px;
    border-bottom: 3px solid #203B72;
    padding: 10px 0;
    margin-bottom: 1em;
    text-align: left;
}

/*#category_show .search_list {
  border-top: none;
  width: 1200px;
  margin: 3em auto
}*/

#category_show .icoA_sml,
#category_search .icoA_sml{
    display: none;
}
#category_show .search_date_area,
#category_search .search_date_area{
    display: none;
}


@media screen and (max-width: 1100px) {
	#category_show .okw_main_category,
	#category_search .okw_main_category{
		padding: 20px;
	}
	#category_show .okw_parts_sub_category .cateList_area {
		border: none;
		padding: 0 20px;
	}
}

@media screen and (max-width: 580px) {
	#category_show .okw_parts_sub_category .cateList_area {
		display: block;
	}
	#category_show .okw_parts_sub_category .cateList_box {
		width: 100%;
	}
#category_show .okw_parts_sub_category .cateList_box a {
font-size:100%;
}
#category_show .okw_main_category,
	#category_search .okw_main_category{
		margin-bottom: 0;
	}
}

/*検索結果*/
/*件数表示・ページングなど（上部パーツ）*/
.okw_sort_select select {
  width: 115px;/*規定値*/
  float: left;/*規定値*/
  border: 1px solid #1476D8;
  padding: 10px;
  background: #FFF;
  border-radius: 5px;
}

/*並べ替え上下アイコン*/
.pg_col_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
font-family: Arial, 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" ;
}
.pg_col_top .flo_r,
.pg_col_top .flo_l {
    float: none;
}
.okw_sort_select {
  margin-right: 0;
  width: 35%;
}
#faq_list_sort_form {
    display: flex;
    justify-content: flex-end;
}
.sort_arrow {
    width: 14px;
    margin-top: 4px;
}
.sort_arrow span,
.sort_arrow a {
  height: 12px;
  width: 14px;
}
/* 昇順アイコン */
.sort_asc_image_on {background-image: url("/usr/file/attachment/marker_up.png");}
.sort_asc_image_off {background-image: url("/usr/file/attachment/marker_up_off.png");}
.sort_asc_image_off:hover {background-image: url("/usr/file/attachment/marker_up_h.png");}
/* 降順アイコン */
.sort_desc_image_on {background-image: url("/usr/file/attachment/marker_down.png");}
.sort_desc_image_off {background-image: url("/usr/file/attachment/marker_down_off.png");}
.sort_desc_image_off:hover {background-image: url("/usr/file/attachment/marker_down_h.png");}

.sort_asc_image_off {
  margin-bottom: 5px;
}
.sort_arrow .sort_asc_image_on,
.sort_arrow .sort_asc_image_off {
  margin: 0 0 4px;
}

@media screen and (max-width: 580px) {
	.pg_col_top {
		flex-wrap: wrap;
	}
	.pg_no {
	  margin-left: 0;
	  width: 100%;
	  text-align: center;
	  margin-bottom: 1em;
	}
	.okw_sort_select {
	  margin-right: 0;
	  width: 50%;
	}
		.pg_scr {
	  width: 50%;
	}
}

/*質問リスト*/
.search_list {
  margin-bottom: 20px;
  border-top: none;
  width: 100%;
}
.search_list_bg1,
.search_list_bg2{
  background-color: #fff;
  padding: 0;
}
.search_list_inner {
  border-bottom: none;
  padding: 0;
  margin-bottom: 15px;
}
.icoQ_sml {
    padding-left: 0;
}
.search_qattl a{
    display: block;
    padding: 25px 50px 25px 65px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    position: relative;
    line-height: 1.3em;
}
.search_qattl a:hover {
    background: #EEE;
}
.search_qattl a:before {
    content: "";
    background: url("/usr/file/attachment/ico_question.svg") no-repeat center;
    background-size: contain;
    width: 37px;
    height: 37px;
    display: block;
    /*以下親要素にpositionを付与する場合*/
    position: absolute;
    top: 50%;
    left:15px;
    transform: translateY(-50%);
}
.search_qattl a:after {
    content: "";
    background: url("/usr/file/attachment/ico03.svg") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    /*以下親要素にpositionを付与する場合*/
    position: absolute;
    top: 50%;
    right:15px;
    transform: translateY(-50%);
}
li.search_list_inner:hover {
    background: none; /* 背景色 */
}

/*ページャー*/
.pg_col_down {
  margin: 0 0 15px;
  font-size: 100%;
  font-family: Arial, 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" ;
}
.pg_col_down .pg_no {
  margin-left: 0;
  width: 100%;
  float: none;
}
.pagination {
  margin: 20px auto;
  font-size: 100%;
  float: none;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
.pagination a,
.pagination em,
.pagination span{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    margin-right: 5px;
    background: #EEE;
    padding: 0;
}
.pagination .current{
    background: #203B72;
    color: #FFF;
}
.pagination .previous_page,
.pagination .next_page{
    background: none;
}

/*検索結果該当なし*/
.kwd_none {
    margin: 15px 0;
    padding: 30px;
    background: #f4f4f4;
    border: 1px solid #999;
    font-size: 110%;
}

@media screen and (max-width: 1000px) {
	.pagination a,
	.pagination em,
	.pagination span{
		display: none;
	}
	.pagination .previous_page,
	.pagination .next_page {
		display: inline-block;
               background: #EEE;
	}
}

@media screen and (max-width: 580px) {
	.search_qattl a{
		padding: 15px 40px 15px 65px;
	}
}

/*--------------------------------------------------------
質問ページ
--------------------------------------------------------*/
.okw_main_faq {
    max-width: 1000px;
    margin: 0 auto;
}

@media screen and (max-width: 1000px) {
	.okw_main_faq {
		padding: 0 20px;
	}
}

/*質問タイトル上ツール（戻る・投稿日・印刷ボタンなど）*/
.faq_qstInf_col {
  border-bottom: 1px solid #CCC;
  margin: 0 0 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
}
.faq_qstInf_col .siteLink {
  float: none;
  width: 20%;
}
.siteLink li {
    display: block;
    font-size: 90%;
}
.preLink {
    background: none;
}
.preLink a {
    display: block;
    max-width: 10em;
    border: 1px solid #1476D8;
    border-radius: 30px;
    background: #FFF;
    padding: 0.85em;
    text-align: center;
    font-weight: 500;
}
.preLink a:before {
    content: "";
    background: url("/usr/file/attachment/ico06.svg") no-repeat center;
    background-size: contain;
    width: 7px;
    height: 14px;
    display: inline-block;
    vertical-align: -3px;
    margin-right: 8px;
}
.preLink a:hover {
    background: #C3E1FF;
}

.faq_dateNo {
  margin-right: 0;
  width: 80%;
  float: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.faq_dateNo li {
  font-size: 90%;
  margin-right: 15px;
  display: block;
}
.faq_dateNo li.faq_print {
    width: 105px;
}
.icoPrint {
  background: none;
  display: block;
}
.icoPrint a {
  display: block;
  text-align: center;
  padding: 0.85em;
  height: auto;
  background: #1476D8;
  color: #FFF;
  border-radius: 30px;
}
.icoPrint a:before {
    content: "";
    background: url("/usr/file/attachment/ico_print.svg") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 18px;
    display: inline-block;
    vertical-align: -3px;
    margin-right: 8px;
}
.icoPrint a:hover {
    background: #203B72;
}

@media screen and (max-width: 580px) {
	.faq_qstInf_col {
		font-size: 85%;
	}
	.icoPrint {
		display: none;
	}
	.faq_qstInf_col .siteLink {
		width: 40%;
	}
	.faq_dateNo {
		width: 60%;
	}
	.faq_dateNo {
		display: block;
	}
}

/*質問タイトル*/
.faq_qstCont_ttl {
  font-size: 145%;
  font-weight: bold;
  color: #203B72;
  line-height: 1.4;
  margin: 40px 0;
  padding-left: 70px;
  position: relative;
letter-spacing: 0.03em;
}
.faq_qstCont_ttl:before {
    content: "";
    background: url("/usr/file/attachment/ico_question.svg") no-repeat center;
    background-size: contain;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.faq_qstCont_ttl .icoQ {
  background: none;
  padding: 0;
}
@media screen and (max-width: 580px) {
	.faq_qstCont_ttl {
		margin: 20px 0;
		font-size: 110%;
    	line-height: 1.2em;
		padding-left: 50px;
	}
	.faq_qstCont_ttl:before {
		width: 40px;
		height: 40px;
	}
}

/*質問タイトル下カテゴリパンくず*/
.faq_qstCont_col {
  margin: 0;
}
.faq_qstCont_col .faq_cate_col {
  margin: 0;
  padding: 1em 1.7em;
  border-bottom: 3px solid #203B72;
  border-left: none;
  border-right: none;
  border-top: none;
  background: #F4F4F4;
  color: #333 !important;
}
.faq_qstCont_col .faq_cate_col a {
    color: #333 !important;
}

/*回答タイトル*/
.faq_ans_ttl {
  font-size: 145%;
  color: #203B72;
  font-weight: bold;
  line-height: 1.2;
  margin: 40px 0;
  padding: 10px 0 0 70px;
  position: relative;
}
.faq_ans_ttl:before {
    content: "";
    background: url("/usr/file/attachment/ico_answer.svg") no-repeat center;
    background-size: contain;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.faq_ans_ttl .icoA {
background: none;
  display: block;
  padding: 0;
  margin: 0;
}
.faq_ans_bor {
    background: none;
}

@media screen and (max-width: 580px) {
	.faq_ans_ttl {
		margin: 20px 0;
		font-size: 110%;
    	line-height: 1.2em;
		padding-left: 50px;
	}
	.faq_ans_ttl:before {
		width: 40px;
		height: 40px;
	}
}

/*回答枠*/
.faq_ans_col {
  padding: 0 0 0 70px;
  border-bottom: none;
  margin-bottom: 100px;
}

@media screen and (max-width: 580px) {
	.faq_ans_col {
		padding: 5px 0 0;
	}
}

/*回答欄内のレイアウト（見出し・リスト・テーブルなど）*/
#faq_question_contents, 
#faq_answer_contents, 
#info_news_contents {
  letter-spacing: 0.05em;
  line-height: 1.4em;
}

/*見出し*/
#faq_question_contents h2,
#faq_answer_contents h2,
#info_news_contents h2 {
  display: block;
  font-size: 1.25em;
  color: #1476D8;
  font-weight: bold;
  margin: 2em 0 15px;
  border-bottom: 3px solid #1476D8;
  padding: 5px;
}
#faq_question_contents h3,
#faq_answer_contents h3,
#info_news_contents h3 {
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  margin: 1.33em 0 1em;
  color: #203B72;
}
#faq_question_contents h3:before,
#faq_answer_contents h3:before,
#info_news_contents h3:before {
    content: "■";
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    margin-right: 5px;
}

/*リスト*/
#faq_question_contents ul,
#faq_answer_contents ul,
#info_news_contents ul,
.faq_ansCont_txt ul {
  padding: 0 0 0 15pt;
}

#faq_question_contents ol,
#faq_answer_contents ol,
#info_news_contents ol,
.faq_ansCont_txt ol {
  padding: 0;
counter-reset: listnum;
}
#faq_question_contents ol > li,
#faq_answer_contents ol > li,
#info_news_contents ol > li,
.faq_ansCont_txt ol > li,
.wzd_qstCont_txt ol > li {
  list-style-type: none;
  line-height: 1.4em;
  padding-left: 30px;
  text-indent: -30px;
}
#faq_question_contents ol > li:before,
#faq_answer_contents ol > li:before,
#info_news_contents ol > li:before,
.faq_ansCont_txt ol > li:before,
.wzd_qstCont_txt ol > li:before {
  counter-increment: listnum;
	content: counter(listnum);
    display: inline-block;
    box-sizing: border-box;
	color: #1476D8;
	vertical-align: middle;
	font-family: Arial, Helvetica, "sans-serif";
	font-weight: bold;
    background: #DDEEFF;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin: 0 5px 5px 0;
    text-indent: 0;
}

/*テーブル*/
#faq_question_contents .cke5-table,
#faq_answer_contents .cke5-table, 
#info_news_contents .cke5-table {
    width: 100% !important;
}
#faq_question_contents .cke5-table th,
#faq_answer_contents .cke5-table th, 
#info_news_contents .cke5-table th {
    background: #cee2ff;
	padding: 1em;
	text-align: left;
}
#faq_question_contents .cke5-table td,
#faq_answer_contents .cke5-table td, 
#info_news_contents .cke5-table td {
	padding: 1em;
}

/*テキスト*/
#faq_answer_contents .textRed {
    color: #F00;
}
#faq_answer_contents .txtIndent-1 {
	text-indent:-1em;
padding-left: 1em;
}
#faq_answer_contents .txtIndent-1 li {
    list-style: none;
}

/*お問い合わせ*/
.C-contact {
	background: #f3f3f1;
	padding: 1em 1.5em 1.5em;
	text-align: center;
	margin-top: 1em;
	color: #555;
}
.C-contact:before {
	content: "お問い合わせ先";
	border-bottom: 1px solid #333;
	padding-bottom: 0.5em;
	margin-bottom: 0.75em;
	display: block;
	font-weight: 700;
	font-size: 110%;
	color: #333;
}
.C-contact .number {
	color: #0046EA;
	font-size: 210%;
	font-weight: 700;
	margin: 5px !important;
}
.C-contact .number:before {
	content: "";
	background: url("/usr/file/attachment/ico_contact.svg") no-repeat center;
	background-size: contain;
	width: 0.8em;
	height: 0.8em;
	display: inline-block;
	margin-right: 0.2em;
	vertical-align: middle;
}
.C-contact .time:before {
	content: "受付時間：";
}

@media screen and (max-width: 480px) {
    .C-contact .number {
        font-size: 185%;
    }
}


/*アンケートレイアウト*/
.okw_enquete_area {
  border: none;
  margin: 0 auto 40px;
  padding: 30px;
  max-width: 800px;
  border-radius: 8px;
  background: #f4f4f4;
}
.okw_enquete_area h2 {
    font-size: 125%;
    padding: 0 10px 10px;
    text-align: center;
    border-bottom: 4px solid #203B72;
    color: #203B72;
}
/*.questioner_ttl {
  font-size: 14px;
  padding: 10px 10px 3px;
  text-align: left;
  font-weight: bold;
  border-bottom: 2px solid #66AA66;
}*/

.faq_form_list {
    display: flex;
    width: 100%;
    float: none;
    justify-content: space-between;
}
.faq_form_list li {
    width: calc(100% / 3);
    padding: 15px;
    text-align: center;
}
.faq_form_list li input[type="radio"] {
    display: none;
}
.faq_form_list li label.btn_label1:before {
    content: "";
    background: url("/usr/file/attachment/img_q-type01.png") no-repeat center;
    background-size: contain;
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 1em;
}
.faq_form_list li label.btn_label2:before {
    content: "";
    background: url("/usr/file/attachment/img_q-type02.png") no-repeat center;
    background-size: contain;
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 0.5em;
}
.faq_form_list li label.btn_label3:before {
    content: "";
    background: url("/usr/file/attachment/img_q-type03.png") no-repeat center;
    background-size: contain;
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 1em;
}

 .faq_form_list li label {
    display: block;
    width: 100%;
    height: 160px;
    padding: 20px 40px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    color: #1476D8;
    font-weight: 700;
  }
  
.faq_form_list li input[type="radio"]:checked + label {
    background-color: #3498db;
    color: #fff;
    border-color: #3498db;
}
.faq_form_list li input[type="radio"]:checked + label.btn_label1:before {
    content: "";
    background: url("/usr/file/attachment/img_q-type01-on.png") no-repeat center;
}
.faq_form_list li input[type="radio"]:checked + label.btn_label2:before {
    content: "";
    background: url("/usr/file/attachment/img_q-type02-on.png") no-repeat center;
}
.faq_form_list li input[type="radio"]:checked + label.btn_label3:before {
    content: "";
    background: url("/usr/file/attachment/img_q-type03-on.png") no-repeat center;
}

/*送信するボタン*/
.questioner_submit_btn,
.knowledge_vote_button .questioner_submit_btn {
  width: 270px;
  margin: 20px auto;
  clear: both;
}
.questioner_btn[disabled] {
  color: #FFF;
  background: #999;
}
.questioner_btn {
  font-weight: bold;
  font-size: 100%;
  color: #FFF;
  background: #203B72;
  display: block;
  width: 100%;
  padding: 1.2em;
  border-radius: 30px;
  height: auto;
}
.questioner_btn:hover,
#operator_view_form_button:hover,
#operator_comment_form_button:hover {
    background: #999;
}

@media screen and (max-width: 780px) {
	.okw_enquete_area {
		width: 100%;
	}
}
@media screen and (max-width: 580px) {
	.okw_enquete_area {
		border-radius: 0;
		padding: 20px 20px 30px;
	}
	.okw_enquete_area h2 {
		padding: 0 0 10px;
	}
	.questioner_col {
		padding: 10px 0;
	}
	.faq_form_list li{
		padding: 0;
		width: calc((100% - 20px) / 3);
	}

.questioner_submit_btn input[type="submit"],
.questioner_submit_btn input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
	
	 .faq_form_list li label {
	 	padding: 20px 10px 40px;
		font-size: 80%;
		height: 150px;
		line-height: 1.2em;
	 }

.faq_form_list li label.btn_label1:before,
	 .faq_form_list li label.btn_label2:before,
	 .faq_form_list li label.btn_label3:before{
	 	width: 60px;
		height: 60px;
	 }
}


/*関連するFAQ*/
#faq_show .okw_parts_faq_relations {
    max-width: 1100px;
    margin: 0 auto 100px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    padding: 30px;
}
#faq_show .ttl_col h2 {
    color: #203B72;
    text-align: left;
    margin: 10px 0 20px 20px;
}
.faq_relate_list {
    margin: 5px 10px 10px;
}
.faq_relate_list li:first-child a {
    border-top: 1px solid #BBB;
}
.faq_relate_list li.Q_sml {
  background: none;
  border-bottom: 1px solid #BBB;
  padding: 0;
  margin-bottom: 0;
}
.faq_relate_list li.Q_sml a {
    display: block;
    font-size: 110%;
    font-weight: 400;
    line-height: 1.4em;
    padding: 20px 50px 20px 60px;
    position: relative;
}
.faq_relate_list li.Q_sml a:hover {
    background: #EEE;
}
.faq_relate_list li.Q_sml a:before {
    content: "";
    background: url("/usr/file/attachment/ico_question.svg") no-repeat center;
    background-size: contain;
    width: 37px;
    height: 37px;
    display: block;
    margin: 0 13px 15px 0;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
.faq_relate_list li.Q_sml a:after {
    content: "";
    background: url("/usr/file/attachment/ico03.svg") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    /*以下親要素にpositionを付与する場合*/
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}


@media screen and (max-width: 780px) {
	#faq_show .okw_parts_faq_relations {
		box-shadow: none;
		padding: 20px;
		border-radius: 0;
	}
	
	.faq_relate_list {
		margin: 0;
	}
	.faq_relate_list li.Q_sml a {
		font-size: 90%;
		padding: 10px 40px 10px 60px;
		line-height: 1.3em;
	}
	.faq_relate_list li.Q_sml a:before {
		width: 30px;
		height: 30px;
	}
}