@charset "UTF-8";


/* =======================================================

  Config
  config.scss

======================================================= */
/* =======================================================

  Style Reset
  reset.scss

======================================================= */

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow-y: auto;
  color: #221814;
  background: #fff;
  font-size: 62.5%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit;
}

del, ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
  content: none;
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

legend {
  color: #000;
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input, button, textarea, select {
  *font-size: 100%;
}

address {
  font-style: normal;
}

input[type*="button"], input[type*="submit"], input[type*="reset"] {
  cursor: pointer;
}

/* clearfix 設定
-------------------------- */
.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
  content: ".";
}

.clearfix {
  min-height: 1px;
  clear: both;
}

* html .clearfix {
  height: 1px;
}

.clear {
  clear: both;
}

/* =======================================================

  Style web font
  webfont.scss

======================================================= */
@font-face {
  font-family: "AxisStd-ExtraLight";
  src: url("../Fonts/cae76507-fde0-48d2-8060-f95b67662772.eot?#iefix");
  src: url("../Fonts/cae76507-fde0-48d2-8060-f95b67662772.eot?#iefix") format("eot"), url("../Fonts/9adc0413-55bd-4001-9bc0-f823476aa22e.woff2") format("woff2"), url("../Fonts/25516da4-2e65-456a-bc9c-cc6960f6c384.woff") format("woff"), url("../Fonts/8c439ac8-83ef-4635-a477-df9c64f97b62.ttf") format("truetype"), url("../Fonts/93d1f11a-903e-4293-a2f1-cd55b87b5087.svg#93d1f11a-903e-4293-a2f1-cd55b87b5087") format("svg");
}
@font-face {
  font-family: "AxisStd-Light";
  src: url("../Fonts/aa7c9f5f-bd2d-4fbb-a4a5-82ba2cd0189c.eot?#iefix");
  src: url("../Fonts/aa7c9f5f-bd2d-4fbb-a4a5-82ba2cd0189c.eot?#iefix") format("eot"), url("../Fonts/ca94208f-21dd-4dc8-ab7c-057d8dbfcccb.woff2") format("woff2"), url("../Fonts/18820f9e-d51e-43be-9d0f-e510d9d1878a.woff") format("woff"), url("../Fonts/cb3a3886-7dec-420d-bf42-698737ce3561.ttf") format("truetype"), url("../Fonts/9bdde1f9-7637-4fa1-994d-2f2ad4929b1f.svg#9bdde1f9-7637-4fa1-994d-2f2ad4929b1f") format("svg");
}
@font-face {
  font-family: "AxisStd-Regular";
  src: url("../Fonts/7e908add-1f72-4926-8e0d-33613fad3a87.eot?#iefix");
  src: url("../Fonts/7e908add-1f72-4926-8e0d-33613fad3a87.eot?#iefix") format("eot"), url("../Fonts/d226afef-6536-4b18-9b28-defffcc4baae.woff2") format("woff2"), url("../Fonts/6e9eb620-9339-4b2e-bb9b-d514def96de7.woff") format("woff"), url("../Fonts/a71ba532-858c-440c-8abd-e89a2ae8efea.ttf") format("truetype"), url("../Fonts/5d948218-1de1-4508-b1a6-fe03ccced886.svg#5d948218-1de1-4508-b1a6-fe03ccced886") format("svg");
}
@font-face {
  font-family: "AxisStd-Medium";
  src: url("../Fonts/724feca3-e632-4df0-811e-d0184d5e569c.eot?#iefix");
  src: url("../Fonts/724feca3-e632-4df0-811e-d0184d5e569c.eot?#iefix") format("eot"), url("../Fonts/3e49aace-6c5a-4a76-a80e-21ab7ad44f14.woff2") format("woff2"), url("../Fonts/2a67f3cb-4bfa-4ec5-9167-73e8c4e78635.woff") format("woff"), url("../Fonts/f09ad952-d955-4c72-a632-1313427634d0.ttf") format("truetype"), url("../Fonts/c60a0c5e-c39d-4513-b578-1a5858cbecde.svg#c60a0c5e-c39d-4513-b578-1a5858cbecde") format("svg");
}
/* =================================================
 * common
 * ================================================*/
.freglar {
  font-family: "AxisStd-Regular" !important;
}

.flight {
  font-family: "AxisStd-Light" !important;
}

.fextralight {
  font-family: "AxisStd-ExtraLight" !important;
}

.fmedium {
  font-family: "AxisStd-Medium" !important;
}

/*  footer
--------------------------------------------------*/
#foot .foot2 ul li.ftnv1 .ftxt, #foot .foot2 ul li.ftnv2 .ftxt, #foot .foot2 ul li.ftnv3 .ftxt, #foot .foot2 ul li.ftnv4 .ftxt {
  font-family: "AxisStd-Regular" !important;
}

/*  p, lead
-------------------------------------------------*/
.f_r_p p,
.f_r_p .lead {
  font-family: "AxisStd-Regular" !important;
}

/* ==============================================
 * index
 * =============================================*/
/*  lead
-------------------------------------------------*/
.in_2col .nwsdt,
.in_4col .lead {
  font-family: "AxisStd-Regular" !important;
}

#content .topic-ttl .en {
  font-family: "AxisStd-ExtraLight" !important;
}

.in_2col .newslist .ttl_hld .lft {
  font-family: "AxisStd-ExtraLight" !important;
}
.in_2col .newslist .ttl_hld .rht {
  font-family: "AxisStd-Regular" !important;
}

/* =================================================
 * search system
 * ================================================*/
/*  Rnv_area
---------------------------------------------------*/

#Rnv_area table.product_spec tr td {
  font-family: "AxisStd-Regular" !important;
}

.product_tablename {
  font-family: "AxisStd-Medium" !important;
}

.product_notice p {
  font-family: "AxisStd-Regular" !important;
}

.attn-area .attn-ttl {
  font-family: "AxisStd-Medium" !important;
}

.attn-txt {
  font-family: "AxisStd-Regular" !important;
}

.cat_ttl p {
  font-family: "AxisStd-Light" !important;
}

.cat_list ul li {
  font-family: "AxisStd-Regular" !important;
}

/*  Lnv_area
-----------------------------------------------------------------------------------------------------------------------*/
div.L_col_cont ul.L_col_series li,
div.L_col_cont ul.L_col_product li {
  font-family: "AxisStd-Regular" !important;
}

/* ====================================================================================================================
 * product
 * ====================================================================================================================*/
/*  product spec table
-----------------------------------------------------------------------------------------------------------------------*/
.pdct-box-1_1col ul, .pdct-box-1_1col dl, .pdct-box-1_1col table, .pdct-box-1_1col .cathld {
  font-family: "AxisStd-Regular" !important;
}

/*  product cshelper
-----------------------------------------------------------------------------------------------------------------------*/
.box-3col ul li.page-sml-cont-hld p em, .box-3col ul li.page-sml-cont-hld span {
  font-family: "AxisStd-Medium";
}

/*  product index
-----------------------------------------------------------------------------------------------------------------------*/
.box-4col-pdct ul li .discrpt {
  font-family: "AxisStd-Medium";
}

/*  each product index
-----------------------------------------------------------------------------------------------------------------------*/
.pdct-box-1_1col .rightsml .txt1 {
  font-family: "AxisStd-Regular";
}

/*  product inkjet
-----------------------------------------------------------------------------------------------------------------------*/
.inkjet_title {
  font-family: "AxisStd-Medium";
}

/* ====================================================================================================================
 * company
 * ====================================================================================================================*/
.place dd,
.history dd {
  font-family: "AxisStd-Regular" !important;
}

/* ====================================================================================================================
 * contact
 * ====================================================================================================================*/
/*  mihon
-----------------------------------------------------------------------------------------------------------------------*/
.mhn_list_box .pdctname,
.mhnlist ul li .discrpt {
  font-family: 'AxisStd-Regular';
}

.mhn_list_box .pdctname em {
  font-family: "AxisStd-Light" !important;
}

@media screen and (min-width: 769px) {
  /* =======================================================
  
    Style Base
    base.scss
  
  ======================================================= */
  /*  全体　基本設定
  ---------------------------------------------*/
  html,
  body {
    height: 100%;
  }

  body *::selection {
    background: #76CDFF;
    color: #fff;
  }

  body *::-moz-selection {
    background: #76CDFF;
    color: #fff;
  }

  /*  フォント 基本設定
  -------------------------- */
  html {
    font-size: 62.5%;
  }

  body {
    font-family: "AxisStd-Light", "ヒラギノ角ゴ ProN W3","游ゴシック" , "Yu Gothic" ,"osaka", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Verdana,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.0rem;
    font-size: 10px;
    letter-spacing: 0.05rem;
    text-align: left;
    color: #4c4948;
    min-width: 1200px;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
  }

  /*  画像 基本設定
  -------------------------- */
  img {
    vertical-align: top;
    border: none;
  }

  /*  リンク 基本設定
  -------------------------- */
  a {
    outline: none;
    color: #585757;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }

  /* 　コンテナー　レイアウト設定
  ---------------------------------------------*/
  #header,
  #content,
  #footer {
    width: 100%;
  }

  /* 真ん中寄せ */
  .boxInner {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
  }

  /*  ページ分割
  ---------------------------------------------*/
  .wdt_100_line {
    padding-top: 60px !important;
    border-bottom: 1px solid #b5b5b6 !important;
  }

  /*  コンテンツ レイアウト設定
  ---------------------------------------------*/
  #content {
    /*  margin-top: -2px;  スマホ用隙間対策 */
    padding: 0 0 0 0;
    /* フッターの高さ分 */
    /* お問い合わせ */
  }
  #content .box-content {
    padding: 70px 0 150px;
  }
  #content .box-content1 {
    padding: 0px 0 150px;
  }
  #content .box-content2 {
    padding: 40px 0 150px;
  }

  .bottom-shadow {
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 10px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 10px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 10px 0px;
  }

  /*  pnkz
  ---------------------------------------------*/
  #pnkz {
    width: 1000px;
    margin: 0 auto;
    font-size: 1.1rem;
    font-size: 11px;
    text-align: left;
  }
  #pnkz p {
    font-size: 10px;
    /*   float: left;   */
  }
  #pnkz a {
    color: #898989;
    text-decoration: underline;
  }
  #pnkz a:hover {
    color: #999;
  }

  #pdct-ttlhld #pnkz {
    margin-top: 23px;
    height: 20px;
    width: 1000px;
  }
  #pdct-ttlhld #pnkz p a {
    margin: 0 2px;
  }

  /* =======================================================
  
    Style Parts
    parts.scss
  
  ======================================================= */
  /*  ボタン btn70
  ---------------------------------------------*/
  .btn70 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    height: 70px;
    text-align: center;
    text-decoration: none;
    line-height: 70px;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.1rem;
    outline: none;
    border: 1px solid #3a99c8;
    background: url(../imgs/btn/btn70.png) top right no-repeat;
    padding: 0 70px 0 50px;
    background-color: white;
    color: #585757;
  }
  .btn70::before, .btn70::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn70:hover {
    background-color: #f0f0f0;
  }

  /*  ボタン btn47
  ---------------------------------------------*/
  .btn47 {
    display: inline-block;
    height: 47px;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    line-height: 45px;
    color: #4C4948;
    border: 1px solid #3a99c8;
    background: url(../imgs/btn/btn45.png) top right no-repeat;
    padding-right: 18px;
    background-color: white;
    color: #585757;
  }
  .btn47::before, .btn47::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn47:hover {
    background-color: #f0f0f0;
  }

  /*  ボタン btn47b
  ---------------------------------------------*/
  .btn47b {
    display: inline-block;
    height: 47px;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    line-height: 45px;
    color: #4C4948;
    background: url(../imgs/btn/btn45b.png) top right no-repeat;
    padding-right: 18px;
    background-color: #fff;
    border: 1px solid #3B8FBB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .btn47b::before, .btn47b::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn47b:hover {
    color: #fff;
    background-color: #E4E4E4;
  }

  /*  ボタン btn47c
  ---------------------------------------------*/
  .btn47c {
    display: inline-block;
    height: 47px;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    line-height: 45px;
    color: #4C4948;
    background: url(../imgs/btn/btn45c.png) top right no-repeat;
    padding-right: 18px;
    background-color: #3B8FBB;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .btn47c::before, .btn47c::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn47c:hover {
    color: #fff;
    background-color: #cae5f8;
  }

  /*  ボタン btn47d
  ---------------------------------------------*/
  .btn47d {
    display: inline-block;
    height: 47px;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    line-height: 45px;
    padding-right: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url(../imgs/btn/btn45d.png), -moz-linear-gradient(top, #3B8FBB, #3B8FBB 93%, #C6C6C6 93%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn45d.png), -webkit-gradient(linear, left top, left bottom, from(#3B8FBB), color-stop(0.93, #3B8FBB), color-stop(0.93, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    background-repeat: no-repeat;
    background-position: top right;
    color: #fff;
  }
  .btn47d::before, .btn47d::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn47d:hover {
    color: #fff;
    background-color: #cae5f8;
  }

  /*  ボタン btn47e
  ---------------------------------------------*/
  .btn47e {
    display: inline-block;
    height: 47px;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    line-height: 45px;
    padding-right: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url(../imgs/btn/btn45e.png), -moz-linear-gradient(top, #EDEDEE, #EDEDEE 93%, #C6C6C6 93%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn45e.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDEE), color-stop(0.93, #EDEDEE), color-stop(0.93, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    background-repeat: no-repeat;
    background-position: top right;
    color: #4C4948;
  }
  .btn47e::before, .btn47e::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn47e:hover {
    color: #fff;
    background-color: #cae5f8;
  }

  /*  ボタン btn40 procut
  ---------------------------------------------*/
  .btn40 {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    color: #585757;
    border: 1px solid #78c1ec;
    background: url(../imgs/btn/btn40.png) top right no-repeat;
    background-color: white;
    padding: 0 55px 0 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .btn40::before, .btn40::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40:hover {
    background-color: #f0f0f0;
  }

  /*  ボタン btn40b procut series
  ---------------------------------------------*/
  .btn40b {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    color: #4C4948;
    border: 1px solid #9fa0a0;
    background: url(../imgs/btn/btn40.png) top right no-repeat;
    padding-right: 18px;
    background-color: #595757;
    color: #fff;
  }
  .btn40b::before, .btn40b::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40b:hover {
    background-color: #787878;
  }

  /*  ボタン btn40c news
  ---------------------------------------------*/
  .btn40c {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    color: #585757;
    border: 1px solid #78c1ec;
    background: url(../imgs/btn/btn40c.png) top left no-repeat;
    background-color: white;
    padding-left: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .btn40c::before, .btn40c::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40c:hover {
    background-color: #f0f0f0;
  }

  /*  ボタン btn40d news
  ---------------------------------------------*/
  .btn40d {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    color: #585757;
    border: 1px solid #78c1ec;
    background: url(../imgs/btn/btn40d.png) top right no-repeat;
    background-color: white;
    padding-right: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .btn40d::before, .btn40d::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40d:hover {
    background-color: #f0f0f0;
  }

  /*  ボタン btn40e procut
  ---------------------------------------------*/
  .btn40e {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    color: #585757;
    border: 1px solid #78c1ec;
    padding-right: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url(../imgs/btn/btn40e.png) top right no-repeat;
    background-color: white;
  }
  .btn40e::before, .btn40e::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40e:hover {
    background-color: #f0f0f0;
  }

  /*  ボタン btn40f
  ---------------------------------------------*/
  .btn40f {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    padding-right: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url(../imgs/btn/btn45d.png), -moz-linear-gradient(top, #EDEDEE, #EDEDEE 93%, #C6C6C6 93%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn45d.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDEE), color-stop(0.93, #EDEDEE), color-stop(0.93, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    background-repeat: no-repeat;
    background-position: top right;
    color: #fff;
  }
  .btn40f::before, .btn40f::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40f:hover {
    color: #fff;
    background-color: #cae5f8;
  }

  /*  ボタン btn40g
  ---------------------------------------------*/
  .btn40g {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    padding-right: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url(../imgs/btn/btn45d.png), -moz-linear-gradient(top, #3B8FBB, #3B8FBB 93%, #C6C6C6 93%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn45d.png), -webkit-gradient(linear, left top, left bottom, from(#3B8FBB), color-stop(0.93, #3B8FBB), color-stop(0.93, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    background-repeat: no-repeat;
    background-position: top right;
    color: #fff;
  }
  .btn40g::before, .btn40g::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40g:hover {
    color: #fff;
    background-color: #cae5f8;
  }

  /*  ボタン btn40h procut
  ---------------------------------------------*/
  .btn40h {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    color: #585757;
    border: 1px solid #78c1ec;
    width: 220px;
    background: url(../imgs/btn/search.png) top right no-repeat;
    background-image: url(../imgs/btn/search.png);
    background-position: 12px 5px;
    padding-left: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .btn40h::before, .btn40h::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40h:hover {
    background-color: #f0f0f0;
  }

  /*  ボタン btn40h2 procut
  ---------------------------------------------*/
  .btn40h2 {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    color: #585757;
    border: 1px solid #78c1ec;
    width: 280px;
    background: url(../imgs/btn/searchh2.fw.png) top right no-repeat;
    background-image: url(../imgs/btn/searchh2.fw.png);
    background-position: 12px 5px;
    padding-left: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .btn40h2::before, .btn40h2::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40h2:hover {
    background-color: #f0f0f0;
  }

  /*  ボタン btn40_to_srh procut
  ---------------------------------------------*/
  .btn40_to_srh {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    color: #585757;
    border: 1px solid #78c1ec;
    width: 220px;
    background-image: url(../imgs/btn/btn40_to_srh.png);
    background-position: 100% 5px;
    background-repeat: no-repeat;
    padding-left: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .btn40_to_srh::before, .btn40_to_srh::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40_to_srh:hover {
    background-color: #f0f0f0;
  }

  /*ニュースページ用ボタン*/
  /*  ボタン btn47_nws_a
  ---------------------------------------------*/
  .btn47_nws_a {
    display: inline-block;
    height: 47px;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    line-height: 45px;
    color: #4C4948;
    background-color: #3B8FBB;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .btn47_nws_a::before, .btn47_nws_a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn47_nws_a:hover {
    color: #fff;
    background-color: #cae5f8;
  }

  /*プロダクト関連ページ用ボタン*/
  /*  ボタン btn40_pdct_a
  ---------------------------------------------*/
  .btn40_pdct_a {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-right: 26px;
    background: url(../imgs/btn/btn40_pdct_a.gif) top right no-repeat;
    background: url(../imgs/btn/btn40_pdct_a.png), -moz-linear-gradient(top, #EDEDEE, #EDEDEE 93%, #C6C6C6 93%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn40_pdct_a.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDEE), color-stop(0.93, #EDEDEE), color-stop(0.93, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    color: #4C4948;
    background-repeat: no-repeat;
    background-position: top right;
  }
  .btn40_pdct_a::before, .btn40_pdct_a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40_pdct_a:hover {
    color: #fff;
    background: url(../imgs/btn/btn40_pdct_a_o.png) #E9E9E9;
    background-repeat: no-repeat;
    background-position: top right;
  }

  .btn47d::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }

  /*コンタクト関連ページ用ボタン*/
  /*  ボタン btn40_cnt_a
  ---------------------------------------------*/
  .btn40_cnt_a {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    padding-right: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url(../imgs/btn/btn45e.png), -moz-linear-gradient(top, #EDEDEE, #EDEDEE 93%, #C6C6C6 93%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn45e.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDEE), color-stop(0.93, #EDEDEE), color-stop(0.93, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    background-repeat: no-repeat;
    background-position: top right;
    color: #4C4948;
  }
  .btn40_cnt_a::before, .btn40_cnt_a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40_cnt_a:hover {
    color: #fff;
    background-color: #cae5f8;
  }

  .btn47d::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }

  /*  ボタン btn40_cnt_b
  ---------------------------------------------*/
  .btn40_cnt_b {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url(../imgs/btn/btnbg1.png) bottom repeat-x;
    color: #4C4948;
  }
  .btn40_cnt_b::before, .btn40_cnt_b::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40_cnt_b:hover {
    color: #fff;
    background: #C6C6C6;
  }

  /*  ボタン btn40_cnt_c
  ---------------------------------------------*/
  .btn40_cnt_c {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    padding-right: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url(../imgs/btn/btn40_cnt_c.gif) top right no-repeat;
    background: url(../imgs/btn/btn40_cnt_c.png), -moz-linear-gradient(top, #3B8FBB, #3B8FBB 95%, #C6C6C6 95%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn40_cnt_c.png), -webkit-gradient(linear, left top, left bottom, from(#3B8FBB), color-stop(0.95, #3B8FBB), color-stop(0.95, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    background-repeat: no-repeat;
    background-position: top right;
    color: #fff;
  }
  .btn40_cnt_c::before, .btn40_cnt_c::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40_cnt_c:hover {
    color: #fff;
    background: #cae5f8;
  }

  /*  ボタン btn40_cnt_d
  ---------------------------------------------*/
  .btn40_cnt_d {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    padding-right: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url(../imgs/btn/btn40_cnt_d.png) top right no-repeat;
    background-color: white;
    color: #585757;
    border: 1px solid #78c1ec;
  }
  .btn40_cnt_d::before, .btn40_cnt_d::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40_cnt_d:hover {
    color: #fff;
    background-color: #cae5f8;
  }

  /*  ボタン btn70_cnt_a
  ---------------------------------------------*/
  .btn70_cnt_a {
    display: inline-block;
    height: 50px;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    font-size: 2.0rem;
    letter-spacing: 0.1rem;
    outline: none;
    line-height: 47px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-right: 40px;
    background: url(../imgs/btn/btn70_cnt_a.png) top left no-repeat;
    background: url(../imgs/btn/btn70_cnt_a.png), -moz-linear-gradient(top, #3B8FBB, #3B8FBB 95%, #C6C6C6 95%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn70_cnt_a.png), -webkit-gradient(linear, left top, left bottom, from(#3B8FBB), color-stop(0.95, #3B8FBB), color-stop(0.95, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    background-repeat: no-repeat;
    background-position: top right;
    color: #fff;
  }
  .btn70_cnt_a::before, .btn70_cnt_a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn70_cnt_a:hover {
    color: #fff;
    background: #cae5f8;
  }

  /*  ボタン btn70_cnt_a
  ---------------------------------------------*/
  .btn70_cnt_a {
    display: inline-block;
    height: 50px;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    font-size: 2.0rem;
    letter-spacing: 0.1rem;
    outline: none;
    line-height: 47px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-right: 40px;
    background: url(../imgs/btn/btn70_cnt_a.gif) bottom right no-repeat;
    background: url(../imgs/btn/btn70_cnt_a.png), -moz-linear-gradient(top, #3B8FBB, #3B8FBB 95%, #C6C6C6 95%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn70_cnt_a.png), -webkit-gradient(linear, left top, left bottom, from(#3B8FBB), color-stop(0.95, #3B8FBB), color-stop(0.95, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    background-repeat: no-repeat;
    background-position: top right;
    color: #fff;
  }
  .btn70_cnt_a::before, .btn70_cnt_a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn70_cnt_a:hover {
    color: #fff;
    background: url(../imgs/btn/btn70_cnt_a.png) top right no-repeat #cae5f8;
  }

  /*  ボタン btn70_cnt_b
  ---------------------------------------------*/
  .btn70_cnt_b {
    display: inline-block;
    height: 50px;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    font-size: 2.0rem;
    letter-spacing: 0.1rem;
    outline: none;
    line-height: 47px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-right: 40px;
    background: url(../imgs/btn/btn70_cnt_b.gif) bottom right no-repeat;
    background: url(../imgs/btn/btn70_cnt_b.png), -moz-linear-gradient(top, #EDEDEE, #EDEDEE 93%, #C6C6C6 93%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn70_cnt_b.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDEE), color-stop(0.93, #EDEDEE), color-stop(0.93, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    background-repeat: no-repeat;
    background-position: top right;
    color: #4C4948;
  }
  .btn70_cnt_b::before, .btn70_cnt_b::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn70_cnt_b:hover {
    color: #ccc;
    background: url(../imgs/btn/btn70_cnt_b_o.png) top right no-repeat #EDEDEE;
  }

  /*  ボタン btn32_cnt_mhn
  ---------------------------------------------*/
  .btn32_cnt_mhn {
    display: inline-block;
    height: 32px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.01rem;
    outline: none;
    padding-right: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    background: url(../imgs/btn/btn32_cnt_mhn.gif) top left no-repeat;
    background: url(../imgs/btn/btn32_cnt_mhn.png), -moz-linear-gradient(top, #EDEDEE, #EDEDEE 93%, #C6C6C6 93%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn32_cnt_mhn.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDEE), color-stop(0.93, #EDEDEE), color-stop(0.93, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    background-repeat: no-repeat;
    background-position: top right;
    color: #4C4948;
  }
  .btn32_cnt_mhn::before, .btn32_cnt_mhn::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn32_cnt_mhn:hover {
    color: #ccc;
    background: url(../imgs/btn/btn32_cnt_mhn_o.png) top right no-repeat #EDEDEE;
  }

  /*  ボタン btn40_pdct_sris
  ---------------------------------------------*/
  .btn40_pdct_sris {
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    letter-spacing: 0.01rem;
    padding-right: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 38px;
    background: url(../imgs/btn/btn40_pdct_sris.gif) top right no-repeat;
    background: url(../imgs/btn/btn40_pdct_sris.png), -moz-linear-gradient(top, #EDEDEE, #EDEDEE 93%, #C6C6C6 93%, #C6C6C6 100%, #C6C6C6 100%, #C6C6C6);
    background: url(../imgs/btn/btn40_pdct_sris.png), -webkit-gradient(linear, left top, left bottom, from(#EDEDEE), color-stop(0.93, #EDEDEE), color-stop(0.93, #C6C6C6), color-stop(1, #C6C6C6), color-stop(1, #C6C6C6), to(#C6C6C6));
    background-repeat: no-repeat;
    background-position: top right;
    color: #4C4948;
  }
  .btn40_pdct_sris::before, .btn40_pdct_sris::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40_pdct_sris:hover {
    color: #ccc;
    background: url(../imgs/btn/btn40_pdct_sris_o.png) top right no-repeat #EDEDEE;
  }

  .srch {
    width: 220px;
    background-image: url(../imgs/btn/search.png);
    background-position: 12px 5px;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 20px;
  }

  /*  button
  ---------------------------------------------*/
  .box-button {
    text-align: center;
  }

  .box-button2 {
    text-align: left;
  }

  .btnInkjet {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    display: inline-block;
    position: relative;
    width: 372px;
    padding: 18px 18px 20px 100px;
    border: 1px solid #78C0EB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
  }
  .btnInkjet .en {
    text-align: left;
    font-size: 26px;
    letter-spacing: 0.05em;
    display: block;
  }
  .btnInkjet .ja {
    text-align: left;
    font-family: "AxisStd-Regular";
    font-size: 11px;
    letter-spacing: 0.1em;
    display: block;
    padding-left: 5px;
  }
  .btnInkjet:before {
    position: absolute;
    left: 35px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 40px;
    height: 100%;
    background: url(../imgs/btn/ico_search.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnInkjet:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 10px;
    height: 100%;
    background: url(../imgs/btn/btn_arrow.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnInkjet:hover {
    opacity: 0.7;
  }

  .btnInkjet.foglas {
    width: 264px;
  }

  .btnInkjet.iromizu {
    width: 299px;
  }

  .btnInkjet.materio {
    width: 299px;
  }

  .btnInkjet.tentac {
    width: 278px;
  }

  .btnInkjet.retacsheet {
    width: 353px;
  }

  .btnInkjet.b1 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    display: inline-block;
    position: relative;
    width: 372px;
    padding: 18px 18px 20px 85px;
    border: 1px solid #78C0EB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
  }
  .btnInkjet.b1 .en {
    text-align: left;
    font-size: 22px;
    letter-spacing: -0.05em;
    display: block;
  }
  .btnInkjet.b1 .ja {
    text-align: left;
    font-family: "AxisStd-Regular";
    font-size: 11px;
    letter-spacing: 0.1em;
    display: block;
    padding-left: 5px;
  }
  .btnInkjet.b1:before {
    position: absolute;
    left: 35px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 40px;
    height: 100%;
    background: url(../imgs/btn/ico_search.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnInkjet.b1:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 10px;
    height: 100%;
    background: url(../imgs/btn/btn_arrow.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnInkjet.b1:hover {
    opacity: 0.7;
  }

  .btnSearch {
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    display: inline-block;
    position: relative;
    width: 320px;
    padding: 18px 0 18px 105px;
    border: 1px solid #78C0EB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
  }
  .btnSearch .en {
    font-size: 25px;
    letter-spacing: 0.1em;
    display: block;
  }
  .btnSearch .ja {
    font-family: "AxisStd-Regular";
    font-size: 11px;
    letter-spacing: 0.1em;
    display: block;
  }
  .btnSearch:before {
    position: absolute;
    left: 35px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 40px;
    height: 100%;
    background: url(../imgs/btn/ico_search.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnSearch:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 10px;
    height: 100%;
    background: url(../imgs/btn/btn_arrow.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnSearch:hover {
    opacity: 0.7;
  }

  .btnCatlogue {
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    display: inline-block;
    position: relative;
    width: 320px;
    padding: 15px 0 21px 105px;
    border: 1px solid #78C0EB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
  }
  .btnCatlogue .en {
    font-size: 25px;
    letter-spacing: 0.1em;
    display: block;
  }
  .btnCatlogue .ja {
    font-family: "AxisStd-Regular";
    font-size: 11px;
    letter-spacing: 0.1em;
    display: block;
  }
  .btnCatlogue:before {
    position: absolute;
    left: 25px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 60px;
    height: 100%;
    background: url(../imgs/btn/ico_book.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnCatlogue:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 10px;
    height: 100%;
    background: url(../imgs/btn/btn_arrow.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnCatlogue:hover {
    opacity: 0.7;
  }

  /* =======================================================
  
    Style Header
    header.scss
  
  ======================================================= */
  /*  ヘッダー レイアウト設定
  ---------------------------------------------*/
  #header {
    position: relative;
    padding: 0;
    height: 225px;
    z-index: 99;
    background: #fff;
  }
  #header #box-Headernv {
    width: 100%;
  }

  /* -------- ヘッダーナビ -------- */
  .boxInner2 {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    position: relative;
  }

  #box-Headernv h1 {
    position: absolute;
    top: 73px;
    left: 0;
  }
  #box-Headernv #nv1 {
    position: absolute;
    top: 0;
    left: 624px;
  }
  #box-Headernv #nv2 {
    position: absolute;
    top: 105px;
    right: 10px;
  }
  #box-Headernv #nv3 {
    position: absolute;
    top: 175px;
    left: 0px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=180, strength=3, enabled=true) \9;
  }

  #nv1 ul li {
    float: left;
    display: block;
    height: 40px;
    text-align: center;
    letter-spacing: 0.01rem;
    color: #fff;
    width: 160px;
  }
  #nv1 ul li p {
    padding: 8px 0 0 0;
    font-size: 1.5rem;
    font-size: 15px;
  }
  #nv1 ul li a {
    color: #fff;
    width: 156px;
    height: 40px;
  }
  #nv1 ul li a:hover {
    display: block;
    width: 100%;
  }
  #nv1 ul li.enjp1 {
    background: #f9f9f9;
    width: 56px;
  }
  #nv1 ul li.enjp1 a {
    color: #4c4948 !important;
  }
  #nv1 ul li.enjp1:hover {
    opacity: 0.7;
  }
  #nv1 ul li.blue1 {
    background: #76CDFF;
  }
  #nv1 ul li.blue1 a:hover {
    background: #cae5f8;
    color: #fff;
  }
  #nv1 ul li.blue2 {
    background: #3A99C8;
  }
  #nv1 ul li.blue2 a:hover {
    background: #b2cadf;
    color: #fff;
  }

  #nv2 ul li {
    float: left;
    display: block;
    height: 30px;
    text-align: center;
    letter-spacing: 0.01rem;
    color: #3E3A39;
    font-size: 1.2rem;
    font-size: 12px;
    margin-left: 15px;
  }
  #nv2 ul li a {
    display: block;
    padding: 6px 32px 4px 10px;
    width: 100%;
  }
/*
  #nv2 ul li.btn1 a {
    background: url(../imgs/nv2/icon1.png) top right no-repeat;
  }
  #nv2 ul li.btn1 a:hover {
    background: url(../imgs/nv2/icon1_o.png) top right no-repeat;
  }
  #nv2 ul li.btn2 a {
    background: url(../imgs/nv2/icon2.png) top right no-repeat;
  }
  #nv2 ul li.btn2 a:hover {
    background: url(../imgs/nv2/icon2_o.png) top right no-repeat;
  }
  #nv2 ul li.btn3 a {
    background: url(../imgs/nv2/icon3.png) top right no-repeat;
  }
  #nv2 ul li.btn3 a:hover {
    background: url(../imgs/nv2/icon3_o.png) top right no-repeat;
  }
  #nv2 ul li:hover {
    display: block;
    background: rgba(230, 230, 230, 0.8);
    z-index: 0;
  }
  #nv2 ul li:hover a:hover {
    color: #ccc;
  }
*/

  #nv3 > .hld > ul {
    position: relative;
    background: url(../imgs/nv3/bar.png) bottom left no-repeat;
  }
  #nv3 > .hld > ul > li {
    float: left !important;
    display: block;
    width: 100%;
    height: 50px;
    text-align: center;
    letter-spacing: 0.01rem;
    color: #3E3A39;
    background: url(../imgs/nv3/bar.jpg) bottom right no-repeat;
    font-size: 1.5rem;
    font-size: 15px;
  }
  #nv3 > .hld > ul > li > a {
    display: block;
    line-height: 20px;
    padding: 15px 0;
    width: 100%;
  }
  #nv3 > .hld > ul > li > a:hover {
    display: block;
    width: 100%;
    color: #999;
    background: #F1F1F1;
  }

  #nv3 ul li:last-child {
    background: none;
  }
  #nv3 ul li.nvbtn1 {
    width: 166px;
  }
  #nv3 ul li.nvbtn2 {
    width: 215px;
  }
  #nv3 ul li.nvbtn3 {
    width: 165px;
  }
  #nv3 ul li.nvbtn4 {
    width: 160px;
  }
  #nv3 ul li.nvbtn5 {
    width: 153px;
  }
  #nv3 ul li.nvbtn6 {
    width: 141px;
    background: none;
  }
  #nv3 ul li.nvbtn1, #nv3 ul li.nvbtn2, #nv3 ul li.nvbtn3, #nv3 ul li.nvbtn4, #nv3 ul li.nvbtn5, #nv3 ul li.nvbtn6 {
    float: left !important;
    display: block;
    height: 50px;
    text-align: center;
    letter-spacing: 0.01rem;
    color: #3E3A39;
    background: url(../imgs/nv3/bar.jpg) bottom right no-repeat;
    font-size: 1.5rem;
    font-size: 15px;
  }

  #box-Headernv ul.nvtest {
    position: absolute;
    top: 0px;
    left: 0px;
  }

  /* スクロール追従*/
  #header #box-Headernv #nv3.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    background-color: white;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 10px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 10px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 10px 0px;
    width: 100%;
    height: 50px;
  }

  #header #box-Headernv #nv3.fixed .hld {
    width: 1000px;
    margin: 0 auto;
  }

  /* =======================================================
  
    Style Footer
    footer.scss
  
  ======================================================= */
  #foot {
    padding-top: 60px;
    width: 100%;
    background: #ebebeb;
  }
  #foot .kari {
    margin: 0 auto;
  }
  #foot .foot2 {
    margin: 0px auto 0px auto;
    width: 1000px;
    height: 155px;
    background: #fff;
  }
  #foot .foot2 ul li {
    float: left;
    height: 155px;
    width: 250px;
    position: relative;
    text-align: center;
  }
  #foot .foot2 ul li a {
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  #foot .foot2 ul li a:hover {
    color: #ccc;
  }
  #foot .foot2 ul li.ftnv1 {
    background: url(../imgs/ftr2/ftr1.png) left top no-repeat;
  }
  #foot .foot2 ul li.ftnv2 {
    background: url(../imgs/ftr2/ftr2.png) left top no-repeat;
  }
  #foot .foot2 ul li.ftnv2 .ftxt strong {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.1rem;
    color: #3B8FBB;
  }
  #foot .foot2 ul li.ftnv3 {
    background: url(../imgs/ftr2/ftr3.png) left top no-repeat;
  }
  #foot .foot2 ul li.ftnv4 {
    background: url(../imgs/ftr2/ftr4.png) left top no-repeat;
  }
  #foot .foot2 ul li .fttl {
    text-align: center;
    display: block;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.5;
    letter-spacing: 0.1rem;
    margin: 40px 0px 0px 40px;
  }
  #foot .foot2 ul li .ftxt {
    text-align: center;
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.8;
    letter-spacing: 0.1rem;
    margin: 15px 0px 10px 0px;
  }
  #foot .txtCopyright {
    margin-top: 43px;
    text-align: center;
    font-size: 0.8rem;
    letter-spacing: 1px;
  }
  #foot .foot3 {
    margin: 60px auto 0px auto;
    width: 1000px;
  }
  #foot .foot3 .lihld_1, #foot .foot3 .lihld_2, #foot .foot3 .lihld_3, #foot .foot3 .lihld_4 {
    float: left;
    width: 180px;
    text-align: left;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.8;
    letter-spacing: 0.1rem;
  }
  #foot .foot3 ul li.tplst {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
    letter-spacing: 0.01rem;
    background: url(../imgs/ftr3/arw.png) top left no-repeat;
    padding: 2px 0px 0px 15px;
  }
  #foot .foot3 ul li.sblst {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.01rem;
    background: url(../imgs/ftr3/arw2.png) top left no-repeat;
    padding: 2px 0px 0px 15px;
  }
  #foot .foot3 ul li a:hover {
    text-decoration: underline;
  }
  #foot .foot3 .fbhld {
    float: right;
    width: 233px;
  }
  #foot .txtCopyright {
    text-align: center;
    font-size: 1rem;
    color: #999;
    letter-spacing: 1px;
    padding-bottom: 10px;
  }

  /* =======================================================
  
    Style global navi
    webslidemenu.scss
  
  ======================================================= */
  .wsmenu {
    position: relative;
    padding: 0px;
    margin: 0px auto;
    width: 100%;
    background-color: #fff;
  }

  .wsmenu-list {
    width: 100%;
    display: table;
    padding: 0px;
  }
  .wsmenu-list > li {
    text-align: center;
    display: table-cell;
  }
  .wsmenu-list > li > a {
    display: block;
    padding: 0px 14px;
    line-height: 50px;
    text-decoration: none;
  }
  .wsmenu-list li:hover .megamenu {
    opacity: 1;
  }

  /*For megamenu desktop */
  .megamenu {
    width: 100%;
    left: 0px;
    position: absolute;
    color: #000;
    z-index: 1000;
    margin: 0px;
    text-align: left;
    font-size: 15px;
    /*border:solid 1px #eeeeee;*/
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
  }

  .wsmenu-list li > .megamenu {
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    visibility: hidden;
  }
  .wsmenu-list li:hover > .megamenu {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
  }

  /* Default Theme */
  .wsmenu-list li:hover > a {
    background-color: rgba(0, 0, 0, 0.08) !important;
    text-decoration: none;
  }
  .wsmenu-list li > a:hover {
    background-color: rgba(0, 0, 0, 0.08) !important;
    text-decoration: none;
  }
  .wsmenu-list > li > a:hover {
    background-color: rgba(0, 0, 0, 0.08) !important;
    text-decoration: none;
  }
  .wsmenu-list > li > a.active {
    background-color: rgba(0, 0, 0, 0.08) !important;
    text-decoration: none;
  }

  /* CC
  ---------------------------------------------*/
  /* .nvin1
  ---------------------------------------------*/
  .nvin1 {
    background: none;
    position: relative;
  }

  .megamenu .nvin1in div:hover {
    background: #f0f0f0;
  }

  .nvin1in {
    width: 1000px;
    height: 410px;
    border-top: 5px solid #E7E7E7;
  }

  .nttl1 {
    text-align: left;
    font-size: 14px;
    padding: 0 0 5px 0;
    position: absolute;
    top: 25px;
    left: 40px;
    width: 550px;
    border-bottom: 1px solid #9AD2F0;
  }

  .n1-1 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 68px;
    left: 40px;
  }
  .n1-1 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-1 img {
    float: left;
    left: 0;
  }

  .n1-2 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 147px;
    left: 40px;
  }
  .n1-2 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-2 img {
    float: left;
    left: 0;
  }

  .n1-3 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 226px;
    left: 40px;
  }
  .n1-3 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-3 img {
    float: left;
    left: 0;
  }

  .n1-4 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 305px;
    left: 40px;
  }
  .n1-4 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-4 img {
    float: left;
    left: 0;
  }

  .n1-5 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 68px;
    left: 322px;
  }
  .n1-5 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-5 img {
    float: left;
    left: 0;
  }

  .n1-6 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 147px;
    left: 322px;
  }
  .n1-6 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-6 img {
    float: left;
    left: 0;
  }

  .n1-7 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 226px;
    left: 322px;
  }
  .n1-7 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-7 img {
    float: left;
    left: 0;
  }

  .n1-8 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 305px;
    left: 322px;
  }
  .n1-8 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-8 img {
    float: left;
    left: 0;
  }

  .nttl2 {
    text-align: left;
    font-size: 14px;
    padding: 0 0 5px 0;
    position: absolute;
    top: 25px;
    left: 660px;
    width: 268px;
    border-bottom: 1px solid #9AD2F0;
  }

  .n1-11 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 68px;
    left: 660px;
  }
  .n1-11 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-11 img {
    float: left;
    left: 0;
  }

  .n1-12 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 147px;
    left: 660px;
  }
  .n1-12 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-12 img {
    float: left;
    left: 0;
  }

  .n1-13 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 226px;
    left: 660px;
  }
  .n1-13 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-13 img {
    float: left;
    left: 0;
  }

  .n1-14 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 305px;
    left: 660px;
  }
  .n1-14 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-14 img {
    float: left;
    left: 0;
  }

  .n1-10 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 226px;
    left: 660px;
  }
  .n1-10 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n1-10 img {
    float: left;
    left: 0;
  }

  /* .nvin2
  ---------------------------------------------*/
  .megamenu .nvin2in div:hover {
    background: #f0f0f0;
  }

  .nvin2in {
    width: 1000px;
    height: 326px;
    border-top: 5px solid #E7E7E7;
  }

  .n2ttl1 {
    text-align: left;
    font-size: 14px;
    padding: 0 0 5px 0;
    position: absolute;
    top: 25px;
    left: 40px;
    width: 832px;
    border-bottom: 1px solid #9AD2F0;
  }

  .n2-1 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 68px;
    left: 40px;
  }
  .n2-1 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n2-1 img {
    float: left;
    left: 0;
  }

  .n2-2 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 152px;
    left: 40px;
  }
  .n2-2 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n2-2 img {
    float: left;
    left: 0;
  }

  .n2-3 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 68px;
    left: 322px;
  }
  .n2-3 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n2-3 img {
    float: left;
    left: 0;
  }

  .n2-4 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 152px;
    left: 322px;
  }
  .n2-4 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n2-4 img {
    float: left;
    left: 0;
  }

  .n2-5 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 68px;
    left: 604px;
  }
  .n2-5 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n2-5 img {
    float: left;
    left: 0;
  }

  .n2-6 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 152px;
    left: 604px;
  }
  .n2-6 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n2-6 img {
    float: left;
    left: 0;
  }

  .n2-7 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 238px;
    left: 40px;
  }
  .n2-7 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n2-7 img {
    float: left;
    left: 0;
  }

  /* .nvin5
  ---------------------------------------------*/
  .megamenu .nvin5in div:hover {
    background: #f0f0f0;
  }

  .nvin5in {
    width: 1000px;
    height: 335px;
    border-top: 5px solid #E7E7E7;
  }

  .n5ttl1 {
    text-align: left;
    font-size: 14px;
    padding: 0 0 5px 0;
    position: absolute;
    top: 25px;
    left: 40px;
    width: 832px;
    border-bottom: 1px solid #9AD2F0;
  }

  .n5-1 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 68px;
    left: 40px;
  }
  .n5-1 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n5-1 img {
    float: left;
    left: 0;
  }

  .n5-2 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 68px;
    left: 322px;
  }
  .n5-2 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n5-2 img {
    float: left;
    left: 0;
  }

  .n5-3 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 68px;
    left: 604px;
  }
  .n5-3 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n5-3 img {
    float: left;
    left: 0;
  }

  .n5-4 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 152px;
    left: 40px;
  }
  .n5-4 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n5-4 img {
    float: left;
    left: 0;
  }

  .n5-5 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 152px;
    left: 322px;
  }
  .n5-5 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n5-5 img {
    float: left;
    left: 0;
  }

  .n5-6 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 152px;
    left: 604px;
  }
  .n5-6 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n5-6 img {
    float: left;
    left: 0;
  }

  .n5-7 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 236px;
    left: 40px;
  }
  .n5-7 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n5-7 img {
    float: left;
    left: 0;
  }

  .n5-8 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 236px;
    left: 322px;
  }
  .n5-8 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n5-8 img {
    float: left;
    left: 0;
  }

  .n5-9 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 152px;
    left: 604px;
  }
  .n5-9 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n5-9 img {
    float: left;
    left: 0;
  }

  .n5-10 {
    background: #fff;
    text-align: left;
    position: absolute;
    width: 268px;
    height: 68px;
    top: 236px;
    left: 604px;
  }
  .n5-10 a {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
  }
  .n5-10 img {
    float: left;
    left: 0;
  }

  .tt {
    font-size: 13px !important;
    font-size: 1.3rem !important;
    letter-spacing: 0.1px !important;
    display: block;
    width: 158px;
    float: left;
    padding: 0px 0px 0px 10px;
  }

  .ttb {
    font-size: 13px !important;
    font-size: 1.3rem !important;
    letter-spacing: 0.1px !important;
    display: block;
    width: 158px;
    float: left;
    padding: 23px 0px 0px 10px;
  }

  .sbtt {
    font-size: 10px !important;
    letter-spacing: 0.1px !important;
    display: block;
    width: 158px;
    float: left;
    padding: 10px 0px 0px 10px;
  }

  /* =======================================================
  
    Style Layout
    layouts.scss
  
  ======================================================= */
  /* ===================================
   * common
   * ====================================*/
  /*  #pgttl
  ---------------------------------------*/
  #pgttl_hld {
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
  }

  #pgttl {
    width: 1000px;
    text-align: left;
    margin: 60px auto 50px;
  }
  #pgttl h2, #pgttl h3 {
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.8;
    display: block;
    letter-spacing: 0.1rem;
    font-family: "AxisStd-ExtraLight" !important;
  }

  /* ======================================
   * product pages
   * =====================================*/
  /*  product inkjet form
  ---------------------------------------------*/
  .bluebg {
    margin-left: 17px;
    background: #78c2ec;
    padding: 6px 24px;
    color: #fff;
  }

  .cont_form_hld {
    margin: 0 auto;
    width: 100%;
  }
  .cont_form_hld dl.mailform {
    margin: 0 auto;
    width: 850px;
  }
  .cont_form_hld dl.mailform dt {
    float: left;
    width: 200px;
    padding: 15px 0;
  }
  .cont_form_hld dl.mailform dd {
    float: right;
    width: 600px;
    padding: 15px 0;
  }
  .cont_form_hld dl.mailform dd input {
    margin-right: 10px;
    padding: 4px;
  }

  .attnt {
    color: #ff0000;
    padding: 0 0px 0 6px;
  }

  /*  product #pdctnv
  ---------------------------------------------*/
  #pdct_nv {
    width: 1000px;
    height: 40px;
    margin: -30px auto 0;
  }
	
  #pdct_nv ul {
    margin-left: 512px;
    width: 488px;
  }
  #pdct_nv ul li {
    float: right;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.02rem;
    margin-left: 2px;
  }
  #pdct_nv ul li a {
    padding: 8px 0 0 0;
    display: block;
    width: 120px;
    height: 40px;
    background: #78C2EC;
    color: #fff;
  }
  #pdct_nv ul li a:hover {
    display: block;
    width: 120px;
    height: 40px;
  }
  #pdct_nv ul li.on a {
    background: #06668E !important;
  }
  #pdct_nv ul li.pnv1 a:hover {
    background: #F1F1F1;
    color: #999;
  }
  #pdct_nv ul li.pnv2 a:hover {
    background: #cae5f8;
    color: #fff;
  }
  #pdct_nv ul li.pnv3 a:hover {
    background: #b2cadf;
    color: #fff;
  }
  #pdct_nv ul li.pnv4 a:hover {
    background: #cae5f8;
    color: #fff;
  }

  /*  product srch_btn
  ---------------------------------------------*/
  .srch_btn {
    text-align: center;
  }
  .srch_btn img:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
  }

  /* =========================================
   * contact pages
   * ==========================================*/
  /*  contact mihon
  ---------------------------------------------*/
  .mhnlist ul li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f0efef;
    background: #fcfdfd;
    height: 232px;
    width: 484px;
    float: left;
    position: relative;
    margin-right: 32px;
    margin-bottom: 35px;
  }
  .mhnlist ul li:nth-child(even) {
    margin-right: 0px !important;
  }
  .mhnlist ul li .logo {
    position: absolute;
    top: 30px;
    left: 30px;
    display: block;
    height: 40px;
    width: 180px;
  }
  .mhnlist ul li .name {
    position: absolute;
    top: 90px;
    left: 30px;
    display: block;
    height: 45px;
    width: 180px;
    font-size: 1.0px;
    font-size: 1.0rem;
    letter-spacing: 0.1rem;
    line-height: 1.8;
  }
  .mhnlist ul li .name em {
    display: block;
    font-size: 1.5px !important;
    font-size: 1.5rem !important;
    letter-spacing: 0.01rem;
    line-height: 1.8;
  }
  .mhnlist ul li .discrpt {
    position: absolute;
    top: 147px;
    left: 30px;
    display: block;
    height: 60px;
    width: 180px;
    font-size: 1.0px;
    font-size: 1.0rem;
    letter-spacing: 0.1rem;
    line-height: 1.7;
  }
  .mhnlist ul li .img {
    position: absolute;
    top: 30px;
    left: 232px;
    display: block;
    height: 130px;
    width: 220px;
  }
  .mhnlist ul li .btn {
    position: absolute;
    top: 170px;
    left: 232px;
    display: block;
    height: 32px;
    width: 220px;
  }

  /* =============================================================
   * other will be replaced in september
   * =============================================================*/
  /*  contact
  ---------------------------------------------*/
  .cont_box1 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #78C0EB;
    padding: 30px 50px 50px;
  }
  .cont_box1 .sect425 {
    float: left;
    width: 425px;
  }
  .cont_box1 .sect425 .attn a {
    text-decoration: underline;
  }
  .cont_box1 .tel {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.8;
    display: block;
    letter-spacing: 0.1rem;
    color: #3C8EB9;
  }
  .cont_box1 .tel em {
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.8;
    display: inline-block;
    letter-spacing: 0.1rem;
    margin-left: 20px;
    color: #3C8EB9;
  }
  .cont_box1 .attn {
    display: block;
    margin-left: 12px;
    margin-top: 20px;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.8;
    letter-spacing: 0.05rem;
    text-align: left;
  }
  .cont_box1 .ttl1 {
    background-image: url(../imgs/icon/label1.gif);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 45px;
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .cont_box1 .ttl2 {
    background-image: url(../imgs/icon/label2.gif);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 45px;
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .cont_box1 .ttl3 {
    background-image: url(../imgs/icon/label3.gif);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 45px;
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .cont_box1 h4 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.8;
    display: block;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  .cont_box1 .btnhld {
    margin-top: 0px;
  }
  .cont_box1 .btnhld:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
    background: none !important;
  }
  .cont_box1 .txt12 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    text-align: left;
  }
  .cont_box1 .txt12 a {
    color: #3C8EB9;
    text-decoration: underline;
  }
  .cont_box1 .txt15 em {
    color: #3C8FBA;
  }

  .box-1_1col .btnhld:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
    background: none !important;
  }

  /*  cont_box2
  ---------------------------------------------*/
  .cont_box2 ul li {
    float: left;
    width: 480px;
  }
  .cont_box2 ul li.first {
    margin-right: 40px;
  }
  .cont_box2 ul li h5, .cont_box2 ul li h3 {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.4;
    letter-spacing: 0.01rem;
    margin: 15px 0px 15px 0px;
    text-align: left;
  }
  .cont_box2 ul li .lead {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    text-align: left;
  }
  .cont_box2 ul li p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    text-align: left;
  }
  .cont_box2 ul li p em {
    display: block;
  }
  .cont_box2 ul li span {
    display: block;
  }
  .cont_box2 ul li .itemname .inttl {
    color: #595757;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    margin: 35px 0 10px 0;
    padding-bottom: 10px;
  }
  .cont_box2 ul li .itemname .in {
    color: #595757;
    line-height: 14px;
    padding: 5px;
    margin: 2px;
    display: inline-block;
    background: #ECECEC;
  }

  /*  news index
  ---------------------------------------------*/
  .news_list {
    width: 700px;
  }
  .news_list ul li {
    display: block;
    width: 700px;
    border-bottom: 1px solid #b5b5b6;
  }
  .news_list ul li a {
    width: 100%;
    display: block;
  }
  .news_list ul li a:hover {
    color: #999;
  }
  .news_list ul li:hover {
    width: 100%;
    display: block;
    background: #F0F0F0;
  }
  .news_list ul li:frist-child {
    border-top: 1px solid #b5b5b6;
  }
  .news_list ul li .imghld {
    float: left;
    padding: 30px 0px;
  }
  .news_list ul li .news_list_rht {
    display: block;
    float: right;
    width: 530px;
    padding: 30px 0px;
  }
  .news_list ul li .news_list_rht h4 {
    font-size: 1.5rem;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 0.1rem;
    display: block;
    width: 100%;
    margin: 9px 0 5px;
  }
  .news_list ul li .news_list_rht p {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.1rem;
    display: block;
    width: 100%;
  }

  /*  news i
  ---------------------------------------------*/
  .nwstag {
    display: inline-block;
    height: 11px;
    text-align: center;
    text-decoration: none;
    line-height: 11px;
    font-size: 1.2rem;
    font-size: 12px;
    letter-spacing: 0.1rem;
    outline: none;
    border: 1px solid #3d88b1;
    padding: 3px 13px 14px;
    margin-right: 15px;
    color: #3d88b1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

  .nwstag2 {
    display: inline-block;
    height: 11px;
    text-align: center;
    text-decoration: none;
    line-height: 11px;
    font-size: 1.2rem;
    font-size: 12px;
    letter-spacing: 0.1rem;
    outline: none;
    border: 1px solid #3d88b1;
    background: #3d88b1;
    padding: 3px 13px 14px;
    margin-right: 15px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

  .nwsdt {
    display: inline-block;
    font-size: 12px;
  }

  .news-box-1col {
    color: #4d4948;
    width: 670px;
  }
  .news-box-1col dl {
    width: 690px;
  }
  .news-box-1col dl dt {
    width: 130px;
  }
  .news-box-1col dl dd {
    width: 550px;
  }
  .news-box-1col dl dt, .news-box-1col dl dd {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing: 0.02rem;
    display: inline;
    float: left;
  }
  .news-box-1col p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.0rem;
    letter-spacing: 0.1rem;
    padding: 10px 0;
  }
  .news-box-1col h4 {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.4;
    display: block;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }

  dl.newstables {
    width: 670px;
    margin-top: 24px;
    margin-bottom: 24px;
    /* border-bottom: 1px solid #aeaeaf; */
  }
  dl.newstables dt, dl.newstables dd {
    border-bottom: 1px solid #aeaeaf;
    line-height: 1.7;
  }
  dl.newstables dt {
    padding: 8px 0;
    float: left;
    width: 100px;
    clear: both;
  }
  dl.newstables dt .small {
    font-size: 12px;
    letter-spacing: -4px;
  }
  dl.newstables dd {
    padding: 8px 0;
  }

  .news-box-2col {
    color: #4d4948;
    width: 670px;
  }
  .news-box-2col p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.0rem;
    letter-spacing: 0.1rem;
    padding: 10px 0;
  }
  .news-box-2col h4 {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 25px;
    display: block;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  .news-box-2col .leftbx {
    float: left;
    width: 0px;
  }
  .news-box-2col .rightbx {
    float: right;
    width: 250px;
  }

  .arrw1 {
    display: inline-block;
    width: 12px;
    height: 15px;
    background-image: url(../imgs/arrw1.gif);
    background-repeat: no-repeat;
    background-position: 0% 90%;
  }

  .link {
    display: inline-block;
    line-height: 25px !important;
  }
  .link a {
    text-decoration: underline;
  }
  .link .jump {
    display: inline-block;
    width: 22px;
    eight: 18px;
    background-image: url(../imgs/jump.gif);
    background-repeat: no-repeat;
    background-position: 0% 100%;
    margin-left: 5px;
    margin-bottom: -4px;
  }

  .newspage-ttl {
    margin: 15px 0 20px 0;
    text-align: left;
    background: #ffffff;
    display: inline-block;
  }
  .newspage-ttl h3 {
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.7;
    margin: 0 0 0 0;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }

  .greybx {
    padding: 15px;
    width: 668px;
    border: 1px solid #f0efef;
    background: #fcfdfd;
  }

  /*  search
  ---------------------------------------------*/
  #search_area {
    width: 1000px;
    background: #fbfbfb;
    border: 1px solid #e6e6e6;
  }
  #search_area .srch_box_hld {
    float: left;
    margin: 42px 0 42px 50px;
    width: 350px;
  }
  #search_area .srch_box_hld .input_search {
    width: 240px;
    border: 1px solid #e6e6e6;
    margin-right: 0;
  }
  #search_area .srch_box_hld .submit_search {
    width: 55px !important;
    margin-left: 0;
  }
  #search_area .srch_txt {
    float: right;
    margin: 42px 50px 42px 0px;
    width: 540px;
  }

  /*  product new
  ---------------------------------------------*/
  #pdct-ttlhld {
    width: 1000px;
    margin: 0 auto;
  }
  #pdct-ttlhld h3 {
    font-size: 30px;
    font-size: 3.0rem;
    display: block;
    width: 1000px;
    text-align: left;
    vertical-align: top;
    margin-top: 35px;
    letter-spacing: 0.1rem;
    font-family: "AxisStd-ExtraLight" !important;
  }
  #pdct-ttlhld h3 .pdctttls {
    font-size: 20px;
    font-size: 2.0rem;
    display: inline-block;
    letter-spacing: 0.1rem;
  }

  /*  product
  ---------------------------------------------*/
  #pdct_main {
    width: 100%;
    height: 180px;
    text-align: center;
    background: whitesmoke;
  }
  #pdct_main .posihld {
    width: 1000px;
    height: 180px;
    margin: 0 auto;
  }

  .pdct-box-1_1col h2 {
    font-size: 15px !important;
    font-size: 1.5rem !important;
    line-height: 1.7 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col h3 {
    font-size: 25px !important;
    font-size: 2.5rem !important;
    line-height: 1.7 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col h3.pdct_page_ttl {
    font-size: 15px !important;
    font-size: 1.5rem !important;
    line-height: 1.7 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col h3.f30 {
    font-size: 30px !important;
    font-size: 3rem !important;
    line-height: 1.7 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
    margin: 0 0 1rem;
  }
  .pdct-box-1_1col h3.f20 {
    font-size: 20px !important;
    font-size: 2rem !important;
    line-height: 1.7 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col h4.f15 {
    font-size: 1.5rem !important;
    line-height: 1.7 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col h5 {
    font-size: 25px !important;
    font-size: 2.5rem !important;
    line-height: 1.7 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col p {
    font-size: 12px !important;
    font-size: 1.2rem !important;
    line-height: 1.8;
    letter-spacing: 0.05rem;
  }
  .pdct-box-1_1col p em {
    font-family: "AxisStd-Midium" !important;
  }
  .pdct-box-1_1col .left_350 {
    width: 350px;
    float: left;
    text-align: left;
  }
  .pdct-box-1_1col .left_400 {
    width: 400px;
    float: left;
    text-align: left;
  }
  .pdct-box-1_1col .left_450 {
    width: 450px;
    float: left;
    text-align: left;
  }
  .pdct-box-1_1col .left_480 {
    width: 480px;
    float: left;
    text-align: left;
  }
  .pdct-box-1_1col .left_500 {
    width: 500px;
    float: left;
    text-align: left;
  }
  .pdct-box-1_1col .right_350 {
    width: 350px;
    float: right;
    text-align: left;
  }
  .pdct-box-1_1col .right_400 {
    width: 400px;
    float: right;
    text-align: left;
  }
  .pdct-box-1_1col .right_400 .txt1 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.1rem;
    display: block;
  }
  .pdct-box-1_1col .right_450 {
    width: 450px;
    float: right;
    text-align: left;
  }
  .pdct-box-1_1col .right_480 {
    width: 480px;
    float: right;
    text-align: left;
  }
  .pdct-box-1_1col .right_530 {
    width: 530px;
    float: right;
    text-align: left;
  }
  .pdct-box-1_1col .right_650 {
    width: 650px;
    float: right;
    text-align: left;
  }

  .retacsheet .pdct-box-1_1col h3 {
    font-size: 20px !important;
    line-height: 1.7 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
  }
  .retacsheet .pdct-box-1_1col h3.pdct_page_ttl {
    font-size: 20px !important;
    line-height: 1.7 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
  }
  .retacsheet .pdct-box-1_1col h3.f30 {
    font-size: 20px !important;
    line-height: 1.7 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
    margin: 0 0 1rem;
  }

  /*  product common
  ---------------------------------------------*/
  .product_mv {
    width: 100%;
    text-align: center;
    height: 400px;
    position: relative;
  }
  .product_mv img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -750px;
  }

  .inkjet_cm-702gt_mv {
    background: url(../../imgs/product/inkjet/cm-702gt_mv.jpg) top center no-repeat;
  }

  /*  product index
  ---------------------------------------------*/
  /*  product series
  ---------------------------------------------*/
  table.pdct-tbl {
    margin-top: 30px;
    border-top: dotted 1px #ccc;
    border-bottom: dotted 1px #ccc;
    width: 100%;
    font-size: 11px !important;
    font-size: 1.1rem !important;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }
  table.pdct-tbl th {
    background: #eeeeef;
    border-bottom: dotted 1px #ccc;
    padding: 5px 10px 5px 25px;
  }
  table.pdct-tbl td {
    padding: 5px 10px 5px 25px;
  }

  /*  product NOCS
  ---------------------------------------------*/
  .nocs_collum {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ECECEB;
    background: #F8F8F8;
    width: 1000px;
    height: 710px;
    font-size: 12px;
    margin: 50px auto 60px;
    position: relative;
  }
  .nocs_collum .cullumttl {
    position: absolute;
    top: 25px;
    left: 40px;
  }
  .nocs_collum .imagehld {
    position: absolute;
    top: 106px;
    left: 40px;
  }
  .nocs_collum .label1 {
    padding: 2px 0 10px 30px;
    position: absolute;
    display: block;
    background: url(../../imgs/product/nocs/label1.gif) top left no-repeat;
    top: 74px;
    left: 40px;
  }
  .nocs_collum .label2 {
    padding: 2px 0 10px 30px;
    position: absolute;
    display: block;
    background: url(../../imgs/product/nocs/label2.gif) top left no-repeat;
    top: 550px;
    left: 40px;
  }
  .nocs_collum .label3 {
    padding: 2px 0 10px 30px;
    position: absolute;
    display: block;
    background: url(../../imgs/product/nocs/label3.gif) top left no-repeat;
    top: 550px;
    left: 520px;
  }
  .nocs_collum .texhld2 {
    position: absolute;
    width: 435px;
    display: block;
    top: 585px;
    left: 40px;
  }
  .nocs_collum .texhld3 {
    position: absolute;
    width: 435px;
    display: block;
    top: 585px;
    left: 520px;
  }

  /*  box-col
  ---------------------------------------------*/
  .box-6col ul li {
    float: left;
    width: 150px;
    margin-right: 20px;
  }

  .box-5col ul li {
    float: left;
    width: 184px;
    margin-right: 20px;
  }

  .box-6col ul li > a,
  .box-5col ul li > a {
    position: relative;
  }

  .box-6col ul li > a > span > img,
  .box-5col ul li > a > span > img {
    position: absolute;
    right: 10px;
  }

  .box-6col ul li > a > span > img {
    top: 70px;
  }

  .box-5col ul li > a > span > img {
    top: 85px;
  }

  .box-6col ul li:last-child,
  .box-5col ul li:last-child {
    margin-right: 0px;
  }

  .box-6col ul li p,
  .box-5col ul li p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.2rem;
    margin-top: 10px;
    text-align: left;
  }

  /*  NEXTPAGE LAYOUT (showroom)
  ---------------------------------------------*/
  #content {
    /*  page-flt-hld フロートホールド
    ---------------------------------------------*/
    /*  topics ttl
    ---------------------------------------------*/
  }
  #content .page-ttl {
    margin: 15px 0 20px 0;
    text-align: left;
    background: #ffffff;
    display: inline-block;
    padding: 0;
  }
  #content .page-ttl h3 {
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 40px;
    margin: 0 0 0 0;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  #content .page-subttl {
    text-align: left;
    display: inline-block;
  }
  #content .page-subttl h4 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 28px;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  #content .page-main {
    position: relative;
    margin: 0 0 20px 0;
    text-align: left;
    background: #ffffff;
    padding: 0;
  }
  #content .page-main h4, #content .page-main h3 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 28px;
    margin: 25px 0 0 0;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  #content .page-main p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0.1rem;
    margin: 25px 0 0 0;
    margin-bottom: 1.0rem;
  }
  #content .page-main .infosq {
    position: absolute;
    top: 30px;
    left: 30px;
    text-align: left;
    background: #ffffff;
    padding: 0;
  }
  #content .page-cont {
    margin: 40px 0 40px 0;
    text-align: left;
    background: #fff;
    padding: 0;
  }
  #content .page-cont h4, #content .page-cont h3 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.8rem;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  #content .page-cont h3.yak {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    margin: 15px 0px 10px 0px;
    text-align: left;
  }
  #content .page-cont .iconh4 h4, #content .page-cont .iconh4 h3 {
    line-height: 34px !important;
  }
  #content .page-cont .iconh4 h4 span, #content .page-cont .iconh4 h3 span {
    margin-right: 15px;
    display: inline-block;
  }
  #content .page-cont ul.pate-sml-cont {
    margin: 0 0 40px 0;
    text-align: left;
    background: #ffffff;
    padding: 0;
  }
  #content .page-cont-2 {
    width: 100%;
    background: #fbfbfb;
    padding: 0;
    border: 1px solid #efefef;
  }
  #content .page-cont-2 .center-hld {
    width: 100%;
    background: #fbfbfb;
    padding: 0;
  }
  #content .page-cont-2 h4, #content .page-cont-2 h3 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 30px;
    display: block;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  #content .page-cont-2 h4 .ltl, #content .page-cont-2 h3 .ltl {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  #content .page-cont-2 p {
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  #content .page-flt-hld {
    width: 1000px;
    display: block;
    /*  page-flt-hld フロートホールド  小売り一覧
    ---------------------------------------------*/
  }
  #content .page-flt-hld .fltleft {
    float: left;
    width: 700px;
    margin-bottom: 200px;
    text-align: left;
  }
  #content .page-flt-hld .fltright {
    float: right;
    width: 200px;
    margin-bottom: 200px;
    text-align: left;
  }
  #content .page-flt-hld .fltright ul.subnav li {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 16px;
    width: 200px;
    border-bottom: 1px solid #b5b5b6;
  }
  #content .page-flt-hld .fltright ul.subnav li a {
    width: 100%;
    display: block;
    padding: 25px 6px 25px 6px;
  }
  #content .page-flt-hld .fltright ul.subnav li a:hover {
    width: 100%;
    display: block;
    background: #F0F0F0;
    color: #999;
  }
  #content .page-flt-hld .fltright ul.subnav li.first {
    border-top: 1px solid #b5b5b6;
  }
  #content .page-flt-hld .fltleft2 {
    float: left;
    width: 320px;
    margin-bottom: 200px;
    text-align: left;
  }
  #content .page-flt-hld .fltright2 {
    float: right;
    width: 650px;
    margin-bottom: 200px;
    text-align: left;
  }
  #content .topic-ttl {
    margin: 0 0 20px 0;
    text-align: left;
    background: #fff;
    display: inline-block;
    padding: 0;
  }
  #content .topic-ttl span {
    display: block;
    float: left;
  }
  #content .topic-ttl .en {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 25px;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  #content .topic-ttl .before .jp {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    margin-left: 30px;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  #content .topic-ttl-inner {
    text-align: left;
    background: #fff;
    display: inline-block;
    padding: 0 40px;
  }

  /*  left-box-1col
  ---------------------------------------------*/
  .left-box-1col {
    /*  left-box-1col company-history
    ---------------------------------------------*/
    /*  left-box-1col company-profile
    ---------------------------------------------*/
  }
  .left-box-1col p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.0rem;
    letter-spacing: 0.1rem;
    padding: 10px 0;
  }
  .left-box-1col h3, .left-box-1col h4 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.5;
    display: block;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  .left-box-1col h3.f25 {
    font-size: 25px !important;
    font-size: 2.5rem !important;
    line-height: 1.5 !important;
    display: block;
    letter-spacing: 0.1rem !important;
    color: #4c4948 !important;
  }
  .left-box-1col h4.fregular {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 10px;
  }
  .left-box-1col dl.history {
    text-align: left;
    width: 700px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2.0;
  }
  .left-box-1col dl.history dt {
    width: 240px;
    padding: 10px 10px 10px  5px;
    float: left;
    border-top: 1px dotted #ccc;
    clear: both;
    font-weight: bold;
  }
  .left-box-1col dl.history dd {
    width: 460px;
    padding: 10px 10px 10px 0;
    border-top: 1px dotted #ccc;
    float: left;
  }
  .left-box-1col dl.place {
    text-align: left;
    width: 700px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2.0;
  }
  .left-box-1col dl.place dt {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    padding: 30px 10px 30px  5px;
    float: left;
    border-top: 1px solid #B5B5B6;
    clear: both;
    font-weight: bold;
  }
  .left-box-1col dl.place dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 500px;
    padding: 30px 10px 30px 0;
    border-top: 1px solid #B5B5B6;
    float: left;
  }
  .left-box-1col dl.place a {
    text-decoration: underline;
  }
  .left-box-1col dl.profile {
    text-align: left;
    width: 700px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2.0;
  }
  .left-box-1col dl.profile dt {
    width: 200px;
    padding: 10px 10px 10px  5px;
    float: left;
    border-top: 1px dotted #ccc;
    clear: both;
    font-weight: bold;
  }
  .left-box-1col dl.profile dd {
    width: 500px;
    padding: 10px 10px 10px 0;
    border-top: 1px dotted #ccc;
    float: left;
  }

  /*  left-box-2col
  ---------------------------------------------*/
  .left-box-2col {
    /*  left-box-2col company-shikisai
    ---------------------------------------------*/
  }
  .left-box-2col .first {
    float: left;
    width: 340px;
    margin-right: 20px;
  }
  .left-box-2col .last {
    float: left;
    width: 340px;
  }
  .left-box-2col p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.0rem;
    letter-spacing: 0.1rem;
    padding: 10px 0;
  }
  .left-box-2col .first2 {
    float: left;
    width: 400px;
  }
  .left-box-2col .first2 h4 {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 25px;
    display: block;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  .left-box-2col .last2 {
    float: right;
    width: 250px;
  }

  /* スクロール追従*/
  #StoreIntro.fixed {
    position: fixed;
    top: 80px;
    z-index: 90;
  }
  #StoreIntro.fixed .hld {
    width: 320px;
  }

  /*  company message
  ---------------------------------------------*/
  .messagebg {
    background: url(../../imgs/company/message/img-1.jpg) right bottom no-repeat;
  }

  /*  box-1col
  ---------------------------------------------*/
  /*  box-1col showroom
  ---------------------------------------------*/
  .box-1 dl {
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
  }
  .box-1 dl dt {
    width: 100px;
    padding: 3px 10px 0px 0;
    float: left;
    clear: both;
  }
  .box-1 dl dd {
    width: 550px;
    padding: 3px 10px 0px 0;
    float: left;
  }

  /*  box-1_2col
  ---------------------------------------------*/
  .box-1_2col .leftsml {
    float: left;
    width: 340px;
    text-align: left;
  }
  .box-1_2col .leftsml ul {
    margin-top: 50px;
  }
  .box-1_2col .leftsml ul li {
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3;
    margin-bottom: 28px;
  }
  .box-1_2col .leftsml dl {
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
  }
  .box-1_2col .leftsml dl dt {
    width: 35px;
    padding: 0px 0px 0px 0;
    float: left;
    clear: both;
    margin-bottom: 15px;
  }
  .box-1_2col .leftsml dl dd {
    width: 280px;
    padding: 3px 10px 0px 15px;
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    letter-spacing: 0.1rem;
    margin-bottom: 15px;
  }
  .box-1_2col .rightsml {
    float: right;
    width: 655px;
    text-align: left;
    /*  box-1_2col showroom
    ---------------------------------------------*/
  }
  .box-1_2col .rightsml .caption {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.5;
    margin-top: 10px;
    display: block;
    letter-spacing: 0.01rem;
  }

  /*  box-1_1col
  ---------------------------------------------*/
  .box-1_1col .leftsml {
    float: left;
    width: 400px;
    text-align: left;
  }
  .box-1_1col .rightsml {
    float: right;
    width: 480px;
    text-align: left;
  }
  .box-1_1col .leftsml2 {
    float: left;
    width: 550px;
    text-align: left;
  }
  .box-1_1col .rightsml2 {
    float: right;
    width: 380px;
    text-align: left;
  }
  .box-1_1col .rightsml3 {
    float: right;
    width: 480px;
    text-align: left;
  }
  .box-1_1col .leftsml3 {
    float: left;
    width: 380px;
    text-align: left;
  }
  .box-1_1col .leftsml4 {
    float: left;
    width: 485px;
    text-align: left;
  }
  .box-1_1col .leftsml5 {
    float: left;
    width: 450px;
    text-align: left;
  }
  .box-1_1col .rightsml4 {
    float: right;
    width: 485px;
    text-align: left;
  }
  .box-1_1col .rightsml4 h4 {
    display: inline;
  }
  .box-1_1col .rightsml8 {
    float: right;
    width: 550px;
    text-align: left;
  }
  .box-1_1col span.icon {
    margin-right: 15px;
    display: inline-block;
  }
  .box-1_1col .ttla {
    background-image: url(../imgs/icon/a.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 45px;
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .box-1_1col .ttlb {
    background-image: url(../imgs/icon/b.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 45px;
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .box-1_1col .btnhld {
    margin-top: 30px;
  }
  .box-1_1col .btnhld:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
    background: none !important;
  }
  .box-1_1col .txt15 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0.01rem;
    text-align: left;
  }
  .box-1_1col .txt15 em {
    color: #3C8FBA;
  }
  .box-1_1col .txt10 {
    display: block;
    margin-top: 15px;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    text-align: left;
  }

  #content .box-1_1col h4, #content .box-1_1col h3 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.8;
    display: block;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  #content .box-1_1col h5, #content .box-1_1col h4.cut {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    text-align: left;
  }
  #content .box-1_1col p {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.8;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }

  /*  box-3col
  ---------------------------------------------*/
  .box-3col {
    width: 1035px;
    overflow: hidden;
  }
  .box-3col ul li {
    float: left;
    width: 310px;
    margin-right: 35px;
  }
  .box-3col ul li.page-sml-cont-hld {
    position: relative;
  }
  .box-3col ul li.page-sml-cont-hld .ttlicn > img {
    position: absolute;
    top: -10px;
    left: -14px;
  }
  .box-3col ul li.page-sml-cont-hld h5, .box-3col ul li.page-sml-cont-hld h3 {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.4;
    letter-spacing: 0.01rem;
    margin: 15px 0px 15px 0px;
    text-align: left;
  }
  .box-3col ul li.page-sml-cont-hld h5 span, .box-3col ul li.page-sml-cont-hld h3 span {
    font-size: 10px !important;
    line-height: 1.4;
    letter-spacing: 0.01rem;
    display: inline;
  }
  .box-3col ul li.page-sml-cont-hld h4 {
    font-size: 20px !important;
    font-size: 2rem !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01rem !important;
    margin: 15px 0px 15px 0px !important;
    text-align: left;
  }
  .box-3col ul li.page-sml-cont-hld h4 span {
    font-size: 10px !important;
    line-height: 1.4;
    letter-spacing: 0.01rem;
    display: inline;
  }
  .box-3col ul li.page-sml-cont-hld .lead {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    text-align: left;
  }
  .box-3col ul li.page-sml-cont-hld p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    text-align: left;
  }
  .box-3col ul li.page-sml-cont-hld p em {
    display: block;
  }
  .box-3col ul li.page-sml-cont-hld span {
    display: block;
  }
  .box-3col ul li.page-sml-cont-hld .itemname .inttl {
    color: #595757;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    margin: 35px 0 10px 0;
    padding-bottom: 10px;
  }
  .box-3col ul li.page-sml-cont-hld .itemname .in {
    color: #595757;
    line-height: 14px;
    padding: 5px;
    margin: 2px;
    display: inline-block;
    background: #ECECEC;
  }
  .box-3col ul li:last-child {
    margin-right: 0px;
  }

  /*  box-3col_b Product/inkjet
  ---------------------------------------------*/
  .box-3col_b {
    width: 1035px;
    overflow: hidden;
  }
  .box-3col_b ul li {
    float: left;
    width: 300px;
    margin-right: 50px;
  }
  .box-3col_b ul li:last-child {
    margin-right: 0px;
  }
  .box-3col_b ul li.page-sml-cont-hld p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    text-align: left;
  }
  .box-3col_b h3 {
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    text-align: left;
  }

  /*  box-3col_c Product/inkjet2
  ---------------------------------------------*/
  .box-3col_c {
    width: 1000px;
  }
  .box-3col_c .quarter {
    float: left;
    width: 220px;
  }
  .box-3col_c .quarter dl {
    width: 300px;
    font-size: 13px;
    line-height: 1.7;
    margin-top: 10px;
  }
  .box-3col_c .quarter dt {
    float: left;
    clear: left;
    width: 45px;
  }
  .box-3col_c .quarter dd {
    float: left;
    width: 170px;
  }
  .box-3col_c .quarter h5 {
    font-size: 13px;
    line-height: 1.7;
    margin-top: 10px;
    letter-spacing: 0;
  }
  .box-3col_c .quarter p {
    font-size: 10px;
    line-height: 1.7;
    margin-top: 5px;
  }
  .box-3col_c .first3 {
    float: left;
    width: 480px;
  }
  .box-3col_c .last3 {
    float: right;
    width: 480px;
  }
  .box-3col_c h3 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    text-align: left;
  }
  .box-3col_c h3 span {
    font-size: 15px;
    padding-left: 10px;
  }
  .box-3col_c h3 span a {
    text-decoration: underline;
    color: #06668e;
  }
  .box-3col_c h3.title1 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    text-align: left;
    background: url(../../imgs/product/inkjet/title1_bg.png) top right no-repeat;
  }
  .box-3col_c .inkjet_title {
    background: #e4e4e4;
    font-size: 13px;
    line-height: 1.7;
    padding: 10px 20px;
    margin-bottom: 20px;
  }

  /*  box-3col_b Product/inkjet2 link3
  ---------------------------------------------*/
  .link3 {
    margin-top: 12px;
    display: inline-block;
    line-height: 35px !important;
    font-size: 15px;
    letter-spacing: 0;
    margin-right: 25px;
  }
  .link3 .jump3 {
    width: 22px;
    height: 18px;
    background: url(../imgs/arrw_blue.png) top left no-repeat;
    padding-left: 20px;
    margin-bottom: -4px;
  }

  /*  box-3col  yakudachi-hagashikata
  ---------------------------------------------*/
  .yakudachi ul li.page-sml-cont-hld h5,
  .yakudachi ul li.page-sml-cont-hld h4 {
    font-size: 16px !important;
    font-size: 1.6rem !important;
    line-height: 2.4 !important;
    letter-spacing: 0.01rem !important;
    margin: 15px 0px 15px 0px !important;
    text-align: left;
  }

  /*  box-4col
  ---------------------------------------------*/
  .box-4col ul {
    width: 1032px;
    overflow: hidden;
  }
  .box-4col ul li {
    float: left;
    width: 226px;
    margin-right: 32px;
  }
  .box-4col ul li > a {
    position: relative;
  }
  .box-4col ul li > a:hover {
    opacity: 0.7;
  }
  .box-4col ul li > a > .ttlicn > img {
    position: absolute;
    left: -14px;
    top: -10px;
    z-index: 2;
  }
  .box-4col ul li:last-child {
    margin-right: 0px;
  }
  .box-4col ul li h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.01rem;
    margin-top: 10px;
    text-align: left;
  }
  .box-4col ul li.page-sml-cont-hld h5 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    margin: 15px 0px 10px 0px;
    text-align: left;
  }
  .box-4col ul li.page-sml-cont-hld h4 {
    font-size: 16px !important;
    font-size: 1.6rem !important;
    line-height: 1.5 !important;
    letter-spacing: 0.01rem !important;
    margin: 15px 0px 10px 0px !important;
    text-align: left;
  }
  .box-4col ul li .lead {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    margin-top: 15px;
    text-align: left;
  }
  .box-4col ul li p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    margin-top: 15px;
    text-align: left;
  }

  /*  box-4col-pdct  product-index
  ---------------------------------------------*/
  .box-4col-pdct ul li {
    float: left;
    width: 226px;
    margin-right: 32px;
  }
  .box-4col-pdct ul li > a:hover {
    opacity: 0.7;
  }
  .box-4col-pdct ul li:last-child {
    margin-right: 0px;
  }
  .box-4col-pdct ul li.lst {
    margin-right: 0px;
  }
  .box-4col-pdct ul li .ctname {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    margin: 20px 0px 10px 0px;
    text-align: left;
    width: 226px;
    display: block;
  }
  .box-4col-pdct ul li .name {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    min-height: 50px;
    letter-spacing: 0.01rem;
    margin: -10px 0px 0px 0px;
    text-align: left;
    width: 226px;
    display: block;
  }
  .box-4col-pdct ul li .name2 {
    font-size: 15px;
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: 0.01rem;
    margin: -8px 0px 10px 0px;
    text-align: left;
    width: 226px;
    display: block;
  }
  .box-4col-pdct ul li .discrpt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.01rem;
    text-align: left;
    width: 226px;
    display: block;
  }

  /*  box-4col2  colorsample
  ---------------------------------------------*/
  .box-4col-clrsmpl ul li {
    float: left;
    /*  請求ボタン
    ---------------------------------------------*/
  }
  .box-4col-clrsmpl ul li:last-child {
    margin-right: 0px;
  }
  .box-4col-clrsmpl ul li.fst {
    border-right: 1px solid #A3D6EF;
    width: 242px;
  }
  .box-4col-clrsmpl ul li.mdl {
    margin-left: 16px;
    border-right: 1px solid #A3D6EF;
    width: 242px;
  }
  .box-4col-clrsmpl ul li.lst {
    margin-left: 16px;
    width: 226px;
  }
  .box-4col-clrsmpl ul li .ctname {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    margin: 20px 0px 10px 0px;
    text-align: left;
    width: 226px;
    display: block;
  }
  .box-4col-clrsmpl ul li .name {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    min-height: 50px;
    letter-spacing: 0.01rem;
    margin: -10px 0px 0px 0px;
    text-align: left;
    width: 226px;
    display: block;
  }
  .box-4col-clrsmpl ul li .discrpt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing: 0.01rem;
    text-align: left;
    width: 226px;
    display: block;
  }
  .box-4col-clrsmpl ul li .series {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    padding: 20px 0px 20px 0px;
    text-align: left;
    width: 226px;
    display: block;
  }
  .box-4col-clrsmpl ul li .dlbtn {
    width: 226px;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    margin-top: 30px;
    text-align: center;
  }
  .box-4col-clrsmpl ul li .dlbtn img {
    margin-bottom: 10px;
  }
  .box-4col-clrsmpl ul li .dlbtn:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
    background: none !important;
  }

  /*  yakudachi point
  ---------------------------------------------*/
  .box-4col ul li.page-sml-cont-hld span {
    display: block;
  }
  .box-4col ul li.page-sml-cont-hld .point {
    border: 1px solid #999;
    width: 226px;
    position: relative;
    margin-top: 25px;
    background: #FCFCFC;
  }
  .box-4col ul li.page-sml-cont-hld .point img {
    position: absolute;
    top: 9px;
    left: 9px;
  }
  .box-4col ul li.page-sml-cont-hld .point .txt {
    position: absolute;
    top: 7px;
    left: 82px;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.4;
    letter-spacing: 0.01rem;
    display: block;
    width: 133px;
  }
  .box-4col ul li.page-sml-cont-hld .point .txt em {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.01rem;
    margin-bottom: 4px;
    display: block;
  }

  /*  haiban
  ---------------------------------------------*/
  .fltleft dl.haiban dt {
    float: left;
    width: 100px;
    text-align: left;
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 10px 7px 10px 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.01rem;
  }
  .fltleft dl.haiban dd {
    float: right;
    width: 600px;
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 10px 7px 10px 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.01rem;
  }
  .fltleft dl.haiban dd strong {
    display: inline-block;
    padding: 0 6px;
    background: #E7E3F4;
    font-weight: normal !important;
  }
  .fltleft h4.haiban {
    display: block;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    padding: 0 0 7px 0;
    border-bottom: #ccc 1px solid;
    width: 700px;
    margin: 0px 0px 20px 0;
  }

  /*  step icon
  ---------------------------------------------*/
  ul li.step {
    position: relative;
  }
  ul li.step > .stepicn > img {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
  }
  ul li.step > .stepicn > .no {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.5;
    color: #fff;
    position: absolute;
    left: 15px;
    top: 7px;
    z-index: 1000;
  }

  /*  main visual
  ---------------------------------------------*/
  #container {
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    background-attachment: fixed;
    width: 100%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    text-align: center;
  }

  #main_vs {
    width: 100%;
    height: 500px;
    text-align: center;
    background: url(../../imgs/index/mainshadow.jpg) top center repeat-x;
    position: relative;
  }
  #main_vs .posihld {
    position: absolute;
    left: 50%;
    width: 1000px;
    height: 460px;
    margin-left: -500px;
  }
  #main_vs .mainttl {
    font-family: "AxisStd-ExtraLight", Meiryo,Verdana,sans-serif;
    color: #555;
    position: absolute;
    top: 254px;
    left: 73px;
    text-align: left;
    line-height: 43px;
    font-size: 30px;
    font-size: 3.0rem;
  }

  #main_vss {
    width: 100%;
    height: 500px;
    text-align: center;
    background: url(../../imgs/index/mainshadow.jpg) top center repeat-x;
    position: relative;
    overflow: hidden;
  }
  #main_vss .posihld2 {
    position: absolute;
    left: 50%;
    width: 1000px;
    height: 460px;
    margin-left: -500px;
  }

  #main_pvs {
    width: 100%;
    height: 180px;
    text-align: center;
    background: whitesmoke;
  }
  #main_pvs .posihld {
    width: 1000px;
    height: 180px;
    margin: 0 auto;
  }

  #main_vss2 {
    width: 100%;
    height: 350px;
    text-align: center;
    background: whitesmoke;
  }
  #main_vss2 .posihld {
    width: 1000px;
    height: 350px;
    margin: 0 auto;
  }

  /* Header Style */
  .codrops-top {
    line-height: 24px;
    font-size: 11px;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    z-index: 9999;
    position: relative;
    box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
  }
  .codrops-top a {
    padding: 0px 10px;
    letter-spacing: 1px;
    color: #333;
    display: inline-block;
  }
  .codrops-top a:hover {
    background: rgba(255, 255, 255, 0.8);
    color: #000;
  }
  .codrops-top span.right {
    float: right;
  }
  .codrops-top span.right a {
    float: left;
    display: block;
  }

  /* ====================================================================================================================
   * kouri page
   * ====================================================================================================================*/
  /*  kouri page nav
  ---------------------------------------------*/
  #main {
    position: relative;
  }

  #side {
    position: absolute;
    top: 90px;
    left: 0px;
  }

  /* ====================================================================================================================
   * product page
   * ====================================================================================================================*/
  /*  product box-3col
  ---------------------------------------------*/
  .pdct-box-3col h4 {
    font-size: 30px !important;
    font-size: 3rem !important;
    line-height: 1.6 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
  }
  .pdct-box-3col ul li {
    float: left;
    width: 310px;
    margin-right: 35px;
  }
  .pdct-box-3col ul li.page-sml-cont-hld {
    position: relative;
  }
  .pdct-box-3col ul li.page-sml-cont-hld h5 {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.4;
    letter-spacing: 0.01rem;
    margin: 15px 0px 15px 0px;
    text-align: left;
  }
  .pdct-box-3col ul li.page-sml-cont-hld .lead {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    text-align: left;
  }
  .pdct-box-3col ul li.page-sml-cont-hld p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    text-align: left;
  }
  .pdct-box-3col ul li.page-sml-cont-hld span {
    display: block;
  }
  .pdct-box-3col ul li:last-child {
    margin-right: 0px;
  }
  .pdct-box-3col li.page-sml-cont-hld .ttlicn > img {
    position: absolute;
    top: -10px;
    left: -14px;
  }

  /*  product feature
  ---------------------------------------------*/
  .bg1 {
    background: url(../../imgs/product/cuttingsheet/bg1.jpg) right bottom no-repeat;
  }

  .bg2 {
    background: url(../../imgs/product/cuttingsheet/bg2.jpg) center bottom no-repeat;
  }

  .pdct-box-1_1col {
    /*  product nocs top
    ---------------------------------------------*/
    /*  product spec
    ---------------------------------------------*/
    /*  product spec
    ---------------------------------------------*/
  }
  .pdct-box-1_1col h6 {
    font-size: 15px !important;
    font-size: 1.5rem !important;
    line-height: 1.6 !important;
    display: block;
    text-align: left;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col .leftsml {
    float: left;
    width: 480px;
    text-align: left;
  }
  .pdct-box-1_1col .leftsml .cathld {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col .leftsml .txt1 {
    display: block;
  }
  .pdct-box-1_1col .rightsml {
    float: right;
    width: 420px;
    text-align: left;
  }
  .pdct-box-1_1col .rightsml .txt1 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.1rem;
    display: block;
  }
  .pdct-box-1_1col .rightsml .cathld {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col .rightsml3 {
    float: right;
    width: 380px;
    text-align: left;
  }
  .pdct-box-1_1col .rightsml3 .cathld {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col .rightsml3 .txt1 {
    display: block;
  }
  .pdct-box-1_1col .rightsml306 {
    float: right;
    width: 306px;
    text-align: left;
  }
  .pdct-box-1_1col .rightsml267 {
    float: right;
    width: 267px;
    text-align: left;
  }
  .pdct-box-1_1col .rightsml267 .txt1 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.1rem;
    display: block;
  }
  .pdct-box-1_1col .leftsml2 {
    float: left;
    width: 460px;
    text-align: left;
  }
  .pdct-box-1_1col .leftsml5 {
    float: left;
    width: 350px;
    text-align: left;
  }
  .pdct-box-1_1col .leftsml6 {
    float: left;
    width: 600px;
    text-align: left;
  }
  .pdct-box-1_1col dl {
    width: 600px;
  }
  .pdct-box-1_1col dl dt {
    font-size: 18px !important;
    font-size: 1.8rem !important;
    line-height: 1.6;
    letter-spacing: 0.1rem;
    margin-bottom: 20px;
  }
  .pdct-box-1_1col dl dd {
    font-size: 12px !important;
    font-size: 1.2rem !important;
    line-height: 1.6;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col .rightsml6 {
    float: right;
    width: 350px;
  }
  .pdct-box-1_1col .rightsml2 {
    float: right;
    width: 490px;
    text-align: left;
  }
  .pdct-box-1_1col .rightsml2.rhtover h3 {
    margin-right: -1em;
  }
  .pdct-box-1_1col .rightsml5 {
    float: right;
    width: 650px;
    text-align: left;
  }
  .pdct-box-1_1col .leftsml3 {
    float: left;
    width: 500px;
    text-align: left;
  }
  .pdct-box-1_1col .rightsml4 {
    float: right;
    width: 450px;
    text-align: left;
  }
  .pdct-box-1_1col .rightsml4 ul#data {
    width: 450px;
    margin-top: 40px;
  }
  .pdct-box-1_1col .rightsml4 ul#data li {
    float: left;
    width: 205px;
    margin-bottom: 20px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
  }
  .pdct-box-1_1col .rightsml4 ul#data li em {
    display: block;
    width: 205px;
    border-bottom: 1px solid #9e9e9f;
    padding-bottom: 3px;
    margin-bottom: 7px;
  }
  .pdct-box-1_1col .leftsml7 {
    float: left;
    width: 400px;
    text-align: left;
  }
  .pdct-box-1_1col .rightsml7 {
    float: right;
    width: 525px;
    text-align: left;
  }
  .pdct-box-1_1col .rightsml7 ul li {
    border-left: 1px solid #EBEBEB;
    padding-left: 20px;
    border-bottom: 1px dotted #EBEBEB;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px !important;
    font-size: 1.2rem !important;
    line-height: 1.8;
    letter-spacing: 0.1rem;
  }
  .pdct-box-1_1col .rightsml7 ul li:last-child {
    border-bottom: none;
  }

  .attn_box1 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f0efef;
    background: #fcfdfd;
    padding: 24px;
  }

  /*  NEW INDEX in_link
  ---------------------------------------------*/
  .in_link {
    margin-top: 45px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1000px;
    padding: 35px;
    background: #f9f9f9;
    border: solid 1px #ececec;
  }
  .in_link h3 {
    margin-bottom: 25px;
  }
  .in_link ul li {
/*    float: left;*/
/*    width: 205px;*/
  }
  .in_link ul li img:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
  }

  /*  NEW INDEX in_2col
  ---------------------------------------------*/
  .in_2col {
    margin-top: 60px;
    width: 100%;
  }
  .in_2col .newslist {
    float: left;
    width: 625px;
  }
  .in_2col .newslist .ttl_hld {
    display: block;
    height: 45px;
  }
  .in_2col .newslist .ttl_hld .lft {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.8;
    letter-spacing: 0.01rem;
    text-align: left;
    float: left;
    display: inline-block;
  }
  .in_2col .newslist .ttl_hld .rht {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 4.2;
    letter-spacing: 0.01rem;
    text-align: left;
    float: right;
    color: #78C1EB;
  }
  .in_2col .newslist .ttl_hld .rht a {
    color: #78C1EB;
  }
  .in_2col .newslist .ttl_hld .rht a:hover {
    color: #7B7B7B;
  }
  .in_2col .newslist h3 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.8;
    letter-spacing: 0.01rem;
    text-align: left;
    display: inline-block;
    height: 25px;
    margin-bottom: 20px;
  }
  .in_2col .newslist .tolist {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0.01rem;
    text-align: left;
    margin-left: 10px;
    margin-top: -15px;
    display: inline-block;
    height: 25px;
  }
  .in_2col .newslist ul li {
    width: 635px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 3.1;
    letter-spacing: 0.01rem;
    text-align: left;
    display: inline-block;
    min-height: 42px;
    border-top: 1px solid #b4b4b5;
  }
  .in_2col .newslist ul li:hover {
    background: #f9f9f9;
  }
  .in_2col .newslist ul li.last {
    border-bottom: 1px solid #b4b4b5;
  }
  .in_2col .newslist ul li .nwsdt {
    margin-right: 10px;
  }
  .in_2col .newslist ul li .nwstag2, .in_2col .newslist ul li .nwstag {
    min-width: 90px;
  }
  .in_2col .btnhld {
    float: right;
    width: 320px;
    margin-top: 49px;
  }
  .in_2col .btnhld img {
    margin-bottom: 20px;
  }
  .in_2col .btnhld img:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
  }

  /* ============================================
   * news page
   * ======================================*/
  /*  news page nav
  ---------------------------------------------*/
  dl.newstable {
    width: 670px;
  }
  dl.newstable dt, dl.newstable dd {
    border-top: 1px solid #aeaeaf;
  }
  dl.newstable dt {
    padding: 16px 0;
    float: left;
    width: 100px;
    clear: both;
  }
  dl.newstable dd {
    padding: 16px 0;
  }

  /*  NEW INDEX in_4col
  ---------------------------------------------*/
  .in_4col {
    width: 1040px;
    overflow: hidden;
  }
  .in_4col ul li {
    float: left;
    width: 220px;
    margin-right: 40px;
  }
  .in_4col ul li .nwsdt {
    margin-right: 10px;
  }
  .in_4col ul li .nwstag2, .in_4col ul li .nwstag {
    min-width: 90px;
  }
  .in_4col ul li > a {
    position: relative;
  }
  .in_4col ul li > a:hover {
    opacity: 0.7;
  }
  .in_4col ul li:last-child {
    margin-right: 0px;
  }
  .in_4col ul li h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0.01rem;
    margin-top: 10px;
    text-align: left;
  }
  .in_4col ul li.page-sml-cont-hld h5 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    margin: 15px 0px 10px 0px;
    text-align: left;
  }
  .in_4col ul li .lead {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    margin-top: 8px;
    text-align: left;
    display: block;
  }
  .in_4col ul li p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: 0.01rem;
    margin-top: 15px;
    text-align: left;
  }
  .in_4col .in_thm {
    padding: 0 0 10px 0;
    display: block;
  }

  .in_2col .in_4col ul li .nwstag {
    min-width: 90px;
  }

  /*  見出し レイアウト設定
  ---------------------------------------------*/
  #headline {
    padding: 0 0 0px 0;
    /* フッターの高さ分 */
  }
  #headline .box-headline {
    padding: 110px 0 20px;
    text-align: center;
  }
  #headline .ttl-headline-inner {
    text-align: center;
    background: #fff;
    display: inline-block;
    padding: 0 40px;
  }
  #headline .ttl-headline-inner2 {
    position: relative;
    width: 1000px;
    height: 100px;
  }
  #headline .ttl-headline-inner2 h3 {
    position: absolute;
    top: 40px;
    left: 124px;
  }
  #headline .ttl-headline-inner2 span {
    position: absolute;
    top: 47px;
    left: 720px;
  }

  /*  houses
  ---------------------------------------------*/
  .box-tbl-houses {
    margin-bottom: 50px;
  }
  .box-tbl-houses:last-child {
    margin-bottom: 0px;
  }
  .box-tbl-houses table {
    width: 1000px;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .box-tbl-houses table tr th {
    background: #2b3d4f;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 6px 0;
    border: 1px solid #2b3d4f;
  }
  .box-tbl-houses table tr td {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 18px 20px;
    border: 1px solid #cccccc;
    text-align: center;
  }
  .box-tbl-houses table tr td.grey {
    width: 8%;
    background: #f3f3f3;
    color: #000000;
    font-weight: bold;
  }
  .box-tbl-houses table tr td.td-col8 {
    width: 8%;
  }
  .box-tbl-houses table tr td.td-col11 {
    width: 11%;
  }
  .box-tbl-houses table tr td.td-col14 {
    width: 14%;
  }
  .box-tbl-houses table tr td > a {
    position: relative;
  }
  .box-tbl-houses table tr td > a > span > img {
    position: absolute;
    right: 10px;
    top: 70px;
  }

  .gmap-wrap {
    padding: 10px;
  }

  .gmap-title {
    padding: 10px;
  }

  /*  index ttl
  ---------------------------------------------*/
  #content .ttl-content {
    margin: 0 auto 60px;
    text-align: center;
    background: url(../../img/ttl_border.gif) repeat-x 0 56px;
  }
  #content .ttl-content-inner {
    text-align: center;
    background: #fff;
    display: inline-block;
    padding: 0;
  }

  /*  index concept
  ---------------------------------------------*/
  /*z-indexのため*/
  #content .ttl-content h2,
  #content .ttl-content span,
  #content .txt-index-concept h3,
  #content .txt-index-concept p,
  #content .box-button {
    z-index: 2;
    position: relative;
  }

  /**/
  #content .ttl-content h2 {
    font-size: 56px;
    font-size: 5.6rem;
    font-style: italic;
    line-height: 56px;
    letter-spacing: 0.5rem;
    margin-bottom: 1.0rem;
  }
  #content .ttl-content span {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 43px;
    letter-spacing: 0.5rem;
    display: block;
    padding: 0;
    margin: 0 auto;
  }
  #content .txt-index-concept {
    margin-bottom: 100px;
    text-align: center;
  }
  #content .txt-index-concept h3 {
    font-size: 50px;
    font-size: 5.0rem;
    line-height: 50px;
    letter-spacing: 1.5rem;
    margin-bottom: 100px;
    text-shadow: 0 2px #fff;
  }
  #content .txt-index-concept p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 3.0;
    letter-spacing: 0.75rem;
    margin-bottom: 100px;
    text-shadow: 0 1px #fff;
  }

  /*  info
  ---------------------------------------------*/
  .box-tbl-info {
    margin-bottom: 50px;
  }
  .box-tbl-info:last-child {
    margin-bottom: 0px;
  }
  .box-tbl-info table {
    width: 1000px;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .box-tbl-info table tr th {
    background: #2b3d4f;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 6px 0;
    border: 1px solid #2b3d4f;
  }
  .box-tbl-info table tr td {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 18px 20px;
    border: 1px solid #cccccc;
  }
  .box-tbl-info table tr td.td-col1 {
    width: 20%;
    background: #f3f3f3;
    color: #000000;
    font-weight: bold;
  }
  .box-tbl-info table tr td.td-col30 {
    width: 30%;
  }

  /*  map
  ---------------------------------------------*/
  #map-dscourt {
    width: 100%;
    height: 450px;
  }

  /*  index_page
  ---------------------------------------------*/
  .emr_area {
    width: 980px;
    margin: 40px auto 15px;
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: 0.15;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
  }

  /* =======================================================
  
    Style Catalog
    catalog.scss
  
  ======================================================= */
  /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
  
  contents
  
  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
  #wrapper {
    width: 1000px;
    text-align: left;
    margin: 0 auto;
    padding: 20px 0;
  }

  * html #wrapper {
    height: 1%;
  }

  /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
  
  Lnv_area
  
  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
  #Lnv_area {
    float: left;
    width: 230px;
    margin-right: 40px;
  }
  #Lnv_area .hld1 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 230px;
    margin-bottom: 45px;
    background: #FBFBFB;
    border: 1px solid #E6E5E5;
  }
  #Lnv_area .hld2 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 230px;
    background: #FBFBFB;
    border: 1px solid #E6E5E5;
  }
  #Lnv_area .hld2 .ttl_3 {
    padding: 28px 0 0 25px;
    font-size: 20px;
  }

  /*logo*/
  div.cat-logo {
    padding: 20px 30px;
  }

  /*list_news*/
  div.L_col_ttl {
    font-size: 2.0rem;
    font-size: 20px;
    letter-spacing: 0.1rem;
    padding: 20px 25px 0 25px;
  }

  div.catalog_bdr1 {
    border-top: 1px solid #E6E5E5;
  }

  div.L_col_cont {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    /*品番で見る*/
  }
  div.L_col_cont:last-child {
    margin-bottom: 0 !important;
  }
  div.L_col_cont ul {
    overflow: hidden;
    /*シリーズ-製品一覧*/
    /*色から*/
    /*シリーズ*/
  }
  div.L_col_cont ul.L_col_series, div.L_col_cont ul.L_col_product {
    list-style: outside disc;
    padding: 14px 0 14px 34px;
    margin-bottom: 20px;
  }
  div.L_col_cont ul.L_col_series li, div.L_col_cont ul.L_col_product li {
    line-height: 3.0;
  }
  div.L_col_cont ul.L_col_color {
    list-style: none;
    padding: 10px 0 10px 20px;
  }
  div.L_col_cont ul.L_col_color li {
    float: left;
    margin: 6px 8px 6px 0;
    overflow: hidden;
    /*色別*/
  }
  div.L_col_cont ul.L_col_color li a {
    text-indent: -9999px;
    overflow: hidden;
    outline: none;
    width: 25px;
    height: 25px;
    display: block;
  }
  div.L_col_cont ul.L_col_series {
    list-style: outside disc;
    padding: 14px 0 14px 34px;
  }
  div.L_col_cont ul.L_col_series li {
    line-height: 2.5;
  }
  div.L_col_cont .search_box {
    padding: 14px 20px 14px 25px;
    margin-bottom: 10px;
  }

  input.input_search {
    font-size: 12px;
    font-size: 1.2rem;
    background: #fff;
    border: 1px solid #f2f2f2;
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    padding: 4px 5px;
    width: 129px;
    margin-right: 0px;
  }

  button.submit_search {
    font-size: 1.2rem;
    font-size: 12px;
    background: #ddd;
    border: 1px solid #FFF;
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    padding: 4px 0;
    width: 48px;
  }

  .color-1 {
    background: #F00;
  }

  .color-2 {
    background: #F60;
  }

  .color-3 {
    background: #FF0;
  }

  .color-4 {
    background: #3C0;
  }

  .color-5 {
    background: #090;
  }

  .color-6 {
    background: #0FC;
  }

  .color-7 {
    background: #00F;
  }

  .color-8 {
    background: #69F;
  }

  .color-9 {
    background: #63C;
  }

  .color-10 {
    background: #C09;
  }

  .color-11 {
    background: #FFF;
  }

  .color-12 {
    background: #000;
  }

  .color-13 {
    background: #999;
  }

  .color-14 {
    background: #e6b422;
  }

  .color-15 {
    background: #c0c0c0;
  }

  .color-16 {
    background: #960;
  }

  .color-17 {
    background: #F0F;
  }

  /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
  
  Contents_area
  
  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
  /*Col2*/
  #Col2_Contents_area {
    float: right;
    width: 730px;
    overflow: hidden;
  }

  .cat_ttl {
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 22px;
  }
  .cat_ttl p, .cat_ttl h3 {
    font-size: 2.0rem;
    font-size: 20px;
    letter-spacing: 0.1rem;
    font-weight: bold;
    margin-bottom: 4px;
  }
  .cat_ttl p span, .cat_ttl h3 span {
    display: inline-block;
  }

  .cat_list ul {
    width: 755px;
  }
  .cat_list ul li {
    float: left;
    width: 124px;
    margin: 0 27px 22px 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.4;
    min-height: 170px;
  }
  .cat_list ul li img {
    width: 124px;
    height: 93px;
    display: block;
    margin-bottom: 10px;
  }

  /*Col3*/
  #Col3_Contents_area {
    float: left;
    width: 400px;
    overflow: hidden;
  }

  .product_img {
    margin-bottom: 20px;
  }

  .porduct_related {
    margin-bottom: 20px;
  }

  .col_ttl {
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 18px;
  }
  .col_ttl p {
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    font-weight: bold;
  }

  .img_related {
    width: 400px;
    overflow: hidden;
  }
  .img_related ul {
    width: 414px;
  }
  .img_related ul li {
    float: left;
    width: 124px;
    margin: 0 14px 16px 0;
    font-size: 1.1rem;
    line-height: 1.4;
  }
  .img_related ul li img {
    width: 124px;
    height: 93px;
    display: block;
    margin-bottom: 12px;
  }

  .attn-area {
    float: right;
    width: 730px;
    padding: 15px 40px 15px 40px;
    background: #FCFCFC;
    border: solid 1px #ddd;
  }
  .attn-area .attn-right {
    float: right;
    width: 300px;
    padding: 0px;
  }
  .attn-area .attn-right .attn-txt {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }
  .attn-area .attn-right .attn-txt em {
    font-weight: bold;
  }
  .attn-area .attn-right .attn-txt p {
    margin: 5px 0 15px 0;
  }
  .attn-area .attn-left {
    float: left;
    width: 300px;
    padding: 0px;
  }
  .attn-area .attn-left .attn-txt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }
  .attn-area .attn-ttl {
    border-bottom: dotted 1px #221814;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }

  /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
  
  Rnv_area
  
  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
  #Rnv_area {
    float: right;
    width: 300px;
    margin-left: 30px;
    overflow: hidden;
    /*product_ttl*/
    /*product_discription*/
    /*product_catbtn*/
    /*product_tablename*/
    /*product_detial*/
    /*product_sample*/
    /*product_hunen_txt*/
    /*spec_pdf*/
  }
  #Rnv_area .product_name {
    padding-bottom: 7px;
    border-bottom: 1px solid #4c4948;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
    width: 100%;
  }
  #Rnv_area .hyouki {
    width: 86px;
    height: 17px;
    display: block;
    float: left;
    margin-top: 15px;
  }
  #Rnv_area .product_ttl {
    padding-bottom: 3px;
    padding-bottom: 7px;
    margin-bottom: 23px;
    border-bottom: 1px solid #4c4948;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }
  #Rnv_area .product_ttl span {
    font-size: 2.0rem;
    display: inline-block;
    margin-left: 4px;
  }
  #Rnv_area .product_ttl span.item-no {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.8;
    letter-spacing: 0.05rem;
  }
  #Rnv_area .product_ttl span.item-name {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.05rem;
  }
  #Rnv_area table {
    width: 300px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.01rem;
  }
  #Rnv_area .product_discription {
    padding-bottom: 24px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }
  #Rnv_area .product_catbtn {
    margin-bottom: 10px;
  }
  #Rnv_area .product_tablename {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }
  #Rnv_area .product_tablename img {
    position: absolute;
    top: 2px;
    right: 0px;
  }
  #Rnv_area .product_tablename img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
  }
  #Rnv_area table.product_spec {
    border-collapse: collapse;
  }
  #Rnv_area table.product_spec tr {
    border-collapse: collapse;
    border-bottom: dotted 1px #221814;
  }
  #Rnv_area table.product_spec tr td {
    border-collapse: collapse;
    padding: 12px 1rem;
  }
  #Rnv_area table.product_spec tr td.td_ttl {
    background: #eee;
  }
  #Rnv_area table.product_spec tr td.a75p {
    width: 75% !important;
  }
  #Rnv_area .product_sample strong {
    margin-top: 18px;
    width: 144px;
    display: block;
    background: #555;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    padding: 6px 0;
    margin-bottom: 2px;
  }
  #Rnv_area .product_sample ul li {
    float: left;
    width: 144px;
    margin-right: 12px;
  }
  #Rnv_area .product_sample ul li:last-child {
    margin-right: 0 !important;
  }
  #Rnv_area .product_hunen {
    margin-top: 50px;
  }
  #Rnv_area .product_hunen_txt ul li {
    border-bottom: 1px solid #333;
    padding: 20px 0;
    font-size: 1.2rem;
    line-height: 1.8;
  }
  #Rnv_area .product_hunen_txt ul li:first-child {
    padding-top: 0 !important;
  }
  #Rnv_area .product_hunen_txt ul li:last-child {
    border: none !important;
    padding-bottom: 0 !important;
  }
  #Rnv_area .spec_pdf {
    margin-top: 30px;
  }

  .product_catbtn img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
  }

  .product_spec_bdrtp {
    border-top: dotted 1px #221814;
  }

  .product_notice {
    margin-top: 1.0rem;
  }
  .product_notice p {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }

  .cf:before, .cf:after {
    content: " ";
    display: table;
  }

  .cf:after {
    clear: both;
  }

  .cf {
    *zoom: 1;
  }

  /**
   * BxSlider v4.1.2 - Fully loaded, responsive content slider
   * http://bxslider.com
   *
   * Written by: Steven Wanderski, 2014
   * http://stevenwanderski.com
   * (while drinking Belgian ales and listening to jazz)
   *
   * CEO and founder of bxCreative, LTD
   * http://bxcreative.com
   */
  /** RESET AND LAYOUT
  ===================================*/
  .bx-wrapper {
    position: relative;
    margin: 0 auto 20px;
    padding: 0;
    *zoom: 1;
  }
  .bx-wrapper img {
    max-width: 100%;
    display: block;
  }

  /** THEME
  ===================================*/
  .bx-wrapper .bx-viewport {
    background: #fff;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
  }

  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
  }

  #bx-pager {
    margin-top: 15px;
  }
  #bx-pager ul li {
    float: left;
    width: 124px;
    height: 93px;
    margin-right: 14px;
  }
  #bx-pager ul li:last-child {
    margin-right: 0px;
  }

  /* DIRECTION CONTROLS (NEXT / PREV) */
  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
  }

  .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
  }

  /* =======================================================
  
    Style Base
    base.scss
  
  ======================================================= */
  .bdrl {
    border-left: 1px solid #EBEBEB;
  }

  .bdrtp1 {
    border-top: 1px solid #CCCCCC;
  }

  .bdrbtm12 {
    padding-bottom: 30px !important;
    margin-bottom: 70px !important;
    border-bottom: 1px solid #b5b5b6;
  }

  .bdrbtm11 {
    border-bottom: 1px solid #aeaeaf;
  }

  .bdrbtm10 {
    padding-bottom: 30px !important;
    border-bottom: 1px solid #b5b5b5;
  }

  .bdrbtm9 {
    border-bottom: 1px solid #CCCCCC;
  }

  .bdrbtm8 {
    padding-bottom: 30px !important;
    border-bottom: 2px dotted #78C0EB !important;
    margin-bottom: 35px;
  }

  .bdrbtm7 {
    padding-bottom: 60px !important;
    border-bottom: 1px solid #b5b5b6 !important;
  }

  .bdrbtm6 {
    margin-top: 80px;
    padding-top: 0px !important;
    border-top: 1px dotted #b5b5b6 !important;
  }

  .bdrbtm5 {
    padding-bottom: 50px !important;
    border-bottom: 1px solid #b5b5b6 !important;
  }

  .bdrbtm4 {
    padding-bottom: 5px !important;
    border-bottom: 1px dotted #231815 !important;
  }

  .bdrbtm3 {
    padding-bottom: 30px !important;
    border-bottom: 1px dotted #b5b5b6 !important;
  }

  .bdrbtm2 {
    padding-bottom: 60px !important;
    border-bottom: 1px dotted #b5b5b6 !important;
  }

  .bdrbtm1 {
    padding-bottom: 10px !important;
    border-bottom: 1px dotted #b5b5b6 !important;
  }

  .bdrbtm {
    padding-bottom: 30px !important;
    border-bottom: 1px solid #b5b5b6 !important;
  }

  .nobdr {
    border: none !important;
  }

  .udlineblue {
    border-bottom: 1px dashed #1362dc !important;
  }

  .outlink {
    color: #333333;
    text-decoration: underline;
    line-height: 1.0;
    font-weight: bold;
    padding: 0 18px 10px 38px;
    display: block;
    background: url("http://www.haratetsuo.com/wp-content/uploads/2014/07/linkmark.png") no-repeat left center;
  }

  .outlink2 {
    color: #333333;
    text-decoration: underline;
    line-height: 1.0;
    font-weight: bold;
    padding: 0 18px 10px 23px;
    display: block;
    background: url("http://www.haratetsuo.com/wp-content/uploads/2014/07/linkmark2.png") no-repeat left center;
  }

  .outlink2 a {
    color: #333333 !important;
  }

  .f30 {
    font-size: 30px !important;
    font-size: 3rem !important;
    line-height: 1.8 !important;
    letter-spacing: 0.1rem !important;
  }

  .f28 {
    font-size: 28px !important;
    font-size: 2.8rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .f26 {
    font-size: 26px !important;
    font-size: 2.6rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .f25 {
    font-size: 26px !important;
    font-size: 2.6rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .ft25 {
    font-size: 25px !important;
    font-size: 2.5rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .f24 {
    font-size: 24px !important;
    font-size: 2.4rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .f22 {
    font-size: 22px !important;
    font-size: 2.2rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .f20 {
    font-size: 20px !important;
    font-size: 2rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .f18 {
    font-size: 18px !important;
    font-size: 1.8rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .f16 {
    font-size: 16px !important;
    font-size: 1.6rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .f15 {
    font-size: 15px !important;
    font-size: 1.5rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .f14 {
    font-size: 14px !important;
    font-size: 1.4rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .f13 {
    font-size: 13px !important;
    font-size: 1.3rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .f12 {
    font-size: 12px !important;
    font-size: 1.2rem !important;
    line-height: 1.8 !important;
    letter-spacing: 0.1rem !important;
  }

  .f10 {
    font-size: 10px !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    letter-spacing: 0.1rem !important;
  }

  .tl-left {
    text-align: left !important;
  }

  .tl-right {
    text-align: right !important;
  }

  .tl-center {
    text-align: center !important;
  }

  .fl-rt {
    float: right;
  }

  .fl-lt {
    float: left;
  }

  .ps5 { padding-left: 5px; padding-right: 4px; }
  .ps10 { padding-left: 10px; padding-right: 10px; }


  .p5 { padding: 5px !important; }
  .p10 { padding: 10px !important; }
  .p20 { padding: 20px !important; }
  .p30 { padding: 30px !important; }
  .p40 { padding: 40px !important; }
  .p50 { padding: 50px !important; }


  .pt0 { padding-top: 0px !important; }
  .pt5 { padding-top: 5px !important; }
  .pt10 { padding-top: 10px !important; }
  .pt20 { padding-top: 20px !important; }
  .pt30 { padding-top: 30px !important; }
  .pt40 { padding-top: 40px !important; }
  .pt80 { padding-top: 80px !important; }
  .pt90 { padding-top: 90px !important; }
  .pt100 { padding-top: 100px !important; }


  .pb5 { padding-bottom: 5px !important; }
  .pb10 { padding-bottom: 10px !important; }
  .pb20 { padding-bottom: 20px !important; }
  .pb30 { padding-bottom: 30px !important; }
  .pb65 { padding-bottom: 65px !important; }


  .pl10 { padding-left: 10px !important; }


  .m10 { margin: 10px; }
  .m20 { margin: 20px; }
  .m30 { margin: 30px; }
  .m40 { margin: 40px; }
  .m50 { margin: 50px; }


  .ml5 { margin-left: 5px; }
  .ml8 { margin-left: 8px; }
  .ml10 { margin-left: 10px; }
  .ml20 { margin-left: 20px; }
  .ml30 { margin-left: 30px; }
  .ml36 { margin-left: 36px; }
  .ml40 { margin-left: 40px; }


  .mt-5 { margin-top: -5px !important; }
  .mt-10 { margin-top: -10px !important; }
  .mt-15 { margin-top: -15px !important; }
  .mt-20 { margin-top: -20px !important; }
  .mt-30 { margin-top: -30px !important; }
  .mt-90 { margin-top: -90px !important; }


  .mt0 { margin-top: 5px !important }
  .mt2 { margin-top: 2px !important }
  .mt5 { margin-top: 5px !important }
  .mt10 { margin-top: 10px !important }
  .mt15 { margin-top: 15px !important }
  .mt20 { margin-top: 20px !important }
  .mt26 { margin-top: 26px !important }
  .mt30 { margin-top: 30px !important }
  .mt40 { margin-top: 40px !important }
  .mt50 { margin-top: 50px !important }
  .mt60 { margin-top: 60px !important }
  .mt64 { margin-top: 64px !important }
  .mt65 { margin-top: 65px !important }
  .mt70 { margin-top: 70px !important }
  .mt74 { margin-top: 74px !important }
  .mt80 { margin-top: 80px !important }
  .mt90 { margin-top: 90px !important }
  .mt100 { margin-top: 100px !important }
  .mt200 { margin-top: 200px !important }


  .mb-30 { margin-bottom: -30px }
  .mb-20 { margin-bottom: -20px }
  .mb-10 { margin-bottom: -10px }
  .mr0 { margin-right: 0px !important }
  .mb2 { margin-bottom: 2px !important }
  .mb5 { margin-bottom: 5px !important }
  .mb10 { margin-bottom: 10px !important }
  .mb15 { margin-bottom: 15px !important }
  .mb20 { margin-bottom: 20px !important }
  .mb25 { margin-bottom: 25px !important }
  .mb30 { margin-bottom: 30px !important }
  .mb35 { margin-bottom: 35px !important }
  .mb64 { margin-bottom: 64px !important }
  .mb65 { margin-bottom: 65px !important }
  .mb70 { margin-bottom: 70px !important }
  .mb40 { margin-bottom: 40px !important }
  .mb50 { margin-bottom: 50px !important }
  .mb60 { margin-bottom: 60px !important }
  .mb72 { margin-bottom: 72px !important }
  .mb80 { margin-bottom: 80px !important }
  .mb90 { margin-bottom: 90px !important }
  .mb100 { margin-bottom: 100px !important }
  .mb150 { margin-bottom: 150px !important }
  .mb200 { margin-bottom: 200px !important }
  .mb300 { margin-bottom: 300px !important }


  .mr40 { margin-right: 40px !important }
  .mr50 { margin-right: 50px !important }


  .picon { padding: 2px 4px 0 5px; margin-bottom: -15px; }
  .bld {
    font-weight: bold;
  }

  .udline {
    border-bottom: 1px dotted #333;
  }

  .fwht {
    color: #fff !important;
  }

  .fblk {
    color: #000 !important;
  }

  .fred {
    color: #FF0004 !important;
  }

  .fblue {
    color: #858BFD !important;
  }

  .bblk {
    background-color: #000;
  }

  .bred {
    background-color: #c80000;
  }

  .space40 {
    padding: 20px;
  }

  .space30 {
    padding: 15px;
  }

  .space20 {
    padding: 10px;
  }

  .space10 {
    padding: 5px;
  }

  .space-80 {
    padding: -80px;
  }

  .space-40 {
    padding: -20px;
  }

  .spaec-30 {
    padding: -15px;
  }

  .space-20 {
    padding: -10px;
  }

  .space-10 {
    padding: -5px;
  }

  .wdt75 {
    width: 75px !important;
  }

  .wdt90 {
    width: 90px !important;
  }

  .wdt180 {
    width: 180px !important;
  }

  .wdt190 {
    width: 190px !important;
  }

  .wdt200 {
    width: 200px !important;
  }

  .wdt215 {
    width: 215px !important;
  }

  .wdt220 {
    width: 220px !important;
  }

  .wdt226 {
    width: 226px !important;
  }

  .wdt235 {
    width: 235px !important;
  }

  .wdt250 {
    width: 250px !important;
  }

  .wdt270 {
    width: 270px !important;
  }

  .wdt300 {
    width: 300px !important;
  }

  .wdt330 {
    width: 330px !important;
  }

  .wdt350 {
    width: 350px !important;
  }

  .wdt380 {
    width: 380px !important;
  }

  .wdt400 {
    width: 400px !important;
  }

  .wdt470 {
    width: 470px !important;
  }

  .wdt530 {
    width: 530px !important;
  }

  .wdt550 {
    width: 550px !important;
  }

  .wdt680 {
    width: 680px !important;
  }

  .wdt700 {
    width: 700px !important;
  }

  .wdt1000 {
    width: 1000px !important;
  }

  .wdtp10 {
    width: 10% !important;
  }

  .wdtp15 {
    width: 15% !important;
  }

  .wdtp20 {
    width: 20% !important;
  }

  .wdtp25 {
    width: 25% !important;
  }

  .wdtp35 {
    width: 35% !important;
  }

  .wdtp30 {
    width: 30% !important;
  }

  .wdtp40 {
    width: 40% !important;
  }

  .wdtp55 {
    width: 55% !important;
  }

  .wdtp60 {
    width: 60% !important;
  }

  .wdtp65 {
    width: 65% !important;
  }

  .wdtp70 {
    width: 70% !important;
  }

  .wdtp100 {
    width: 100% !important;
  }

  .mrim10 img {
    margin-right: 8px;
    margin-bottom: 5px;
  }

  .ls_02 {
    letter-spacing: -0.2rem !important;
  }

  .ls001 {
    letter-spacing: -0.2rem !important;
  }

  .h85 {
    height: 85px !important;
  }

  .h90 {
    height: 85px !important;
  }

  .minh46 {
    min-height: 46px !important;
  }

  .minh100 {
    min-height: 100px !important;
  }

  .minh110 {
    min-height: 110px !important;
  }

  .minh150 {
    min-height: 150px !important;
  }

  .bdrgry {
    border: 1px solid #3a99c8;
  }

  .bdrblk {
    border: 1px solid #000;
  }

  .posrel {
    position: relative;
  }

  .posab {
    position: absolute;
  }

  .lh50 {
    line-height: 50px !important;
    display: block-inline !important;
  }

  .blk {
    display: block;
  }

  /* =======================================================
  
    Style News
    news.scss
  
  ======================================================= */
  .year {
    font-size: 20px;
    font-family: "AxisStd-ExtraLight" !important;
    line-height: 1.7;
  }

  /*  side navigation
  ---------------------------------------------*/
  .nwsdt {
    display: inline-block;
    font-size: 12px;
  }

  #content .page-flt-hld .fltright {
    float: right;
    width: 200px;
    margin-bottom: 200px;
    text-align: left;
  }
  #content .page-flt-hld .fltright ul.subnav li {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 16px;
    width: 200px;
    border-bottom: 1px solid #b5b5b6;
  }
  #content .page-flt-hld .fltright ul.subnav li a {
    width: 100%;
    display: block;
    padding: 25px 6px 25px 6px;
  }
  #content .page-flt-hld .fltright ul.subnav li a:hover {
    color: #999;
  }
  #content .page-flt-hld .fltright ul.subnav li:hover {
    width: 100%;
    display: block;
    background: #F0F0F0;
  }
  #content .page-flt-hld .fltright ul.subnav li:first-child {
    border-top: 1px solid #b5b5b6;
  }

  .clear {
    clear: both;
  }

  /*  top_list page
  ---------------------------------------------*/
  .news-list {
    width: 700px;
  }

  .news_list ul li {
    display: block;
    width: 700px;
    border-bottom: 1px solid #b5b5b6;
  }
  .news_list ul li a {
    width: 100%;
    display: block;
  }
  .news_list ul li a:hover {
    color: #999;
  }
  .news_list ul li:hover {
    width: 100%;
    display: block;
    background: #F0F0F0;
  }
  .news_list ul li:first-child {
    border-top: 1px solid #b5b5b6;
  }
  .news_list .imghld {
    float: left;
    padding: 20px 0px;
    width: 150px;
  }
  .news_list .imghld img {
    width: 100%;
    height: auto;
  }
  .news_list ul li .news_list_rht {
    display: block;
    float: right;
    width: 530px;
    padding: 30px 0px 20px;
  }
  .news_list ul li .news_list_rht h4 {
    font-family: "AxisStd-Regular" !important;
    font-size: 1.5rem;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.1rem;
    display: block;
    width: 100%;
    margin: 9px 0 5px;
  }
  .news_list ul li .news_list_rht p {
    font-family: "AxisStd-Regular" !important;
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 0.1rem;
    display: block;
    width: 100%;
  }
  .news_list h1 {
    font-size: 20px;
    font-family: "AxisStd-ExtraLight" !important;
    line-height: 1.7;
  }

  /*  news
  ---------------------------------------------*/
  .news-box-1col {
    color: #4d4948;
    width: 670px;
  }

  .arrw1 {
    display: inline-block;
    width: 12px;
    height: 15px;
    background-image: url(../imgs/arrw1.gif);
    background-repeat: no-repeat;
    background-position: 0% 90%;
  }

  .links {
    display: block;
    line-height: 25px !important;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .links a {
    text-decoration: underline;
  }
  .links .jump {
    display: inline-block;
    width: 22px;
    height: 18px;
    background-image: url(../imgs/jump.gif);
    background-repeat: no-repeat;
    background-position: 0% 100%;
    margin-left: 5px;
    margin-bottom: -4px;
  }

  /*  news  font-adjustment
  ---------------------------------------------*/
  .newspage-ttl {
    text-align: left;
    background: #ffffff;
    display: inline-block;
  }

  .fltleft h3, .fltleft h4, .fltleft h5, .fltleft p, .fltleft p strong, .fltleft .comment {
    color: #464646;
  }

  .fltleft h3 {
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.7;
    letter-spacing: 0.1rem;
    margin-bottom: 24px;
  }
  .fltleft h3.csda {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 25px;
    display: block;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }
  .fltleft h4 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.7;
    letter-spacing: 0.1rem;
    margin-bottom: 24px;
  }
  .fltleft h5 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
    letter-spacing: 0.02rem;
    margin-bottom: 24px;
  }
  .fltleft .comment {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 2;
    letter-spacing: 0.02rem;
    font-family: "AxisStd-Regular" !important;
    margin-bottom: 24px;
    display: block;
  }
  .fltleft hr.hr1 {
    border: 1px #999999 solid;
    margin-bottom: 24px;
  }
  .fltleft hr.hr2 {
    border: 1px #999999 dotted;
    margin-bottom: 24px;
  }

  .news-box-1col {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2rem;
    letter-spacing: 0.02rem;
    font-family: "AxisStd-Regular" !important;
  }
  .news-box-1col img {
    margin-top: 5px;
    margin-bottom: 28px;
  }
  .news-box-1col p img {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .news-box-1col .coment {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.8rem;
    letter-spacing: 0.07rem;
    font-family: "AxisStd-Regular" !important;
  }
  .news-box-1col .grybox {
    padding: 23px 36px;
    background: #f0f0f0;
    border: solid 1px #e6e6e5;
  }

  .newsicns {
    margin-bottom: 25px;
  }

  .greybx {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 15px;
    width: 668px;
    border: 1px solid #ebebeb;
    background: #f0f0f0;
  }
  .greybx p {
    margin-bottom: 0 !important;
  }

  /*  could be deleted in two months
  ---------------------------------------------*/
  .news-box-1col dl {
    width: 670px;
  }
  .news-box-1col dl dt {
    width: 130px;
  }
  .news-box-1col dl dd {
    width: 540px;
  }
  .news-box-1col dl dt, .news-box-1col dl dd {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    letter-spacing: 0.02rem;
    display: inline;
    float: left;
  }

  dl.newstables {
    width: 670px;
    margin-top: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #aeaeaf;
  }
  dl.newstables dt, dl.newstables dd {
    border-top: 1px solid #aeaeaf;
  }
  dl.newstables dt {
    padding: 16px 0;
    float: left;
    width: 130px;
    clear: both;
  }
  dl.newstables dd {
    padding: 16px 0;
  }

  .news-box-2col {
    color: #4d4948;
    width: 670px;
  }
  .news-box-2col .leftbx {
    float: left;
    width: 0px;
  }
  .news-box-2col .rightbx {
    float: right;
    width: 250px;
  }

  /*  greybox newstables */
  .news-box-1col .greybx dl dd,
  .news-box-2col .greybx dl dd {
    width: 500px;
  }

  .news-box-1col .newstables,
  .news-box-2col .newstables {
    width: 670px;
  }

  /*  side nav */
  #content .page-flt-hld .fltright {
    float: right;
    width: 200px;
    margin-bottom: 200px;
    text-align: left;
  }
  #content .page-flt-hld .fltright .sub_ttl {
    font-size: 1.5rem;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.1rem;
    width: 200px;
    margin-top: 40px;
    margin-bottom: 3px;
    font-family: "AxisStd-Light" !important;
  }
  #content .page-flt-hld .fltright ul.subnav li {
    font-size: 1.5rem;
    font-size: 15px;
    letter-spacing: 0.1rem;
    width: 200px;
    border-bottom: 1px solid #b5b5b6;
    font-family: "AxisStd-Light" !important;
  }
  #content .page-flt-hld .fltright ul.subnav li a {
    width: 100%;
    display: block;
  }
  #content .page-flt-hld .fltright ul.subnav li a:hover {
    color: #999;
  }
  #content .page-flt-hld .fltright ul.subnav li:hover {
    width: 100%;
    display: block;
    background: #F0F0F0;
  }
  #content .page-flt-hld .fltright ul.subnav li:first-child {
    border-top: 1px solid #b5b5b6;
  }

  .icon-topic,
  .icon-oshirase,
  .icon-seihin,
  .icon-kikakuten {
    width: 80px;
  }

  .icon-oshirase {
    display: inline-block;
    height: 11px;
    text-align: center;
    text-decoration: none;
    line-height: 11px;
    font-size: 1.2rem;
    font-size: 12px;
    letter-spacing: 0.1rem;
    outline: none;
    border: 1px solid #3d88b1;
    padding: 3px 13px 14px;
    margin-right: 15px;
    color: #3d88b1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

  .icon-seihin,
  .icon-kikakuten {
    display: inline-block;
    height: 11px;
    text-align: center;
    text-decoration: none;
    line-height: 11px;
    font-size: 1.2rem;
    font-size: 12px;
    letter-spacing: 0.1rem;
    outline: none;
    border: 1px solid #3d88b1;
    background: #3d88b1;
    padding: 3px 13px 14px;
    margin-right: 15px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

  /* =======================================================
  
    Style Base
    base.scss
  
  ======================================================= */
  #container {
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    background-attachment: fixed;
    width: 100%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    text-align: center;
  }

  #wp_pgttl_hld {
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
  }

  #wp_pgttl {
    width: 1000px;
    text-align: left;
    margin: 60px auto 50px;
  }
  #wp_pgttl h3 {
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.7;
    display: block;
    letter-spacing: 0.1rem;
    font-family: "AxisStd-ExtraLight" !important;
  }

  .freglar {
    font-family: "AxisStd-Regular" !important;
  }

  .flight {
    font-family: "AxisStd-Light" !important;
  }

  .fextralight {
    font-family: "AxisStd-ExtraLight" !important;
  }

  .fmedium {
    font-family: "AxisStd-Medium" !important;
  }

  .year {
    font-size: 20px;
    font-family: "AxisStd-ExtraLight" !important;
    line-height: 1.7;
  }

  .news_list h1 {
    font-size: 20px;
    font-family: "AxisStd-ExtraLight" !important;
    line-height: 1.7;
  }
  .news_list p {
    font-size: 20px;
    font-family: "AxisStd-ExtraLight" !important;
    line-height: 1.7;
  }
  .news_list p {
    font-size: 12px;
    font-family: "AxisStd-Regular" !important;
    line-height: 1.8;
  }

  /* =======================================================
  
    Style csdc
    csdc.scss
  
  ======================================================= */
  /*  Other Setting
   =================================================*/
  .Product a.Mark {
    background: url(img/mark_circle.gif) no-repeat 0px 2px;
    padding-left: 12px;
  }

  .Product #ProductRightBox #ProductPrint {
    margin-bottom: 20px;
  }

  /*--------------------------------------------------
  
  --------------------------------------------------*/
  ul#ProductNaviBottom li#CuttingSheetStore a {
    background-position: -164px -20px;
  }

  #StoreIntro {
    width: 280px;
    padding-top: 4px;
  }

  #StoreIntro dl {
    width: 280px;
  }
  #StoreIntro dl dt {
    width: 280px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    float: left;
    padding: 0 0px 2px 0px;
    border-bottom: 1px solid #ccc;
    clear: both;
  }
  #StoreIntro dl dd {
    width: 280px;
    float: left;
    padding: 5px 0px 25px 0px;
  }
  #StoreIntro dl dd a {
    display: inline-block;
    text-decoration: underline;
    color: #3A98C7;
    padding: 2px 0;
  }
  #StoreIntro dl dd a:hover {
    display: inline-block;
    background: #EFEBEB;
    color: #9E9D9D;
    text-decoration: none;
  }

  /*--------------------------------------------------
  
  --------------------------------------------------*/
  .StoreDetail {
    width: 650px;
  }
  .StoreDetail table {
    width: 650px;
  }
  .StoreDetail .ken {
    padding: 0 0 3px 0;
    border-bottom: #ccc 1px solid;
    width: 650px;
    margin: 0px 0px 3px 0;
  }
  .StoreDetail .ken h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    padding: 0 0 3px 0;
  }
  .StoreDetail table th {
    width: 0px;
  }
  .StoreDetail table th h4 {
    font-size: 0px;
    font-size: 0rem;
    margin: 7px 0px 7px 7px;
    padding: 3px 0;
  }
  .StoreDetail table td {
    width: 650px;
  }
  .StoreDetail table td .StoreData {
    padding-bottom: 5px;
  }
  .StoreDetail table td h5 {
    width: 90px;
    margin: 23px 0px 7px 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    float: left;
    display: inline;
  }
  .StoreDetail table td dl {
    border-left: 1px solid #F0F0F0;
    width: 530px;
    padding: 8px 0 20px 0;
    margin: 10px 0 30px 0;
    display: inline;
    float: right;
  }
  .StoreDetail table td dl dt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    width: 530px;
    border-bottom: 1px solid #F0F0F0;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 20px;
    line-height: 1.4;
    padding: 5px 0px 5px 0px;
  }
  .StoreDetail table td dl a {
    text-decoration: underline;
    color: #3A98C7 !important;
  }
  .StoreDetail table td dl a:hover {
    display: inline-block;
    background: #EFEBEB;
    color: #9E9D9D;
    text-decoration: none;
  }
  .StoreDetail table td dl dd {
    width: 350px;
    margin: 5px 0px 10px 40px;
  }
  .StoreDetail .StoreDetailBtm {
    width: 630px;
    background: url(store/img/img_bg-shop-detail-btm.gif) no-repeat top;
    padding-bottom: 2px;
  }

  #Hokkaido table td .StoreData {
    background: url(store/img/img_bg-shop-detail-middle.gif) no-repeat bottom;
  }
  #Hokkaido table td .Last {
    background: none;
  }

  /* フロート解除 */
  .Product .ToPageTop:after,
  .Product #BtnClose:after,
  .Product .ProductDetailNavi ul:after,
  .Product .PrintPdf:after,
  .Product .ProductContents:after,
  .Product .ProductPicUp:after,
  .Product .ProductPicUp span:after,
  .Product .ProductReview dl#Alert:after,
  .Product .ProductReview:after,
  .Product .ProductLink:after,
  .Product .ProductTrait ul:after,
  .Product .ProductUsageTrait ul:after,
  .Product .ProductCatalog:after,
  #ProductMaterioTop #WhatMaterio ul:after,
  #ProductAboutBanguard .ProductTrait dl:after,
  #ProductAboutBanguard .ProductOtherItem dl:after,
  #ProductAboutHelper .ProductTrait div:after,
  #ProductAboutFrame .ProductType ul:after,
  #ProductAboutFrame .ProductOtherItem dl:after,
  #StoreIntro dl:after,
  .StoreDetail table td .StoreData:after,
  #ProductSpecFoglas div.product_spec_table dl:after,
  #ProductManual #ProductManualIntro dl:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
  }

  .Product .ToPageTop,
  .Product #BtnClose,
  .Product .ProductDetailNavi ul,
  .Product .PrintPdf,
  .Product .ProductContents,
  .Product .ProductPicUp,
  .Product .ProductPicUp span,
  .Product .ProductReview dl#Alert,
  .Product .ProductReview,
  .Product .ProductLink,
  .Product .ProductTrait ul,
  .Product .ProductUsageTrait ul,
  .Product .ProductCatalog,
  #ProductMaterioTop #WhatMaterio ul,
  #ProductAboutBanguard .ProductTrait dl,
  #ProductAboutBanguard .ProductOtherItem dl,
  #ProductAboutHelper .ProductTrait div,
  #ProductAboutFrame .ProductType ul,
  #ProductAboutFrame .ProductOtherItem dl,
  #StoreIntro dl,
  .StoreDetail table td .StoreData,
  #ProductSpecFoglas div.product_spec_table dl,
  #ProductManual #ProductManualIntro dl {
    display: inline-block;
  }

  /* Hides from IE-mac */
  * html .Product .ToPageTop,
  * html .Product #BtnClose,
  * html .Product .ProductDetailNavi ul,
  * html .Product .PrintPdf,
  * html .Product .ProductContents,
  * html .Product .ProductPicUp,
  * html .Product .ProductPicUp span,
  * html .Product .ProductReview dl#Alert,
  * html .Product .ProductReview,
  * html .Product .ProductLink,
  * html .Product .ProductTrait ul,
  * html .Product .ProductUsageTrait ul,
  * html .Product .ProductCatalog,
  * html #ProductMaterioTop #WhatMaterio ul,
  * html #ProductAboutBanguard .ProductTrait dl,
  * html #ProductAboutBanguard .ProductOtherItem dl,
  * html #ProductAboutHelper .ProductTrait div,
  * html #ProductAboutFrame .ProductType ul,
  * html #ProductAboutFrame .ProductOtherItem dl,
  * html #StoreIntro dl,
  * html .StoreDetail table td .StoreData,
  * html #ProductSpecFoglas div.product_spec_table dl,
  * html #ProductManual #ProductManualIntro dl {
    height: 1%;
  }

  .Product .ToPageTop,
  .Product #BtnClose,
  .Product .ProductDetailNavi ul,
  .Product .PrintPdf,
  .Product .ProductContents,
  .Product .ProductPicUp,
  .Product .ProductPicUp span,
  .Product .ProductReview dl#Alert,
  .Product .ProductReview,
  .Product .ProductLink,
  .Product .ProductTrait ul,
  .Product .ProductUsageTrait ul,
  .Product .ProductCatalog,
  #ProductMaterioTop #WhatMaterio ul,
  #ProductAboutBanguard .ProductTrait dl,
  #ProductAboutBanguard .ProductOtherItem dl,
  #ProductAboutHelper .ProductTrait div,
  #ProductAboutFrame .ProductType ul,
  #ProductAboutFrame .ProductOtherItem dl,
  #StoreIntro dl,
  .StoreDetail table td .StoreData,
  #ProductSpecFoglas dl,
  #ProductSpecFoglas div.product_spec_table dl,
  #ProductManual #ProductManualIntro dl {
    display: block;
  }

  /* End hides from IE-mac ￥*/
  /*  Spec List
   =================================================*/
  .SpecList {
    margin-bottom: 30px;
  }
  .SpecList em {
    display: block;
    padding: 8px 0px 0px 13px;
  }
  .SpecList .SpecListBg {
    width: 604px;
    margin-left: 11px;
    padding: 2px;
  }
  .SpecList table {
    width: 604px;
  }
  .SpecList th {
    background: #F4F7E7 url(img/mark_green-circle.gif) no-repeat 12px 14px;
    width: 154px;
    padding: 10px 0px 10px 25px;
    vertical-align: top;
  }
  .SpecList td {
    background: #F4F7E7;
    padding: 10px 9px;
    vertical-align: top;
    border: 1px solid #E5E5E5;
  }

  #ProductRightBox .ListEnd {
    background: none;
    margin: 0px;
  }
  #ProductRightBox .AlertEnd {
    background: none;
    margin-bottom: 0px;
  }
  #ProductRightBox .ToPageTop {
    margin: 0px;
  }

  body#ProductTop #ProductRightBox .ToPageTop {
    margin-bottom: 20px;
  }

  html[xmlns] .SpecList .SpecListBg {
    background: #EFF4DC;
    width: 604px;
    margin-left: 11px;
    padding: 3px 2px 2px 3px;
  }

  *:first-child + html .SpecList .SpecListBg {
    background: #EFF4DC;
    width: 604px;
    margin-left: 11px;
    padding: 2px;
  }

  /*  Spec Alert
   =================================================*/
  .product_spec_alert dl {
    float: right;
    width: 680px;
  }
  .product_spec_alert h4, .product_spec_alert h3 {
    font-size: 20px !important;
    font-size: 2rem !important;
    line-height: 1.5 !important;
    display: block !important;
    letter-spacing: 0.1rem !important;
    margin-bottom: 10px;
    display: block;
    width: 300px;
    float: left;
  }
  .product_spec_alert dt {
    width: 680px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.5 !important;
    letter-spacing: 0.1rem;
    margin-bottom: 20px;
  }
  .product_spec_alert dd {
    width: 650px;
    border-left: 1px solid #E5E5E5;
    margin-left: 7px;
    margin-bottom: 30px;
    padding-left: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5 !important;
    letter-spacing: 0.1rem;
  }
  .product_spec_alert dd ul li {
    border-top: 1px dotted #E5E5E5;
  }
  .product_spec_alert dd ul li ul li {
    padding: 5px 10px;
    border-top: none !important;
    border-bottom: 1px solid #ebebeb;
    font-size: 10px;
  }
  .product_spec_alert dd ul li ul li:last-child {
    border-bottom: none;
  }
  .product_spec_alert dd ul li ul {
    border: 1px solid #E5E5E5;
    margin: 10px 0 10px 5px;
  }
  .product_spec_alert dd ul li.dot {
    border-top: 1px dotted #E5E5E5 !important;
    padding-top: 10px !important;
  }
  .product_spec_alert dd li {
    padding: 12px 5px 12px 5px;
  }
  .product_spec_alert dd li:first-child {
    border-top: none !important;
    padding-top: 5px !important;
  }
  .product_spec_alert dd li:last-child {
    padding-bottom: 5px !important;
  }
  .product_spec_alert dd li.nbdrtp {
    border: none !important;
    padding-top: 30px !important;
  }
  .product_spec_alert dd li li em {
    padding: 1px 0px 3px;
  }
  .product_spec_alert dd li span {
    float: right;
    margin-left: 15px;
  }
  .product_spec_alert dd strong {
    display: block;
    font-size: 14px;
    margin: 20px 0px 10px 10px;
  }
  .product_spec_alert dd table {
    border: 1px solid #EBEBEB;
    margin: 0px 0px 0px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5 !important;
    letter-spacing: 0.1rem;
  }
  .product_spec_alert dd th {
    padding: 15px;
    background: #f5f5f5;
    border-bottom: 1px solid #EBEBEB;
    white-space: nowrap;
    vertical-align: top;
  }
  .product_spec_alert dd td {
    padding: 15px;
    border-bottom: 1px solid #EBEBEB;
    vertical-align: top;
  }
  .product_spec_alert dd em {
    display: block;
    padding: 5px 0px 0px;
  }
  .product_spec_alert em {
    display: block;
    padding: 10px 0px 0px 10px;
  }

  .SpecAlert dl {
    float: right;
    width: 680px;
  }

  .SpecAlert h4 {
    font-size: 20px !important;
    font-size: 2rem !important;
    line-height: 1.5 !important;
    display: block !important;
    letter-spacing: 0.1rem !important;
    margin-bottom: 10px;
    display: block;
    width: 300px;
    float: left;
  }

  .SpecAlert dt {
    width: 680px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.5;
    letter-spacing: 0.1rem;
    margin-bottom: 20px;
  }

  .SpecAlert dd {
    width: 650px;
    border-left: 1px solid #E5E5E5;
    margin-left: 7px;
    margin-bottom: 30px;
    padding-left: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: 0.1rem;
  }

  .SpecAlert dd ul li {
    border-top: 1px dotted #E5E5E5;
  }

  .SpecAlert dd ul li ul li {
    padding: 5px 10px;
    border-top: none !important;
    border-bottom: 1px solid #ebebeb;
    font-size: 10px;
  }

  .SpecAlert dd ul li ul li:last-child {
    border-bottom: none;
  }

  .SpecAlert dd ul li ul {
    border: 1px solid #E5E5E5;
    margin: 10px 0 10px 5px;
  }

  .SpecAlert dd li {
    padding: 12px 5px 12px 5px;
  }

  .SpecAlert dd li:first-child {
    border-top: none !important;
    padding-top: 5px !important;
  }

  .SpecAlert dd ul li.dot {
    border-top: 1px dotted #E5E5E5 !important;
    padding-top: 10px !important;
  }

  .SpecAlert dd li:last-child {
    padding-bottom: 5px !important;
  }

  .SpecAlert dd li.nbdrtp {
    border: none !important;
    padding-top: 30px !important;
  }

  .SpecAlert dd li li em {
    padding: 1px 0px 3px;
  }

  .SpecAlert dd li span {
    float: right;
    margin-left: 15px;
  }

  .SpecAlert dd strong {
    display: block;
    font-size: 14px;
    margin: 20px 0px 10px 10px;
  }

  .SpecAlert dd table {
    border: 1px solid #EBEBEB;
    margin: 0px 0px 0px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: 0.1rem;
  }

  .SpecAlert dd th {
    padding: 15px;
    background: #f5f5f5;
    border-bottom: 1px solid #EBEBEB;
    white-space: nowrap;
    vertical-align: top;
  }

  .SpecAlert dd td {
    padding: 15px;
    border-bottom: 1px solid #EBEBEB;
    vertical-align: top;
  }

  .SpecAlert em {
    display: block;
    padding: 10px 0px 0px 10px;
  }

  .SpecAlert dd em {
    display: block;
    padding: 5px 0px 0px;
  }

  .callus {
    width: 100%;
    padding: 20px 50px;
    margin-bottom: 80px;
    border: 5px solid #efefef;
  }

  .callus p {
    line-height: 30px;
  }

  /*  Spec Table
   =================================================*/
  .product_spec_table {
    clear: both;
    min-height: 1px;
    margin: 0px 0px 50px 0px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .product_spec_table h3, .product_spec_table h4 {
    font-size: 20px !important;
    font-size: 2rem !important;
    line-height: 1.5 !important;
    display: block !important;
    letter-spacing: 0.1rem !important;
    display: block;
    width: 310px;
    float: left;
    margin-bottom: 20px;
  }
  .product_spec_table table {
    border: 1px solid #EBEBEB;
  }
  .product_spec_table th {
    background: #f5f5f5;
    padding: 15px;
    vertical-align: top;
    border: 1px solid #EBEBEB;
  }
  .product_spec_table td {
    background: #FFF;
    padding: 15px;
    border: 1px solid #EBEBEB;
  }
  .product_spec_table td.TextLeft {
    text-align: left;
    padding-left: 10px;
  }
  .product_spec_table p.dix {
    display: block;
    width: 260px;
    font-size: 10px !important;
  }
  .product_spec_table sub {
    vertical-align: baseline;
  }

  .product_spec_table.retacsheet p.f15 {
    font-size: 15px !important;
  }
  .product_spec_table.retacsheet th, .product_spec_table.retacsheet td {
    text-align: center;
    vertical-align: middle;
  }
  .product_spec_table.retacsheet th {
    background: #f5f5f5;
    padding: 5px 0;
    vertical-align: middle;
    border: 1px solid #EBEBEB;
  }
  .product_spec_table.retacsheet td {
    background: #FFF;
    padding: 8px 0;
    border: 1px solid #EBEBEB;
  }
  .product_spec_table.retacsheet td.TextLeft {
    text-align: left;
    padding-left: 10px;
  }
  .product_spec_table.retacsheet table.pdgbig td {
    padding: 25px 0;
  }
  .product_spec_table.retacsheet p.dix {
    display: block;
    width: 260px;
    font-size: 10px !important;
  }
  .product_spec_table.retacsheet sub {
    vertical-align: baseline;
  }

  .product_spec_table.retacseries.mb0 {
    margin-bottom: 0;
  }
  .product_spec_table.retacseries h3 {
    font-size: 25px !important;
  }
  .product_spec_table.retacseries .fl-rt h4 {
    width: 100%;
  }
  .product_spec_table.retacseries table {
    border-right: none;
    border-left: none;
  }
  .product_spec_table.retacseries th, .product_spec_table.retacseries td {
    text-align: left;
    vertical-align: middle;
  }
  .product_spec_table.retacseries th {
    background: #f5f5f5;
    padding: 5px 15px;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #EBEBEB;
  }
  .product_spec_table.retacseries td {
    background: #FFF;
    padding: 8px 15px;
    border: none;
    border-bottom: 1px solid #EBEBEB;
  }
  .product_spec_table.retacseries td.TextLeft {
    text-align: left;
    padding-left: 10px;
  }

  div.fixscrol {
    padding-top: 50px;
    margin-top: -50px;
  }

  ul.SpecListText2 {
    margin: 10px 0 30px 5px;
  }
  ul.SpecListText2 li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0 0 5px 0;
  }
  ul.SpecListText2 .Caution {
    color: red;
    display: block;
    margin-left: 170px;
  }

  .SpecTable {
    clear: both;
    min-height: 1px;
    margin: 0px 0px 50px 0px;
    font-size: 12px;
    font-size: 1.2rem;
  }

  .SpecTable h4 {
    font-size: 20px !important;
    font-size: 2rem !important;
    line-height: 1.5 !important;
    display: block !important;
    letter-spacing: 0.1rem !important;
    display: block;
    width: 310px;
    float: left;
    margin-bottom: 20px;
  }

  .SpecTable table {
    border: 1px solid #EBEBEB;
  }

  ul.SpecListText2 li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0 0 5px 0;
  }

  ul.SpecListText2 {
    margin: 10px 0 30px 5px;
  }

  ul.SpecListText2 .Caution {
    color: red;
    display: block;
    margin-left: 170px;
  }

  .SpecTable th {
    background: #f5f5f5;
    padding: 15px;
    vertical-align: top;
    border: 1px solid #EBEBEB;
  }

  .SpecTable td {
    background: #FFF;
    padding: 15px;
    border: 1px solid #EBEBEB;
  }

  .SpecTable td.TextLeft {
    text-align: left;
    padding-left: 10px;
  }

  .SpecTable p.dix {
    display: block;
    width: 260px;
    font-size: 10px !important;
  }

  .SpecTable sub {
    vertical-align: baseline;
  }

  /*  Spec Alert List
   =================================================*/
  .SpecAlertList p {
    background: url(img/bg_square.gif) no-repeat 0px 5px;
    margin: 0px 25px 10px 15px;
    padding-left: 10px;
  }
  .SpecAlertList p.SubContent {
    margin: 0px 25px 10px 15px;
  }
  .SpecAlertList em {
    display: block;
    margin: 0px 0px 3px 15px;
  }
  .SpecAlertList ul {
    margin: 5px 0px 15px 20px;
    padding-left: 8px;
  }
  .SpecAlertList li {
    margin-bottom: 5px;
  }
  .SpecAlertList span {
    display: block;
    margin: 0px 0px 30px 15px;
  }
  .SpecAlertList span#NoSpace {
    margin: 0px 0px 5px 15px;
  }
  .SpecAlertList table {
    margin: 0px 0px 15px 20px;
    padding-left: 8px;
  }
  .SpecAlertList table th {
    background: url(foglas/img/bg_gray-dotted-line.gif) repeat-x 0px 12px;
    width: 195px;
    padding: 5px 0px;
    vertical-align: top;
  }
  .SpecAlertList table th strong {
    background: #FFFFFF;
    padding: 0px 5px;
  }
  .SpecAlertList table td {
    padding: 5px;
  }
  .SpecAlertList table .NoLine {
    border: none;
  }

  #AlertMaterial,
  #AlertBefore,
  #AlertAfter {
    margin-bottom: 40px;
  }

  #AlertAfter em {
    margin-top: 10px;
  }

  #Format th {
    border: 1px solid #EBEBEB !important;
    text-align: center;
  }
  #Format td {
    padding: 15px;
    text-align: center;
    border-left: 1px solid #EBEBEB;
  }
  #Format td.TextLeft {
    text-align: left;
    padding-left: 10px;
  }

  #ProductContact,
  #ProductContact2 {
    width: 680px;
    margin-left: 15px;
    margin-bottom: 40px;
    padding: 1px 0px;
  }
  #ProductContact p,
  #ProductContact2 p {
    background: #f5f5f5;
    margin: 0px;
    padding: 10px 18px;
  }
  #ProductContact strong,
  #ProductContact2 strong {
    display: block;
    font-size: 14px;
    padding: 0px 0px 5px 15px;
  }
  #ProductContact span,
  #ProductContact2 span {
    padding-left: 15px;
  }
  #ProductContact em,
  #ProductContact2 em {
    padding-left: 30px;
    display: inline;
  }

  /* =======================================================
  
    Style works
    works.scss
  
  ======================================================= */
  #container2 {
    width: 100%;
    text-align: center;
  }

  /* .listCover
  ------------------------- */
  .listCover {
    margin: 0 auto;
    text-align: left;
    /* .listItem
    ------------------------- */
  }
  .listCover .listItem {
    padding: 10px 0 10px 0 !important;
    margin: 0 10.5px 0 10.5px !important;
    text-align: center;
    display: inline-block;
    *display: inline;
    width: 226px !important;
    *zoom: 1;
    cursor: pointer;
  }
  .listCover .listItem img {
    width: 226px;
  }
  .listCover .listItem .selfRep {
    display: none;
  }
  .listCover .active {
    background: url(../../imgs/works/activeArrow.gif) no-repeat bottom center;
  }

  /* .expandField
  ------------------------- */
  .expandField {
    padding: 10px 0;
    width: 100%;
    text-align: left;
    display: block;
    background: #000;
    float: left;
    position: relative;
    overflow: hidden;
  }
  .expandField .btnClose {
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    display: block;
    background: url(../../imgs/works/btnClose.gif) no-repeat top left;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
  }
  .expandField .btnPrev {
    top: 220px;
    left: 0;
    width: 60px;
    height: 60px;
    display: block;
    background: url(../../imgs/works/btnPrev.gif) no-repeat top left;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
  }
  .expandField .btnNext {
    top: 220px;
    right: 0;
    width: 60px;
    height: 60px;
    display: block;
    background: url(../../imgs/works/btnNext.gif) no-repeat top left;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
  }
  .expandField .selfRepInner {
    padding: 50px 100px 50px 80px;
    text-align: center;
    position: relative;
  }
  .expandField .selfRepInner .secLeft {
    width: 300px !important;
    text-align: center !important;
    float: left;
    text-align: center;
  }
  .expandField .selfRepInner .secLeft img {
    height: 357px !important;
    text-align: right !important;
    margin: 0 auto !important;
  }
  .expandField .selfRepInner .secRight {
    width: 270px !important;
    float: right;
    text-align: left;
    color: #fff;
  }
  .expandField .selfRepInner .secRight .title {
    font-size: 20px;
  }

  /* ===========================================
    SizeAdjustment
  =========================================== */
}
@media screen and (min-width: 769px) and (max-width: 600px) {
  .expandField .selfRepInner .secLeft img {
    width: 80%;
  }
}
@media screen and (min-width: 769px) and (max-width: 480px) {
  .expandField .selfRepInner .secLeft {
    display: none;
  }

  .expandField .selfRepInner .secRight {
    width: 100%;
    float: none;
  }
}
@media screen and (min-width: 769px) {
  /* =======================================
    ClearFix
  ======================================= */
  .listCover:before,
  .listCover:after,
  .expandField .selfRepInner:before,
  .expandField .selfRepInner:after {
    content: " ";
    display: table;
  }

  .listCover:after,
  .expandField .selfRepInner:after {
    clear: both;
  }

  .listCover,
  .expandField .selfRepInner {
    *zoom: 1;
  }

  .w-ttl {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 25px 0 0 0;
    letter-spacing: 0.1rem;
    margin-bottom: 1.0rem;
  }

  .w-ttl2 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 0.1rem;
    margin: 25px 0 0 0;
    margin-bottom: 1.0rem;
  }

  .w-hld {
    display: block;
    width: 300px !important;
    text-align: left;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.5;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .w-hld .dt {
    width: 70px !important;
    padding: 5px 5px 5px 0 !important;
    vertical-align: top !important;
  }
  .w-hld .dd {
    width: 210px !important;
    padding: 5px 0 5px 5px !important;
    vertical-align: top !important;
  }
  .w-hld .dd .name {
    display: inline-block !important;
    padding: 5px !important;
    margin-bottom: 4px !important;
    font-size: 10px !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    background: #333 !important;
  }

  /* 表示画面 */
  #stage {
    position: relative;
    width: 500px;
    height: 338;
    margin: 0 auto;
  }

  /* 表示枠 */
  #frame {
    width: 500px;
    height: 338px;
    position: relative;
    overflow: hidden;
  }

  /*全ての写真を水平一列に格納したdiv、#photosに,
  スライドショーの animation を設定*/
  #photos {
    position: absolute;
    top: 0;
    width: 4200px;
    animation: imgPassToLeft0 20s infinite;
    -webkit-animation: imgPassToLeft0 20s infinite;
  }

  /*各写真の並び位置を設定
  #photo0と#photo5、#photo6と#photo1は同じスライド*/
  #photo0, #photo1, #photo2, #photo3, #photo4, #photo5, #photo6 {
    float: left;
    position: relative;
  }

  /* 全てのラジオボタンを非表示に */
  #back1, #back2, #back3, #back4, #back5, #next1, #next2, #next3, #next4, #next5 {
    display: none;
  }

  /*送りボタン文字（＜、＞）の設定*/
  .b_left span, .b_right span {
    position: absolute;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 40px;
    font-weight: bold;
    opacity: 0;
    top: 140px;
    color: #EEE;
  }

  .b_left span {
    left: 10px;
  }

  .b_right span {
    left: 460px;
  }

  /*ボタン文字hover時の設定*/
  .pic:hover > label div span {
    opacity: 1;
    color: #EEE;
  }

  .pic label div span:hover {
    color: #f00;
    cursor: pointer;
  }

  /* 各送りボタンクリック時のanimation設定 */
  #next1:checked ~ #photos {
    animation: imgPassToLeft1 30s infinite;
    animation-delay: -4.8s;
    -webkit-animation: imgPassToLeft1 30s infinite;
    -webkit-animation-delay: -4.8s;
  }

  #next2:checked ~ #photos {
    animation: imgPassToLeft2 30s infinite;
    animation-delay: -10.8s;
    -webkit-animation: imgPassToLeft2 30s infinite;
    -webkit-animation-delay: -10.8s;
  }

  #next3:checked ~ #photos {
    animation: imgPassToLeft3 30s infinite;
    animation-delay: -16.8s;
    -webkit-animation: imgPassToLeft3 30s infinite;
    -webkit-animation-delay: -16.8s;
  }

  #next4:checked ~ #photos {
    animation: imgPassToLeft4 30s infinite;
    animation-delay: -22.8s;
    -webkit-animation: imgPassToLeft4 30s infinite;
    -webkit-animation-delay: -22.8s;
  }

  #next5:checked ~ #photos {
    animation: imgPassToLeft5 30s infinite;
    animation-delay: -28.8s;
    -webkit-animation: imgPassToLeft5 30s infinite;
    -webkit-animation-delay: -28.8s;
  }

  #back1:checked ~ #photos {
    animation: imgPassToRight1 30s infinite;
    animation-delay: -28.8s;
    -webkit-animation: imgPassToRight1 30s infinite;
    -webkit-animation-delay: -28.8s;
  }

  #back2:checked ~ #photos {
    animation: imgPassToRight2 30s infinite;
    animation-delay: -22.8s;
    -webkit-animation: imgPassToRight2 30s infinite;
    -webkit-animation-delay: -22.8s;
  }

  #back3:checked ~ #photos {
    animation: imgPassToRight3 30s infinite;
    animation-delay: -16.8s;
    -webkit-animation: imgPassToRight3 30s infinite;
    -webkit-animation-delay: -16.8s;
  }

  #back4:checked ~ #photos {
    animation: imgPassToRight4 30s infinite;
    animation-delay: -10.8s;
    -webkit-animation: imgPassToRight4 30s infinite;
    -webkit-animation-delay: -10.8s;
  }

  #back5:checked ~ #photos {
    animation: imgPassToRight5 30s infinite;
    animation-delay: -4.8s;
    -webkit-animation: imgPassToRight5 30s infinite;
    -webkit-animation-delay: -4.8s;
  }

  /* animation設定 */
  @keyframes imgPassToLeft0 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @keyframes imgPassToLeft1 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @keyframes imgPassToLeft2 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @keyframes imgPassToLeft3 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @keyframes imgPassToLeft4 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @keyframes imgPassToLeft5 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @keyframes imgPassToRight1 {
    0% {
      left: -500%;
    }
    16% {
      left: -500%;
    }
    20% {
      left: -400%;
    }
    36% {
      left: -400%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -200%;
    }
    76% {
      left: -200%;
    }
    80% {
      left: -100%;
    }
    96% {
      left: -100%;
    }
    100% {
      left: 0%;
    }
  }
  @keyframes imgPassToRight2 {
    0% {
      left: -500%;
    }
    16% {
      left: -500%;
    }
    20% {
      left: -400%;
    }
    36% {
      left: -400%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -200%;
    }
    76% {
      left: -200%;
    }
    80% {
      left: -100%;
    }
    96% {
      left: -100%;
    }
    100% {
      left: 0%;
    }
  }
  @keyframes imgPassToRight3 {
    0% {
      left: -500%;
    }
    16% {
      left: -500%;
    }
    20% {
      left: -400%;
    }
    36% {
      left: -400%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -200%;
    }
    76% {
      left: -200%;
    }
    80% {
      left: -100%;
    }
    96% {
      left: -100%;
    }
    100% {
      left: 0%;
    }
  }
  @keyframes imgPassToRight4 {
    0% {
      left: -500%;
    }
    16% {
      left: -500%;
    }
    20% {
      left: -400%;
    }
    36% {
      left: -400%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -200%;
    }
    76% {
      left: -200%;
    }
    80% {
      left: -100%;
    }
    96% {
      left: -100%;
    }
    100% {
      left: 0%;
    }
  }
  @keyframes imgPassToRight5 {
    0% {
      left: -500%;
    }
    16% {
      left: -500%;
    }
    20% {
      left: -400%;
    }
    36% {
      left: -400%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -200%;
    }
    76% {
      left: -200%;
    }
    80% {
      left: -100%;
    }
    96% {
      left: -100%;
    }
    100% {
      left: 0%;
    }
  }
  @-webkit-keyframes imgPassToLeft0 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @-webkit-keyframes imgPassToLeft1 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @-webkit-keyframes imgPassToLeft2 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @-webkit-keyframes imgPassToLeft3 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @-webkit-keyframes imgPassToLeft4 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @-webkit-keyframes imgPassToLeft5 {
    0% {
      left: -100%;
    }
    16% {
      left: -100%;
    }
    20% {
      left: -200%;
    }
    36% {
      left: -200%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -400%;
    }
    76% {
      left: -400%;
    }
    80% {
      left: -500%;
    }
    96% {
      left: -500%;
    }
    100% {
      left: -600%;
    }
  }
  @-webkit-keyframes imgPassToRight1 {
    0% {
      left: -500%;
    }
    16% {
      left: -500%;
    }
    20% {
      left: -400%;
    }
    36% {
      left: -400%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -200%;
    }
    76% {
      left: -200%;
    }
    80% {
      left: -100%;
    }
    96% {
      left: -100%;
    }
    100% {
      left: 0%;
    }
  }
  @-webkit-keyframes imgPassToRight2 {
    0% {
      left: -500%;
    }
    16% {
      left: -500%;
    }
    20% {
      left: -400%;
    }
    36% {
      left: -400%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -200%;
    }
    76% {
      left: -200%;
    }
    80% {
      left: -100%;
    }
    96% {
      left: -100%;
    }
    100% {
      left: 0%;
    }
  }
  @-webkit-keyframes imgPassToRight3 {
    0% {
      left: -500%;
    }
    16% {
      left: -500%;
    }
    20% {
      left: -400%;
    }
    36% {
      left: -400%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -200%;
    }
    76% {
      left: -200%;
    }
    80% {
      left: -100%;
    }
    96% {
      left: -100%;
    }
    100% {
      left: 0%;
    }
  }
  @-webkit-keyframes imgPassToRight4 {
    0% {
      left: -500%;
    }
    16% {
      left: -500%;
    }
    20% {
      left: -400%;
    }
    36% {
      left: -400%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -200%;
    }
    76% {
      left: -200%;
    }
    80% {
      left: -100%;
    }
    96% {
      left: -100%;
    }
    100% {
      left: 0%;
    }
  }
  @-webkit-keyframes imgPassToRight5 {
    0% {
      left: -500%;
    }
    16% {
      left: -500%;
    }
    20% {
      left: -400%;
    }
    36% {
      left: -400%;
    }
    40% {
      left: -300%;
    }
    56% {
      left: -300%;
    }
    60% {
      left: -200%;
    }
    76% {
      left: -200%;
    }
    80% {
      left: -100%;
    }
    96% {
      left: -100%;
    }
    100% {
      left: 0%;
    }
  }
  /*  navigation
  ---------------------------------------------*/
  .worklist {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ECECEB;
    padding: 20px;
    width: 980px;
    font-size: 12px;
    margin: 0 auto 60px;
  }
  .worklist ul {
    display: inline-block;
  }
  .worklist ul li {
    display: inline-block;
  }
  .worklist ul li a {
    display: inline-block;
    height: 26px;
    text-align: center;
    text-decoration: none;
    line-height: 14px;
    font-size: 1.2rem;
    font-size: 12px;
    letter-spacing: 0.05rem;
    outline: none;
    border: 1px solid #3d88b1;
    padding: 4px 12px;
    margin-left: 5px;
    color: #4D4948;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .worklist ul li.listItem img:hover {
    border: 1px solid #3d88b1;
    background: #3d88b1;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

  .wklist_in1 {
    width: 100%;
    margin-bottom: 10px;
  }

  .wklist_in2 {
    width: 100%;
  }

  .secname {
    width: 150px;
    border-right: 1px solid #ccc;
    margin-right: 20px;
    display: inline-block;
  }

  /*  detail
  ---------------------------------------------*/
  #worksDetail {
    width: 700px;
    margin: 0 auto;
  }
  #worksDetail h2 {
    text-align: center;
    font-size: 28px;
    margin: 0 0 60px;
  }
  #worksDetail .slidWrap {
    margin: 0 0 100px;
  }
  #worksDetail .slidWrap ul.detailslider {
    background: #EDEDED;
  }
  #worksDetail .slidWrap ul.detailslider li {
    text-align: center;
    background: #EDEDED;
  }
  #worksDetail .slidWrap ul.detailslider li img {
    margin: 0 auto;
  }
  #worksDetail .slidWrap .bx-wrapper .bx-controls-direction a {
    z-index: 10;
    width: 30px;
    height: 60px;
  }
  #worksDetail .slidWrap .bx-wrapper .bx-prev {
    left: -80px;
    background: url(../imgs/detail_awwor_l.png) no-repeat center;
  }
  #worksDetail .slidWrap .bx-wrapper .bx-next {
    right: -80px;
    background: url(../imgs/detail_awwor_r.png) no-repeat center;
  }
  #worksDetail .slidWrap .bx-wrapper .bx-pager, #worksDetail .slidWrap .bx-wrapper .bx-controls-auto {
    bottom: -50px;
  }
  #worksDetail .detailsBox h3 {
    font-size: 20px;
  }
  #worksDetail .detailsBox p.w-ttl2 {
    font-size: 18px;
    margin: 0 0 20px;
  }
  #worksDetail .detailsBox table {
    font-size: 13px;
    width: 100%;
    line-height: 1.9;
  }
  #worksDetail .detailsBox table th {
    width: 10em;
    padding-bottom: 20px;
  }
  #worksDetail .detailsBox table td {
    padding-bottom: 20px;
  }

  /*
  Default style for WP-PageNavi plugin
  
  http://wordpress.org/extend/plugins/wp-pagenavi/
  */
  .wp-pagenavi {
    clear: both;
    font-size: 13px;
  }

  .wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
  }

  .wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;
  }

  .wp-pagenavi span.current {
    font-weight: bold;
  }

  .wp-pagenavi {
    display: block;
    width: auto;
    text-align: center;
    margin: 70px auto;
  }

  .wp-pagenavi a, .wp-pagenavi span {
    padding: 4px 9px;
    margin: 8px;
  }

  .wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #BFBFBF;
    background-color: #BFBFBF;
    color: #ffffff;
  }

  .wp-pagenavi span.current {
    font-weight: bold;
  }

  .inkjet_cm-702gt_mv {
    margin-bottom: 80px;
  }

  .inkjet_cm-702gt_mv .inner {
    width: 1000px;
    margin: 0 auto;
    height: 400px;
    position: relative;
  }

  .inkjet_cm-702gt_mv .inner .box {
    text-align: left;
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    color: #fff;
    background: rgba(25, 23, 24, 0.7);
    padding: 45px 30px 40px;
  }

  .inkjet_cm-702gt_mv .inner .box h4 {
    font-size: 26px;
    letter-spacing: 0.1em;
  }

  .inkjet_cm-702gt_mv .inner .box p {
    font-size: 13px;
    letter-spacing: 0.03em;
    line-height: 2;
  }

  #pgttl_hld.inkjet #pgttl h2 {
    font-size: 30px;
    letter-spacing: 0.12em;
    line-height: normal;
    font-family: "AxisStd-Light" !important;
  }

  .inkjet_lineup {
    border-bottom: 1px solid #B3B3B4;
    margin-bottom: 50px;
  }

  .inkjet_lineup .inner {
    width: 1000px;
    margin: 0 auto;
    padding: 18px 0 10px;
  }

  .inkjet_lineup .inner ul {
    overflow: hidden;
  }

  .inkjet_lineup .inner ul li {
    float: left;
    width: 232px;
    text-align: left;
  }

  .inkjet_lineup .inner ul li a {
    display: inline-block;
    backface-visibility: hidden;
  }

  .inkjet_lineup .inner ul li a img {
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    display: inline-block;
    backface-visibility: hidden;
    background-color: rgba(255, 255, 255, 0.001);
  }

  .inkjet_lineup .inner ul li a:hover img {
    opacity: 0.8;
  }

  .inkjet_lineup .inner ul li p {
    font-family: "AxisStd-Regular";
    font-size: 12px;
    letter-spacing: 0.1em;
    margin-top: 5px;
  }

  .inkjet_lineup .inner ul li:not(:last-of-type) {
    margin-right: 24px;
  }

  .inkjet_ttl {
    text-align: left;
    margin-bottom: 50px;
  }

  .inkjet_ttl .inner {
    width: 1000px;
    margin: 0 auto;
  }

  .inkjet_ttl .inner h3 {
    font-size: 25px;
    letter-spacing: 0.12em;
  }

  .box-3col_c h3.title1 {
    background: transparent;
    letter-spacing: 0.1em;
  }

  .box-3col_c .inkjet_title {
    padding: 5px 20px;
  }

  .box-3col_c .inkjet_title.open {
    background: #e4e4e4 url(../../imgs/product/inkjet/open-ok.png) right center no-repeat;
  }

  .box-3col_c h4.bbtm {
    border-bottom: 1px solid #B3B3B4;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }

  .box-3col_c .boxWrap {
    overflow: hidden;
    margin-bottom: 40px;
  }

  .box-3col_c .boxWrap dl dd.sun {
    background: url(../../imgs/product/inkjet/ico_sun.png) no-repeat right center;
  }

  .box-3col_c .boxWrap .imgClm {
    float: left;
    width: 400px;
    margin-right: 25px;
  }

  .box-3col_c .boxWrap .imgClm .bx-wrapper {
    margin: 0;
  }

  .box-3col_c .boxWrap .txtClm {
    float: left;
    width: 315px;
  }

  .box-3col_c .boxWrap .txtClm h5 {
    font-size: 20px;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
  }

  .box-3col_c .boxWrap .txtClm p {
    font-size: 13px;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
  }

  .box-3col_c .boxWrap .txtClm p.caution {
    font-size: 10px;
    letter-spacing: 0.1em;
  }

  #pgttl_hld.inkjet #pgttl h2 {
    font-size: 30px;
    letter-spacing: 0.12em;
  }

  .link3.inkjet {
    font-size: 20px;
  }

  #content.inkjet {
    padding-top: 50px;
    background: url(../../imgs/product/inkjet/product_bdr.jpg) center top repeat-x;
  }

  .detailTable {
    margin-bottom: 70px;
  }

  .detailTable .inkjetDetail {
    width: 100%;
    font-size: 12px;
  }

  .detailTable .inkjetDetail th, .detailTable .inkjetDetail td {
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #B5B5B6;
  }

  .detailTable .inkjetDetail th a, .detailTable .inkjetDetail td a {
    text-decoration: underline;
  }

  .detailTable .inkjetDetail th a:hover, .detailTable .inkjetDetail td a:hover {
    text-decoration: none;
  }

  .detailTable .inkjetDetail th {
    background: #EFEFEF;
    vertical-align: middle;
  }

  .detailTable .inkjetDetail td {
    background: #fff;
  }

  .leftsml.inkjet h4 {
    font-size: 30px !important;
    line-height: 1.7 !important;
  }

  .boxInner2.inkjet {
    line-height: normal;
  }
  .boxInner2.inkjet .boxWrap .imgClm {
    height: 338px;
  }
  .boxInner2.inkjet .boxWrap .imgClm .bx-pager {
    padding-top: 25px;
    bottom: -42px;
  }
  .boxInner2.inkjet .boxWrap .imgClm .bx-wrapper .bx-prev {
    background: none;
  }
  .boxInner2.inkjet .boxWrap .imgClm .bx-wrapper .bx-next {
    background: none;
  }

  .sp {
    display: none !important;
  }

  .wsmenu-click {
    display: none !important;
  }
}






@media screen and (max-width: 768px) {
  /* =======================================================
  
    SP base
    sp_base.scss
  
  ======================================================= */
  .pc {
    display: none !important;
  }

  p {
    text-align: justify;
    font-size: 13px;
  }

  /*  全体　基本設定
  ---------------------------------------------*/
  body *::selection {
    background: #76CDFF;
    color: #fff;
  }

  body *::-moz-selection {
    background: #76CDFF;
    color: #fff;
  }

  /*  フォント 基本設定
  -------------------------- */
  html {
    font-size: 14px;
  }

  body {
    font-family: "AxisStd-Regular", "ヒラギノ角ゴ ProN W3","游ゴシック" , "Yu Gothic" ,"osaka", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Verdana,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.0rem;
    font-size: 14px;
    letter-spacing: 0.05rem;
    line-height: 1.7;
    text-align: left;
    color: #4c4948;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
  }

  /*  画像 基本設定
  -------------------------- */
  img {
    vertical-align: top;
    border: none;
    max-width: 100%;
    height: auto;
    width: auto;
  }

  /*  リンク 基本設定
  -------------------------- */
  a {
    outline: none;
    color: #585757;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }

  /* 　コンテナー　レイアウト設定
  ---------------------------------------------*/
  #header,
  #content,
  #footer {
    width: 100%;
  }

  /* 真ん中寄せ */
  .boxInner {
    width: 100%;
    margin: 0 auto;
    text-align: left;
  }

  /*  ページ分割
  ---------------------------------------------*/
  .wdt_100_line {
    padding-top: 60px !important;
    border-bottom: 1px solid #b5b5b6 !important;
  }

  /*  コンテンツ レイアウト設定
  ---------------------------------------------*/
  .bottom-shadow {
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 5px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 5px;
  }

  /*  pnkz
  ---------------------------------------------*/
  #pnkz {
    padding: 10px 10px 0;
    margin: 0 0 20px;
  }
  #pnkz p {
    font-size: 10px;
  }
  #pnkz p span {
    display: inline-block;
  }
  #pnkz p a {
    display: inline-block;
    text-decoration: underline;
  }

  /*  header
  ---------------------------------------------*/
  #header {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #header h1 {
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 4px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 4px;
    position: fixed !important;
    z-index: 99999;
    background: #fff;
    width: 100%;
    top: 0;
    left: 0;
    height: 64px;
    padding: 15px 25px;
  }
  #header h1 img {
    height: auto;
    width: 55px;
  }

  /************************************************
      menuBtn
  ********** */
  #menuBtn {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 3px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    padding-top: 40px;
    font-size: 8px;
    text-align: center;
    font-family: "AxisStd-Regular";
  }
  #menuBtn span {
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25px;
    height: 2px;
    background: #4c4948;
    display: inline-block;
  }
  #menuBtn span:before, #menuBtn span:after {
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    -webkit-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    background: #4c4948;
    left: 0;
  }
  #menuBtn span:before {
    top: -8px;
  }
  #menuBtn span:after {
    bottom: -8px;
  }

  #menuBtn.open span {
    background: transparent;
  }
  #menuBtn.open span:before {
    top: 0;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  #menuBtn.open span:after {
    bottom: 0;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  /* k_edit start */

  #search_link {
    position: fixed;
    z-index: 99999;
    top: 17px;
    right: 76px;
    width: 43px;
    height: 37px;
    text-align: center;
  }

  #menuBtn img {
    width: 27px;
    height: auto;
    margin-top: 5px;
  }

  #container {
    padding-top: 65px;
  }

  #main_vss {
    margin: 0 0 20px;
  }
  #main_vss .bx-wrapper {
    margin: 0;
  }
  #main_vss .bx-wrapper .bx-controls .bx-pager {
    padding-top: 15px;
  }

  #content .topic-ttl {
    border-bottom: 1px solid #727274;
    margin: 0 10px 15px;
  }
  #content .topic-ttl .ttl-content-inner {
    font-size: 15px;
    color: #3E3A39;
    padding-bottom: 5px;
  }
  #content .topic-ttl .ttl-content-inner .en {
    font-family: "AxisStd-Regular" !important;
  }

  .in_4col {
    margin: 0 0 30px;
    padding: 0 10px;
  }
  .in_4col ul li {
    font-size: 14px;
    line-height: 1.4;
    overflow: hidden;
    margin: 0 0 20px;
  }
  .in_4col ul li .in_thm {
    width: 90px;
    float: left;
    display: inline-block;
    margin-right: 20px;
  }
  .in_4col ul li span.icon-seihin,
  .in_4col ul li span.icon-oshirase,
  .in_4col ul li span.icon-kikakuten {
    font-size: 10px;
    display: inline-block;
    width: 58px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
  }
  .in_4col ul li span.icon-seihin {
    background: #3D87B0;
    color: #fff;
  }
  .in_4col ul li span.icon-oshirase {
    background: #fff;
    color: #3B8EBA;
    border: 1px solid #3B8EBA;
  }
  .in_4col ul li span.icon-kikakuten {
    background: #3D87B0;
    color: #fff;
  }
  .in_4col ul li span.nwsdt {
    font-size: 10px;
    display: inline-block;
    font-family: "AxisStd-Regular" !important;
  }
  .in_4col ul li .lead {
    display: block;
    margin-top: 5px;
    margin-left: 110px;
  }

  .in_2col {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .in_2col .newslist {
    -webkit-order: 2;
    order: 2;
    padding: 0 10px;
    margin: 0 0 35px;
  }
  .in_2col .newslist h2 {
    border-bottom: 1px solid #727274;
    margin: 0 0 15px;
    font-size: 15px;
    color: #3E3A39;
    padding-bottom: 5px;
    overflow: hidden;
  }
  .in_2col .newslist h2 span.rht {
    float: right;
  }
  .in_2col .newslist h2 span.rht a {
    font-size: 9px;
    display: block;
    border: 1px solid #3E3A39;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 10px;
    line-height: 1;
  }
  .in_2col .newslist ul li {
    font-size: 14px;
    overflow: hidden;
    margin: 0 0 10px;
    border-bottom: 1px dashed #B4B4B5;
    padding-bottom: 10px;
  }
  .in_2col .newslist ul li span.icon-seihin,
  .in_2col .newslist ul li span.icon-oshirase,
  .in_2col .newslist ul li span.icon-kikakuten {
    font-size: 10px;
    display: inline-block;
    width: 58px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
  }
  .in_2col .newslist ul li span.icon-seihin {
    background: #3D87B0;
    color: #fff;
  }
  .in_2col .newslist ul li span.icon-oshirase {
    background: #fff;
    color: #3B8EBA;
    border: 1px solid #3B8EBA;
  }
  .in_2col .newslist ul li span.icon-kikakuten {
    background: #3D87B0;
    color: #fff;
  }
  .in_2col .newslist ul li span.nwsdt {
    font-size: 10px;
    display: inline-block;
    font-family: "AxisStd-Regular" !important;
  }
  .in_2col .newslist ul li .lead {
    display: block;
    margin-top: 10px;
  }
  .in_2col .btnhld {
    -webkit-order: 1;
    order: 1;
    background: #F9F9F9;
    padding: 20px 35px 0;
    margin: 0 0 35px;
  }
  .in_2col .btnhld a {
    display: block;
    margin: 0 0 20px;
  }

  .in_2col .newslist .ttl_hld {
    font-size: 18px;
    border-bottom: 1px solid #727274;
    padding-bottom: 5px;
    margin-bottom: 10px;
    position: relative;
  }

  .in_2col .newslist .ttl_hld .lft {
    font-family: "AxisStd-Regular" !important;
  }

  .in_2col .newslist .ttl_hld .rht {
    position: absolute;
    right: 0;
    top: -5px;
  }

  .in_2col .newslist .ttl_hld .rht a {
    display: inline-block;
    font-size: 10px;
    border: 1px solid #231815;
    border-radius: 4px;
    padding: 2px 7px;
  }

  .in_2col .newslist .nwsttl {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 5px;
  }

  .in_link {
    padding: 0 10px;
  }
  .in_link h3 {
    border-bottom: 1px solid #727274;
    margin: 0 0 15px;
    font-size: 15px;
    color: #3E3A39;
    padding-bottom: 5px;
    overflow: hidden;
  }
  .in_link h3 img {
    height: 15px;
    width: auto;
  }
  .in_link ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .in_link ul li {
    width: 48%;
    margin: 0 0 15px;
  }

  #foot {
    background: #EAEAEA;
  }
  #foot .foot2 {
    padding: 0 10px;
    font-size: 8px;
  }
  #foot .foot2 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  #foot .foot2 ul li {
    width: 100%;
  }
  #foot .foot2 ul li a {
    display: block;
    padding: 15px 10px 15px 70px;
  }
  #foot .foot2 ul li a .fttl {
    display: block;
    font-size: 13px;
    font-family: "AxisStd-Medium";
  }
  #foot .foot2 ul li a .ftxt {
    margin-top: 5px;
  }
  #foot .foot2 ul li a strong {
    font-family: "AxisStd-Medium";
    font-size: 14px;
  }
  #foot .foot2 ul li.ftnv1 {
    -webkit-order: 4;
    order: 4;
    /* border-bottom: 1px solid #78C1EC; */
    background: url(../imgs/ftr2/ftr1_sp.png) 10px center no-repeat;
    background-size: 50px auto;
  }
  #foot .foot2 ul li.ftnv2 {
    -webkit-order: 1;
    order: 1;
    border-bottom: 1px solid #78C1EC;
    background: url(../imgs/ftr2/ftr2_sp.png) 10px center no-repeat;
    background-size: 50px auto;
  }
  #foot .foot2 ul li.ftnv3 {
    -webkit-order: 2;
    order: 2;
    border-bottom: 1px solid #78C1EC;
    background: url(../imgs/ftr2/ftr3_sp.png) 10px center no-repeat;
    background-size: 50px auto;
  }
  #foot .foot2 ul li.ftnv4 {
    -webkit-order: 3;
    order: 3;
    border-bottom: 1px solid #78C1EC;
    background: url(../imgs/ftr2/ftr4_sp.png) 10px center no-repeat;
    background-size: 50px auto;
  }
  #foot .foot3 {
    display: none;
  }
  #foot .foot4 {
    background: #F5F5F5;
    padding: 10px 0;
  }
  #foot .foot4 p {
    text-align: center;
    font-size: 10px;
  }

  #goTop {
    background: #F5F5F5;
    text-align: center;
    margin: 0 0 35px;
  }
  #goTop > a {
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    display: block;
    padding: 10px 0;
    vertical-align: top;
    color: #4D4948;
    font-size: 14px;
    font-weight: bold;
  }
  #goTop > a b {
    display: inline-block;
    vertical-align: top;
    padding-top: 0.5em;
  }
  #goTop > a span {
    margin-left: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    text-align: center;
    background: #fff;
  }
  #goTop > a span:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -2px;
    border-top: 1px solid #78BBE6;
    border-right: 1px solid #78BBE6;
    -moz-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
  }

  #goTop.mg0 {
    margin: 0;
  }

  #goTop.spmt30 {
    margin: 30px 0 0;
  }

  #pgttl_hld.bdr {
    border-bottom: 1px solid #727274;
  }
  #pgttl_hld.bdr #pgttl {
    padding: 20px 10px 15px;
  }
  #pgttl_hld.bdr #pgttl h2 {
    font-weight: 700;
    font-weight: bold;
  }

  .product_index .page-cont {
    padding-top: 30px;
  }

  .box-1col-pdct {
    display: none;
  }

  .box-4col-pdct ul {
    padding: 0 10px;
  }
  .box-4col-pdct li {
    width: 100%;
    margin: 0 0 30px;
  }
  .box-4col-pdct li > a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    background: #F8F8F8;
    /* pointer-events: none; */
    overflow: hidden;
  }
  .box-4col-pdct li img {
    width: 95px;
    height: auto;
    float: left;
  }
  .box-4col-pdct li .meta {
    width: -webkit-calc(100% - 95px);
    width: calc(100% - 95px);
    padding-left: 13px;
  }
  .box-4col-pdct li .meta span {
    display: block;
  }
  .box-4col-pdct li .meta .ctname {
    font-size: 10px;
    margin: 0 0 5px;
    letter-spacing: 0.04em;
  }
  .box-4col-pdct li .meta .name2 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  .box-4col-pdct li .discrpt {
    padding-top: 10px;
    background: #fff;
    width: 100%;
    font-size: 13px;
  }
  .box-4col-pdct li p.sp {
    text-align: center;
    margin-top: 10px;
  }
  .box-4col-pdct li p.sp a {
    font-size: 15px;
  }

  .catalog .box-4col-pdct li > a {
    pointer-events: auto;
  }

  #pdct_main {
    margin: 0;
  }

  #pgttl_hld #pgttl {
    padding: 20px 10px;
  }
  #pgttl_hld #pgttl h2 {
    font-weight: 700;
    font-weight: bold;
  }
  .pdct-box-1_1col {
    padding: 20px 10px 0;
  }
  .pdct-box-1_1col .bx-wrapper {
    margin: 0;
  }
  .pdct-box-1_1col .bx-wrapper .bx-prev, .pdct-box-1_1col .bx-wrapper .bx-next {
    display: none;
  }
  .pdct-box-1_1col .pdct_page_ttl {
    font-size: 13px;
    font-family: "AxisStd-Regular";
    font-weight: 400;
    font-weight: normal;
    margin: 0 0 10px;
  }
  .pdct-box-1_1col .left_350 img {
    width: 180px;
    height: auto;
  }
  .pdct-box-1_1col .right_650 {
    padding-top: 20px;
  }
  .pdct-box-1_1col .leftsml,
  .pdct-box-1_1col .leftsml2 {
    margin: 0 0 20px;
  }
  .pdct-box-1_1col .rightsml span.txt1 {
    margin: 20px 0 0;
    display: block;
  }
  .pdct-box-1_1col .rightsml2 {
    margin: 0 0 20px;
  }
  .pdct-box-1_1col .rightsml2 h5 {
    font-size: 15px;
    margin: 0 0 10px;
  }
  .pdct-box-1_1col .rightsml2 p {
    margin: 0 0 20px;
    font-size: 13px;
  }
  .pdct-box-1_1col .rightsml2 span.f10 {
    font-size: 12px;
  }
  .pdct-box-1_1col .leftsml5 img {
    width: 180px;
    height: auto;
  }
  .pdct-box-1_1col h4 {
    font-size: 15px;
    font-weight: 700;
    font-weight: bold;
    margin: 0 0 10px;
  }
  .pdct-box-1_1col > div.mb50 img {
    display: block;
    margin: 0 auto;
  }
  .pdct-box-1_1col h3.f30, .pdct-box-1_1col h3 {
    font-size: 17px;
    font-weight: 700;
    font-weight: bold;
    margin: 15px 0;
    text-align: left;
  }
  .pdct-box-1_1col .cathld {
    display: none;
  }
  .pdct-box-1_1col.bdrbtm2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #727274;
  }
  .pdct-box-1_1col .left_480 {
    text-align: center;
  }
  .pdct-box-1_1col .left_500 {
    text-align: center;
  }
  .pdct-box-1_1col .box-button {
    margin-top: 20px;
    text-align: center;
  }
  .pdct-box-1_1col .mt60 {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .pdct-box-1_1col .srch_btn {
    text-align: center;
    margin: 0 0 20px;
  }
  .pdct-box-1_1col .fl-rt {
    display: block;
    margin: 0 0 10px;
  }
  .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table {
    width: 100%;
    min-width: 100%;
    font-size: 12px;
    overflow: hidden;
  }
  .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table th, .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table td {
    float: left;
    width: 100%;
    min-width: 100%;
    font-size: 13px;
    padding: 15px 0;
  }
  .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table th span.f12, .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table th span.f10, .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table td span.f12, .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table td span.f10 {
    font-size: 10px;
  }
  .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table th {
    padding: 15px 0 0;
    border: none;
  }
  .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table td input, .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table td input[type=text], .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table td input[type=email], .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table td textarea {
    width: 100%;
    border: 1px solid #ddd;
  }
  .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table td ul li input {
    width: auto;
    border: none;
  }
  .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table td textarea {
    height: 100px;
  }
  .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table tr:first-of-type td span:last-of-type,
  .pdct-box-1_1col .contact_container .cont_form_hld #mailformpro table tr:nth-of-type(2) td span:last-of-type {
    display: inline-block;
    margin-left: -0.8em;
  }
  .pdct-box-1_1col .contact_container .cont_form_hld .mfp_buttons {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .pdct-box-1_1col .contact_container .cont_form_hld div.mfp_buttons button {
    float: none;
    margin: 0;
  }

  .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
  }

  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .box-3col_b {
    padding: 0 10px;
  }
  .box-3col_b ul li.page-sml-cont-hld {
    margin: 0 0 20px;
    background: #F8F8F8;
  }
  .box-3col_b ul li.page-sml-cont-hld p {
    margin: 5px 0 0;
    font-size: 12px;
    text-align: right;
  }

  .rightsml4 p.mt10 {
    margin: 0 0 20px;
  }
  .rightsml4 table.pdct-tbl {
    font-size: 10px;
    width: 100%;
  }
  .rightsml4 table.pdct-tbl th, .rightsml4 table.pdct-tbl td {
    text-align: left;
    padding: 8px 10px;
    border: 1px solid #EBEBEB;
    width: auto;
  }
  .rightsml4 table.pdct-tbl th {
    background: #f5f5f5;
  }
  .rightsml4 table.pdct-tbl th:first-of-type {
    width: 6em;
  }
  .rightsml4 table.pdct-tbl th:last-of-type {
    min-width: 6em;
  }
  .rightsml4 table.pdct-tbl td br {
    display: none;
  }

  .pdct-box-1_1col.feature {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
  }
  .pdct-box-1_1col.feature .left_450,
  .pdct-box-1_1col.feature .right_480 {
    width: 100%;
  }
  .pdct-box-1_1col.feature .left_450 {
    -webkit-order: 2;
    order: 2;
  }
  .pdct-box-1_1col.feature .right_480 {
    -webkit-order: 1;
    order: 1;
  }

  .product_spec_table h3 {
    font-size: 15px;
    font-weight: 700;
    font-weight: bold;
  }
  .product_spec_table table.wdt680 {
    font-size: 12px;
    width: 100%;
    overflow: hidden;
  }
  .product_spec_table table.wdt680 th, .product_spec_table table.wdt680 td {
    width: 100%;
    float: left;
    text-align: left;
    padding: 8px 10px;
    border: 1px solid #EBEBEB;
  }
  .product_spec_table table.wdt680 th {
    background: #f5f5f5;
  }
  .product_spec_table table#Format {
    font-size: 10px;
    width: 100%;
    overflow: hidden;
  }
  .product_spec_table table#Format th, .product_spec_table table#Format td {
    width: 20%;
    float: none;
    text-align: left;
    padding: 8px 10px;
    border: 1px solid #EBEBEB;
  }
  .product_spec_table table#Format th.TextLong {
    width: 40%;
  }
  .product_spec_table table#Format.inkjet {
    table-layout: fixed;
    font-size: 10px;
    width: 100%;
    overflow: hidden;
  }
  .product_spec_table table#Format.inkjet th {
    width: 25% !important;
    float: none;
    text-align: left;
    padding: 8px 10px;
    border: 1px solid #EBEBEB;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .product_spec_table table#Format.inkjet td {
    width: 75% !important;
    float: none;
    text-align: left;
    padding: 8px 10px;
    border: 1px solid #EBEBEB;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .product_spec_table table#Format.inkjet td p {
    font-size: 10px;
  }
  .product_spec_table table.format {
    font-size: 10px;
    width: 100%;
    overflow: hidden;
  }
  .product_spec_table table.format th, .product_spec_table table.format td {
    width: 15%;
    float: none;
    text-align: left;
    padding: 8px 5px;
    border: 1px solid #EBEBEB;
  }
  .product_spec_table p {
    margin: 1em 0;
  }

  .product_spec_alert h3 {
    font-size: 15px;
    font-weight: 700;
    font-weight: bold;
  }
  .product_spec_alert dl {
    font-size: 13px;
  }
  .product_spec_alert dl dt {
    font-weight: 700;
    font-weight: bold;
    margin: 0 0 10px;
  }
  .product_spec_alert dl dd {
    margin: 0 0 20px;
  }
  .product_spec_alert dl dd ul {
    margin: 0 0 10px;
  }
  .product_spec_alert dl dd ul li {
    margin: 0 0 10px;
  }
  .product_spec_alert .box-button2 {
    text-align: center;
  }

  .inkjet_cm-702gt_mv {
    margin-bottom: 40px;
    background: url(../../imgs/product/inkjet/cm-702gt_mv.jpg) top center no-repeat;
    background-size: cover;
  }
  .inkjet_cm-702gt_mv .inner {
    padding: 50px 10px 10px;
  }
  .inkjet_cm-702gt_mv .inner .box {
    color: #fff;
    background: rgba(25, 23, 24, 0.6);
    padding: 10px;
  }
  .inkjet_cm-702gt_mv .inner .box h4 {
    font-size: 16px;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
  }
  .inkjet_cm-702gt_mv .inner .box p {
    font-size: 13px;
    letter-spacing: 0.03em;
    line-height: 2;
  }

  .boxInner2.inkjet_sp {
    padding: 0 10px;
  }
  .boxInner2.inkjet_sp .box-3col_c h3 {
    font-size: 17px;
    /* font-weight: 700; */
    /* font-weight: bold; */
    margin: 15px 0;
    text-align: left;
  }
  .boxInner2.inkjet_sp .box-3col_c .first3, .boxInner2.inkjet_sp .box-3col_c .last3 {
    margin-bottom: 40px;
  }
  .boxInner2.inkjet_sp .box-3col_c .first3 span.link3, .boxInner2.inkjet_sp .box-3col_c .last3 span.link3 {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
  }

  .inkjet_lineup {
    border-bottom: 1px solid #B3B3B4;
    margin-bottom: 0px;
  }
  .inkjet_lineup .inner {
    padding: 20px 10px 10px;
  }
  .inkjet_lineup .inner ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .inkjet_lineup .inner ul li {
    width: 48%;
    margin-bottom: 20px;
  }
  .inkjet_lineup .inner ul li p {
    text-align: center;
    margin-top: 5px;
    font-size: 10px;
    letter-spacing: 0;
  }

  .SpecAlert .spec_sp dt {
    font-size: 15px;
    font-family: "AxisStd-Medium";
  }
  .SpecAlert .spec_sp dt span {
    font-family: "AxisStd-Medium";
    font-size: 17px !important;
    margin: 20px 0 10px;
    line-height: normal;
    border-bottom: none !important;
  }
  .SpecAlert .spec_sp dd {
    margin: 10px 0 30px;
  }
  .SpecAlert .spec_sp dd ul {
    margin-bottom: 15px;
  }
  .SpecAlert .spec_sp dd ul li {
    margin-bottom: 10px;
  }

  .inkjet_ttl {
    text-align: left;
    margin-bottom: 20px;
  }
  .inkjet_ttl .inner {
    padding: 20px 10px 0;
  }
  .inkjet_ttl .inner h3 {
    font-size: 17px;
    letter-spacing: 0.12em;
  }

  .boxInner2 h3 {
    font-family: "AxisStd-Medium";
    font-size: 17px;
    margin: 20px 0 20px;
  }

  #search_area {
    margin: 0 10px 25px;
    padding: 30px 20px 20px;
    background: #FBFBFB;
    border: 1px solid #CCCCCC;
  }
  #search_area .search_box {
    margin: 0 0 20px;
  }
  #search_area .search_box form {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  #search_area .search_box form input.input_search {
    padding: 5px 10px;
    width: 80%;
    border: 2px solid #ccc;
  }
  #search_area .search_box form span {
    margin-left: 2px;
    width: 20%;
    border: 1px solid #ccc;
    padding: 2px;
  }
  #search_area .search_box form span button.submit_search {
    display: block;
    width: 100%;
    background: #DDDDDD;
    padding: 3px 0;
    text-align: center;
    border: 2px solid #ccc;
  }
  #search_area .srch_txt {
    padding: 0 10px;
    font-size: 12px;
  }

  .page-cont.bdr {
    border-top: 1px dashed #727274;
    padding-top: 25px;
  }

  #Lnv_area {
    padding: 0 10px;
    margin: 0 0 20px;
  }
  #Lnv_area .cat-logo {
    margin: 0 0 10px;
  }
  #Lnv_area .L_col_ttl,
  #Lnv_area .ttl_3 {
    font-size: 12px;
    margin: 0 0 5px;
  }
  #Lnv_area .L_col_cont {
    background: #FBFBFB;
    border: 1px solid #CCCCCC;
    padding: 10px 10px 0;
    margin: 0 0 20px;
  }
  #Lnv_area .L_col_cont .L_col_series li {
    display: inline-block;
    margin: 0 0px 10px 0;
  }
  #Lnv_area .L_col_cont .L_col_series li a {
    background: #fff;
    display: inline-block;
    line-height: 1;
    font-size: 13px;
    color: #4D4948;
    border: 1px solid #78BBE6;
    padding: 5px 10px;
  }
  #Lnv_area .L_col_cont .search_box {
    margin: 0 0 10px;
    padding: 0 10px;
  }
  #Lnv_area .L_col_cont .search_box form {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  #Lnv_area .L_col_cont .search_box form input.input_search {
    padding: 5px 10px;
    width: 80%;
    border: 2px solid #ccc;
  }
  #Lnv_area .L_col_cont .search_box form span {
    margin-left: 2px;
    width: 20%;
    border: 1px solid #ccc;
    padding: 2px;
  }
  #Lnv_area .L_col_cont .search_box form span button.submit_search {
    display: block;
    width: 100%;
    background: #DDDDDD;
    padding: 3px 0;
    text-align: center;
    border: 2px solid #ccc;
  }

  .cat_index {
    padding: 0 10px;
    margin: 0 0 20px;
  }
  .cat_index .cat_ttl {
    margin: 0 0 20px;
    padding: 10px 0;
    border-bottom: 1px dashed #727274;
  }
  .cat_index .cat_ttl h3 {
    font-size: 17px;
  }
  .cat_index .cat_list li {
    margin: 0 0 10px;
    font-size: 12px;
    letter-spacing: 0;
  }
  .cat_index .cat_list li a {
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .cat_index .cat_list li img {
    width: 62px;
    height: auto;
    display: inline-block;
    margin-right: 15px;
  }

  #cat_pager {
    text-align: center;
    margin: 30px 0 40px;
  }
  #cat_pager a, #cat_pager span {
    display: inline-block;
    padding: 5px 10px 0;
    vertical-align: baseline;
    line-height: 1;
    margin: 0 0 10px;
  }
  #cat_pager a {
    font-size: 15px;
  }
  #cat_pager span, #cat_pager .prev, #cat_pager .next {
    font-size: 20px;
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  .product_img {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 10px;
    margin: 0 0 15px;
  }
  .product_img .bx-wrapper {
    width: 67%;
  }
  .product_img #bx-pager {
    width: 20%;
  }
  .product_img .bx-controls {
    display: none;
  }

  .product_notice {
    padding: 0 10px;
    margin: 0 0 40px;
  }
  .product_notice p {
    font-size: 10px;
  }

  #Rnv_area {
    padding: 0 10px;
    margin: 0 0 30px;
  }
  #Rnv_area .product_detial .product_name {
    font-size: 14px;
    margin: 0 0 5px;
  }
  #Rnv_area .product_detial .product_ttl {
    border-top: 1px solid #727274;
    border-bottom: 1px solid #727274;
    padding: 15px 20px;
    margin: 0 0 10px;
    font-size: 10px;
  }
  #Rnv_area .product_detial .product_ttl span {
    display: inline-block;
    margin-left: 10px;
  }
  #Rnv_area .product_detial .product_ttl .item-no {
    font-size: 20px;
  }
  #Rnv_area .product_detial .product_ttl .item-name {
    font-size: 14px;
  }
  #Rnv_area .product_detial .product_out,
  #Rnv_area .product_detial .product_discription {
    font-size: 13px;
    margin: 0 0 20px;
  }
  #Rnv_area .product_detial .product_catbtn {
    text-align: center;
    margin: 0 0 20px;
  }
  #Rnv_area .product_detial .product_tablename {
    font-size: 17px;
    color: #4D4948;
    margin: 0 0 5px;
  }
  #Rnv_area .product_detial .product_spec {
    border-top: 1px dashed #727274;
    margin: 0 0 25px;
    font-size: 14px;
    letter-spacing: 0;
    width: 100%;
  }
  #Rnv_area .product_detial .product_spec tr {
    border-bottom: 1px dashed #727274;
  }
  #Rnv_area .product_detial .product_spec tr th, #Rnv_area .product_detial .product_spec tr td {
    padding: 15px 10px;
  }
  #Rnv_area .product_detial .product_spec tr .td_ttl {
    background: #E6E6E6;
    max-width: 6.5em;
    min-width: 4.5em;
  }

  .attn-area {
    padding: 15px 10px 0;
    margin: 0 10px 30px;
    background: #FBFBFB;
    border: 1px solid #ccc;
  }
  .attn-area .attn-left .attn-ttl,
  .attn-area .attn-right .attn-ttl {
    font-size: 12px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #727274;
  }
  .attn-area .attn-left .attn-txt,
  .attn-area .attn-right .attn-txt {
    padding: 15px 0 15px;
    font-size: 12px;
  }

  .sppdg10 {
    padding: 0 10px;
  }

  .ls0 {
    letter-spacing: -0.05em !important;
  }

  .worklist {
    padding: 30px 10px 0;
    margin: 0 0 20px;
  }
  .worklist .secname {
    display: block;
    font-size: 12px;
    margin: 0 0 5px;
  }
  .worklist ul {
    background: #FBFBFB;
    border: 1px solid #CCCCCC;
    padding: 10px 10px 0;
    margin: 0 0 20px;
    display: block;
  }
  .worklist ul li {
    display: inline-block;
    margin: 0 0px 10px 0;
  }
  .worklist ul li a {
    background: #fff;
    display: inline-block;
    line-height: 1;
    font-size: 13px;
    color: #4D4948;
    border: 1px solid #78BBE6;
    padding: 5px 10px;
  }

  #container2 {
    position: relative;
  }

  #listCover {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 10px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
  }
  #listCover:after {
    content: "";
    display: block;
    width: 32%;
  }
  #listCover li.listItem {
    width: 32% !important;
    margin: 0 0 15px;
  }
  #listCover li.listItem .selfRep {
    display: none;
  }
  #listCover li.expandField {
    overflow-y: auto;
    width: 100%;
    height: 100vh !important;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background: #000;
    color: #fff;
    padding: 60px 36px 40px;
  }
  #listCover li.expandField .secLeft {
    padding: 0 20px;
  }
  #listCover li.expandField .imghld {
    width: 100% !important;
    height: auto !important;
  }
  #listCover li.expandField .imghld .bx-wrapper {
    margin: 0;
    padding: 0;
  }
  #listCover li.expandField .imghld .bx-wrapper .bx-viewport {
    margin: 0;
    padding: 0;
    left: auto;
  }
  #listCover li.expandField .imghld .bx-wrapper .bx-viewport ul {
    height: 100%;
  }
  #listCover li.expandField .imghld .bx-wrapper .bx-viewport ul li {
    padding: 0 2px;
    height: 100%;
  }
  #listCover li.expandField .imghld .bx-wrapper .bx-viewport ul li img {
    position: relative;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #listCover li.expandField .imghld .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 40%;
    margin-top: -15px;
    outline: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    z-index: 9999;
  }
  #listCover li.expandField .imghld .bx-wrapper .bx-prev {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -35px;
    background: transparent !important;
  }
  #listCover li.expandField .imghld .bx-wrapper .bx-next {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -35px;
    background: transparent !important;
  }
  #listCover li.expandField .secRight {
    font-size: 12px;
  }
  #listCover li.expandField .secRight .w-ttl {
    font-size: 15px;
    margin: 0 0 10px;
  }
  #listCover li.expandField .secRight .w-ttl2 {
    margin: 0 0 10px;
  }
  #listCover li.expandField .secRight .w-hld {
    margin-top: 20px;
  }
  #listCover li.expandField .secRight .w-hld table {
    width: 100%;
    font-size: 12px;
  }
  #listCover li.expandField .secRight .w-hld table .dt {
    width: 7em;
  }
  #listCover li.expandField .btnClose {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
  }
  #listCover li.expandField .btnClose:before, #listCover li.expandField .btnClose:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
  }
  #listCover li.expandField .btnClose:before {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #listCover li.expandField .btnClose:after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #listCover li.expandField .btnPrev {
    position: absolute;
    top: 20px;
    left: 56px;
  }
  #listCover li.expandField .btnPrev:after {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 8em;
    font-size: 12px;
    content: '< 前の施工事例';
  }
  #listCover li.expandField .btnNext {
    position: absolute;
    top: 20px;
    right: 50px;
  }
  #listCover li.expandField .btnNext:after {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: 8em;
    font-size: 12px;
    content: '次の施工事例 >';
  }

  .box-button {
    text-align: center;
  }

  .page-main {
    margin: 0 0 30px;
  }
  .page-main h3 {
    padding: 0 10px;
    margin-top: 30px;
  }
  .page-main p {
    font-size: 13px;
    padding: 0 10px;
  }

  .page-cont .box-3col ul {
    padding: 0 10px;
  }
  .page-cont .box-3col ul li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 0 30px;
    background: #F8F8F8;
  }
  .page-cont .box-3col ul li.page-sml-cont-hld .box-button {
    width: 100%;
    background: #fff;
    text-align: center;
    padding-top: 15px;
  }
  .page-cont .box-3col ul li img {
    width: 114px;
    height: auto;
  }
  .page-cont .box-3col ul li h4, .page-cont .box-3col ul li h3.yak {
    width: -webkit-calc(100% - 114px);
    width: calc(100% - 114px);
    font-size: 15px;
    padding: 0 10px;
  }
  .page-cont .box-3col ul li .lead {
    display: block;
    width: 100%;
    padding-top: 10px;
    font-size: 13px;
    font-weight: normal;
    font-family: "AxisStd-Regular";
    background: #fff;
  }

  .box-1 {
    padding: 0 10px;
    margin: 0 0 30px;
  }
  .box-1 dl {
    overflow: hidden;
    font-size: 13px;
  }
  .box-1 dl dt {
    float: left;
    width: 5em;
  }
  .box-1 dl dd {
    margin-left: 5em;
    margin-bottom: 10px;
  }

  .box-1_2col {
    margin: 0 0 30px;
  }
  .box-1_2col .leftsml {
    margin: 0 0 30px;
  }
  .box-1_2col ul {
    padding: 0 10px;
    font-size: 13px;
  }
  .box-1_2col ul li {
    margin: 0 0 10px;
  }
  .box-1_2col .rightsml .caption {
    font-size: 13px;
    display: block;
    text-align: right;
    padding: 0 10px;
  }

  .page-cont-2 {
    margin: 0 10px 30px;
    padding: 10px;
    background: #F2F2F2;
  }
  .page-cont-2 h3 {
    margin: 15px 0 15px;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.05em;
  }
  .page-cont-2 h3 .ltl {
    font-size: 10px;
  }
  .page-cont-2 p {
    font-size: 13px;
  }
  .page-cont-2 p br {
    display: none;
  }
  .page-cont-2 p:not(:last-of-type) {
    margin: 0 0 15px;
  }

  .box-button.showroom {
    text-align: center;
    margin: 0 0 30px;
  }
  .box-button.showroom a {
    font-size: 12px;
  }

  .news .box-content {
    padding-top: 30px;
  }

  .news_list {
    padding: 0 10px;
  }
  .news_list h4.f15 {
    font-size: 15px;
    margin: 0 0 10px;
  }
  .news_list ul li {
    font-size: 13px;
    overflow: hidden;
    margin: 0 0 10px;
  }
  .news_list ul li .imghld {
    width: 90px;
    float: left;
    display: inline-block;
    margin-right: 20px;
  }
  .news_list ul li .news_list_rht {
    margin-left: 110px;
    display: block;
  }
  .news_list ul li span.icon-seihin,
  .news_list ul li span.icon-oshirase,
  .news_list ul li span.icon-kikakuten {
    font-size: 10px;
    display: inline-block;
    width: 58px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
  }
  .news_list ul li span.icon-seihin {
    background: #3D87B0;
    color: #fff;
  }
  .news_list ul li span.icon-oshirase {
    background: #fff;
    color: #3B8EBA;
    border: 1px solid #3B8EBA;
  }
  .news_list ul li span.icon-kikakuten {
    background: #3D87B0;
    color: #fff;
  }
  .news_list ul li span.nwsdt {
    font-size: 10px;
    display: inline-block;
    font-family: "AxisStd-Regular" !important;
  }
  .news_list ul li h4 {
    font-size: 13px;
  }
  .news_list ul li .excerpt {
    display: none;
  }

  .fltright {
    padding: 0 10px;
  }
  .fltright .box-button2 {
    margin: 0 0 15px;
  }
  .fltright .box-button2 a {
    background: #78BBE6;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 15px;
    line-height: 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .fltright .sub_ttl {
    font-size: 15px;
    padding-bottom: 10px;
  }
  .fltright .subnav {
    border-top: 1px solid #727274;
    margin: 0 0 30px;
  }
  .fltright .subnav li {
    border-bottom: 1px solid #727274;
  }
  .fltright .subnav li a {
    display: block;
    font-size: 13px;
    padding: 10px 0;
  }

  #news_contents_loop {
    margin: 0 0 60px;
    padding: 0 10px;
  }
  #news_contents_loop .newsicns {
    margin: 0 0 20px;
  }
  #news_contents_loop .newsicns span.icon-seihin,
  #news_contents_loop .newsicns span.icon-oshirase,
  #news_contents_loop .newsicns span.icon-kikakuten {
    font-size: 13px;
    display: inline-block;
    width: 85px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
  }
  #news_contents_loop .newsicns span.icon-seihin {
    background: #3D87B0;
    color: #fff;
  }
  #news_contents_loop .newsicns span.icon-oshirase {
    background: #fff;
    color: #3B8EBA;
    border: 1px solid #3B8EBA;
  }
  #news_contents_loop .newsicns span.icon-kikakuten {
    background: #3D87B0;
    color: #fff;
  }
  #news_contents_loop .newsicns span.nwsdt {
    font-size: 13px;
    display: inline-block;
    font-family: "AxisStd-Regular" !important;
  }
  #news_contents_loop .news-box-1col {
    /* img */
    /* clearfix */
  }
  #news_contents_loop .news-box-1col h4 {
    font-size: 15px;
    margin: 0 0 20px;
  }
  #news_contents_loop .news-box-1col p {
    font-size: 13px;
    margin: 0 0 20px;
  }
  #news_contents_loop .news-box-1col p {
    display: block;
  }
  #news_contents_loop .news-box-1col strong {
    font-weight: bold;
  }
  #news_contents_loop .news-box-1col em {
    font-style: italic;
  }
  #news_contents_loop .news-box-1col blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
  }
  #news_contents_loop .news-box-1col .aligncenter {
    display: block;
    margin: 0 auto;
  }
  #news_contents_loop .news-box-1col .alignright {
    float: right;
  }
  #news_contents_loop .news-box-1col .alignleft {
    float: left;
  }
  #news_contents_loop .news-box-1col img[class*="wp-image-"],
  #news_contents_loop .news-box-1col img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
  }
  #news_contents_loop .news-box-1col .clearfix {
    overflow: hidden;
    zoom: 1;
  }
  #news_contents_loop .news-box-1col .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  #news_contents_loop .news-box-1col .newstables {
    overflow: hidden;
    font-size: 12px;
  }
  #news_contents_loop .news-box-1col .newstables dt {
    float: left;
    width: 7em;
    margin: 0 0 10px;
  }
  #news_contents_loop .news-box-1col .newstables dd {
    margin-left: 7em;
    margin-bottom: 10px;
  }
  #news_contents_loop .box-button2 {
    display: none;
  }

  .page-cont .box-4col ul {
    padding: 0 10px;
  }
  .page-cont .box-4col ul li {
    margin: 0 0 30px;
  }
  .page-cont .box-4col ul li > a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    background: #F8F8F8;
    pointer-events: none;
  }
  .page-cont .box-4col ul li img {
    width: 114px;
    height: auto;
  }
  .page-cont .box-4col ul li h4, .page-cont .box-4col ul li h3.yak {
    width: -webkit-calc(100% - 114px);
    width: calc(100% - 114px);
    font-size: 15px;
    padding: 0 10px;
  }
  .page-cont .box-4col ul li .lead {
    display: block;
    width: 100%;
    padding-top: 10px;
    font-size: 13px;
    font-weight: normal;
    font-family: "AxisStd-Regular";
    background: #fff;
  }
  .page-cont .box-4col ul li p.sp {
    text-align: center;
    margin-top: 10px;
  }

  .yakudachi .page-main > img {
    margin: 0 0 20px;
  }
  .yakudachi .page-main .txtClm {
    padding-top: 20px;
  }

  .yakudachi .box-1_1col {
    margin: 0 0 40px;
  }
  .yakudachi .box-1_1col > div {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0 10px;
  }
  .yakudachi .box-1_1col > div .leftsml {
    -webkit-order: 2;
    order: 2;
  }
  .yakudachi .box-1_1col > div .leftsml h3 {
    font-size: 15px;
  }
  .yakudachi .box-1_1col > div .rightsml {
    -webkit-order: 1;
    order: 1;
  }

  .yakudachi .page-cont .iconh4 {
    padding: 0 10px;
  }
  .yakudachi .page-cont .iconh4 .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
  }
  .yakudachi .page-cont .page-sml-cont-hld p {
    width: 100%;
    padding-top: 10px;
    background: #fff;
  }
  .yakudachi .page-cont .page-sml-cont-hld .itemname {
    width: 100%;
    padding-top: 10px;
    background: #fff;
    font-size: 12px;
  }
  .yakudachi .page-cont .page-sml-cont-hld .itemname .inttl {
    display: block;
    border-bottom: 1px solid #727274;
    margin: 0 0 10px;
  }
  .yakudachi .page-cont .page-sml-cont-hld .itemname .in {
    display: inline-block;
    margin: 0 5px;
  }
  .yakudachi .page-cont .page-sml-cont-hld .box-button {
    width: 100%;
    background: #fff;
    text-align: center;
    padding-top: 10px;
  }
  .yakudachi .page-cont .box-1_1col h3 {
    font-size: 15px;
  }
  .yakudachi .page-cont .box-1_1col h3 br {
    display: none;
  }
  .yakudachi .page-cont .box-1_1col h4.cut {
    margin: 10px 0 10px;
  }
  .yakudachi .page-cont .box-1_1col p br {
    display: none;
  }
  .yakudachi .page-cont .leftsml2 {
    margin: 0 0 20px;
  }
  .yakudachi .page-cont .leftsml3 p {
    text-align: left;
  }
  .yakudachi .page-cont .box-3col .step, .yakudachi .page-cont .box-4col .step {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    background: #F8F8F8;
  }
  .yakudachi .page-cont .box-3col .step .stepicn, .yakudachi .page-cont .box-4col .step .stepicn {
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 10;
    top: 5px;
    left: 5px;
  }
  .yakudachi .page-cont .box-3col .step p, .yakudachi .page-cont .box-4col .step p {
    padding-bottom: 10px;
    width: 100%;
  }
  .yakudachi .page-cont .box-3col .step p br, .yakudachi .page-cont .box-4col .step p br {
    display: none;
  }
  .yakudachi .page-cont .box-3col .step .point, .yakudachi .page-cont .box-4col .step .point {
    width: 100%;
    background: #F2F2F2;
    border: 1px solid #000;
    padding: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .yakudachi .page-cont .box-3col .step .point img, .yakudachi .page-cont .box-4col .step .point img {
    width: auto;
    height: auto;
  }
  .yakudachi .page-cont .box-3col .step .point span.txt, .yakudachi .page-cont .box-4col .step .point span.txt {
    font-size: 12px;
    padding-left: 10px;
  }
  .yakudachi .page-cont .box-3col .step .point span.txt br, .yakudachi .page-cont .box-4col .step .point span.txt br {
    display: none;
  }
  .yakudachi .page-cont .box-3col .page-sml-cont-hld .fregular, .yakudachi .page-cont .box-4col .page-sml-cont-hld .fregular {
    margin-top: 20px;
    display: block;
    font-size: 15px;
  }
  .yakudachi .page-cont .attn_box1 {
    margin: 10px 0;
    background: #F2F2F2;
    border: 1px solid #CCCCCC;
    padding: 10px;
    font-size: 12px;
  }
  .yakudachi .page-cont .attn_box1 dl:first-of-type {
    margin: 0 0 10px;
  }
  .yakudachi .page-cont .hatashikata h4 {
    font-size: 14px;
  }
  .yakudachi .page-cont .hatashikata h4 br {
    display: none;
  }
  .yakudachi .page-cont h3.fextralight {
    font-size: 17px;
    font-family: "AxisStd-Regular" !important;
    border-bottom: 1px solid #727274;
    padding: 0 10px 5px;
  }

  .yakudachi .StoreDetail {
    width: 100%;
    padding: 0 10px;
  }
  .yakudachi .StoreDetail table {
    width: 100%;
  }
  .yakudachi .StoreDetail .ken {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
  }
  .yakudachi .StoreDetail .ken h4 {
    font-size: 15px;
  }
  .yakudachi .StoreDetail .StoreData h5 {
    float: none;
    font-size: 14px;
    margin: 0 0 5px;
  }
  .yakudachi .StoreDetail .StoreData dl {
    float: none;
    width: 100%;
    font-size: 13px;
    margin: 0 0 20px;
  }
  .yakudachi .StoreDetail .StoreData dl dt {
    margin: 0;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
  }
  .yakudachi .StoreDetail .StoreData dl dd {
    width: 100%;
    font-size: 12px;
    margin: 0 0 5px;
  }

  .fltleft2 {
    display: none;
    position: absolute;
    top: 0;
    right: 10px;
  }

  .company .page-cont .box-4col h5 {
    padding-left: 10px;
    font-size: 15px;
  }

  .company .left-box-1col {
    margin: 0 0 40px;
  }
  .company .left-box-1col h3 {
    font-size: 17px;
  }
  .company .left-box-1col h4.fregular {
    font-size: 15px !important;
  }
  .company .left-box-1col p {
    padding: 0 10px;
    font-size: 13px !important;
    line-height: 1.7 !important;
    letter-spacing: 0.05em !important;
  }
  .company .left-box-1col dl.profile,
  .company .left-box-1col dl.place {
    padding: 0 10px;
  }
  .company .left-box-1col dl.profile dt,
  .company .left-box-1col dl.place dt {
    border-top: 1px dotted #727274;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 5px;
  }
  .company .left-box-1col dl.profile dt.sppdg,
  .company .left-box-1col dl.place dt.sppdg {
    margin-left: -0.3em;
  }
  .company .left-box-1col dl.profile dt.sppdg br,
  .company .left-box-1col dl.place dt.sppdg br {
    display: none;
  }
  .company .left-box-1col dl.profile dd,
  .company .left-box-1col dl.place dd {
    font-size: 13px;
    padding-bottom: 15px;
    letter-spacing: 0.025em;
  }
  .company .left-box-1col dl.history {
    border-top: 1px dotted #727274;
    padding: 0 10px;
  }
  .company .left-box-1col dl.history dt {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 5px;
  }
  .company .left-box-1col dl.history dd {
    font-size: 13px;
    padding-bottom: 10px;
    letter-spacing: 0.025em;
  }

  .company .left-box-1col.place,
  .company .left-box-1col.history {
    padding: 30px 0 0;
  }

  .company .fltleft.csda .left-box-2col {
    padding: 0 10px;
  }
  .company .fltleft.csda .box-button {
    padding: 30px 0;
    text-align: center;
  }

  .company .fltleft.materio .left-box-1col .freglar {
    padding-top: 20px;
  }
  .company .fltleft.materio .left-box-2col {
    margin: 0 0 20px;
  }

  .company .box-button {
    padding: 30px 0;
  }
  .company .box-button a {
    font-size: 14px;
  }

  .contact .boxInner2 {
    padding-top: 30px;
  }
  .contact .boxInner2 ul {
    padding: 0 10px;
  }
  .contact .boxInner2 ul.bdr {
    border-bottom: 1px solid #727274;
  }
  .contact .boxInner2 ul.bdr .page-sml-cont-hld:last-of-type {
    margin: 0;
    padding-bottom: 30px;
  }
  .contact .boxInner2 .page-sml-cont-hld {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    background: #F8F8F8;
    margin: 0 0 40px;
  }
  .contact .boxInner2 .page-sml-cont-hld img {
    width: 95px;
    height: auto;
    margin: 0;
  }
  .contact .boxInner2 .page-sml-cont-hld h3 {
    width: -webkit-calc(100% - 95px);
    width: calc(100% - 95px);
    font-size: 15px;
    padding-left: 20px;
    margin: 0;
  }
  .contact .boxInner2 .page-sml-cont-hld p {
    font-size: 13px;
    background: #fff;
    padding-top: 10px;
    width: 100%;
    margin: 0;
  }
  .contact .boxInner2 .page-sml-cont-hld .box-button {
    width: 100%;
    background: #fff;
    text-align: center;
    padding-top: 15px;
  }
  .contact .boxInner2 .cont_box1 {
    padding: 0 10px;
  }
  .contact .boxInner2 .cont_box1 h4 {
    padding-left: 45px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    margin: 0 0 20px;
  }
  .contact .boxInner2 .cont_box1 h4.ttl1 {
    background: url(../imgs/icon/label1.gif) left center no-repeat;
  }
  .contact .boxInner2 .cont_box1 h4.ttl2 {
    background: url(../imgs/icon/label2.gif) left center no-repeat;
  }
  .contact .boxInner2 .cont_box1 h4.ttl3 {
    background: url(../imgs/icon/label3.gif) left center no-repeat;
  }
  .contact .boxInner2 .cont_box1 span.freglar, .contact .boxInner2 .cont_box1 span.txt12, .contact .boxInner2 .cont_box1 span.tel {
    display: inline-block;
    font-size: 13px;
    margin: 0 0 20px;
  }
  .contact .boxInner2 .cont_box1 span.freglar a, .contact .boxInner2 .cont_box1 span.txt12 a, .contact .boxInner2 .cont_box1 span.tel a {
    color: #3B8FBB;
    text-decoration: underline;
  }
  .contact .boxInner2 .cont_box1 span.fred {
    color: #FF0000;
  }
  .contact .boxInner2 .cont_box1 .btnhld {
    text-align: center;
    margin: 0 0 20px;
  }
  .contact .boxInner2 .cont_box1 .btnhld a {
    text-decoration: none !important;
  }
  .contact .boxInner2 .cont_box1 .btnhld.spmb40 {
    margin: 0 0 40px;
  }
  .contact .boxInner2 .cont_box1 .sect425 {
    font-size: 13px;
  }
  .contact .boxInner2 .cont_box1 .sect425 a {
    color: #3B8FBB;
    text-decoration: underline;
  }
  .contact .boxInner2 .cont_box1 .attn {
    margin: 0 0 40px;
  }
  .contact .boxInner2 .cont_box1 .spImgClm {
    margin: 0 0 40px;
  }

  .mhnlist {
    padding: 30px 10px;
  }
  .mhnlist ul li {
    border: 1px solid #f0efef;
    background: #fcfdfd;
    margin-bottom: 20px;
    padding: 10px;
  }
  .mhnlist ul li span {
    display: block;
  }
  .mhnlist ul li span.logo {
    margin-bottom: 10px;
  }
  .mhnlist ul li span.name {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .mhnlist ul li span.name em {
    display: block;
    font-size: 15px;
  }
  .mhnlist ul li span.discrpt {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .mhnlist ul li span.img {
    margin-bottom: 10px;
    text-align: center;
  }
  .mhnlist ul li span.btn {
    text-align: center;
  }

  .btnSearch,
  .btnInkjet {
    display: inline-block;
    width: 230px;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 8px 0;
    border: 1px solid #78C0EB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    text-align: center;
  }
  .btnSearch .en,
  .btnInkjet .en {
    font-size: 15px;
    letter-spacing: 0.1em;
    display: block;
    text-align: center;
    font-family: "AxisStd-Medium";
  }
  .btnSearch .ja,
  .btnInkjet .ja {
    position: relative;
    font-family: "AxisStd-Regular";
    font-size: 12px;
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
  }
  .btnSearch .ja:before,
  .btnInkjet .ja:before {
    position: absolute;
    left: -2em;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 15px;
    height: 100%;
    background: url(../imgs/btn/ico_search.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnSearch .ja:after,
  .btnInkjet .ja:after {
    position: absolute;
    right: -2em;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 8px;
    height: 100%;
    background: url(../imgs/btn/btn_arrow.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnSearch:hover,
  .btnInkjet:hover {
    opacity: 0.7;
  }

  .btnCatlogue {
    display: inline-block;
    width: 230px;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 8px 0;
    border: 1px solid #78C0EB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    text-align: center;
  }
  .btnCatlogue .en {
    font-size: 15px;
    letter-spacing: 0.1em;
    display: block;
    text-align: center;
    font-family: "AxisStd-Medium";
  }
  .btnCatlogue .ja {
    position: relative;
    font-family: "AxisStd-Regular";
    font-size: 12px;
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
  }
  .btnCatlogue .ja:before {
    position: absolute;
    left: -1.5em;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 15px;
    height: 100%;
    background: url(../imgs/btn/ico_book.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnCatlogue .ja:after {
    position: absolute;
    right: -1em;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 8px;
    height: 100%;
    background: url(../imgs/btn/btn_arrow.png) no-repeat left center;
    background-size: 100% auto;
  }
  .btnCatlogue:hover {
    opacity: 0.7;
  }

  .btn40,
  .btn40h,
  .btn70,
  .btn40_pdct_sris,
  .btn40d,
  .btn40h2,
  .btn40_to_srh {
    margin: 0 auto;
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0.1rem;
    outline: none;
    color: #585757;
    font-size: 15px;
    border: 1px solid #78c1ec;
    background-color: white;
    padding: 0 30px 0 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .btn40::before, .btn40::after,
  .btn40h::before,
  .btn40h::after,
  .btn70::before,
  .btn70::after,
  .btn40_pdct_sris::before,
  .btn40_pdct_sris::after,
  .btn40d::before,
  .btn40d::after,
  .btn40h2::before,
  .btn40h2::after,
  .btn40_to_srh::before,
  .btn40_to_srh::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40:after,
  .btn40h:after,
  .btn70:after,
  .btn40_pdct_sris:after,
  .btn40d:after,
  .btn40h2:after,
  .btn40_to_srh:after {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
    height: 100%;
    background: url(../imgs/btn/btn_arrow.png) left center no-repeat;
    background-size: 100% auto;
  }

  .btn40_cnt_b,
  .btn70_cnt_b {
    margin: 0 auto;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0.1rem;
    outline: none;
    color: #585757;
    background: #E6E6E6;
    padding: 0 15px;
    font-size: 14px;
    letter-spacing: 0.05em;
  }
  .btn40_cnt_b::before, .btn40_cnt_b::after,
  .btn70_cnt_b::before,
  .btn70_cnt_b::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }

  .btn40_cnt_d {
    margin: 0 auto;
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    color: #585757;
    font-size: 14px;
    border: 1px solid #78C0EB;
    background-color: white;
    padding: 0 30px 0 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .btn40_cnt_d::before, .btn40_cnt_d::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40_cnt_d:after {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
    height: 100%;
    background: url(../imgs/btn/btn_arrow.png) left center no-repeat;
    background-size: 100% auto;
  }

  .btn40_cnt_c,
  .btn70_cnt_a {
    margin: 0 auto;
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    color: #585757;
    font-size: 14px;
    border: 1px solid #3B8FBB;
    background-color: #3B8FBB;
    padding: 0 30px 0 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
  }
  .btn40_cnt_c::before, .btn40_cnt_c::after,
  .btn70_cnt_a::before,
  .btn70_cnt_a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40_cnt_c:after,
  .btn70_cnt_a:after {
    position: absolute;
    z-index: 10;
    right: -5px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    height: 100%;
    background: url(../imgs/btn/btn40_cnt_c.png) right center no-repeat;
    background-size: 100% auto;
  }

  .btn40_pdct_sris,
  .btn40_pdct_a {
    margin: 0 auto;
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    font-size: 14px;
    border: none;
    border-bottom: 2px solid #ccc;
    background-color: #ededed;
    padding: 0 30px 0 10px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #585757;
  }
  .btn40_pdct_sris::before, .btn40_pdct_sris::after,
  .btn40_pdct_a::before,
  .btn40_pdct_a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn40_pdct_sris:after,
  .btn40_pdct_a:after {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 100%;
    background: url(../imgs/btn/btn40_pdct_sp.png) no-repeat center;
    background-size: 100% auto;
  }

  .btn32_cnt_mhn {
    margin: 0 auto;
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    outline: none;
    font-size: 14px;
    border: none;
    border-bottom: 2px solid #ccc;
    background-color: #ededed;
    padding: 2px 40px 0 20px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #585757;
  }
  .btn32_cnt_mhn::before, .btn32_cnt_mhn::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
  }
  .btn32_cnt_mhn:after {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 100%;
    background: url(../imgs/btn/btn40_pdct_sp.png) no-repeat center;
    background-size: 100% auto;
  }

  .box-content.pt20 {
    padding-top: 20px;
  }

  /* =======================================================
  
    SP NAVI
    sp_navi.scss
  
  ======================================================= */
  #spNaviWrap {
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    position: fixed;
    z-index: 88888;
    top: 64px;
    left: -100%;
    width: 100%;
    height: -webkit-calc(100vh - 64px);
    height: calc(100vh - 64px);
    background: #E8E7E7;
    overflow-y: auto;
    padding: 14px 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  #spNaviWrap #nv2 a, #spNaviWrap #nv3 a {
    position: relative;
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background: #fff;
  }
  #spNaviWrap #nv2 a:before, #spNaviWrap #nv2 a:after, #spNaviWrap #nv3 a:before, #spNaviWrap #nv3 a:after {
    position: absolute;
  }
  #spNaviWrap #nv2 a:before, #spNaviWrap #nv3 a:before {
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    content: '';
  }
  #spNaviWrap #nv2 a:after, #spNaviWrap #nv3 a:after {
    font-size: 13px;
    letter-spacing: 0;
    font-family: FontAwesome;
    content: '\f054';
    top: 50%;
    right: 14px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #spNaviWrap .megamenu {
    display: none;
  }
  #spNaviWrap .megamenu img {
    display: none;
  }
  #spNaviWrap .megamenu .sbtt {
    display: none;
  }
  #spNaviWrap .megamenu a {
    background: #E8E7E7 !important;
    padding-left: 25px;
    height: 35px;
    line-height: 35px;
  }
  #spNaviWrap #nv1, #spNaviWrap #nv2, #spNaviWrap #nv3 {
    width: 100%;
    height: auto;
    min-height: auto;
  }
  #spNaviWrap #nv1 > ul li a, #spNaviWrap #nv2 > ul li a, #spNaviWrap #nv3 > ul li a {
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    padding-left: 15px;
  }
  #spNaviWrap #nv1 {
    -webkit-order: 3;
    order: 3;
  }
  #spNaviWrap #nv1 ul {
    display: -webkit-flex;
    display: flex;
  }
  #spNaviWrap #nv1 ul li a {
    text-align: center;
    color: #fff;
    padding: 0 20px;
  }
  #spNaviWrap #nv1 ul li a p {
    text-align: center;
  }
  #spNaviWrap #nv1 ul li.enjp1 a {
    color: #4c4948;
  }
  #spNaviWrap #nv1 ul .blue1 {
    width: 45%;
  }
  #spNaviWrap #nv1 ul .blue1 a {
    background: #76CDFF;
  }
  #spNaviWrap #nv1 ul .blue2 {
    width: 40%;
  }
  #spNaviWrap #nv1 ul .blue2 a {
    background: #3A99C8;
  }
  #spNaviWrap #nv2 {
    -webkit-order: 2;
    order: 2;
  }
  #spNaviWrap #nv2 > ul li a {
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    padding-left: 45px;
  }
  #spNaviWrap #nv2 > ul .btn1 a {
    background: #fff url(../imgs/nv2/icon1.png) 15px center no-repeat;
  }
  #spNaviWrap #nv2 > ul .btn2 a {
    background: #fff url(../imgs/nv2/icon2.png) 15px center no-repeat;
  }
  #spNaviWrap #nv2 > ul .btn3 a {
    background: #fff url(../imgs/nv2/icon3.png) 15px center no-repeat;
  }
  #spNaviWrap #nv3 {
    -webkit-order: 1;
    order: 1;
    min-height: auto;
    margin: 0 0 10px;
  }
  #spNaviWrap #nv3 ul li > a {
    border-bottom: 1px solid #ccc;
    display: block;
    background: #fff;
    padding-left: 15px;
  }
  #spNaviWrap #nv3 ul li .n5ttl1, #spNaviWrap #nv3 ul li .nttl2 {
    display: none;
  }
  #spNaviWrap #nv3 ul .nvbtn1, #spNaviWrap #nv3 ul .nvbtn5 {
    position: relative;
  }
  #spNaviWrap #nv3 ul .nvbtn1 .wsmenu-click, #spNaviWrap #nv3 ul .nvbtn5 .wsmenu-click {
    position: absolute;
    z-index: 10;
    top: 0px;
    right: 0px;
    display: inline-block;
    background: #B3B3B3;
    width: 40px;
    height: 40px;
  }
  #spNaviWrap #nv3 ul .nvbtn1 .wsmenu-click i, #spNaviWrap #nv3 ul .nvbtn5 .wsmenu-click i {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #spNaviWrap #nv3 ul .nvbtn1 .wsmenu-click i:before, #spNaviWrap #nv3 ul .nvbtn5 .wsmenu-click i:before {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: '\f067';
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 0;
  }
  #spNaviWrap #nv3 ul .nvbtn1 .wsmenu-click i.wsmenu-rotate:before, #spNaviWrap #nv3 ul .nvbtn5 .wsmenu-click i.wsmenu-rotate:before {
    content: '\f068';
  }

  #spNaviWrap.open {
    left: 0;
  }

  /*
  Default style for WP-PageNavi plugin
  
  http://wordpress.org/extend/plugins/wp-pagenavi/
  */
  .wp-pagenavi {
    clear: both;
    font-size: 13px;
  }

  .wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
  }

  .wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;
  }

  .wp-pagenavi span.current {
    font-weight: bold;
  }

  .wp-pagenavi {
    display: block;
    width: auto;
    text-align: center;
    margin: 70px auto;
  }

  .wp-pagenavi a, .wp-pagenavi span {
    padding: 4px 9px;
    margin: 8px;
  }

  .wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #BFBFBF;
    background-color: #BFBFBF;
    color: #ffffff;
  }

  .wp-pagenavi span.current {
    font-weight: bold;
  }

  .slideBnr {
    padding-bottom: 20px;
  }

  .slideBnr .swiper-slide {
    width: 48vw;
  }

  .sp_gotop a {
    display: block;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
  }

  .sp_gotop a span {
    padding-right: 40px;
    display: inline-block;
    background: url(../../common/imgs/svg/gotop.svg) no-repeat right center;
    background-size: 30px auto;
  }


  /* スマホ用ボタンスタイル */
  .sp_new_btn1 {
    display: inline-block;
    font-size: 15px;
    line-height: 36px;
    height: 38px;
    border: 1px solid #78bfea;
    border-radius: 4px;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 42px;
    letter-spacing: 0.1em;
  }

  .sp_new_btn1::before {
    display: none;
  }

  .sp_new_btn1::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 100%;
    background: url(../../common/imgs/svg/sp_btn_arrow.svg) no-repeat center center;
    background-size: 100% auto;
    /* top: 0; */
    right: 19px;
  }

  .sp_new_btn2 {
    display: inline-block;
    height: 66px;
    border: 1px solid #78bfea;
    border-radius: 4px;
    position: relative;
    padding-top: 16px;
    padding-bottom: 15px;
    padding-left: 65px;
    padding-right: 40px;
    font-family: "AxisStd-Regular" !important;
    position: relative;
    letter-spacing: 0.1em;
  }

  .sp_new_btn2::before {
    position: absolute;
    top: 0;
    left: 24px;
    content: '';
    height: 100%;
    width: 32px;
    background: url(../../common/imgs/svg/ico_search.svg) no-repeat center center;
    background-size: 100% auto;
  }

  .sp_new_btn2::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 100%;
    background: url(../../common/imgs/svg/sp_btn_arrow.svg) no-repeat center center;
    background-size: 100% auto;
    top: 0;
    right: 17px;
  }

  .sp_new_btn2 span {
    display: block;
    line-height: 1;
    text-align: left;
  }

  .sp_new_btn2 span.big {
    font-size: 15px;
    margin-bottom: 5px;
  }

  .sp_new_btn2 span.small {
    font-size: 12px;
  }








/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../Fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../Fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../Fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../Fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../Fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../Fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

}