@charset "UTF-8";
/*************************************************
path:/cmn_g_jp_v1/css/module2015-chase-control.css
15.12.01
update:yy.mm.dd
description:
2015年以前のモジュール調整用スタイル
※ どこのファイルのどのモジュールの調整用スタイルかを明記して下さい
*************************************************/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ コメントフォーマット ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

/* ============================================================*
* 【style.css Index】
*  Leve l
*   #Level 2
*    #Level 3
*============================================================ */

/* ===============================================
#
=============================================== */

/* -----------------------------
#
-------------------------------- */

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

/*  */

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ コメントフォーマット ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

/* ============================================================*
* 【/cmn_v1/css/component.css】
*============================================================ */
/* -----------------------------
# .thumb_mn
# .thumb_mn_iconAddWrap
# アイコン表示
-------------------------------- */
.thumb_mn_iconAddWrap {
  position: relative;
}
.thumb_mn_iconAddWrap .thumb_mn-icon {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
}
.thumb_mn_iconAddWrap .thumb_mn-icon_recommendation {
  background-image: url(/wp-content/asset/sites/industry/cmn_jp_industry_v1/img/icon-thumb_mn-recommendation.png);
}
.thumb_mn_iconAddWrap .thumb_mn-icon_new {
  background-image: url(/wp-content/asset/sites/industry/cmn_jp_industry_v1/img/icon-thumb_mn-new.png);
}

/* ============================================================*
* 【/cmn_v1/css/component.css】
*============================================================ */
/* -----------------------------
# .tab_sct
# .tab_sct_sideBarNoneAddWrap
# 両サイドの罫線と空きの解除
-------------------------------- */
.tab_sct_sideBarNoneAddWrap .tab_dtl {
  padding: 0;
  border: none;
}
/* ============================================================*
* 【/cmn_v1/css/common.css】
*============================================================ */
/* -----------------------------
# .table.nml
# .table.nml_scrollAddWrap
# スモールスクリーン時に横スクロールさせる
-------------------------------- */
.scrollBar.noVisual {
  display: none;
}

@media (max-width: 640px) {
.nml_scrollAddWrap {
  overflow: hidden;
  margin: 0 -3px 0;
  padding: 0 3px;
}
.nml_scrollAddWrap table thead th:first-child,
.nml_scrollAddWrap table tbody th {
  min-width: 20%;
}
table.nml_scroll {
  margin-bottom: 10px;
}
table.nml_scroll th {
  white-space: nowrap;
}
table.nml_scroll th,
table.nml_scroll td {
  font-size: 12px;
  word-break: normal;
}
.scrollBar {
  margin: -5px 0 10px 0;
  height: 8px;
  background-color: #c9c9c9;
  position: relative;
  border-radius: 100px;
  z-index: 0;
  overflow: hidden;
}
.scrollBar:before, .scrollBar:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  height: 8px;
  top: 0;
  z-index: 10;
  background: url(/wp-content/asset/sites/industry/cmn_jp_industry_v1/img/scrollBar-01.png) left top no-repeat;
  -webkit-background-size: 10px 8px;
  background-size: 10px 8px;
}
.scrollBar:after {
  right: 0;
  background-position: -5px 0;
}
.scrollBar:before {
  left: 0;
  background-position: 0 0;
}
.scrollBarC {
  background-color: #666666;
  position: absolute;
  height: 8px;
  border-radius: 100px;
  z-index: 5;
  top: 0;
  left: 0;
}
.scrollBar.noVisual {
  height: 0 !important;
}
.scrollBar.noVisual * {
  height: 0 !important;
}
}
/* ============================================================*
* 【/cmn_v1/css/component.css Index】
*  .tag_lst -> .tag_lst_brk
*============================================================ */
@media (max-width: 640px) {
.tag_lst_brk li {
  clear: both;
}
}
/* ============================================================*
* 【/cmn_v1/css/component.css Index】
*  .fm_tbl
*    -> .fm_tbl_dtl
*      -> .fm_tbl_dtl_gray
*============================================================ */
.fm_tbl .fm_tbl_dtl .fm_tbl_dtl_gray {
  background-color: #f5f5f5;
}

/* ============================================================*
* 【/cmn_v1/css/component.css Index】
*  .frame_sct
*    .frame_dtl
*       .rame_sct_ttl
*============================================================ */
.frame_sct {
  overflow: hidden;
  border: 4px solid #dedede;
}
.frame_sct .frame_sct_dtl {
  overflow: hidden;
  padding: 16px;
}
.frame_sct .frame_sct_so {
  margin-bottom: 5px;
}
.frame_sct .frame_sct_ttl {
  margin-right: 16px;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.frame_sct .frame_sct_img {
  float: left;
  padding: 15px;
}
.frame_sct .frame_sct_faq-q {
  float: left;
  padding: 18px 0px 0px 20px;
}

/* ============================================================*
* 【/cmn_g_jp_v1/css/fs_iko.css Index】
*  .tab_dtl -> * .tab_dtl_historyList
*============================================================ */
.tab_dtl_historyList dt{
  float: left;
  width: 4em;
}
.tab_dtl_historyList dd {
  border-bottom: 1px solid #ccc;
  padding-left:4em;
}
.tab_dtl_historyList dd:last-child {
  border-bottom: none;
}

@media (max-width: 640px) {
.tab_dtl_historyList dt{
  float: none;
  width: auto;
}
.tab_dtl_historyList dd {
  padding-left: 0;
}


}
/*************************************************
* 【/cmn_g_jp_v1/css/fs_iko.css】
*************************************************/
/* -----------------------------
# .iko_box
# p
# アコーディンモジュールpタグのマージンを打ち消し
-------------------------------- */
.iko_box .sub_contents_nv.accordionSingleLink p {
  margin: 0;
}

/* ============================================================*
* 【/cmn_g_jp_v1/css/component.css Index】
*  .reinforcement_nv -> .reinforcement_nv_bgGray
*  .BlueMiniBox -> .BlueMiniBox_br1
*============================================================ */
.reinforcement_nv_bgGray {
  background-color:#f4f8fb;
}
.BlueMiniBox_br1 {
  border: 1px solid #dedede;
}

/* ============================================================*
* 【/mds/mps/standard/css/jirei.css Index】
*   .jireiBlueBoxMain
*     .jireiBlueBoxTL -> .jireiBlueBoxTL_bgGray
*============================================================ */
.jireiBlueBoxTL_bgGray {
  background-color:#dedede;
  margin: -16px -16px 0;
  padding:8px 16px;
}

/* ============================================================*
* 【/cmn_g_jp_v1/css/fs_iko.css】
*============================================================ */
/* -----------------------------
# .ico_lst
# .ico_lst_AddWrap
# 製品topアイコン表示
-------------------------------- */
.ico_lst_AddWrap .ico_lst_body {
  margin-right: 5px;
}
.ico_lst_AddWrap .ico_lst_tit {
  border-left: 2px solid #ff992b;
  padding-left: 4px;
  font-size: 10px;
  font-weight: bold;
}
.ico_lst_AddWrap .ico_lst_sec {
  padding-top: 4px;
}
.ico_lst_AddWrap .ico_lst_sec li {
  padding-right: 2px;
}
.ico_lst_AddWrap .ico_lst_sec > img {
  max-width: 100%;
}
/* ============================================================*
* 【/ssi/aboutricoh.inc】
*============================================================ */
/* -----------------------------
# #id_AboutRicoh
# ボイラープレート
-------------------------------- */
#id_AboutRicoh .sct_bg01 h2 { margin-top:32px; }

/* ============================================================*
* 【/cmn_v1/css/component.css】
*============================================================ */
/* -----------------------------
# .contact_sct_img
# スモールスクリーン時にアイコン画像を非表示、表示したい場合はdsp_bを要素のクラスに追記する事で対応可能
-------------------------------- */
/* @media */
@media (max-width: 640px) {
  .contact_sct .contact_sct_img { display: none; }
}

/* ============================================================*
* 【/cmn_g_jp_v1/css/fs_iko.css】
*============================================================ */
/* -----------------------------
# .fade_subimg
# .fade_subimg_productAddWrap
# 製品カット切替のカレント表示
-------------------------------- */
ul.fade_subimg_productAddWrap li {
  width: 16.8%;
  box-sizing: border-box;
  border: none;
  margin: 0;
  padding-right: 1%;
}
ul.fade_subimg_productAddWrap li.fade_subimg-last {
  width: 15.8%;
  padding-right: 0;
}
ul.fade_subimg_productAddWrap li span {
  border: solid 2px #ddd;
  display: block;
}
ul.fade_subimg_productAddWrap li span img {
  width: 100%;
}
ul.fade_subimg_productAddWrap li.on span {
  border: solid 2px #cf142b;
}
@media (max-width: 640px) {
  ul.fade_subimg_productAddWrap li,
  ul.fade_subimg_productAddWrap li.on {
    border: none;
    width: auto;
    padding: 16px 0 0 16px;
    margin-right: 8px;
    margin-bottom: 8px;
  }
  ul.fade_subimg_productAddWrap li.fade_subimg-last {
    width: auto;
  }
  ul.fade_subimg_productAddWrap li span,
  ul.fade_subimg_productAddWrap li.on span {
    border: none;
  }

}


/* ============================================================*
* 【/cmn_v1/css/component.css】
*============================================================ */
/* -----------------------------
# .sub_cnt_nv_ttl
# .sub_cnt_nv_ttl_left
# 特長ボタン横の▼アイコン左寄せ
-------------------------------- */
.sub_contents_nv .sub_cnt_nv_ttl.sub_cnt_nv_ttl_left a span {
  padding-left: 32px;
  padding-right: 0;
  display: block;
  color: #333333;
  background: url(/wp-content/asset/common/cmn_v1/img/icon_s_accordiondown_03.png) 0 50% no-repeat;
}
.sub_contents_nv .sub_cnt_nv_ttl.sub_cnt_nv_ttl_left.open a span {
  background: url(/wp-content/asset/common/cmn_v1/img/icon_s_accordionup_03.png) 0 50% no-repeat;
}


/* @media */
@media (max-width: 640px) {
  .sub_contents_nv .sub_cnt_nv_ttl.sub_cnt_nv_ttl_left a span {
    padding: 7px 16px 7px 32px ;
    background: url(/wp-content/asset/common/cmn_v1/img/icon_l_accordiondown_01.png) 0 50% no-repeat;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
  }
  .sub_contents_nv .sub_cnt_nv_ttl.sub_cnt_nv_ttl_left.open a span {
    background: url(/wp-content/asset/common/cmn_v1/img/icon_l_accordionup_01.png) 0 50% no-repeat;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
  }
}