@CHARSET "Shift-JIS";
.ch_public_body{
    background-color: #FFFFFF!important;

    /* アンカー要素をタップしたときに出てくる枠を見えなくする */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    /* リンクの長押しでメニューを出さないようにする */
    -webkit-touch-callout: none!important;

    /* 文字列や画像を選択してコピーなどのメニューを出さないように、選択不可にする */
    user-select: none!important;
    user-drag: none!important;
    -webkit-user-select: none!important;
    -ms-user-select: none!important;
    -moz-touch-callout:none!important;
    -moz-user-select:none!important;
    -khtml-user-select:none!important;
    -webkit-user-drag:none!important;
    -khtml-user-drag:none!important;

    /* 画面サイズ変更により横幅を超過した際スクロールバーを表示しないようにする */
    /*overflow-x: hidden;*/
}

.ch_public_body .ch_navi_a{
    padding: 16px 32px 16px 16px!important;
}

.ch_public_body .ch_menu_btn{
    padding: 10px 44px 10px 38px !important;
}

.ch_public_body .ch_menu_div{
    float: left;
    width: 100%;
    padding: 0px 0px 2px 0px;
}

.ch_public_body .ch_menu_navi{
    padding: 5px 0px 5px 0px!important;
    float: left;
    width: 100%;
    border-top: 1px solid #cccccc;
}

.ch_public_body .ch_menu_navi:hover .ch_menu_label{
    text-decoration: underline;
}

.ch_public_body .ch_menu_label{
    padding:5px 0px 5px 8px;
    float:left;
}

.ch_public_body .ctc_div_link:link { color: #0000cc; }
.ch_public_body .ctc_div_link:visited { color: #aa00aa; }
.ch_public_body .ctc_div_link:hover { color: #0000cc; }
.ch_public_body .ctc_div_link:active { color: #0000cc; }

.ch_public_body .ctc_btn_bs{
    box-shadow:3px 3px 3px 0px rgba(100,100,100,0.40);
    border-collapse: separate;
}

.ch_public_body .ctc_acd_bs{
    box-shadow:3px 3px 3px 0px rgba(100,100,100,0.40);
    border-collapse: separate;
}

.ch_public_body .ctc_acd_bs open{
    box-shadow:3px 0px 3px 0px rgba(100,100,100,0.40);
    border-collapse: separate;
}

.ch_public_body .ctc_menu_bs{
    box-shadow:0px 3px 3px 0px rgba(100,100,100,0.40);
    border-collapse: separate;
}

#ch_smart_assist_body{
    width:100%;
    height:100vh;
}

.ctc_ProductCategoryData_body .contents_nv .cnt_nv_lst{
    border-bottom: 0px none!important;
    border-left: 0px none!important;
}

.btn_click{
    -webkit-touch-callout:none!important;
    -webkit-user-select:none!important;
    -moz-touch-callout:none!important;
    -moz-user-select:none!important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.btn_click:active {
    /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
    background-color: #FFD200!important;
}

.btn_click span:active {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #FFD200!important;
}

/* スマホ用タッチ処理設定 */
.touchstyle {
    background-color:#FFD200;
    -webkit-touch-callout:none!important;
    -webkit-user-select:none!important;
    -moz-touch-callout:none!important;
    -moz-user-select:none!important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.notouchstyle {
    background-color:transparent;
    -webkit-touch-callout:none!important;
    -webkit-user-select:none!important;
    -moz-touch-callout:none!important;
    -moz-user-select:none!important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.hd01{
    font-size: 24px;
    font-weight: bold;
    padding: 0px 0px 0px 0px!important;
    margin: 10px 0px 10px 0px;
}

.hd02{
    font-size: 16px;
    font-weight: bold;
}

.ctc_ProductCategoryData_body .contents_nv .cnt_nv_lst li{
    border-right: 0px none!important;
    border-top: 0px none!important;
}

div#rn_PageTitle_ch{
    /*background-color: #B2BEDF;*/
}

div#rn_PageContent_ch{
    display:block;
    padding: 0px 0px 10px 0px;
    z-index:1;
    float:left;
    width: 100%;
}

#side_menu {
    float: left;
    /*max-width: 200px;*/
    width:auto;
    position: fixed;
    margin: 0px 10px 0px 10px;
    display:block;
}

#headerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    text-align: left;
    padding: 0 auto;
    background-color: #8695BF;
    padding:7px 0px 7px 0px;
    box-shadow:0px 3px 3px 0px rgba(150,150,150,0.40);
}

.header_left{ float:left; display:block; padding: 8px 0px 0px 0px; position: relative; }
.header_right{ float:right; display:block; position: relative; }
.ch_head_right .header_right2{
    float: right;
    display: block;
    position: relative;
    /*padding: 0px 17px 0px 5px;*/
}
.ch_head_right .header_right2 .grid_num_label{
    display:block;
    position: relative;
    padding: 6px 4px 2px 4px;
    margin: 5px 0px 5px 0px;
    font-size: 15px;
    text-align: center;
    color: #5F5F5F;
}

.ch_head_right .header_right2 .grid_num_label_s{
    display:none;
    position: relative;
    padding: 6px 4px 2px 4px;
    margin: 5px 5px 5px 5px;
    font-size: 15px;
    text-align: center;
    color: #5F5F5F;
}


.ch_head_right .header_right2 .grid_num_area{
    display: table;
    position: relative;
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    border-radius: 25px;
    width: 55px;
    height: 45px;
    margin-right: auto;
    margin-left: auto;
}

.ch_head_right .header_right2 .grid_num{
    display: table-cell;
    font-size: 26px;
    margin: 0px!important;
    text-align: center;
    vertical-align: middle;
}

#footerFloatingMenu {
    display: none;
    width: 100%;
    /*position: fixed;*/
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
    background-color: #FFFFFF;
    padding:0px 0px 0px 0px;
}

#dd_area{
    display:none;
    position:absolute;
    float:left;
    width:auto;
    height:auto;
    z-index:10001;
    background-color:#ffffff;
    border:1px solid #bbbbbb;
    border-collapse: separate;
    border-radius: 0px 0px 4px 4px;
    box-shadow: rgba(100, 100, 100, 0.4) 3px 3px 3px 0px;
    text-align: center;
}

#dd_area .qr_area{
    display: inline-block;
    vertical-align: middle;
}

#dd_area .qr_area img{
    vertical-align: middle;
}

#side_menu .ch_direct_link .accordion_sct .acd_ttl,
#side_menu .ch_direct_link .accordion_sct .acd_ttl.open,
#side_menu .ch_direct_link .accordion_sct .acd_ttl a,
#side_menu .ch_direct_link .accordion_sct .acd_ttl.open a{
    padding: 5px 0px 5px 0px;
    border-radius: 4px;
}

#side_menu .ch_direct_link .accordion_sct .acd_ttl.open a::after,
#side_menu .ch_direct_link .accordion_sct .acd_ttl a::after,
#side_menu .ch_direct_link .accordion_sct .acd_ttl02.open a::after,
#side_menu .ch_direct_link .accordion_sct .acd_ttl02 a::after{
    background: rgba(0, 0, 0, 0) url("../cmn_v2/img/icon_s_right_01.png") no-repeat scroll 100% 50%!important;
}

#ch_grid_list .clm{
    margin-bottom:20px;
}

.ch_content_left{
    float:left;
    width: 75%;
    padding:0px 10px 0px 10px;
}

.ch_content_right{
    background-color: #8695bf;
    float: left;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 29%;
}

.ch_content_center{
    float:left;
    width: 95%;
    padding: 70px 20px 20px 20px;
}

.ch_content_center2{
    width: 100%;
}

.ch_header{
    padding: 0px 20px 0px 20px;
    z-index: 2;
}

.detail_header{
    float: left;
    padding: 12px 0px 12px 0px;
    width: 100%;
}

.ch_top_link{
    background: rgba(255, 255, 255, 1.00) url("../cmn_v2/img/icon_s_accordiondown_03.png") no-repeat scroll 95% 50%!important;
    border: 1px solid #bbbbbb!important;
    border-radius: 4px!important;
    box-shadow:3px 3px 3px 0px rgba(100,100,100,0.40)!important;
    float: right;
    margin: 0px 0px 0px 0px;
    display: block;
    z-index: 10000;
}

.ch_top_link_drop{
    background-image: url("../cmn_v2/img/icon_s_accordionup_03.png")!important;
}

.ch_bottom_link{
    background: rgba(255, 255, 255, 1.00) url("../cmn_v2/img/icon_s_right_01.png") no-repeat scroll 100% 50%!important;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    box-shadow:3px 3px 3px 0px rgba(100,100,100,0.40);
    float: right;
    margin: 0px 0px 15px 0px;
    display: none;
}

.ch_side_button{
    background: #ffffff none no-repeat scroll 1% 50% / 16px auto;
    border: 1px solid #c9c9c9;
    border-radius: 8px;
    position: relative;
}

#window_left{
    width:69%;
    float:left;
    /*height:100vh;*/
    position:relative;
}

#window_left .ch_head_left{
    left: 0px;
    float: left;
    width: 77%;
    margin: 17px 0px 20px 0px;
}

#window_left .ch_head_right{
    float: right;
    width: 23%;
}

#window_left .grid_same{
    box-sizing: border-box;
    margin: 0 auto;
    width: 97%;
}

#window_right{
    top: 0px;
    width: 31%;
    float: right;
    min-height: 600px;
    /*height: 100vh;*/
    background: #e2e2e2;
    position: relative;
}

.ch_footer{
    display: block;
    float: left;
}

.btn_click{
    cursor: pointer;
}

.pseudo_link{
    cursor: pointer;
    color: #0000FF!important;
}

.pseudo_link:hover{
    text-decoration: underline;
}

.rn_RssIcon{ display: none; } /* 20190208 CTC Koiso RSS非表示のため追加 */

/**
 * サイズ別定義
 */
@media screen and (max-width: 640px) {
    #side_menu{ display:none; }
    #footerFloatingMenu{ display:block; }
    .ch_content_left{ width: 100%; padding: 0px 0px 0px 0px; }
    .ch_content_right{ display:none; width: 0%; }
    .ch_bottom_link{ display: block; }
    .ctc_ProductCategoryData_body .contents_nv .cnt_nv_lst{ border: 0px none!important; }
    .ch_content_center{ float:left; width: 100%; padding: 50px 0px 85px 0px; }
    .header_right{ display:none; }
    .header_left{ width:100%; padding:20px 0px 0px 0px; }
    #dd_area{ display:none; }
    #ch_grid_list .clm{ margin-bottom:10px; }
    #window_left{ width: 100%; }
    #window_right{ width: 0%; height: 0%; display:none; }
    #window_left .ch_head_left{ width: 100%; margin: 10px 0px 10px 0px; }
    #window_left .ch_head_right{ width: 100%; margin: 0px 0px 10px 0px; }
    .ch_head_right .header_right2{ float: right; padding: 0px 20px 0px 0px; width: 100%; }
    .ch_head_right .header_right2 .grid_num_label{ display:none; float:left; }
    .ch_head_right .header_right2 .grid_num_label_s{ display:block; float:right; }
    .ch_head_right .header_right2 .grid_num_area{ float:right; height: 40px; width: 50px; }
    .ch_head_right .header_right2 .grid_num{ font-size: 20px; }
    #window_left .grid_same{ width: 95%; }
    .ch_header{ padding: 0px 10px 0px 10px; }
    .hd02.faq_id_style{ font-size: 14px; margin: 5px 0px 0px 0px; }
}

@media screen and (min-width: 641px) and (max-width: 740px) {
    #side_menu{ max-width: 110px; }
    .accordion_sct .acd_dtl.open{ padding:0px!important; }
    .contents_nv .cnt_nv_lst li a, .contents_nv .cnt_nv_lst li span{ padding: 4px 4px 0px 4px; }
    .ch_content_right{ width: 22%; }
    .header_left{ padding:20px 0px 0px 0px; width:75%; }

    #window_left .ch_head_left{ width: 74%; }
    #window_left .ch_head_right{ width: 26%; }
   /*.ch_head_right .header_right2 { padding: 17px 0px 20px 0px; }*/
    .ch_header{ padding: 0px 12px 0px 12px; }
    .hd02.faq_id_style{ font-size: 14px; margin: 4px 0px 0px 0px; }
}

@media screen and (min-width: 741px) and (max-width: 840px) {
    #side_menu{ max-width: 130px; }
    .accordion_sct .acd_dtl.open{ padding:0px!important; }
    .contents_nv .cnt_nv_lst li a, .contents_nv .cnt_nv_lst li span{ padding: 6px 14px 6px 14px; }
    .ch_content_right{ width: 22%; }
    .header_left{ padding:20px 0px 0px 0px; width:79%; }

    #window_left .ch_head_left{ width: 76%; }
    #window_left .ch_head_right{ width: 24%; }
    /*.ch_head_right .header_right2 { padding: 0px 10px 0px 5px; }*/
    .ch_header{ padding: 0px 15px 0px 15px; }
    .hd02.faq_id_style{ font-size: 15px; margin: 3px 0px 0px 0px; }
}

@media screen and (min-width: 841px) and (max-width: 940px) {
    #side_menu{ max-width: 150px; }
    .accordion_sct .acd_dtl.open{ padding:0px!important; }
    .contents_nv .cnt_nv_lst li a, .contents_nv .cnt_nv_lst li span{ padding: 8px 24px 8px 24px; }
    .ch_content_right{ width: 23%; }
    .header_left{ padding:20px 0px 0px 0px; width:79%; }

    #window_left .ch_head_left{ width: 77%; }
    #window_left .ch_head_right{ width: 23%; }
    /*.ch_head_right .header_right2 { padding: 0px 15px 0px 5px; }*/
    .ch_header{ padding: 0px 18px 0px 18px; }
    .hd02.faq_id_style{ font-size: 16px; margin: 2px 0px 0px 0px; }
}

@media screen and (min-width: 941px) and (max-width: 1040px) {
    #side_menu{ max-width: 170px; }
    .accordion_sct .acd_dtl.open{ padding:0px!important; }
    .contents_nv .cnt_nv_lst li a, .contents_nv .cnt_nv_lst li span{ padding: 8px 34px 8px 34px; }
    .ch_content_right{ width: 23%; }
    .header_left{ padding:20px 0px 0px 0px; width:83%; }

    #window_left .ch_head_left{ width: 78%; }
    #window_left .ch_head_right{ width: 22%; }
    /*.ch_head_right .header_right2 { padding: 0px 20px 0px 5px; }*/
}

@media screen and (min-width: 1041px) and (max-width: 1140px)  {
    #side_menu{ max-width: 200px; }
    .accordion_sct .acd_dtl.open{ padding:0px!important; }
    .contents_nv .cnt_nv_lst li a, .contents_nv .cnt_nv_lst li span{ padding: 8px 48px 8px 48px; }
    .ch_content_right{ width: 24%; }
    .header_left{ padding:20px 0px 0px 0px; width:84%; }

    #window_left .ch_head_left{ width: 79%; }
    #window_left .ch_head_right{ width: 21%; }
    /*.ch_head_right .header_right2 { padding: 0px 20px 0px 10px; }*/
}

@media screen and (min-width: 1141px) and (max-width: 1240px) {
    .ch_content_right{ width: 26%; }
/*
    #window_left .ch_head_left{ width: 84%; }
    #window_left .ch_head_right{ width: 16%; }
*/
}

@media screen and (min-width: 1241px) and (max-width: 1340px) {.ch_content_right{ width: 27%; }}
@media screen and (min-width: 1341px) {.ch_content_right{ width: 28%; }}