@charset "utf-8";

/*************************************************
CSS
/cmn_jp_industry_v1/css/option.css

15.08.27
update:17.07.18
*************************************************/

/* ============================== Width */
.w95p { width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w90p { width: 90% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w85p { width: 85% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w80p { width: 80% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w75p { width: 75% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w70p { width: 70% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w65p { width: 65% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w60p { width: 60% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w55p { width: 55% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w50p { width: 50% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w45p { width: 45% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w40p { width: 40% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w35p { width: 35% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w30p { width: 30% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w25p { width: 25% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w20p { width: 20% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w15p { width: 15% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w10p { width: 10% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w50p_auto { max-width: 100% !important; width: auto !important; height: auto !important; }
.w100p_auto { max-width: 100% !important; width: auto !important; height: auto !important; }

.w10px { width:  10px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w20px { width:  20px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w30px { width:  30px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w40px { width:  40px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w50px { width:  50px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w60px { width:  60px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w70px { width:  70px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w90px { width:  90px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w100px { width:  100px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ============================== Padding */
.pd4  { padding: 4px !important; }
.pd12 { padding: 12px !important; }
.pt4  { padding-top: 4px !important; }
.pt12 { padding-top: 12px !important; }
.pt18 { padding-top: 18px !important; }
.pl4  { padding-left: 4px !important; }
.pl12 { padding-left: 12px !important; }
.pr4  { padding-right: 4px !important; }
.pr12 { padding-right: 12px !important; }
.pb4  { padding-bottom: 4px !important; }
.pb12 { padding-bottom: 12px !important; }

.pl5p { padding-left: 5% !important; }

/* ============================== Margin */
.md4  { margin: 4px !important; }
.md12 { margin: 12px !important; }
.mt4  { margin-top: 4px !important; }
.mt12 { margin-top: 12px !important; }
.mt18 { margin-top: 18px !important; }
.ml4  { margin-left: 4px !important; }
.ml12 { margin-left: 12px !important; }
.mr4  { margin-right: 4px !important; }
.mr12 { margin-right: 12px !important; }
.mb4  { margin-bottom: 4px !important; }
.mb12 { margin-bottom: 12px !important; }


/* ============================== position */
.po_t5 { top:5px; }

/* ============================== height */
.ha { height: auto !important; }
.h10px { height:  10px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h20px { height:  20px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h30px { height:  30px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h40px { height:  40px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h50px { height:  50px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h60px { height:  60px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h70px { height:  70px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h90px { height:  90px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h100px { height:  100px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ============================== Border */
.bdb1_99 { border-bottom: 1px solid #999999 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bb1 { border-bottom: 1px solid #ddd !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bb2 { border-bottom: 2px solid #ddd !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bt1 { border-top: 1px solid #ddd !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bd1_de { border: 1px solid #dedede !important; }
.bd2_de { border: 2px solid #dedede !important; }

/* ============================== etc */
.ws_n { white-space: nowrap; }

.fw_b { font-weight: bold; }
.fs_o { font-style: oblique; }
.of_v { overflow: visible !important; }

/* ============================== Display */
.dt_row { display: table-row; }
.dt_hgroup { display: table-header-group; }

/* ============================== Background Color */
.bg_f8d { background-color: #f8d873 !important; }


/* ============================== Media Queries */
@media (max-width: 640px) {
  /* ============================== Width */
  .rsp_w50p { width: 50% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .rsp_w100p { width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .rsp_w50p_auto { max-width: 50% !important; width: auto !important; height: auto !important; }
  .rsp_w100p_auto { max-width: 100% !important; width: auto !important; height: auto !important; }

  /* ============================== Display */
  .rsp_dsp_lb { display: inline-block !important; }

  /* ============================== Float */
  .rsp_fl_n,
  .rsp_break_fl_l,
  .rsp_break_fl_r{ float: none !important;}
  .rsp_fl_r { float: right !important; }
  .rsp_fl_l { float: left !important; }

  /* ============================== Margin */
  .rsp_mt0 { margin-top: 0 !important; }
  .rsp_mt32 { margin-top: 32px !important; }
  .rsp_mg_lr0 { margin-left: 0 !important; margin-right: 0 !important; }
  .rsp_mb8{ margin-bottom: 8px !important;}

  /* ============================== Padding */
  .rsp_pd_lr0{ padding-right: 0 !important; padding-left: 0 !important; }
  .rsp_pd_tb0{ padding-top: 0px !important; padding-bottom: 0px !important; }
  .rsp_pd_tb8{ padding-top: 8px !important; padding-bottom: 8px !important; }
  .rsp_pl0 { padding-left: 0 !important; }
  .rsp_pb16 { padding-bottom: 16px !important; }

}
/* ------------------------- TOC
main visual border
-------------------------- */

.mv_bd { border: solid 1px #dedede !important;
  box-sizing: border-box !important;
}

@media (max-width: 640px) {
  .mv_bd { border: none !important; }
}