/* h9Coder ver2.01 */
/* 2017/02/09 UPDATE */

[class^='icn_'] {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: middle; /*background-color:#fff;*/
}
[class^='icn_']::before,
[class^='icn_']::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
[class^='icnwrap'] {
  display: inline-block;
  vertical-align: middle;
}
[class^='icnwrap'] [class^='icn_'] {
  width: inherit;
  height: inherit;
  vertical-align: top;
}

/************************************************************************************************************/
/* 初期設定 */
/************************************************************************************************************/
/* マウスオーバー時のtransition */
a [class^='icnwrap_fill'],
a [class^='icn_'],
a [class^='icn_']::before,
a [class^='icn_']::after {
  transition-property: background-color, border-color;
  transition-duration: 0.3s;
}
/* 囲み枠 */
[class^='icnwrap'] {
  padding: 0.5em;
}
[class^='icnwrap_round'] {
  border-radius: 0.3em;
}
[class^='icnwrap_fillRound'] {
  border-radius: 0.3em;
}
[class^='icnwrap_circle'] {
  border-radius: 50%;
}
[class^='icnwrap_fillCircle'] {
  border-radius: 50%;
}

/************************************************************************************************************/
/* COLOR設定(明るい背景) */
/************************************************************************************************************/

/******************************************************/
/* 通常 icn_□□□□ */
/******************************************************/
/* 標準色 */
[class^='icn_triangle']::after {
  border-left-color: #333;
}
[class^='icn_angle']::after {
  border-color: #333;
}
[class^='icn_plus']::before,
[class^='icn_plus']::after {
  background-color: #333;
}
[class^='icn_minus']::before,
[class^='icn_minus']::after {
  background-color: #333;
}
[class^='icn_close']::before,
[class^='icn_close']::after {
  background-color: #333;
}
[class^='icn_check']::after {
  border-color: #ccc;
}
/* マウスオーバー色  */
a:hover [class^='icn_triangle'] {
  opacity: 0.8;
}
a:hover [class^='icn_angle'] {
  opacity: 0.8;
}
a:hover [class^='icn_plus'] {
  opacity: 0.8;
}
a:hover [class^='icn_minus'] {
  opacity: 0.8;
}
a:hover [class^='icn_close'] {
  opacity: 0.8;
}
a:hover [class^='icn_check'] {
  opacity: 0.8;
}
/* カレント表示色  */
.current [class^='icn_triangle'] {
}
.current [class^='icn_angle'] {
}
.current [class^='icn_plus'] {
}
.current [class^='icn_minus'] {
}
.current [class^='icn_close'] {
}
.current [class^='icn_check'] {
}
/* toggle色 */
[data-toggle-click$='true'] [class^='icn_check']::after {
  border-color: #333;
}

/******************************************************/
/* 囲み枠 icnwrap_□□□□ */
/******************************************************/
/* 標準色 */
[class^='icnwrap'] {
  background-color: inherit;
}
[class^='icnwrap'] [class^='icn_triangle']::after {
  border-left-color: #333;
}
[class^='icnwrap'] [class^='icn_angle']::after {
  border-color: #333;
}
[class^='icnwrap'] [class^='icn_plus']::before,
[class^='icnwrap'] [class^='icn_plus']::after {
  background-color: #333;
}
[class^='icnwrap'] [class^='icn_minus']::before,
[class^='icnwrap'] [class^='icn_minus']::after {
  background-color: #333;
}
[class^='icnwrap'] [class^='icn_close']::before,
[class^='icnwrap'] [class^='icn_close']::after {
  background-color: #333;
}
[class^='icnwrap'] [class^='icn_check']::after {
  border-color: #ccc;
}
/* マウスオーバー色  */
a:hover [class^='icnwrap'] {
  background-color: #fff;
}
a:hover [class^='icnwrap'] [class^='icn_triangle'] {
  opacity: 1;
}
a:hover [class^='icnwrap'] [class^='icn_angle'] {
  opacity: 1;
}
a:hover [class^='icnwrap'] [class^='icn_plus'] {
  opacity: 1;
}
a:hover [class^='icnwrap'] [class^='icn_minus'] {
  opacity: 1;
}
a:hover [class^='icnwrap'] [class^='icn_close'] {
  opacity: 1;
}
a:hover [class^='icnwrap'] [class^='icn_check'] {
  opacity: 1;
}
/* カレント表示色  */
.current [class^='icnwrap'] {
  background-color: #fff;
}
.current [class^='icnwrap'] [class^='icn_triangle'] {
}
.current [class^='icnwrap'] [class^='icn_angle'] {
}
.current [class^='icnwrap'] [class^='icn_plus'] {
}
.current [class^='icnwrap'] [class^='icn_minus'] {
}
.current [class^='icnwrap'] [class^='icn_close'] {
}
.current [class^='icnwrap'] [class^='icn_check'] {
}
/* toggle色 */
[data-toggle-click$='true'] [class^='icnwrap'] [class^='icn_check']::after {
  border-color: #333;
}

/******************************************************/
/* 囲み枠-ボーダー icnwrap_□□□□Border */
/******************************************************/
/* 標準色 */
[class^='icnwrap_'][class*='Border'] {
  border: 2px solid #333;
}
/* マウスオーバー色  */
a:hover [class^='icnwrap_'][class*='Border'] {
  /*border:2px solid #666;background-color:#fff;*/
  background-color: inherit;
}
a:hover [class^='icnwrap_'][class*='Border'] [class^='icn_triangle'] {
  opacity: 0.8;
}
a:hover [class^='icnwrap_'][class*='Border'] [class^='icn_angle'] {
  opacity: 0.8;
}
a:hover [class^='icnwrap_'][class*='Border'] [class^='icn_plus'] {
  opacity: 0.8;
}
a:hover [class^='icnwrap_'][class*='Border'] [class^='icn_minus'] {
  opacity: 0.8;
}
a:hover [class^='icnwrap_'][class*='Border'] [class^='icn_close'] {
  opacity: 0.8;
}
a:hover [class^='icnwrap_'][class*='Border'] [class^='icn_check'] {
  opacity: 0.8;
}
/* カレント表示色  */
.current [class^='icnwrap_'][class*='Border'] {
  /*border:2px solid #666;background-color:#fff;*/
  background-color: inherit;
}
.current [class^='icnwrap_'][class*='Border'] [class^='icn_triangle'] {
}
.current [class^='icnwrap_'][class*='Border'] [class^='icn_angle'] {
}
.current [class^='icnwrap_'][class*='Border'] [class^='icn_plus'] {
}
.current [class^='icnwrap_'][class*='Border'] [class^='icn_minus'] {
}
.current [class^='icnwrap_'][class*='Border'] [class^='icn_close'] {
}
.current [class^='icnwrap_'][class*='Border'] [class^='icn_check'] {
}
/* toggle色 */
[data-toggle-click$='true'] [class^='icnwrap'] [class^='icn_check']::after {
}

/******************************************************/
/* 囲み枠-塗りつぶし icnwrap_fill□□□□ */
/******************************************************/
/* 標準色 */
[class^='icnwrap_fill'] {
  background-color: inherit;
}
[class^='icnwrap_fill'] [class^='icn_triangle']::after {
  border-left-color: #fff;
}
[class^='icnwrap_fill'] [class^='icn_angle']::after {
  border-color: #fff;
}
[class^='icnwrap_fill'] [class^='icn_plus']::before,
[class^='icnwrap_fill'] [class^='icn_plus']::after {
  background-color: #fff;
}
[class^='icnwrap_fill'] [class^='icn_minus']::before,
[class^='icnwrap_fill'] [class^='icn_minus']::after {
  background-color: #fff;
}
[class^='icnwrap_fill'] [class^='icn_close']::before,
[class^='icnwrap_fill'] [class^='icn_close']::after {
  background-color: #fff;
}
[class^='icnwrap_fill'] [class^='icn_check']::after {
  border-color: #666;
}
/* マウスオーバー色  */
a:hover [class^='icnwrap_fill'] {
  background-color: #000;
}
a:hover [class^='icnwrap_fill'] [class^='icn_triangle']::after {
}
a:hover [class^='icnwrap_fill'] [class^='icn_angle']::after {
}
a:hover [class^='icnwrap_fill'] [class^='icn_plus']::before,
a:hover [class^='icnwrap_fill'] [class^='icn_plus']::after {
}
a:hover [class^='icnwrap_fill'] [class^='icn_minus']::before,
a:hover [class^='icnwrap_fill'] [class^='icn_minus']::after {
}
a:hover [class^='icnwrap_fill'] [class^='icn_close']::before,
a:hover [class^='icnwrap_fill'] [class^='icn_close']::after {
}
a:hover [class^='icnwrap_fill'] [class^='icn_check']::after {
}
/* カレント表示色  */
.current [class^='icnwrap_fill'] {
  background-color: #000;
}
.current [class^='icnwrap_fill'] [class^='icn_triangle']::after {
}
.current [class^='icnwrap_fill'] [class^='icn_angle']::after {
}
.current [class^='icnwrap_fill'] [class^='icn_plus']::before,
.current [class^='icnwrap_fill'] [class^='icn_plus']::after {
}
.current [class^='icnwrap_fill'] [class^='icn_minus']::before,
.current [class^='icnwrap_fill'] [class^='icn_minus']::after {
}
.current [class^='icnwrap_fill'] [class^='icn_close']::before,
.current [class^='icnwrap_fill'] [class^='icn_close']::after {
}
.current [class^='icnwrap_fill'] [class^='icn_check']::after {
}
/* toggle色 */
[data-toggle-click$='true']
  [class^='icnwrap_fill']
  [class^='icn_check']::after {
  border-color: #fff;
}

/******************************************************/
/* 囲み枠-塗りつぶし/ボーダー icnwrap_fill□□□□Border */
/******************************************************/
/* 標準色 */
[class^='icnwrap_fill'][class*='Border'] {
  background-color: #333;
  border: 2px solid #333;
}
/* マウスオーバー色  */
a:hover [class^='icnwrap_fill'][class*='Border'] {
  background-color: #fff;
  border: 2px solid #333;
}
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_triangle'] {
  opacity: 1;
}
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_angle'] {
  opacity: 1;
}
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_plus'] {
  opacity: 1;
}
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_minus'] {
  opacity: 1;
}
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_close'] {
  opacity: 1;
}
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_check'] {
  opacity: 1;
}
a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_triangle']::after {
  border-left-color: #333;
}
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_angle']::after {
  border-color: #333;
}
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_plus']::before,
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_plus']::after {
  background-color: #333;
}
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_minus']::before,
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_minus']::after {
  background-color: #333;
}
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_close']::before,
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_close']::after {
  background-color: #333;
}
a:hover [class^='icnwrap_fill'][class*='Border'] [class^='icn_check']::after {
  border-color: #666;
}
/* カレント表示色  */
.current [class^='icnwrap_fill'][class*='Border'] {
  background-color: #fff;
  border: 2px solid #333;
}
.current
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_triangle']::after {
  border-left-color: #333;
}
.current [class^='icnwrap_fill'][class*='Border'] [class^='icn_angle']::after {
  border-color: #333;
}
.current [class^='icnwrap_fill'][class*='Border'] [class^='icn_plus']::before,
.current [class^='icnwrap_fill'][class*='Border'] [class^='icn_plus']::after {
  background-color: #333;
}
.current [class^='icnwrap_fill'][class*='Border'] [class^='icn_minus']::before,
.current [class^='icnwrap_fill'][class*='Border'] [class^='icn_minus']::after {
  background-color: #333;
}
.current [class^='icnwrap_fill'][class*='Border'] [class^='icn_close']::before,
.current [class^='icnwrap_fill'][class*='Border'] [class^='icn_close']::after {
  background-color: #333;
}
.current [class^='icnwrap_fill'][class*='Border'] [class^='icn_check']::after {
  border-color: #666;
}
/* toggle色 */
[data-toggle-click$='true']
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_check']::after {
}

/************************************************************************************************************/
/* COLOR設定(暗い背景) mod_flatSectionBg配下 */
/************************************************************************************************************/

/******************************************************/
/* 通常 icn_□□□□ */
/******************************************************/
/* 標準色 */
.mod_flatSectionBg [class^='icn_triangle']::after {
  border-left-color: #ccc;
}
.mod_flatSectionBg [class^='icn_angle']::after {
  border-color: #ccc;
}
.mod_flatSectionBg [class^='icn_plus']::before,
.mod_flatSectionBg [class^='icn_plus']::after {
  background-color: #ccc;
}
.mod_flatSectionBg [class^='icn_minus']::before,
.mod_flatSectionBg [class^='icn_minus']::after {
  background-color: #ccc;
}
.mod_flatSectionBg [class^='icn_close']::before,
.mod_flatSectionBg [class^='icn_close']::after {
  background-color: #ccc;
}
.mod_flatSectionBg [class^='icn_check']::after {
  border-color: #333;
}
/* マウスオーバー色  */
.mod_flatSectionBg a:hover [class^='icn_triangle'] {
  opacity: 0.8;
}
.mod_flatSectionBg a:hover [class^='icn_angle'] {
  opacity: 0.8;
}
.mod_flatSectionBg a:hover [class^='icn_plus'] {
  opacity: 0.8;
}
.mod_flatSectionBg a:hover [class^='icn_minus'] {
  opacity: 0.8;
}
.mod_flatSectionBg a:hover [class^='icn_close'] {
  opacity: 0.8;
}
.mod_flatSectionBg a:hover [class^='icn_check'] {
  opacity: 0.8;
}
/* カレント表示色  */
.mod_flatSectionBg .current [class^='icn_triangle'] {
}
.mod_flatSectionBg .current [class^='icn_angle'] {
}
.mod_flatSectionBg .current [class^='icn_plus'] {
}
.mod_flatSectionBg .current [class^='icn_minus'] {
}
.mod_flatSectionBg .current [class^='icn_close'] {
}
.mod_flatSectionBg .current [class^='icn_check'] {
}
/* toggle色 */
.mod_flatSectionBg [data-toggle-click$='true'] [class^='icn_check']::after {
  border-color: #ccc;
}

/******************************************************/
/* 囲み枠 icnwrap_□□□□ */
/******************************************************/
/* 標準色 */
.mod_flatSectionBg [class^='icnwrap'] {
  background-color: inherit;
}
.mod_flatSectionBg [class^='icnwrap'] [class^='icn_triangle']::after {
  border-left-color: #ccc;
}
.mod_flatSectionBg [class^='icnwrap'] [class^='icn_angle']::after {
  border-color: #ccc;
}
.mod_flatSectionBg [class^='icnwrap'] [class^='icn_plus']::before,
.mod_flatSectionBg [class^='icnwrap'] [class^='icn_plus']::after {
  background-color: #ccc;
}
.mod_flatSectionBg [class^='icnwrap'] [class^='icn_minus']::before,
.mod_flatSectionBg [class^='icnwrap'] [class^='icn_minus']::after {
  background-color: #ccc;
}
.mod_flatSectionBg [class^='icnwrap'] [class^='icn_close']::before,
.mod_flatSectionBg [class^='icnwrap'] [class^='icn_close']::after {
  background-color: #ccc;
}
.mod_flatSectionBg [class^='icnwrap'] [class^='icn_check']::after {
  border-color: #555;
}
/* マウスオーバー色  */
.mod_flatSectionBg a:hover [class^='icnwrap'] {
  background-color: #000;
}
.mod_flatSectionBg a:hover [class^='icnwrap'] [class^='icn_triangle'] {
  opacity: 1;
}
.mod_flatSectionBg a:hover [class^='icnwrap'] [class^='icn_angle'] {
  opacity: 1;
}
.mod_flatSectionBg a:hover [class^='icnwrap'] [class^='icn_plus'] {
  opacity: 1;
}
.mod_flatSectionBg a:hover [class^='icnwrap'] [class^='icn_minus'] {
  opacity: 1;
}
.mod_flatSectionBg a:hover [class^='icnwrap'] [class^='icn_close'] {
  opacity: 1;
}
.mod_flatSectionBg a:hover [class^='icnwrap'] [class^='icn_check'] {
  opacity: 1;
}
/* カレント表示色  */
.mod_flatSectionBg .current [class^='icnwrap'] {
  background-color: #000;
}
.mod_flatSectionBg .current [class^='icnwrap'] [class^='icn_triangle'] {
}
.mod_flatSectionBg .current [class^='icnwrap'] [class^='icn_angle'] {
}
.mod_flatSectionBg .current [class^='icnwrap'] [class^='icn_plus'] {
}
.mod_flatSectionBg .current [class^='icnwrap'] [class^='icn_minus'] {
}
.mod_flatSectionBg .current [class^='icnwrap'] [class^='icn_close'] {
}
.mod_flatSectionBg .current [class^='icnwrap'] [class^='icn_check'] {
}
/* toggle色 */
.mod_flatSectionBg
  [data-toggle-click$='true']
  [class^='icnwrap']
  [class^='icn_check']::after {
  border-color: #ccc;
}

/******************************************************/
/* 囲み枠-ボーダー icnwrap_□□□□Border */
/******************************************************/
/* 標準色 */
.mod_flatSectionBg [class^='icnwrap_'][class*='Border'] {
  border: 2px solid #ccc;
}
/* マウスオーバー色  */
.mod_flatSectionBg a:hover [class^='icnwrap_'][class*='Border'] {
  /*border:2px solid #666;background-color:#fff;*/
  background-color: inherit;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_'][class*='Border']
  [class^='icn_triangle'] {
  opacity: 0.8;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_'][class*='Border']
  [class^='icn_angle'] {
  opacity: 0.8;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_'][class*='Border']
  [class^='icn_plus'] {
  opacity: 0.8;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_'][class*='Border']
  [class^='icn_minus'] {
  opacity: 0.8;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_'][class*='Border']
  [class^='icn_close'] {
  opacity: 0.8;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_'][class*='Border']
  [class^='icn_check'] {
  opacity: 0.8;
}
/* カレント表示色  */
.mod_flatSectionBg .current [class^='icnwrap_'][class*='Border'] {
  /*border:2px solid #666;background-color:#fff;*/
  background-color: inherit;
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_'][class*='Border']
  [class^='icn_triangle'] {
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_'][class*='Border']
  [class^='icn_angle'] {
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_'][class*='Border']
  [class^='icn_plus'] {
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_'][class*='Border']
  [class^='icn_minus'] {
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_'][class*='Border']
  [class^='icn_close'] {
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_'][class*='Border']
  [class^='icn_check'] {
}
/* toggle色 */
.mod_flatSectionBg
  [data-toggle-click$='true']
  [class^='icnwrap']
  [class^='icn_check']::after {
}

/******************************************************/
/* 囲み枠-塗りつぶし icnwrap_fill□□□□ */
/******************************************************/
/* 標準色 */
.mod_flatSectionBg [class^='icnwrap_fill'] {
  background-color: #ccc;
}
.mod_flatSectionBg [class^='icnwrap_fill'] [class^='icn_triangle']::after {
  border-left-color: #000;
}
.mod_flatSectionBg [class^='icnwrap_fill'] [class^='icn_angle']::after {
  border-color: #000;
}
.mod_flatSectionBg [class^='icnwrap_fill'] [class^='icn_plus']::before,
.mod_flatSectionBg [class^='icnwrap_fill'] [class^='icn_plus']::after {
  background-color: #000;
}
.mod_flatSectionBg [class^='icnwrap_fill'] [class^='icn_minus']::before,
.mod_flatSectionBg [class^='icnwrap_fill'] [class^='icn_minus']::after {
  background-color: #000;
}
.mod_flatSectionBg [class^='icnwrap_fill'] [class^='icn_close']::before,
.mod_flatSectionBg [class^='icnwrap_fill'] [class^='icn_close']::after {
  background-color: #000;
}
.mod_flatSectionBg [class^='icnwrap_fill'] [class^='icn_check']::after {
  border-color: #aaa;
}
/* マウスオーバー色  */
.mod_flatSectionBg a:hover [class^='icnwrap_fill'] {
  background-color: #fff;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill']
  [class^='icn_triangle']::after {
}
.mod_flatSectionBg a:hover [class^='icnwrap_fill'] [class^='icn_angle']::after {
}
.mod_flatSectionBg a:hover [class^='icnwrap_fill'] [class^='icn_plus']::before,
.mod_flatSectionBg a:hover [class^='icnwrap_fill'] [class^='icn_plus']::after {
}
.mod_flatSectionBg a:hover [class^='icnwrap_fill'] [class^='icn_minus']::before,
.mod_flatSectionBg a:hover [class^='icnwrap_fill'] [class^='icn_minus']::after {
}
.mod_flatSectionBg a:hover [class^='icnwrap_fill'] [class^='icn_close']::before,
.mod_flatSectionBg a:hover [class^='icnwrap_fill'] [class^='icn_close']::after {
}
.mod_flatSectionBg a:hover [class^='icnwrap_fill'] [class^='icn_check']::after {
}
/* カレント表示色  */
.mod_flatSectionBg .current [class^='icnwrap_fill'] {
  background-color: #fff;
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill']
  [class^='icn_triangle']::after {
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill']
  [class^='icn_angle']::after {
}
.mod_flatSectionBg .current [class^='icnwrap_fill'] [class^='icn_plus']::before,
.mod_flatSectionBg .current [class^='icnwrap_fill'] [class^='icn_plus']::after {
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill']
  [class^='icn_minus']::before,
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill']
  [class^='icn_minus']::after {
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill']
  [class^='icn_close']::before,
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill']
  [class^='icn_close']::after {
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill']
  [class^='icn_check']::after {
}
/* toggle色 */
.mod_flatSectionBg
  [data-toggle-click$='true']
  [class^='icnwrap_fill']
  [class^='icn_check']::after {
  border-color: #000;
}

/******************************************************/
/* 囲み枠-塗りつぶし/ボーダー icnwrap_fill□□□□Border */
/******************************************************/
/* 標準色 */
.mod_flatSectionBg [class^='icnwrap_fill'][class*='Border'] {
  background-color: #ccc;
  border: 2px solid #ccc;
}
/* マウスオーバー色  */
.mod_flatSectionBg a:hover [class^='icnwrap_fill'][class*='Border'] {
  background-color: #000;
  border: 2px solid #ccc;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_triangle'] {
  opacity: 1;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_angle'] {
  opacity: 1;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_plus'] {
  opacity: 1;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_minus'] {
  opacity: 1;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_close'] {
  opacity: 1;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_check'] {
  opacity: 1;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_triangle']::after {
  border-left-color: #ccc;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_angle']::after {
  border-color: #ccc;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_plus']::before,
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_plus']::after {
  background-color: #ccc;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_minus']::before,
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_minus']::after {
  background-color: #ccc;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_close']::before,
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_close']::after {
  background-color: #ccc;
}
.mod_flatSectionBg
  a:hover
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_check']::after {
  border-color: #aaa;
}
/* カレント表示色  */
.mod_flatSectionBg .current [class^='icnwrap_fill'][class*='Border'] {
  background-color: #fff;
  border: 2px solid #ccc;
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_triangle']::after {
  border-left-color: #ccc;
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_angle']::after {
  border-color: #ccc;
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_plus']::before,
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_plus']::after {
  background-color: #ccc;
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_minus']::before,
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_minus']::after {
  background-color: #ccc;
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_close']::before,
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_close']::after {
  background-color: #ccc;
}
.mod_flatSectionBg
  .current
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_check']::after {
  border-color: #aaa;
}
/* toggle色 */
.mod_flatSectionBg
  [data-toggle-click$='true']
  [class^='icnwrap_fill'][class*='Border']
  [class^='icn_check']::after {
}

/************************************************************************************************************/
/* 構造設定 */
/************************************************************************************************************/

/******************************************************/
/* 三角矢印 icn_triangle */
/******************************************************/
[class^='icn_triangle']::after {
  border-top: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left-width: 1em;
  border-left-style: solid;
}
.icn_triangleLeft::after {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  left: -0.5em;
}
.icn_triangleDown::after {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  top: 0.25em;
  left: -0.25em;
}
.icn_triangleUp::after {
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  top: -0.25em;
  bottom: 0.25em;
  left: -0.25em;
}

/* 囲み枠時の位置調整 */
[class^='icnwrap'] .icn_triangle {
  margin-left: 0.1em;
}
[class^='icnwrap'] .icn_triangleLeft {
  margin-left: -0.15em;
}
[class^='icnwrap'] .icn_triangleDown {
  margin-top: 0.1em;
}
[class^='icnwrap'] .icn_triangleUp {
  margin-top: -0.05em;
}

/* toggle */
[data-toggle-click$='true'] .icn_triangleDown::after {
  top: -0.25em;
  bottom: 0.25em;
}
[data-toggle-click$='true'] .icn_triangleUp::after {
  bottom: 0;
  top: 0.25em;
}
[data-toggle-click$='true'] .icn_triangleDown::after {
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
}
[data-toggle-click$='true'] .icn_triangleUp::after {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

/******************************************************/
/* 矢印 icn_angle */
/******************************************************/
[class^='icn_angle']::after {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  border-top-style: solid;
  border-right-style: solid;
}
[class^='icn_angleLeft']::after {
  transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}
[class^='icn_angleDown']::after {
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
[class^='icn_angleUp']::after {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

[class^='icn_angle']::after {
  width: calc(100% * 0.7);
  height: calc(100% * 0.7);
}
[class^='icn_angle'][class*='_L']::after {
  border-top-width: 1px;
  border-right-width: 1px;
}
[class^='icn_angle'][class*='_M']::after {
  border-top-width: 2px;
  border-right-width: 2px;
}
[class^='icn_angle'][class*='_B']::after {
  border-top-width: 4px;
  border-right-width: 4px;
}
[class^='icn_angle'][class*='_U']::after {
  border-top-width: 6px;
  border-right-width: 6px;
}

.icn_angle_L::after {
  left: calc(100% * 0.7 / 2 * -1);
}
.icn_angleLeft_L::after {
  left: calc(100% * 0.7 / 2);
}
.icn_angleDown_L::after,
[data-toggle-click$='true'] .icn_angleUp_L::after {
  left: 0;
  top: calc(100% / 2 * -1);
}
.icn_angleUp_L::after,
[data-toggle-click$='true'] .icn_angleDown_L::after {
  left: 0;
  top: calc(100% / 2);
}
.icn_angle_M::after {
  left: calc(100% * 0.7 / 2 * -1);
}
.icn_angleLeft_M::after {
  left: calc(100% * 0.7 / 2);
}
.icn_angleDown_M::after,
[data-toggle-click$='true'] .icn_angleUp_M::after {
  left: 0;
  top: calc(100% / 2 * -1 + 1px);
}
.icn_angleUp_M::after,
[data-toggle-click$='true'] .icn_angleDown_M::after {
  left: 0;
  top: calc(100% / 2 - 1px);
}
.icn_angle_B::after {
  left: calc(100% * 0.7 / 2 * -1 + 1px);
}
.icn_angleLeft_B::after {
  left: calc(100% * 0.7 / 2 - 1px);
}
.icn_angleDown_B::after,
[data-toggle-click$='true'] .icn_angleUp_B::after {
  left: 0;
  top: calc(100% / 2 * -1 + 3px);
}
.icn_angleUp_B::after,
[data-toggle-click$='true'] .icn_angleDown_B::after {
  left: 0;
  top: calc(100% / 2 - 3px);
}
.icn_angle_U::after {
  left: calc(100% * 0.7 / 2 * -1 + 3px);
}
.icn_angleLeft_U::after {
  left: calc(100% * 0.7 / 2 - 3px);
}
.icn_angleDown_U::after,
[data-toggle-click$='true'] .icn_angleUp_U::after {
  left: 0;
  top: calc(100% / 2 * -1 + 5px);
}
.icn_angleUp_U::after,
[data-toggle-click$='true'] .icn_angleDown_U::after {
  left: 0;
  top: calc(100% / 2 - 5px);
}

/* toggle */
[data-toggle-click$='true'] [class^='icn_angleDown']::after {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
[data-toggle-click$='true'] [class^='icn_angleUp']::after {
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}

/******************************************************/
/* プラス icn_plus */
/******************************************************/
[class^='icn_plus']::before,
[class^='icn_plus']::after {
  height: 100%;
}
[class^='icn_plus'][class*='_L']::before {
  height: 1px;
}
[class^='icn_plus'][class*='_M']::before {
  height: 2px;
}
[class^='icn_plus'][class*='_B']::before {
  height: 4px;
}
[class^='icn_plus'][class*='_U']::before {
  height: 6px;
}
[class^='icn_plus'][class*='_L']::after {
  width: 1px;
}
[class^='icn_plus'][class*='_M']::after {
  width: 2px;
}
[class^='icn_plus'][class*='_B']::after {
  width: 4px;
}
[class^='icn_plus'][class*='_U']::after {
  width: 6px;
}

/* toggle */
[data-toggle-click] [class^='icn_plus']::before {
  transition: opacity 0.1s;
}
[data-toggle-click$='true'] [class^='icn_plus']::before {
  opacity: 0;
}
[data-toggle-click] [class^='icn_plus']::after {
  transition: all 0.2s;
}
[data-toggle-click$='true'] [class^='icn_plus']::after {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
/*
[data-toggle-click] [class^="icn_plus"]::after {transition:width,height .3s;}
[data-toggle-click$="true"] [class^="icn_plus"]::after {height:0;}
*/

/******************************************************/
/* マイナス icn_minus */
/******************************************************/
[class^='icn_minus']::before {
  height: 100%;
}
[class^='icn_minus']::after {
  height: 0;
}

[class^='icn_minus'][class*='_L']::before {
  height: 1px;
}
[class^='icn_minus'][class*='_M']::before {
  height: 2px;
}
[class^='icn_minus'][class*='_B']::before {
  height: 4px;
}
[class^='icn_minus'][class*='_U']::before {
  height: 6px;
}
[class^='icn_minus'][class*='_L']::after {
  width: 1px;
}
[class^='icn_minus'][class*='_M']::after {
  width: 2px;
}
[class^='icn_minus'][class*='_B']::after {
  width: 4px;
}
[class^='icn_minus'][class*='_U']::after {
  width: 6px;
}

/* toggle */
[data-toggle-click] [class^='icn_minus']::after {
  transition: height 0.3s;
}
[data-toggle-click$='true'] [class^='icn_minus']::after {
  height: 100%;
}

/******************************************************/
/* クローズ icn_close */
/******************************************************/
[class^='icn_close']::before,
[class^='icn_close']::after {
  height: 135%;
}
[class^='icn_close']::before {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
[class^='icn_close']::after {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
[class^='icn_close'][class*='_L']::before {
  width: 1px;
}
[class^='icn_close'][class*='_M']::before {
  width: 2px;
}
[class^='icn_close'][class*='_B']::before {
  width: 4px;
}
[class^='icn_close'][class*='_U']::before {
  width: 6px;
}
[class^='icn_close'][class*='_L']::after {
  width: 1px;
}
[class^='icn_close'][class*='_M']::after {
  width: 2px;
}
[class^='icn_close'][class*='_B']::after {
  width: 4px;
}
[class^='icn_close'][class*='_U']::after {
  width: 6px;
}

/******************************************************/
/* チェック icn_check */
/******************************************************/
[class^='icn_check']::after {
  width: 100%;
  height: 50%;
  top: -30%;
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  border-top-style: solid;
  border-right-style: solid;
}
[class^='icn_check'][class*='_L']::after {
  border-top-width: 1px;
  border-right-width: 1px;
}
[class^='icn_check'][class*='_M']::after {
  border-top-width: 2px;
  border-right-width: 2px;
}
[class^='icn_check'][class*='_B']::after {
  border-top-width: 4px;
  border-right-width: 4px;
}
[class^='icn_check'][class*='_U']::after {
  border-top-width: 6px;
  border-right-width: 6px;
}

/******************************************************/
/* サイズ */
/******************************************************/
.icn_10px {
  font-size: 10px;
  width: 10px;
  height: 10px;
}
.icn_11px {
  font-size: 11px;
  width: 11px;
  height: 11px;
}
.icn_12px {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
.icn_13px {
  font-size: 13px;
  width: 13px;
  height: 13px;
}
.icn_14px {
  font-size: 14px;
  width: 14px;
  height: 14px;
}
.icn_15px {
  font-size: 15px;
  width: 15px;
  height: 15px;
}
.icn_16px {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.icn_17px {
  font-size: 17px;
  width: 17px;
  height: 17px;
}
.icn_18px {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.icn_19px {
  font-size: 19px;
  width: 19px;
  height: 19px;
}
.icn_20px {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.icn_21px {
  font-size: 21px;
  width: 21px;
  height: 21px;
}
.icn_22px {
  font-size: 22px;
  width: 22px;
  height: 22px;
}
.icn_23px {
  font-size: 23px;
  width: 23px;
  height: 23px;
}
.icn_24px {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.icn_25px {
  font-size: 25px;
  width: 25px;
  height: 25px;
}
.icn_26px {
  font-size: 26px;
  width: 26px;
  height: 26px;
}
.icn_27px {
  font-size: 27px;
  width: 27px;
  height: 27px;
}
.icn_28px {
  font-size: 28px;
  width: 28px;
  height: 28px;
}
.icn_29px {
  font-size: 29px;
  width: 29px;
  height: 29px;
}
.icn_30px {
  font-size: 30px;
  width: 30px;
  height: 30px;
}
.icn_31px {
  font-size: 31px;
  width: 31px;
  height: 31px;
}
.icn_32px {
  font-size: 32px;
  width: 32px;
  height: 32px;
}
.icn_33px {
  font-size: 33px;
  width: 33px;
  height: 33px;
}
.icn_34px {
  font-size: 34px;
  width: 34px;
  height: 34px;
}
.icn_35px {
  font-size: 35px;
  width: 35px;
  height: 35px;
}
.icn_36px {
  font-size: 36px;
  width: 36px;
  height: 36px;
}
.icn_37px {
  font-size: 37px;
  width: 37px;
  height: 37px;
}
.icn_38px {
  font-size: 38px;
  width: 38px;
  height: 38px;
}
.icn_39px {
  font-size: 39px;
  width: 39px;
  height: 39px;
}
.icn_40px {
  font-size: 40px;
  width: 40px;
  height: 40px;
}
.icn_41px {
  font-size: 41px;
  width: 41px;
  height: 41px;
}
.icn_42px {
  font-size: 42px;
  width: 42px;
  height: 42px;
}
.icn_43px {
  font-size: 43px;
  width: 43px;
  height: 43px;
}
.icn_44px {
  font-size: 44px;
  width: 44px;
  height: 44px;
}
.icn_45px {
  font-size: 45px;
  width: 45px;
  height: 45px;
}
.icn_46px {
  font-size: 46px;
  width: 46px;
  height: 46px;
}
.icn_47px {
  font-size: 47px;
  width: 47px;
  height: 47px;
}
.icn_48px {
  font-size: 48px;
  width: 48px;
  height: 48px;
}
.icn_49px {
  font-size: 49px;
  width: 49px;
  height: 49px;
}
.icn_50px {
  font-size: 50px;
  width: 50px;
  height: 50px;
}

.icn_10rem {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
}
.icn_11rem {
  font-size: 1.1rem;
  width: 1.1rem;
  height: 1.1rem;
}
.icn_12rem {
  font-size: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
}
.icn_13rem {
  font-size: 1.3rem;
  width: 1.3rem;
  height: 1.3rem;
}
.icn_14rem {
  font-size: 1.4rem;
  width: 1.4rem;
  height: 1.4rem;
}
.icn_15rem {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.icn_16rem {
  font-size: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
}
.icn_17rem {
  font-size: 1.7rem;
  width: 1.7rem;
  height: 1.7rem;
}
.icn_18rem {
  font-size: 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
}
.icn_19rem {
  font-size: 1.9rem;
  width: 1.9rem;
  height: 1.9rem;
}
.icn_20rem {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
}
.icn_21rem {
  font-size: 2.1rem;
  width: 2.1rem;
  height: 2.1rem;
}
.icn_22rem {
  font-size: 2.2rem;
  width: 2.2rem;
  height: 2.2rem;
}
.icn_23rem {
  font-size: 2.3rem;
  width: 2.3rem;
  height: 2.3rem;
}
.icn_24rem {
  font-size: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
}
.icn_25rem {
  font-size: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
}
.icn_26rem {
  font-size: 2.6rem;
  width: 2.6rem;
  height: 2.6rem;
}
.icn_27rem {
  font-size: 2.7rem;
  width: 2.7rem;
  height: 2.7rem;
}
.icn_28rem {
  font-size: 2.8rem;
  width: 2.8rem;
  height: 2.8rem;
}
.icn_29rem {
  font-size: 2.9rem;
  width: 2.9rem;
  height: 2.9rem;
}
.icn_30rem {
  font-size: 3rem;
  width: 3rem;
  height: 3rem;
}
.icn_31rem {
  font-size: 3.1rem;
  width: 3.1rem;
  height: 3.1rem;
}
.icn_32rem {
  font-size: 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
}
.icn_33rem {
  font-size: 3.3rem;
  width: 3.3rem;
  height: 3.3rem;
}
.icn_34rem {
  font-size: 3.4rem;
  width: 3.4rem;
  height: 3.4rem;
}
.icn_35rem {
  font-size: 3.5rem;
  width: 3.5rem;
  height: 3.5rem;
}
.icn_36rem {
  font-size: 3.6rem;
  width: 3.6rem;
  height: 3.6rem;
}
.icn_37rem {
  font-size: 3.7rem;
  width: 3.7rem;
  height: 3.7rem;
}
.icn_38rem {
  font-size: 3.8rem;
  width: 3.8rem;
  height: 3.8rem;
}
.icn_39rem {
  font-size: 3.9rem;
  width: 3.9rem;
  height: 3.9rem;
}
.icn_40rem {
  font-size: 4rem;
  width: 4rem;
  height: 4rem;
}
.icn_41rem {
  font-size: 4.1rem;
  width: 4.1rem;
  height: 4.1rem;
}
.icn_42rem {
  font-size: 4.2rem;
  width: 4.2rem;
  height: 4.2rem;
}
.icn_43rem {
  font-size: 4.3rem;
  width: 4.3rem;
  height: 4.3rem;
}
.icn_44rem {
  font-size: 4.4rem;
  width: 4.4rem;
  height: 4.4rem;
}
.icn_45rem {
  font-size: 4.5rem;
  width: 4.5rem;
  height: 4.5rem;
}
.icn_46rem {
  font-size: 4.6rem;
  width: 4.6rem;
  height: 4.6rem;
}
.icn_47rem {
  font-size: 4.7rem;
  width: 4.7rem;
  height: 4.7rem;
}
.icn_48rem {
  font-size: 4.8rem;
  width: 4.8rem;
  height: 4.8rem;
}
.icn_49rem {
  font-size: 4.9rem;
  width: 4.9rem;
  height: 4.9rem;
}
.icn_50rem {
  font-size: 5rem;
  width: 5rem;
  height: 5rem;
}