@charset "utf-8";

div.thumb_mn { background-image:none; }

/* =====  アコーディオン */
.accordion_sct .acd_ttl02 {
  background-position:8px 50%;
  padding-left:0;
}
.accordion_sct .acd_ttl02.open {
  background-position:8px 50%;
  background-color: #f3f3f3;
}
.accordion_sct .acd_ttl02 a { padding:8px 16px 8px 32px; }
.accordion_sct .acd_dtl02 { padding:8px; }
.bg_fea .accordion_sct .acd_ttl02 {
  background-image:url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_accordiondown_04.png);
  background-color:#ff6112;
  border-color:#ff6112;
}
.bg_fea .accordion_sct .acd_ttl02.open { background-image:url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_accordionup_04.png); }
.bg_fea .accordion_sct .acd_ttl02 a { color:#fff; }

/* ===== 横幅：アイコン用 */
.w60 { width:60px !important; }
.w40 { width:40px !important; }
.w56 { width:56px !important; }



/* ===== 文字色 */
.fc_c12 { color:#cf142b; }

/* ===== 背景色 */
.bg_c12 { background-color:#cf142b; }
.bg_05b { background-color:#0b51b3; }
.bg_eef { background-color:#e8effb; }
.bg_fb5 { background-color:#f8bf56; }
.bg_fea { background-color:#fde0aa; }

/* ===== 枠線色 */
.thumb_mn.bg_eef { border-color:#c1def5; }
.bg_fea.contact_sct,
.bg_fea .reinforcement_nv { border-color:#f8bf56; }

/* ===== 三角 */
.arrow {
  text-align:center;
  line-height:0;
}
.arrow SPAN {
  width:0;
  height:0;
  border-top:24px solid #fff;
  border-right:30px solid transparent;
  border-left:30px solid transparent;
  display:inline-block;
}

/* ===== 画面＆解説 */
.layer { position:relative; }
.layer IMG { vertical-align:middle; }
.layer .caption {
  font-size:14px;
  background-color:rgba(0, 0, 0, 0.7);
  color:#fff;
  margin:16px;
  padding:8px 12px;
  position:absolute;
  bottom:0;
  left:0;
  -moz-box-shadow:0 2px 4px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.4);
  box-shadow:0 2px 4px rgba(0,0,0,0.4);
}

@media (max-width:640px) {
  .rsp_pb0 { padding-bottom:0 !important; }
  .rsp_bdb_n { border-bottom:none !important; }
}



ul.nml.nml_ver li {
  padding-left: 12px;
  background-position: 0 0.5em;
}


ul.nml.nml_ver li {
  padding-left: 12px;
  background-position: 0 0.5em;
}


/*---------------------------------------gifffer*/

.gif_ani_set{
  position: relative;
  cursor: pointer;
}
.gif_ani_set:after{
  content: "";
  position: relative;
  display: block;
  padding-top: 59.375%;
  background: rgba(125,0,125, 0.0);
  z-index: -1;
}
.gif_ani{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  background: rgba(0,0,125, 0.0);
}
.gif_ani button{
  outline: none;
}
.gif_ani img{
  width: 100%;
}