/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{
    display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]){
    display: none;
    height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden]{
    display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html{
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea{
    font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body{
    margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus{
    outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover{
    outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1{
    font-size: 2em;
    margin: 0.67em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title]{
    border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong{
    font-weight: bold;
}
blockquote{
    margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn{
    font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr{
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark{
    background: #ff0;
    color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
/*p,
pre{
    margin: 1em 0 0;
}*/
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp{
    font-family: monospace, serif;
    /*font-family: 'courier new', monospace;*/
    font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre{
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */

q{
    quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after{
    content: '';
    content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small{
    font-size: 85.7%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup{
    font-size: 68.8%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup{
    /*top: -0.5em;*/
    top: -0.3em;
}
sub{
    /*bottom: -0.25em;*/
    bottom: 0em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul{
    margin: 1em 0 0;
}
dd{
    margin: 0;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul{
    padding: 0;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol{
    list-style: none;
}
/* add */
ul li{
    list-style: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img{
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root){
    overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure{
    margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form{
    margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset{
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend{
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea{
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    /*vertical-align: baseline;  3 */
    *vertical-align: middle; /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input{
    line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select{
    text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"]{
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled]{
    cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"]{
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"]{
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
    -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner{
    border: 0;
    padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea{
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table{
    border-collapse: collapse;
    border-spacing: 0;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ mo */
/*html{color:#000;font-size:15px;line-height:1.6;}*/
html {font-size: 62.5%;/*10px*/}
body{font-size: 13px;
font-size: 1.3rem;
line-height:1.6;
font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif,Helvetica, Arial;margin:0;background:#fff;color:#000;text-align:center;
-webkit-font-smoothreasoning:subpixel-antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%;}
@media screen and (min-width: 1024px), print {
body{font-size: 15px;font-size: 1.5rem;}
}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #00511E;margin:30px 0 20px;padding:0;}
audio,canvas,iframe,img,svg,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
/* clearfix */
.clearfix:before,
.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{* zoom:1;}
.clear{clear:both;}
/* ==========================================================================
Author's custom styles
========================================================================== */
*{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
a{color:#00511E;}
a:hover{text-decoration:none;}
td,th{word-break:break-all;}
#wrap{text-align:left;}
img.res{width:auto;max-width:100%; height:auto;}
@media screen and (max-width: 1023px) {
  img.res{width:100%;max-width:100%; height:auto;}
  img,video{width:auto;max-width:100%; height:auto;}
  img.org{width:auto !important;max-width:100%; height:auto;}
  a,.main{word-break:break-all;}
  #wrap {position: relative;}
}
@media screen and (min-width: 1024px), print {
  a{
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }
  a:hover{
  opacity: .8;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;}
  a img {
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }
  a:hover img{
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;}
}
/* ================================================================
media display
================================================================ */
/* sp -768px */
@media screen and (max-width: 768px) {
.pc{display:none;}
.pctb{display:none;}
}
/* tablet -1023px */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.sp-small{display:none;}
.pc{display:none;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
.sp{display:none;}
.sp-small{display:none;}
}
/* ================================================================
Vertical Space Default Setting
================================================================ */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table{margin-bottom:0;}
/* ---- Nesting ---- */
li p:first-child, li ul:first-child, li ol:first-child, li dl:first-child, li table:first-child,
dd p:first-child, dd ul:first-child, dd ol:first-child, dd dl:first-child, dd table:first-child,
td p:first-child, td ul:first-child, td ol:first-child, td dl:first-child, td table:first-child,
header p, header ul, header ol, header dl, header table,
footer p, footer ul, footer ol, footer dl, footer table,
nav p, nav ul, nav ol, nav dl, nav table{margin-top:0;}
/* ================================================================
Space Setting
================================================================ */
.mt0 {margin-top: 0 !important;}
.mr0 {margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.ml0 {margin-left: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pr0 {padding-right: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.pl0 {padding-left: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mr5 {margin-right: 5px !important;}
.mb5 {margin-bottom: 5px !important;}
.ml5 {margin-left: 5px !important;}
.pt5 {padding-top: 5px !important;}
.pr5 {padding-right: 5px !important;}
.pb5 {padding-bottom: 5px !important;}
.pl5 {padding-left: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mr10 {margin-right: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.ml10 {margin-left: 10px !important;}
.pt10 {padding-top: 10px !important;}
.pr10 {padding-right: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pl10 {padding-left: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mr15 {margin-right: 15px !important;}
.mb15 {margin-bottom: 15px !important;}
.ml15 {margin-left: 15px !important;}
.pt15 {padding-top: 15px !important;}
.pr15 {padding-right: 15px !important;}
.pb15 {padding-bottom: 15px !important;}
.pl15 {padding-left: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mr20 {margin-right: 20px !important;}
.mb20 {margin-bottom: 20px !important;}
.ml20 {margin-left: 20px !important;}
.pt20 {padding-top: 20px !important;}
.pr20 {padding-right: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.pl20 {padding-left: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mr30 {margin-right: 30px !important;}
.mb30 {margin-bottom: 30px !important;}
.ml30 {margin-left: 30px !important;}
.pt30 {padding-top: 30px !important;}
.pr30 {padding-right: 30px !important;}
.pb30 {padding-bottom: 30px !important;}
.pl30 {padding-left: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mr40 {margin-right: 40px !important;}
.mb40 {margin-bottom: 40px !important;}
.ml40 {margin-left: 40px !important;}
.pt40 {padding-top: 40px !important;}
.pr40 {padding-right: 40px !important;}
.pb40 {padding-bottom: 40px !important;}
.pl40 {padding-left: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mr50 {margin-right: 50px !important;}
.mb50 {margin-bottom: 50px !important;}
.ml50 {margin-left: 50px !important;}
.pt50 {padding-top: 50px !important;}
.pr50 {padding-right: 50px !important;}
.pb50 {padding-bottom: 50px !important;}
.pl50 {padding-left: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
.mt-10 {margin-top: -10px !important;}
.mt-20 {margin-top: -20px !important;}
.mt-30 {margin-top: -30px !important;}
.mt-40 {margin-top: -40px !important;}
.mt-50 {margin-top: -50px !important;}
.mt-60 {margin-top: -60px !important;}
.mt-70 {margin-top: -70px !important;}
.mt-80 {margin-top: -80px !important;}
.mt-90 {margin-top: -90px !important;}
.mt-100 {margin-top: -100px !important;}
.ml-10 {margin-left: -10px !important;}
.ml-10 {margin-left: -10px !important;}
.ml-20 {margin-left: -20px !important;}
.ml-30 {margin-left: -30px !important;}
.ml-40 {margin-left: -40px !important;}
.ml-50 {margin-left: -50px !important;}
.ml-60 {margin-left: -60px !important;}
.ml-70 {margin-left: -70px !important;}
.ml-80 {margin-left: -80px !important;}
.ml-90 {margin-left: -90px !important;}
.ml-100 {margin-left: -100px !important;}
.mr-10 {margin-right: -10px !important;}
.mr-10 {margin-right: -10px !important;}
.mr-20 {margin-right: -20px !important;}
.mr-30 {margin-right: -30px !important;}
.mr-40 {margin-right: -40px !important;}
.mr-50 {margin-right: -50px !important;}
.mr-60 {margin-right: -60px !important;}
.mr-70 {margin-right: -70px !important;}
.mr-80 {margin-right: -80px !important;}
.mr-90 {margin-right: -90px !important;}
.mr-100 {margin-right: -100px !important;}
.mt1em {margin-top: 1em !important;}
.mr1em {margin-right: 1em !important;}
.mb1em {margin-bottom: 1em !important;}
.ml1em {margin-left: 1em !important;}
.pt1em {padding-top: 1em !important;}
.pr1em {padding-right: 1em !important;}
.pb1em {padding-bottom: 1em !important;}
.pl1em {padding-left: 1em !important;}
.m0 {margin: 0 !important;}
.m5 {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m30 {margin: 30px !important;}
.m40 {margin: 40px !important;}
.m50 {margin: 50px !important;}
.m60 {margin: 60px !important;}
.m70 {margin: 70px !important;}
.m80 {margin: 80px !important;}
.m90 {margin: 90px !important;}
.m100 {margin: 100px !important;}
.p0 {padding: 0 !important;}
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p30 {padding: 30px !important;}
/* sp -1023px */
@media screen and (max-width: 1023px) {
.sp-mt0 {margin-top: 0 !important;}
.sp-mr0 {margin-right: 0 !important;}
.sp-mb0 {margin-bottom: 0 !important;}
.sp-ml0 {margin-left: 0 !important;}
.sp-pt0 {padding-top: 0 !important;}
.sp-pr0 {padding-right: 0 !important;}
.sp-pb0 {padding-bottom: 0 !important;}
.sp-pl0 {padding-left: 0 !important;}
.sp-mt5 {margin-top: 5px !important;}
.sp-mr5 {margin-right: 5px !important;}
.sp-mb5 {margin-bottom: 5px !important;}
.sp-ml5 {margin-left: 5px !important;}
.sp-pt5 {padding-top: 5px !important;}
.sp-pr5 {padding-right: 5px !important;}
.sp-pb5 {padding-bottom: 5px !important;}
.sp-pl5 {padding-left: 5px !important;}
.sp-mt10 {margin-top: 10px !important;}
.sp-mr10 {margin-right: 10px !important;}
.sp-mb10 {margin-bottom: 10px !important;}
.sp-ml10 {margin-left: 10px !important;}
.sp-pt10 {padding-top: 10px !important;}
.sp-pr10 {padding-right: 10px !important;}
.sp-pb10 {padding-bottom: 10px !important;}
.sp-pl10 {padding-left: 10px !important;}
.sp-mt15 {margin-top: 15px !important;}
.sp-mr15 {margin-right: 15px !important;}
.sp-mb15 {margin-bottom: 15px !important;}
.sp-ml15 {margin-left: 15px !important;}
.sp-pt15 {padding-top: 15px !important;}
.sp-pr15 {padding-right: 15px !important;}
.sp-pb15 {padding-bottom: 15px !important;}
.sp-pl15 {padding-left: 15px !important;}
.sp-mt20 {margin-top: 20px !important;}
.sp-mr20 {margin-right: 20px !important;}
.sp-mb20 {margin-bottom: 20px !important;}
.sp-ml20 {margin-left: 20px !important;}
.sp-pt20 {padding-top: 20px !important;}
.sp-pr20 {padding-right: 20px !important;}
.sp-pb20 {padding-bottom: 20px !important;}
.sp-pl20 {padding-left: 20px !important;}
.sp-mt30 {margin-top: 30px !important;}
.sp-mr30 {margin-right: 30px !important;}
.sp-mb30 {margin-bottom: 30px !important;}
.sp-ml30 {margin-left: 30px !important;}
.sp-pt30 {padding-top: 30px !important;}
.sp-pr30 {padding-right: 30px !important;}
.sp-pb30 {padding-bottom: 30px !important;}
.sp-pl30 {padding-left: 30px !important;}
.sp-mt40 {margin-top: 40px !important;}
.sp-mr40 {margin-right: 40px !important;}
.sp-mb40 {margin-bottom: 40px !important;}
.sp-ml40 {margin-left: 40px !important;}
.sp-pt40 {padding-top: 40px !important;}
.sp-pr40 {padding-right: 40px !important;}
.sp-pb40 {padding-bottom: 40px !important;}
.sp-pl40 {padding-left: 40px !important;}
.sp-mt50 {margin-top: 50px !important;}
.sp-mr50 {margin-right: 50px !important;}
.sp-mb50 {margin-bottom: 50px !important;}
.sp-ml50 {margin-left: 50px !important;}
.sp-pt50 {padding-top: 50px !important;}
.sp-pr50 {padding-right: 50px !important;}
.sp-pb50 {padding-bottom: 50px !important;}
.sp-pl50 {padding-left: 50px !important;}
.sp-mt60 {margin-top: 60px !important;}
.sp-mt70 {margin-top: 70px !important;}
.sp-mt80 {margin-top: 80px !important;}
.sp-mt90 {margin-top: 90px !important;}
.sp-mt100 {margin-top: 100px !important;}
}
/* ----------------------------------------------------------------
width
---------------------------------------------------------------- */
.w100p{width:100%;}
.w95p{width:95%;}
.w90p{width:90%;}
.w85p{width:85%;}
.w80p{width:80%;}
.w75p{width:75%;}
.w70p{width:70%;}
.w65p{width:65%;}
.w60p{width:60%;}
.w55p{width:55%;}
.w50p{width:50%;}
.w45p{width:45%;}
.w40p{width:40%;}
.w35p{width:35%;}
.w30p{width:30%;}
.w25p{width:25%;}
.w22p{width:22%;}
.w20p{width:20%;}
.w18p{width:18%;}
.w17p{width:17%;}
.w16p{width:16%;}
.w15p{width:15%;}
.w14p{width:14%;}
.w13p{width:13%;}
.w12p{width:12%;}
.w11p{width:11%;}
.w10p{width:10%;}
.w9p{width:9%;}
.w8p{width:8%;}
.w7p{width:7%;}
.w6p{width:6%;}
.w5p{width:5%;}
.w10em{width:10em;}
/* sp -1023px */
@media screen and (max-width: 1023px) {
.sp-w100p {width: 100% !important;}
.sp-w90p {width: 90% !important;}
.sp-w80p {width: 80% !important;}
.sp-w70p {width: 70% !important;}
.sp-w60p {width: 60% !important;}
.sp-w50p {width: 50% !important;}
.sp-w45p {width: 45% !important;}
.sp-w40p {width: 40% !important;}
.sp-w30p {width: 30% !important;}
.sp-w25p {width: 25% !important;}
.sp-w20p {width: 20% !important;}
.sp-w15p {width: 15% !important;}
.sp-w10p {width: 10% !important;}
.sp-w5p {width: 5% !important;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
.pc-w100p {width: 100% !important;}
.pc-w90p {width: 90% !important;}
.pc-w80p {width: 80% !important;}
.pc-w70p {width: 70% !important;}
.pc-w60p {width: 60% !important;}
.pc-w50p {width: 50% !important;}
.pc-w40p {width: 40% !important;}
.pc-w30p {width: 30% !important;}
.pc-w20p {width: 20% !important;}
.pc-w10p {width: 10% !important;}
}
.nowrap{ white-space:nowrap;}
/* ----------------------------------------------------------------
font-size base pixel size 15px
---------------------------------------------------------------- */
.f10{font-size:10px;font-size:1.0rem;}
.f11{font-size:11px;font-size:1.1rem;}
.f12{font-size:12px;font-size:1.2rem;}
.f13{font-size:13px;font-size:1.3rem;}
.f14{font-size:14px;font-size:1.4rem;}
.f15{font-size:15px;font-size:1.5rem;}
.f16{font-size:16px;font-size:1.6rem;}
.f17{font-size:17px;font-size:1.7rem;}
.f18{font-size:18px;font-size:1.8rem;}
.f19{font-size:19px;font-size:1.9rem;}
.f20{font-size:20px;font-size:2.0rem;}
.f21{font-size:21px;font-size:2.1rem;}
.f22{font-size:22px;font-size:2.2rem;}
.f23{font-size:23px;font-size:2.3rem;}
.f24{font-size:24px;font-size:2.4rem;}
.f25{font-size:25px;font-size:2.5rem;}
.f26{font-size:26px;font-size:2.6rem;}
.f27{font-size:27px;font-size:2.7rem;}
.f28{font-size:28px;font-size:2.8rem;}
.f29{font-size:29px;font-size:2.9rem;}
.f30{font-size:30px;font-size:3.0rem;}
.f31{font-size:31px;font-size:3.1rem;}
.f32{font-size:32px;font-size:3.2rem;}
.f34{font-size:34px;font-size:3.4rem;}
.f36{font-size:36px;font-size:3.6rem;}
.f38{font-size:38px;font-size:3.8rem;}
.f40{font-size:40px;font-size:4.0rem;}
.f42{font-size:42px;font-size:4.2rem;}
.f44{font-size:44px;font-size:4.4rem;}
/* sp -1023px */
@media screen and (max-width: 1023px) {
  .f10{font-size:8px;font-size:.8rem;}
  .f11{font-size:9px;font-size:.9rem;}
  .f12{font-size:10px;font-size:1.0rem;}
  .f13{font-size:11px;font-size:1.1rem;}
  .f14{font-size:12px;font-size:1.2rem;}
  .f15{font-size:13px;font-size:1.3rem;}
  .f16{font-size:14px;font-size:1.4rem;}
  .f17{font-size:15px;font-size:1.5rem;}
  .f18{font-size:16px;font-size:1.6rem;}
  .f19{font-size:17px;font-size:1.7rem;}
  .f20{font-size:18px;font-size:1.8rem;}
  .f21{font-size:19px;font-size:1.9rem;}
  .f22{font-size:20px;font-size:2.0rem;}
  .f23{font-size:21px;font-size:2.1rem;}
  .f24{font-size:22px;font-size:2.2rem;}
  .f25{font-size:23px;font-size:2.3rem;}
  .f26{font-size:24px;font-size:2.4rem;}
  .f27{font-size:25px;font-size:2.5rem;}
  .f28{font-size:26px;font-size:2.6rem;}
  .f29{font-size:27px;font-size:2.7rem;}
  .f30{font-size:28px;font-size:2.8rem;}
  .f31{font-size:29px;font-size:2.9rem;}
  .f32{font-size:30px;font-size:3.0rem;}
  .f34{font-size:32px;font-size:3.2rem;}
  .f36{font-size:34px;font-size:3.4rem;}
  .f38{font-size:36px;font-size:3.6rem;}
  .f40{font-size:38px;font-size:3.8rem;}
  .f42{font-size:40px;font-size:4.0rem;}
  .f44{font-size:42px;font-size:4.2rem;}

.sp-f32 {font-size:32px;font-size:3.2rem;}
.sp-f30 {font-size:30px;font-size:3.0rem;}
.sp-f28 {font-size:28px;font-size:2.8rem;}
.sp-f26 {font-size:26px;font-size:2.6rem;}
.sp-f24 {font-size:24px;font-size:2.4rem;}
.sp-f22 {font-size:22px;font-size:2.2rem;}
.sp-f20 {font-size:20px;font-size:2.0rem;}
.sp-f17 {font-size:17px;font-size:1.7rem;}
.sp-f16 {font-size:16px;font-size:1.6rem;}
.sp-f15 {font-size:15px;font-size:1.5rem;}
.sp-f14 {font-size:14px;font-size:1.4rem;}
.sp-f13 {font-size:13px;font-size:1.3rem;}
.sp-f12 {font-size:12px;font-size:1.2rem;}
.sp-f11 {font-size:11px;font-size:1.1rem;}
.sp-f10 {font-size:10px;font-size:1.0rem;}
.sp-f9 {font-size:9px;font-size:0.9rem;}
.sp-f8 {font-size:8px;font-size:0.8rem;}
.sp-f7 {font-size:7px;font-size:0.7rem;}
}
/* ================================================================
header
================================================================ */
.header *{margin:0;padding:0;vertical-align:top;}
.header ul,.header ol{margin-top:0; margin-left:0; padding-left:0;}
.header ul > li,.header ol > li{ list-style:none;margin-top:0;}
.header{position: relative; background:#fff; color:#000; padding-top:0;}
/* header-in */
.header-in{width:100%; height: 110px; margin:0 auto;text-align:left; padding: 0;}
.header-in .tagline{ padding: 0 0 0 8px;font-size:1.0rem; line-height:1.8; font-weight:normal;border-bottom:0;}
.header-in .tagline a{ color:#666666; text-decoration:none;}
.header-in .tagline-logo{ position: absolute; top: 18px; left:0; width: calc(100% - 70px); height: 40px;margin-top:0; padding: 0 0 0 8px;}
.header-in .tagline-logo img{ width:240px; height: auto;}
/* tablet 768px- */
@media screen and (min-width: 768px), print {
.header-in .tagline-logo{top: 35px; width: 308px; height: 44px; }
.header-in .tagline-logo img{ width:300px;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
.header{padding-top:10px;}
.header-in{width:1000px;height:80px; position: relative;}
.header-in .tagline{padding: 0;font-size:1.1rem; margin-right:330px;}
.header-in .tagline-logo{ top: 24px; left:0; padding: 0;}
}
/* sp-nav */
.header .sp-nav{
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background-color: #fff;
}
@media screen and (min-width: 768px), print {
  .header .sp-nav{
    top: 25px;
    right: 10px;
  }
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
.header .sp-nav{display: none;}
}
/* header-utility */
.header-utility{position:absolute; top: 65px; left: 0; width: 100%;padding: 0 8px;}
.header-utility ul{ text-align:right; margin-right: 190px;}
.header-utility ul li{display:inline-block;margin-right:10px;line-height:36px;font-size:1.0rem; color:#00511E; vertical-align:top;}
.header-utility ul li.hdr-btn {width: 48px;}
.header-utility ul li.hdr-btn img{width:100%; height: auto;}
.header-utility ul li.hdr-btn-txt a{display:block; padding: 0 4px; background:#EAF4F0; text-decoration:none;}
/* tablet 768px- */
@media screen and (min-width: 768px), print {
.header-utility{ top: 40px; left: auto; right: 80px; width: calc(100% - 440px); }
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
.header-utility{ top: 0; right: 0; width: calc(100% - 440px); height: 70px; padding: 0;}
.header-utility ul{ margin-right: 0;}
.header-utility ul li{margin-right:0; margin-left: 10px; font-size:1.6rem;}
.header-utility ul li.hdr-btn {width: 160px; }
.header-utility ul li.hdr-btn img{width: 160px;}
.header-utility ul li.hdr-btn-txt a{padding: 0 10px;}
}
/* search */
#search { position:absolute;top: 0; right: 8px; width:190px;height:36px;}
#search form {position: relative; width:190px;height:36px;vertical-align:top;line-height:0;font-size:0em;margin:0;padding:0;background:#fff;}
#search form input {margin:0;padding:0;vertical-align:top;line-height:0;outline: 0;}
#search form input[type="hidden"] {display:none;}
#search form input:focus {outline: 0;}
#search form input.tt {position: absolute;top: 0;left: 0;width:140px !important;height: 36px !important;line-height: 36px;padding:0 0 0 3px !important;border:1px solid #ccc !important;border-radius: 0;font-size: 12px;-webkit-appearance: none;}
#search form input.tt:focus {outline: 0;background:none;}
#search form input.sb {position: absolute;top: 0;right: 0;width:50px;height: 36px; border:0;text-indent: 100%;white-space: nowrap;overflow:hidden;cursor:pointer;background: url(../images/inputbtn-bg.png) no-repeat left center; background-color:  #00521F;}
#search form input.sb:focus {outline: 0;}
*:first-child+html #search form input.sb {height: 36px;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  #search { top: 44px; right: 0; width:248px;height:24px;}
  #search form {width:248px;height:24px;}
  #search form input.tt {width:198px !important;height: 24px !important;line-height: 24px;}
  #search form input.sb {height: 24px;}
  *:first-child+html #search form input.sb {height: 24px;}
}
/* for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#search form input.sb {top: 0;height:24px;}
  /* sp -1023px */
  @media screen and (max-width: 1023px) {
  #search form input.sb {top: 0;height:36px;}
  }
}
/* ================================================================
gnav-sp
================================================================ */
/* sp -1023px */
@media screen and (max-width: 1023px) {
  #gnav-sp {
  width: 100%;
  min-width: 100%;
  margin: 0 0 40px;
  padding: 0;
  /* Navbar 2018 ios bugfix */
  height: 100%;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  }
  #gnav-sp a {
  text-decoration:none;
  }
  #gnav-sp li {
  margin-top:0;
  }
  #gnav-sp > li {
  list-style:none;
  width: 100%;
  border-bottom:1px solid #B3CBBC;
  }
  #gnav-sp > li:first-child i {
  display:none;
  }
  #gnav-sp > li > a {
  position:relative;
  display:block;
  padding:16px 10px;
  line-height:20px;
  width: 100%;
  color:#fff;
  font-size:1.4rem;
  }
  #gnav-sp > li.drawer-dropdown > a:after {
  display:block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 20px;
  height: 20px;
  font-size:2.0rem;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f13a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  }
  #gnav-sp > li.drawer-dropdown.open > a:after {
  content: "\f139";
  }
  #gnav-sp > li > ul > li {
  list-style:none;
  width: 100%;
  border-top:1px solid #B3CBBC;
  }
  #gnav-sp > li > ul > li > a {
  position:relative;
  display:block;
  padding:10px 10px 10px 20px;
  line-height:20px;
  width: 100%;
  background-color:#F0F0F0;/**/
  color:#000;
  font-size:1.2rem;
  border-top:0;
  }
  /*add2021*/
  #gnav-sp > li > ul > li > ul.drawer-dropdown-menu {
  display:block;
  }
  #gnav-sp > li > ul > li > ul > li {
  list-style:none;
  width: 100%;
  border-top:1px solid #B3CBBC;
  }
  #gnav-sp > li > ul > li > ul > li > a {
  position:relative;
  display:block;
  padding:10px 10px 10px 30px;
  line-height:20px;
  width: 100%;
  background-color:#F0F0F0;/**/
  color:#000;
  font-size:1.2rem;
  border-top:0;
  }
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  #gnav-sp {
  display: none;
  }
}
/* ================================================================
drawer
================================================================ */
/*!
* jquery-drawer v3.2.2
* Flexible drawer menu using jQuery, iScroll and CSS.
* http://git.blivesta.com/drawer
* License : MIT
* Author : blivesta <design@blivesta.com> (http://blivesta.com/)
*/
/* sp -1023px */
@media screen and (max-width: 1023px) {
/*!------------------------------------*\
Base
\*!------------------------------------*/
.drawer-open {
overflow: hidden !important;
/*overflow: auto !important;
height: 100%;*/
}
/* Navbar 2018 ios bugfix */
.fixed {
overflow: auto;
height: 100%;
}
/* open drawernav */
.drawer-nav {
position: fixed;
z-index: 101;
top: 110px;
overflow: hidden;
width: 100%;
height: 100%;
color: #222;
background-color: rgba(0, 82, 31, 1);
}
.drawer-menu {
margin: 0;
padding: 0;
list-style: none;
}		
.drawer-menu-item {
font-size: 1rem;
display: block;
padding: .75rem;
text-decoration: none;
color: #222;
}		
.drawer-menu-item:hover {
text-decoration: underline;
color: #555;
background-color: transparent;
}
/*! overlay */
.drawer-overlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2);
}	
.drawer-open .drawer-overlay {
display: block;
}		
/*!------------------------------------*\
Right
\*!------------------------------------*/
.drawer--right .drawer-nav {
right: -100%;
-webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}		
.drawer--right.drawer-open .drawer-nav {
right: 0;
/* Navbar 2018 ios bugfix */
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
right: 0;
}
.drawer--right.drawer-open .drawer-hamburger {
right: 100%;
}

/* drawer--top */
.drawer--top .drawer-nav {
  top: -100%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--top.drawer-open .drawer-nav {
  top: 110px;
  /* add Navbar 2018- ios bugfix */
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  }
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
  right: 0;
}
/*!------------------------------------*\
Hamburger
\*!------------------------------------*/
  .drawer-hamburger {
    position: absolute;
    top: 0;
    z-index: 104;
    display: block;
    box-sizing: content-box;
    width: 24px;
    height: 60px;
    padding: 0 18px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border: 0;
    outline: 0;
    background-color: transparent;
  }
    .drawer-hamburger:hover {
      cursor: pointer;
      background-color: transparent;
    }
    .drawer-hamburger-icon {
      position: relative;
      display: block;
      margin-top: 0;
    }
    .drawer-hamburger-icon span.txt-close {
      display: none;
    }
    .drawer-open .drawer-hamburger-icon span.txt-close {
      display: block;
    }
    .drawer-hamburger-icon,
    .drawer-hamburger-icon:before,
    .drawer-hamburger-icon:after {
      width: 100%;
      height: 2px;
      -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
      background-color: #00511E;
    }
    .drawer-hamburger-icon:before,
    .drawer-hamburger-icon:after {
      position: absolute;
      top: -8px;
      left: 0;
      content: ' ';
    }
    .drawer-hamburger-icon:after {
      top: 8px;
    }
    .drawer-open .drawer-hamburger-icon {
      background-color: transparent;
    }
    .drawer-open .drawer-hamburger-icon:before,
    .drawer-open .drawer-hamburger-icon:after {
      top: 0;
    }
    .drawer-open .drawer-hamburger-icon:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    .drawer-open .drawer-hamburger-icon:after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
  /*!------------------------------------*\
  accessibility
  \*!------------------------------------*/
  /*!
  * Only display content to screen readers
  * See: http://a11yproject.com/posts/how-to-hide-content
  */
  .sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  }
  /*!
  * Use in conjunction with .sr-only to only display content when it's focused.
  * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
  * Credit: HTML5 Boilerplate
  */
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  }
  /*!------------------------------------*\
  Sidebar
  \*!------------------------------------*/
  .drawer--sidebar {
  background-color: #fff;
  }
  .drawer--sidebar .drawer-contents {
  background-color: #fff;
  }
  /*!------------------------------------*\
  Navbar
  \*!------------------------------------*/
  .drawer--navbarTopGutter {
  padding-top: 110px;
  }
  /* drawer-bg */
  .drawer-navbar .drawer-navbar-header {
  background-color: #fff;
  }
  /* header */
  .drawer-navbar {
  z-index: 102;
  top: 0;
  width: 100%;
  }
  /*! .drawer-navbar modifier */
  .drawer-navbar--fixed {
  position: fixed;
  }
  /* tagline */
  .drawer-navbar-header {
  position: relative;
  z-index: 1000;
  box-sizing: border-box;
  width: 100%;
  height: 110px;
  padding: 0;
  }
  .drawer-navbar .drawer-nav {
  padding-top: 0;
  padding-bottom: 30px;/* scroll */
  }
  /*.drawer-navbar .drawer-menu {
  }*/
  /*!------------------------------------*\
  Dropdown
  \*!------------------------------------*/
  .drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #161B60;
  }
  .drawer-dropdown-menu > li {
  width: 100%;
  list-style: none;
  }
  .drawer-dropdown-menu-item {
  line-height: 80px;
  display: block;
  padding: 0;
  padding-right: .75rem;
  padding-left: 1.5rem;
  text-decoration: none;
  color: #222;
  }
  .drawer-dropdown-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
  }
  /*! open */
  .drawer-dropdown.open > .drawer-dropdown-menu {
  display: block;
  }
  /*! drawer-caret */
  .drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity .2s ease,
  -webkit-transform .2s ease;
  transition: opacity .2s ease,
  -webkit-transform .2s ease;
  transition: transform .2s ease, opacity .2s ease;
  transition: transform .2s ease, opacity .2s ease,
  -webkit-transform .2s ease;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  }
  /*! open */
  .drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  }
  /*!------------------------------------*\
  Container
  \*!------------------------------------*/
  .drawer-container {
  margin-right: auto;
  margin-left: auto;
  }
}
/* ================================================================
footer
================================================================ */
.footer ul,.footer ol{margin-top:0; margin-left:0; padding-left:0;}
.footer ul > li,.footer ol > li{ list-style:none;margin-top:0;}
.footer01{background:#F0F0F0; color:#000; width:100%;}
.footer01-in{position:relative; width:100%;margin:0 auto;padding:10px;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .footer01-in{width:1000px;padding:40px 0;}
}
#pagetop{display:none;position: fixed;bottom: 29px;right: 10px;margin:0 auto;padding:0;width:60px;height:60px;line-height:1.0; z-index:20;}
#pagetop img{vertical-align:bottom;}
#pagetop a:hover img{opacity: 1.0;filter: alpha(opacity=100);}
.f-ci{font-size:1.4rem;width:269px;}
.f-ci.single-column{width:100%;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .f-ci{font-size:1.4rem;width:269px; float:left;}
  .f-ci.single-column{width:1000px;float:none;}
}
.f-ci .f-logo{width:250px;}
@media screen and (min-width: 1024px), print {
  .f-ci .f-logo-e{width:420px;}
}
.f-ci dl dd{ margin-top:12px;}
.f-ci dl dd + dd{ margin-top:5px;}
.f-nav a:hover{text-decoration:underline;}
.f-nav{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  /* yoko */
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}
.f-nav > ul{ 
  font-size:1.0rem; 
  display: block;
  list-style: none;
  text-decoration: none;
  max-width: 48%;/* IE11 */
  width: 48%;/* IE11 */
  flex: 0 1 48%;
  margin: 0 1%;
  padding: 0 0 24px;
}
/* sp -1023px */
@media screen and (max-width: 1023px) {
.f-nav > ul:nth-of-type(2n){border-left:1px solid #00511E;padding-left:1em;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .f-nav{ margin-top: 0; width:730px; float:left;}
  .f-nav > ul{ 
    font-size:1.2rem; 
    max-width: 25%;/* IE11 */
    width: 25%;/* IE11 */
    flex: 0 1 25%;
    margin: 0 ;
    padding: 0;
    border-left:1px solid #00511E;
  }
}
.f-nav > ul li{ padding:0;}
.f-nav > ul li a,
.f-nav > ul li .nolink{text-decoration:none;display:inline-block; color:#000; line-height: 1.8;}
.f-nav > ul li .nolink{color: #7D7D7D;}
/* sp -1023px */
@media screen and (max-width: 1023px) {
.f-nav > ul li a,
.f-nav > ul li .nolink{ display: block; line-height: 2.4;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .f-nav > ul > li{ padding:0 1em;}
}
.f-nav > ul > li + li{ margin-top:1em;}
.f-nav > ul > li > ul > li > a,
.f-nav > ul > li > ul > li > .nolink{ display:inline-block; padding-left:1.4em; text-indent:-1.4em;}
.f-nav > ul > li > ul > li > a:before,
.f-nav > ul > li > ul > li > .nolink:before{ content:"└ "}
.f-nav > ul > li > ul > li > ul > li > a,
.f-nav > ul > li > ul > li > ul > li > .nolink{ padding-left:1.4em; text-indent:-1.4em;}
.f-nav > ul > li > ul > li > ul > li > a:before,
.f-nav > ul > li > ul > li > ul > li > .nolink:before{ content:"└ "}
.footer-copy{background:#00511E;width:100%}
.footer-copy-in{width:100%;margin:0 auto; }
.footer-copy .copy{text-align:left;margin:0; padding: 10px; color:#fff;font-size:1.1rem;line-height:16px;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .footer-copy-in{width:1000px;}
  .footer-copy .copy{text-align:right;padding: 0;line-height:30px;}
}
/* ================================================================
side 
================================================================ */
.side ul,.side ol{margin-top:20px; margin-left:0; padding-left:0;}
.side ul > li,.side ol > li{ list-style:none;}
/* sp -1023px */
@media screen and (max-width: 1023px) {
.side{width:240px; margin: 20px auto 0; padding: 10px;}
#side-lnav{display: none;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
.side{width:240px; float:left; padding:0;}
#side-lnav{display: block;}
}
/* lnav */
#side-lnav{ border-top:5px solid #00511E;}
#side-lnav ul{font-size:14px;font-size:1.4rem;margin:0;}
#side-lnav ul.menu{ padding-bottom:5px;background:#F0F0F0;border-top:5px solid #266B40;border-bottom:5px solid #266B40; }
#side-lnav ul li{ margin:0;}
#side-lnav a{ display:block; text-decoration:none; color:#000;}
/* top 2nd */
#side-lnav > ul > li{ background:#F0F0F0; border-bottom:1px dotted #00511E; padding:5px 0;}
#side-lnav > ul > li:first-child{padding:10px 0;}
#side-lnav > ul > li.current-menu-item,
#side-lnav > ul > li.current-menu-ancestor,
#side-lnav > ul > li.current-post-ancestor,
#side-lnav > ul > li.current-category-ancestor{background:#B2CBBC;}
#side-lnav > ul > li > a:hover{color:#fff; background:#00511E;font-weight:bold;}
#side-lnav > ul > li > a{ display:block; padding:0.1em 1.1em 0.1em 1em; }
#side-lnav > ul > li.current-menu-ancestor > a,
#side-lnav > ul > li.current-post-ancestor > a,
#side-lnav > ul > li.current-category-ancestor > a{ font-weight:bold; color:#00511E;}
#side-lnav > ul > li.current-menu-ancestor > a:hover,
#side-lnav > ul > li.current-post-ancestor > a:hover,
#side-lnav > ul > li.current-category-ancestor > a:hover{ color:#fff;}
/* current */
#side-lnav > ul > li.current-menu-item > a,
#side-lnav > ul > li > a:hover{color:#fff; background:#00511E;font-weight:bold;}
/* home */
#side-lnav > ul > li:first-child > a{padding:0.1em 1.1em 0.1em 3em;background-image: url(../images/ic-home.png);background-position: 1em 0px;background-repeat: no-repeat;}
#side-lnav > ul > li.current-menu-item:first-child > a,
#side-lnav > ul > li:first-child > a:hover{padding:0.1em 1.1em 0.1em 3em;background-image: url(../images/ic-home_o.png);background-position: 1em 0px;background-repeat: no-repeat;}
/* 3rd */
#side-lnav > ul > li > ul > li > a{ display:block; padding:0.1em 1.1em 0.1em 2em;background-image: url(../images/ic-arw04.png);background-position: 16px 6px;background-repeat: no-repeat;}
#side-lnav > ul > li > ul > li.current-post-parent > a{ font-weight:bold; color:#00511E;}
#side-lnav > ul > li > ul > li.current-post-parent > a:hover{ color:#fff;}
#side-lnav > ul > li > ul > li.current-menu-item > a,
#side-lnav > ul > li > ul > li > a:hover{color:#fff; background:#00511E;font-weight:bold;background-image: url(../images/ic-arw04_o.png);background-position: 16px 6px;background-repeat: no-repeat;}
/* 4th */
#side-lnav > ul > li > ul > li > ul > li > a{ display:block; padding:0.1em 1.1em 0.1em 3em;background-image: url(../images/ic-arw04.png);background-position: 31px 6px;background-repeat: no-repeat;}
#side-lnav > ul > li > ul > li > ul > li.current-menu-item > a,
#side-lnav > ul > li > ul > li > ul > li > a:hover{color:#fff; background:#00511E;font-weight:bold;background-image: url(../images/ic-arw04_o.png);background-position: 31px 6px;background-repeat: no-repeat;}
/* 5th */
#side-lnav > ul > li > ul > li > ul > li > ul > li > a{ display:block; padding:0.1em 1.1em 0.1em 4em;background-image: url(../images/ic-arw04.png);background-position: 45px 6px;background-repeat: no-repeat;}
#side-lnav > ul > li > ul > li > ul > li > ul > li.current-menu-item > a,
#side-lnav > ul > li > ul > li > ul > li > ul > li > a:hover{color:#fff; background:#00511E;font-weight:bold;background-image: url(../images/ic-arw04_o.png);background-position: 45px 6px;background-repeat: no-repeat;}
/* 6th */
#side-lnav > ul > li > ul > li > ul > li > ul > li > ul > li > a{ display:block; padding:0.1em 1.1em 0.1em 5em;background-image: url(../images/ic-arw04.png);background-position: 60px 6px;background-repeat: no-repeat;}
#side-lnav > ul > li > ul > li > ul > li > ul > li > ul > li.current-menu-item > a,
#side-lnav > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover{color:#fff; background:#00511E;font-weight:bold;background-image: url(../images/ic-arw04_o.png);background-position: 60px 6px;background-repeat: no-repeat;}


/* widemenu */
#side-lnav > ul > li.side-widemenu { background-color:#EAF4F0;}
/* widemenu current */
#side-lnav > ul > li.side-widemenu.current-menu-item > a{color:#fff; background-color:#007700;font-weight:bold;}
/* 2nd */
#side-lnav > ul > li.side-widemenu > a:hover{color:#fff; background-color:#007700;font-weight:bold;}
/* 3rd */
#side-lnav > ul > li.side-widemenu > ul > li.current-menu-item > a,
#side-lnav > ul > li.side-widemenu > ul > li[class^="current-"] > a,
#side-lnav > ul > li.side-widemenu > ul > li > a:hover,
/* 4th */
#side-lnav > ul > li.side-widemenu > ul > li > ul > li.current-menu-item > a,
#side-lnav > ul > li.side-widemenu > ul > li > ul > li[class^="current-"] > a,
#side-lnav > ul > li.side-widemenu > ul > li > ul > li > a:hover,
/* 5th */
#side-lnav > ul > li.side-widemenu > ul > li > ul > li > ul > li.current-menu-item > a,
#side-lnav > ul > li.side-widemenu > ul > li > ul > li > ul > li[class^="current-"] > a,
#side-lnav > ul > li.side-widemenu > ul > li > ul > li > ul > li > a:hover,
/* 6th */
#side-lnav > ul > li.side-widemenu > ul > li > ul > li > ul > li > ul > li.current-menu-item > a,
#side-lnav > ul > li.side-widemenu > ul > li > ul > li > ul > li > ul > li[class^="current-"] > a,
#side-lnav > ul > li.side-widemenu > ul > li > ul > li > ul > li > ul > li > a:hover{background-color:#007700;background-image: url(../images/ic-arw04_o.png);}

#side-lnav > ul > li.side-widemenu.current_page_ancestor,
#side-lnav > ul > li.side-widemenu.current_page_item{ background:#E5F2D4;}


/* widemenu */
#side-lnav > ul > li.side-widemenu2 { background-color:#EBF7FC;}
/* widemenu current */
#side-lnav > ul > li.side-widemenu2.current-menu-item > a{color:#fff; background-color:#0085BD;font-weight:bold;}
/* 2nd */
#side-lnav > ul > li.side-widemenu2 > a:hover{color:#fff; background-color:#0085BD;font-weight:bold;}
/* 3rd */
#side-lnav > ul > li.side-widemenu2 > ul > li.current-menu-item > a,
#side-lnav > ul > li.side-widemenu2 > ul > li.current-category-ancestor > a,
#side-lnav > ul > li.side-widemenu2 > ul > li.current-post-ancestor > a,
#side-lnav > ul > li.side-widemenu2 > ul > li > a:hover,
/* 4th */
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li.current-menu-item > a,
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li.current-category-ancestor > a,
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li.current-post-ancestor > a,
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li > a:hover,
/* 5th */
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li > ul > li.current-menu-item > a,
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li > ul > li.current-category-ancestor > a,
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li > ul > li.current-post-ancestor > a,
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li > ul > li > a:hover,
/* 6th */
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li > ul > li > ul > li.current-menu-item > a,
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li > ul > li > ul > li.current-category-ancestor > a,
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li > ul > li > ul > li.current-post-ancestor > a,
#side-lnav > ul > li.side-widemenu2 > ul > li > ul > li > ul > li > ul > li > a:hover{background-color:#0085BD; color: #fff; font-weight:bold; background-image: url(../images/ic-arw04_o.png);}

#side-lnav > ul > li.side-widemenu2.current_page_ancestor,
#side-lnav > ul > li.side-widemenu2.current_page_item{ background:#D2EDF9;}

#c-antibodies-product #side-lnav > ul > li.side-widemenu2 > a,
#side-lnav > ul > li.side-widemenu2.current-menu-ancestor > a,
#side-lnav > ul > li.side-widemenu2.current-post-ancestor > a,
#side-lnav > ul > li.side-widemenu2.current-category-ancestor > a
{ color:#014074;font-weight:bold; }

#c-antibodies-product #side-lnav > ul > li.side-widemenu2 > a:hover,
#side-lnav > ul > li.side-widemenu2.current-menu-ancestor > a:hover,
#side-lnav > ul > li.side-widemenu2.current-post-ancestor > a:hover,
#side-lnav > ul > li.side-widemenu2.current-category-ancestor > a:hover
{ color:#ffffff;}
/* eng-no-first-child */
#side-lnav > ul.eng > li:first-child{padding:5px 0;}
#side-lnav > ul.eng > li:first-child > a{ display:block; padding:0.1em 1.1em 0.1em 1em;  background:#F0F0F0;}
#side-lnav > ul.eng > li.current-menu-item:first-child > a,
#side-lnav > ul.eng > li:first-child > a:hover{padding:0.1em 1.1em 0.1em 1em;background:#00511E;}
/* side bnr */
.side .side-bnr {margin-top:-5px; margin-bottom:20px;}
.side-bnr li + li{margin-top:10px;}
.widget_sp_image-description{font-size:12px;font-size:1.2rem; margin-top:4px;}
/* tagcloud */
.wp-tag-cloud li{ display:inline-block;}
/* ================================================================
container
================================================================ */
/* ----------------------------------------------------------------
contents
---------------------------------------------------------------- */
/* sp -1023px */
@media screen and (max-width: 1023px) {
.contents{width:100%;margin:0 auto;padding-bottom:20px;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
.contents{width:1000px;margin:0 auto;padding-bottom:160px;}
}
.category-header{padding: 16px 10px;margin: 0 0 20px;font-size:2.0rem;font-weight: bold;line-height:24px;color: #fff;background-color: #00511E;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .category-header{padding: 20px 30px;margin: 0 0 30px;font-size:3.0rem;line-height: 35px;}
}
/* ----------------------------------------------------------------
main-contents
---------------------------------------------------------------- */
/* sp -1023px */
@media screen and (max-width: 1023px) {
.main-contents{width:100%; max-width: 730px; margin: 0 auto; padding: 0 10px;}
.main-contents.single-column{width:100%;float:none;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .main-contents{width:730px; float:right; padding: 0;}
  .main-contents.single-column{width:1000px;float:none;}
}
/* ----------------------------------------------------------------
topicpath
---------------------------------------------------------------- */
.topicpath{width:100%; }
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .topicpath{width:730px;}
}
.topicpath ol{margin:0;padding:0;}
.topicpath ol li{display:inline;font-size:14.rem;padding-right:0.5em;}
.topicpath ol li + li > span:before{content:">";padding-right:0.5em;}

/* ================================================================
main 
================================================================ */
/* ----------------------------------------------------------------
title 
---------------------------------------------------------------- */
h1,.h1{position:relative;margin:20px 0 0; padding:0;font-size:1.8rem;/*27px*/ color:#00511E !important; font-weight:bold; border-bottom:2px solid #00511E; background-color:#fff;}
h2.h1{color:#666; border-bottom:2px solid #666; margin-top:60px;}
h2,.h2{clear:both;font-size:1.8rem;/*23px*/margin:20px 0 20px; line-height:1.4;padding:8px 10px;background:#E5F2D4;color:#00511E; border:0;}
h3,.h3{margin:20px 0 20px; padding-left:10px;color:#00511E;font-size:1.6rem;border-left:6px solid #00511E;}
h4{font-size:1.5rem;/*18px*/margin-top:20px;color:#00511E;}
h5{font-size:1.4rem;/*16px*/margin-top:20px;color:#00511E;}
h6{font-size:1.3rem;/*15px*/margin-top:20px;color:#00511E;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  h1,.h1{font-size:2.8rem;}
  h2,.h2{font-size:2.3rem;margin:40px 0 20px;}
  h3,.h3{font-size:2.0rem;margin:40px 0 20px;}
  h4{font-size:1.8rem;}
  h5{font-size:1.6rem;}
  h6{font-size:1.5rem;}
}
h4 + p,h4 + ul,h4 + ol,h4 + dl,h4 + table{margin-top:2px;}
h5 + p,h5 + ul,h5 + ol,h5 + dl,h5 + table{margin-top:2px;}
h6 + p,h6 + ul,h6 + ol,h6 + dl,h6 + table{margin-top:2px;}
h2.title-campaign{position:relative;font-size:1.6rem;margin-top:20px; line-height:26px;padding:6px 6px 4px 36px;background-color:#E36600;color:#fff;}
h2.title-campaign:before{content:"";display:inline-block;position:absolute; top:0; bottom:0; left:6px; margin:auto; width:24px; height:26px;background-image: url(../images/ic-campaign.png);background-repeat:no-repeat;background-position:0 0;}
h2.title-item{position:relative;font-size:1.6rem;margin-top:20px; line-height:24px;padding:7px 6px 5px 36px;background-color:#00511E;color:#fff;}
h2.title-item:before{content:"";display:inline-block;position:absolute; top:0; bottom:0; left:6px; margin:auto; width:24px; height:24px;background-image: url(../images/ic-item.png);background-repeat:no-repeat;background-position:0 0;}
h2.title-info{ position:relative;font-size:1.6rem;margin-top:20px; line-height:24px;padding:7px 6px 5px 36px;background:#00511E;color:#fff;}
h2.title-info:before{content:"";display:inline-block;position:absolute; top:0; bottom:0; left:6px; margin:auto; width:24px; height:24px;background-image: url(../images/ic-news.png);background-repeat:no-repeat;background-position:0 0;}
h2.title-jirei{position:relative;margin:0; padding-left:24px; background-color:transparent;color:#000;font-size:1.6rem;border-left:0; border-bottom:2px solid #fff;}
h2.title-jirei:before{content:"";display:inline-block;position:absolute; top:0; bottom:0; left:6px; margin:auto; width:12px; height:24px;background-image: url(../images/ic-jirei.png);background-repeat:no-repeat;background-position:0 0;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  h2.title-campaign{font-size:2.0rem;}
  h2.title-item{font-size:2.0rem;margin-top:40px;}
  h2.title-info{font-size:2.0rem;margin-top:40px;}
  h2.title-jirei{font-size:1.7rem;}
}
/* title more */
.title-header{ position:relative;}
.more{ position:absolute; top:50%; bottom:0; right:1em;margin-top:-12px; color:#fff; text-decoration:none;}
a.more:hover{text-decoration:underline;}
.col-jirei .more{ color:#000; margin-right:-10px;}
/* h1 label */
.parent-label{ display:block;background-color:#00511E; color:#fff; margin:6px 1em 0 0; padding:0 0.5em; border-radius:5px; font-weight:normal; font-size:12px; line-height:27px; float:left; }
/* ----------------------------------------------------------------
style tag
---------------------------------------------------------------- */
p{margin-top:20px;}
ul{margin-top:14px;margin-left:1.2em; padding-left:0.5em;}
ol{margin-top:14px;margin-left:1.2em; padding-left:0.5em;}
ul li,ol li{margin-top:6px;}
ul > li{ list-style: url(../images/disc02.png) ;}
ol > li{ list-style: decimal;}
ul.list-normal > li{list-style:none; list-style: disc;}
ul > li > ul > li,
ol > li > ul > li{list-style:none; list-style: disc;}
ul > li > ol > li,
ol > li > ol > li{list-style:none; list-style:decimal;}
ul.list-nostyle,ol.list-nostyle{margin:0;padding:0;}
ul.list-nostyle > li,ol.list-nostyle > li{margin-top:0;list-style:none;}
ul.list-inline > li,
ol.list-inline > li{ float:left; margin-right:2em;}
/* table*/
table th > ul, table td > ul, table th > ol, table td > ol{margin-left:0.8em; padding-left:0.8em;}
table th > ul li:first-child,table td > ul li:first-child,
table th > ol li:first-child,table td > ol li:first-child{margin-top:0px;}
/* sp -767px */
@media screen and (max-width: 767px) {
  table th, table td{vertical-align: top;}
}
table.table caption{padding:10px 0;text-align:left;font-weight: bold;}

table.table,table.table-center{width:100%;margin-top:20px;border-collapse:collapse;border-spacing:0; border:2px solid #ccc;}
table.table th,table.table-center th,
table.table td,table.table-center td{padding:10px;border:1px solid #ccc;}
table.table th,table.table-center th{background-color:#F5F5F5;text-align:left;vertical-align:top; font-weight:normal;}
table.table-center th,table.table-center td{text-align:center;}
table.table-layout{margin-top:0;border-collapse:collapse;border-spacing:0;}
table.table-layout th,table.table-layout td{padding:0;border:none;vertical-align:top;}
table.table-layout th{background-color:transparent; text-align:left;}
table.table-item{width:100%;margin-top:20px;border-collapse:collapse;border-spacing:0; border:2px solid #ccc;font-size:1.0rem;}
table.table-item th,
table.table-item td{padding:4px;border:1px solid #ccc;}
/* table-res */
@media screen and (max-width: 767px) {
table.table-res th,
table.table-res td,
table.contact-form th,
table.contact-form td{
  display: block; }
table.table-res th + td,
table.contact-form th + td{
  border-top: 0; }
table.table-res tr + tr > th,
table.contact-form tr + tr > th{
  border-top: 0; }
/* ---- table-responsive ---- */
  .table-scroll{
  overflow: auto;
  white-space: nowrap;
  }
  .table-scroll>table{
  width:100%;
  table-layout: auto;
  }
  .table-scroll>table th,
  .table-scroll>table td{
  white-space: nowrap;
  }
  .table-scroll::-webkit-scrollbar{
  height: 5px;
  }
  .table-scroll::-webkit-scrollbar-track{
  background: #F1F1F1;
  }
  .table-scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
  }

}
/* tablet/pc 768px- */
@media screen and (min-width: 768px), print {
  table.table-item{font-size:1.2rem;}
  table.table-item th,
  table.table-item td{padding:8px;}
}
table.table-item th{
background: #E8E8E8;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E8E8E8), color-stop(0.00, #F6F6F6));
background: -webkit-linear-gradient(#F6F6F6, #E8E8E8);
background: -moz-linear-gradient(#F6F6F6, #E8E8E8);
background: -o-linear-gradient(#F6F6F6, #E8E8E8);
background: -ms-linear-gradient(#F6F6F6, #E8E8E8);
background: linear-gradient(#F6F6F6, #E8E8E8);
text-align:left;vertical-align:top; font-weight:bold;}
table.table-item th.th02{
background:#E9F5F5;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E7F4F5), color-stop(0.00, #F4FAFA));
background: -webkit-linear-gradient(#F4FAFA, #E7F4F5);
background: -moz-linear-gradient(#F4FAFA, #E7F4F5);
background: -o-linear-gradient(#F4FAFA, #E7F4F5);
background: -ms-linear-gradient(#F4FAFA, #E7F4F5);
background: linear-gradient(#F4FAFA, #E7F4F5);
text-align:left;vertical-align:top; font-weight:bold; font-size:14px;
}
table.table-item th.th03{background:#F5FBFB;text-align:left;vertical-align:top; font-weight:bold;}
table.table-item .hover{background-color:#F4FBEE;}

.c-antibodies-service .table th,
.c-antibodies-service .table td{
padding: 5px;
}
.c-antibodies-service .table th {
text-align: left;
font-weight: bold;
background: #eaf9ff;
}
.c-antibodies-service .table th.bg01 {
background: #d7eff9 !important;
text-align: center;
}
.c-antibodies-service .table th.bg03 {
background: #f1f1f1;
text-align: center;
}
.c-antibodies-service .table .price{
color: #c00;
font-size: 1.6rem;
font-weight: bold;
font-family: arial;
}


/* dl-list */
dl.dl-list {margin-top: 20px;}
dl.dl-list:before,
dl.dl-list:after {content: " ";display: table;}
dl.dl-list:after {clear: both;}
dl.dl-list {* zoom: 1;}
dl.dl-list dt {
	width:2em;
	float:left;
	clear:left;
}
dl.dl-list dd {
margin-left:2em;
}
dl.dl-list-1em dt {width:1em;}
dl.dl-list-1em dd {margin-left:1em;}
dl.dl-list-3em dt {width:3em;}
dl.dl-list-3em dd {margin-left:3em;}
dl.dl-list-4em dt {width:4em;}
dl.dl-list-4em dd {margin-left:4em;}
dl.dl-list-5em dt {width:5em;}
dl.dl-list-5em dd {margin-left:5em;}
dl.dl-list-6em dt {width:6em;}
dl.dl-list-6em dd {margin-left:6em;}
dl.dl-list-7em dt {width:7em;}
dl.dl-list-7em dd {margin-left:7em;}
dl.dl-list-8em dt {width:8em;}
dl.dl-list-8em dd {margin-left:8em;}
dl.dl-list-9em dt {width:9em;}
dl.dl-list-9em dd {margin-left:9em;}
dl.dl-list-10em dt {width:10em;}
dl.dl-list-10em dd {margin-left:10em;}
dl.dl-list-11em dt {width:11em;}
dl.dl-list-11em dd {margin-left:11em;}
dl.dl-list-12em dt {width:12em;}
dl.dl-list-12em dd {margin-left:12em;}
dl.dl-list-13em dt {width:13em;}
dl.dl-list-13em dd {margin-left:13em;}
dl.dl-list-14em dt {width:14em;}
dl.dl-list-14em dd {margin-left:14em;}
dl.dl-list-15em dt {width:15em;}
dl.dl-list-15em dd {margin-left:15em;}
dl.dl-list-16em dt {width:16em;}
dl.dl-list-16em dd {margin-left:16em;}
dl.dl-list-17em dt {width:17em;}
dl.dl-list-17em dd {margin-left:17em;}
dl.dl-list-18em dt {width:18em;}
dl.dl-list-18em dd {margin-left:18em;}
dl.dl-list-19em dt {width:19em;}
dl.dl-list-19em dd {margin-left:19em;}
dl.dl-list-20em dt {width:20em;}
dl.dl-list-20em dd {margin-left:20em;}
/* ----------------------------------------------------------------
style parts
---------------------------------------------------------------- */
.textalignleft{text-align:left;}
th.textalignleft{text-align:left !important;}
.textalignright{text-align:right;}
th.textalignright{text-align:right !important;}
.textaligncenter{text-align:center;}
th.textaligncenter{text-align:center !important;}
/* wp editor style*/
/* sp -1023px */
@media screen and (max-width: 1023px) {
  .alignleft{float:none;display:block;text-align: center; margin: 0 auto;}
  .alignright{float:none;display:block;text-align: center; margin: 0 auto;}
  .aligncenter{ display:block;text-align: center; margin: 0 auto;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .alignleft{float:left; margin-right:15px;}
  .alignright{float:right; margin-left:15px;}
  .aligncenter{ display:block;text-align: center; margin: 0 auto;}
  img.alignleft, img.alignright, img.aligncenter{margin-bottom:15px;}
}
.box img.alignleft, .box img.alignright{margin-bottom:0;}
.wp-caption.alignleft img, .wp-caption.alignright img{margin-bottom:-10px;}
.wp-caption{margin-top:15px}
.wp-caption-text{margin-top:0;margin-bottom:15px;}

.red{color:#FF4D4D;}
.dred{color:#C00000;}
.green{color:#00511E;}
.lgreen{color:#689F38;}
.blue{ color:#4678BE;}
.black{ color:#000;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.lead{font-weight:bold;color:#00511E;}

.box{clear:both;margin-top:20px;padding:10px;border:2px solid #00511E;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .box{padding:20px;}
}
.box-gray{border:0; background: #f1f1f1;}
.box-thin{border:1px solid #00511E;}
.box p, .box ul, .box ol, .box dl, .box table{margin-top:10px;}
.box > p:first-child,.box > ul:first-child,.box > ol:first-child,.box > dl:first-child,.box > table:first-child{margin-top:0;}
.box-kadomaru{
	clear: both;
	margin-top: 20px;
	padding: 10px;
	border-radius:8px;
	background-color: #EAF4F0;
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .box-kadomaru{padding:20px;}
}
.box-kadomaru p, .box-kadomaru ul, .box ol, .box dl, .box table{margin-top:10px;}
.box-kadomaru > p:first-child,.box-kadomaru > ul:first-child,.box-kadomaru > ol:first-child,.box-kadomaru > dl:first-child,.box > table:first-child{margin-top:0;}

a.link-txt{ position:relative; display:inline-block; border:1px solid #00511E;padding:10px 38px 10px 10px;line-height:24px; color:#000; text-decoration:none;}
a.link-txt:after{content:""; display:inline-block;position:absolute; top:0; bottom:0; right:12px; margin:auto; width:24px; height:24px;line-height:24px;background-image: url(../images/ic-arw02.png);background-repeat:no-repeat;background-position:0 0;}
a:hover.link-txt{background-color:#F2F9EA;}
a:hover.link-txt:after{background-image: url(../images/ic-arw02.png);}
.link-more{position:relative; padding-left:30px;}
.link-more:before{content:"";display:inline-block;position:absolute; top:0; left:0; margin:auto; width:24px; height:24px;background-image: url(../images/ic-arw01.png);background-repeat:no-repeat;background-position:0 0;}
/* btn */
.btn{display: inline-block;padding: 8px 8px;font-size: 1.3rem;border-radius: 5px; border:1px solid #aaa;color:#000;text-decoration: none;
background: #ECE9E9;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ECE9E9), color-stop(0.00, #FEFEFE));
background: -webkit-linear-gradient(#FEFEFE, #ECE9E9);
background: -moz-linear-gradient(#FEFEFE, #ECE9E9);
background: -o-linear-gradient(#FEFEFE, #ECE9E9);
background: -ms-linear-gradient(#FEFEFE, #ECE9E9);
background: linear-gradient(#FEFEFE, #ECE9E9);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .btn{padding: 8px 1.5em; font-size: 1.5rem;}
}
.btn:hover{border:1px solid #ccc;color:#B2B2B2;text-decoration: none;
background: #F9F8F8;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F9F8F8), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #F9F8F8);
background: -moz-linear-gradient(#fff, #F9F8F8);
background: -o-linear-gradient(#fff, #F9F8F8);
background: -ms-linear-gradient(#fff, #F9F8F8);
background: linear-gradient(#fff, #F9F8F8);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.btn-orange{display: inline-block;padding: 8px 1.5em;border-radius: 5px; border:1px solid #fff; color:#fff;text-decoration: none;
background: #DD7002;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DD7002), color-stop(0.00, #FC8A18));
background: -webkit-linear-gradient(#FC8A18, #DD7002);
background: -moz-linear-gradient(#FC8A18, #DD7002);
background: -o-linear-gradient(#FC8A18, #DD7002);
background: -ms-linear-gradient(#FC8A18, #DD7002);
background: linear-gradient(#FC8A18, #DD7002);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
opacity: 1;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.btn-orange:hover{border:1px solid #fff;color:#FAD6B2;text-decoration: none;
background: #FC8A18;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FC8A18), color-stop(0.00, #DD7002));
background: -webkit-linear-gradient(#DD7002, #FC8A18);
background: -moz-linear-gradient(#DD7002, #FC8A18);
background: -o-linear-gradient(#DD7002, #FC8A18);
background: -ms-linear-gradient(#DD7002, #FC8A18);
background: linear-gradient(#DD7002, #FC8A18);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
opacity: 1;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.btn-large{padding: 10px 10px;font-size:1.6rem;}
.btn-wide{padding: 6px 1.0em;max-width:360px;min-width:240px;width:100%;font-size:1.4rem;text-align:center;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
.btn-large{padding: 10px 24px; font-size:2.0rem;}
.btn-wide{font-size:1.8rem;}
}
.btn-wide100{width:100%;}
.btn-blue{ color:#4678BE;}
/* sp -1023px */
@media screen and (max-width: 1023px) {
.btn-contact{ text-align:center;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
.btn-contact{ margin-left:-5px; margin-right:-5px;}
}
/* sp -1023px */
@media screen and (max-width: 1023px) {
.bnr-bottom{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    /* yoko */
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px;
  }
  .bnr-bottom li{ 
    font-size:1.0rem; 
    display: block;
    list-style: none;
    text-decoration: none;
    max-width: 230px;/* IE11 */
    width: 230px;/* IE11 */
    flex: 0 1 230px;
    margin: 10px 10px 0;
    padding: 0;
  }
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .bnr-bottom{ margin-top:30px; margin-left:-20px; padding-left:0;}
  .bnr-bottom li{ margin-top:20px; margin-left:20px; float:left; width:230px; list-style:none;}
}
/* label */
.i-label{position: relative;}
.btn .i-arw-blue{ margin-right:1.25em;}
.i-arw-blue:after{opacity:1.0;content:"";display:inline-block;position:absolute; top:-2px; bottom:0; left:0; margin:auto auto auto; width:24px; height:24px;background-image: url(../images/ic-arw03.png);background-repeat:no-repeat;background-position:0 0;}
a:hover .i-arw-blue{
opacity:0.5;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
.i-arw-white:after{opacity:1.0;content:"";display:inline-block;position:absolute; top:-2px; bottom:0; left:0; margin:auto auto auto; width:24px; height:24px;background-image: url(../images/ic-arw05_2.png);background-repeat:no-repeat;background-position:0 0;}
a:hover .i-arw-white{
opacity:0.5;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
/* ----------------------------------------------------------------
archive 
---------------------------------------------------------------- */
.archive01 p, .archive01 dl, .archive01 table{margin-top:0;}
.archive01 ul{margin-top:20px;margin-left:0;padding-left:0;}
h2 + .archive01 ul{margin-top:0;}
.archive01 ul li{list-style:none;margin:0;padding:0;}
.archive01 ul li:first-child a{border-top:1px dotted #00511E;}
.archive01 ul li img{ vertical-align:middle; margin-left:0.5em;}
.archive01 ul li a{padding:15px 10px 15px 12px;border-bottom:1px dotted #00511E;display:block;color:#000;text-decoration:none; font-size:1.6rem;}
.archive01.f15 ul li a{font-size:1.3rem;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .archive01 ul li a{font-size:2.0rem;}
  .archive01.f15 ul li a{font-size:1.5rem;}
}
.archive01 ul li a:hover{background-color:#F2F9EA;}
.archive01 ul li a > span{ display:block; border-left:6px solid #B2CBBC; padding-left:6px;}
.top .archive02 ul{margin-top:-20px;}
.archive02 ul{margin-top:20px;margin-left:0;padding-left:0;border-bottom:1px solid #00511E;}
.archive02 ul li{list-style: none;margin:0;padding:0;border-top:1px dotted #00511E;}
.archive02 ul li:first-child{border-top:1px solid #00511E;}
.archive02 ul li img{ vertical-align:middle; margin-left:0.5em;}
.archive02 li > a{display:block;padding:10px 15px;text-decoration:none;color:#000;}
.archive02 li > a:hover{background-color:#E5F2D4;}
.archive02 li > span {display:block;padding:10px 15px;text-decoration:none;color:#000;}
.archive02 li > span a{ text-decoration:underline;}
.archive02 li > span strong{color:#00511E;}
.archive03 p, .archive03 dl, .archive03 table{margin-top:0;}
.archive03 ol{margin-top:20px;margin-left:20px;padding-left:20px;}
h2 + .archive03 ol{margin-top:0;}
.archive03 ol li{list-style: decimal;margin:0 0 0 20px;padding:0 0 0 20px;}
.archive03 ol li img{ vertical-align:middle; margin-left:0.5em;}
.archive03 ol li a{padding:15px 10px 15px 12px;display:block;color:#000;text-decoration:none; font-size:20px;}
.archive03.f15 ol li a{font-size:15px;font-size:1.5rem;}
.archive03 ol li a:hover{background-color:#F2F9EA;}
.archive03 ol li a > span{ display:block;}
/* ----------------------------------------------------------------
entry
---------------------------------------------------------------- */
.entry-content + .box,.entry-content + .btn-contact{margin-top:70px;}
.entry-date{text-align:right;}
.entry-meta{clear:both;border-top:1px solid #00511E;margin-top:30px;padding-top:20px;text-align:center;}
.entry-meta.noline{border-top:0;}
/* ----------------------------------------------------------------
wordpress plugin style
---------------------------------------------------------------- */
/* wp-pagenavi */
/*
Default style for WP-PageNavi plugin
http://wordpress.org/extend/plugins/wp-pagenavi/
*/
/* wp-pagenavi */
.wp-pagenavi{clear: both;text-align:center; margin-top:30px;}
.wp-pagenavi a, .wp-pagenavi span{text-decoration: none;border: 1px solid #98CAB1;padding: 1px 6px;margin: 2px;background:#fff;color:#000;}
.wp-pagenavi a:hover{background: #fff;border: 1px solid #98CAB1;color:#319563;}
.wp-pagenavi span.current{background: #fff;font-weight: bold;border: 1px solid #98CAB1;color:#319563;}
/* adjacent_post_links */
.adjacent_post_links{clear:both;margin:60px 0 0;border-top:1px solid #00511e;}
.adjacent_post_links ul{margin:20px 0 0;padding:0;}
.adjacent_post_links li{list-style:none;text-decoration: none;padding:0;background:#fff;color:#000; text-indent:-5.4em; padding-left:5.4em;}
.adjacent_post_links li span{background:#00511E;color:#fff;padding:0 8px;margin-right:1em;border-radius:4px;font-size:13px;font-size:1.3rem;}
.adjacent_post_links li em{font-style:normal !important;}
/* ----------------------------------------------------------------
toppage
---------------------------------------------------------------- */
/* box-campaign ----------- */
.col-campaign{clear:both;margin-top:-20px;padding:10px 15px 15px;background-color:#FCF0E6;}
.col-campaign ul > li{list-style: disc;}
.col-campaign ul li img{ margin:5px;}
.col-campaign > p:first-child,.col-campaign > ul:first-child,.col-campaign > ol:first-child,.col-campaign > dl:first-child,.col-campaign > table:first-child{margin-top:0;}
/* col-item ----------- */
.col-item{ margin:0 0 20px;}
.col-item > ul,
.col-item > ul > li{ margin:0; padding:0; list-style:none;}
.col-item > ul{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  /* yoko */
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.col-item > ul > li{ 
  display: block;
  list-style: none;
  text-decoration: none;
  max-width: 48%;/* IE11 */
  width: 48%;/* IE11 */
  flex: 0 1 48%;
  margin: 0 1% 10px;
  font-size: 1.2rem;
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .col-item > ul > li{ 
    max-width: 23%;/* IE11 */
    width: 23%;/* IE11 */
    flex: 0 1 23%;
    margin: 0 1% 20px;
    font-size: 1.4rem;
  }
}
/* col-item-title ----------- */
h3.col-item-title{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  font-size:16px;
  line-height:26px;
  border-left:0;
  }
.col-item-title > a{
  display:table;
  width:100%;
  height: 70px;
  color: #00511E;
  text-align: center;
  letter-spacing:2px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);/**/
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: rgba(212, 229, 159, .2);
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  h3.col-item-title{ font-size:20px;}
  .col-item-title > a{
  height: 100px;
  }
}
.col-item-title > a span.ttl{
  display:table-cell;
  vertical-align: middle;
}
.col-item-title1 > a{ 
background-image: url(../images/col-item4.png);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
background-blend-mode:lighten;
}
.col-item-title2 > a{ 
background-image: url(../images/col-item2.png);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
background-blend-mode:lighten;
}
.col-item-title3 > a{ 
background-image: url(../images/col-item1.png);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
background-blend-mode:lighten;
}
.col-item-title4 > a{ 
background-image: url(../images/col-item3.png);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
background-blend-mode:lighten;
}
.col-item-title5 > a{ 
background-image: url(../images/col-item5.png);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-blend-mode:lighten;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);/**/
}
.col-item-title6 > a{ 
background-image: url(../images/col-item6.png);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-blend-mode:lighten;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);/**/
}
/* col-item2 ----------- */
.col-item2{ 
margin:-10px -1% 0;
width:102%;
}
.col-item2 > ul{
  margin:0;
  padding:0;
  width:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  /* yoko */
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.col-item2 > ul > li{
  padding:0;
  list-style: none;
  text-decoration: none;
  max-width: 48%;/* IE11 */
  width: 48%;/* IE11 */
  flex: 0 1 48%;
  margin:10px 1%;
    
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
.col-item2 > ul > li a{
  width:100%;
  text-align:left;
  border:1px solid #ccc;
  text-decoration:none;
	position:relative;
	text-shadow: 0 1px 0 rgba(204, 204, 204, 1);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  align-items: center;
}
.col-item2 > ul > li a:after {
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -6px auto auto -16px;
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #94BE0E;
	border-right: 2px solid #94BE0E;
	webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
}
.col-item2 > ul > li span.col-item2-img{ width:40%;}
.col-item2 > ul > li span.col-item2-img img{ width:100%; height: auto;}
.col-item2 > ul > li span.ttl{ width:60%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex; 
  padding:0 16px 0 8px;text-align:left; vertical-align:middle; font-size: 1.0rem;}
@media screen and (min-width: 600px) {
.col-item2 > ul > li span.ttl{
  font-size: 1.4rem;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
    .col-item2 > ul > li a:hover {
      background-color:#f2f2f2;
    }
    .col-item2 > ul > li a{
      padding-left: 0;
    }
    .col-item2 > ul > li a:after {
      margin: -6px auto auto -24px;
    }
    .col-item2 > ul > li span.col-item2-img{ width:120px;}
    .col-item2 > ul > li span.ttl{ width:230px; padding:0 24px 0 16px;font-size: 1.6rem;}
}
/* ---------------- 
col-jirei
---------------- */
.col-jirei{ background:#F0F0F0; padding:0 10px 10px; margin-top:0; margin-bottom: 20px;}
/* ---------------- 
mainvis
---------------- */
/* mainvis */
.mainvis ul li {
  list-style: none;
}
.mainvis #slides,
.mainvis #slides li {
  margin: 0;
  padding: 0;
}
.mainvis{ position: relative; margin: 0 auto 20px; max-width: 1000px; padding-bottom: 6px; height:auto; overflow:hidden;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
.mainvis{ margin: 0 0 30px; padding-bottom: 0; height:280px;}
}
/*! http://responsiveslides.com v1.55 by @viljamis */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  .rslides_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  z-index: 99;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 44px;
  width: 44px;
  margin-top: -22px;
  background-image:url(../images/prev.png);
  background-repeat:no-repeat;
  background-position:center center;
  }
.rslides_nav:active {
  opacity: 1.0;
  }
.rslides_nav.next {
  left: auto;
  background-image:url(../images/next.png);
  background-position: center center;
  right: 0;
  }
.rslides_tabs{position:relative; z-index:3; display:block; margin:-32px auto 0; text-align:center}
.rslides_tabs li{ list-style: none;display:inline; float:none; margin-right:6px; margin-left:6px}
.rslides_tabs a{text-indent: 100%;white-space: nowrap; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#f2f2f2; /*background:rgba(255,255,255,1);*/ display:inline-block; width:11px; height:11px}
.rslides_here a{background:#c8c8c8; background:rgba(200,200,200,1)}
/* ----------------------------------------------------------------
access
---------------------------------------------------------------- */
/* sp -1023px */
@media screen and (max-width: 1023px) {
.gmap {position: relative;height: 0; overflow: hidden;padding-bottom: 56.25%;padding-top: 30px;}
.gmap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}
/* ----------------------------------------------------------------
faq
---------------------------------------------------------------- */
dl.list-faq{ margin-top:30px; border:1px solid #ccc;}
dl.list-faq dt{ position:relative; padding:10px 10px 10px 50px;border-bottom:1px solid #ccc;background:#F5F5F5;}
dl.list-faq dt:before{ content:"Q"; position:absolute; top:8px; left:10px; padding:2px 8px; font-weight:bold; border-radius:2px; background:#00511E; color:#fff;}
dl.list-faq dd{ position:relative; padding:10px 10px 10px 50px;}
dl.list-faq dd:before{ content:"A"; position:absolute; top:8px; left:10px; padding:2px 8px; font-weight:bold; border-radius:2px; background:#E5F2D4; _color:#fff;}
/* ----------------------------------------------------------------
reagent-sales
---------------------------------------------------------------- */
.box-item{clear:both;margin:20px 0 0;padding:10px 10px; background:#F6F6F6;border:1px solid #ccc; border-radius:5px;font-size:1.1rem;}
.box-item:before,
.box-item:after{content:" ";display:table;}
.box-item:after{clear:both;}
.box-item{* zoom:1;}
.box-item *{ margin-top:0;}
.box-item img{margin:0 auto 10px; width: 200px; float: none; }
.box-item em{ display:inline-block; text-indent:0em;padding-left:7em;width:7em;text-align:center; background:#ddd; color:#000; line-height:1.4; margin-right:0.8em; padding:0; border-radius:2px;font-size:1.2rem;}
.box-item > p{ float:left;}
/* tablet/pc 768px- */
@media screen and (min-width: 768px), print {
  .box-item{padding:20px 10px 20px 20px;font-size:1.4rem;}
  .box-item img{margin:10px 30px 10px 10px; float: left;}
  .box-item em{ font-size:1.3rem;}
}
/* ----------------------------------------------------------------
add 20160829 quadrad page [page-id-1031]
add 20170629 point-of-view page [page-id-1322]
add 20171127 glypaledad page [page-id-1642]
---------------------------------------------------------------- */
.page-id-1031 .l-green{color:#007700;}
.page-id-1031 .category-header{background-color:#007700;}
.page-id-1031 h1{color:#007700; border-bottom:2px solid #007700; background-color:#fff;}
.page-id-1031 h2{background:#007700;color:#fff;}
.page-id-1031 h3{color:#007700;border-left:6px solid #007700;}
.page-id-1031 h4{color:#007700;}
.page-id-1031 h5{color:#007700;}
.page-id-1031 h6{color:#007700;}

.page-id-1322 .l-green{color:#007700;}
.page-id-1322 .category-header{background-color:#007700;}
.page-id-1322 h1{color:#007700; border-bottom:2px solid #007700; background-color:#fff;}
.page-id-1322 h2{background:#007700;color:#fff;}
.page-id-1322 h3{color:#007700;border-left:6px solid #007700;}
.page-id-1322 h4{color:#007700;}
.page-id-1322 h5{color:#007700;}
.page-id-1322 h6{color:#007700;}

/*.page-id-1642 .l-green{color:#007700;}*/
.page-id-1642 .category-header{background-color:#007700;}
.page-id-1642 h1{color:#007700; border-bottom:2px solid #007700; background-color:#fff;}
.page-id-1642 h2{background:#007700;color:#fff;}
.page-id-1642 h3{color:#007700;border-left:6px solid #007700;}
.page-id-1642 h4{color:#007700;}
.page-id-1642 h5{color:#007700;}
.page-id-1642 h6{color:#007700;}
/* sp -1023px */
@media screen and (max-width: 1023px) {
.col-l240 img:not([class]),
.col-r460 img:not([class]),
.col-l350 img:not([class]),
.col-r350 img:not([class]),
.col-l460 img:not([class]),
.col-r240 img:not([class]){ display:block;text-align: center; margin: 0 auto;}
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
.col-l240{ width:240px; float:left;}
.col-r460{ width:460px; float:right;}

.col-l350{ width:350px; float:left;}
.col-r350{ width:350px; float:right;}

.col-l460{ width:460px; float:left;}
.col-r240{ width:240px; float:right;}
}
ol.quadrad-menu{ margin:0 0 40px; padding:0; list-style:none; width:100%;}
ol.quadrad-menu li{margin:0; padding:0;list-style:none; display:inline; float:left; width:20%;}
ol.quadrad-menu li a:hover img{opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}
/* ----------------------------------------------------------------
add 20161003 english page [page-id-65]
add 20170724 english2 page [page-id-1384] class[parent-pageid-65]
---------------------------------------------------------------- */
.page-id-65 .category-header2,
.parent-pageid-65 .category-header2{
	min-height:180px;
	margin: 0 0 30px;
	padding: 15px 50px 20px;
	text-indent:-2em;
	font-size: 1.2rem;
	font-weight: normal;
	font-style:italic;
	line-height: 18px;
	color: #ff0000;
	text-shadow: 0 1px 0 #fff;
	background-color: #fff;
	background-image: url(../images/english/eng-category-headerbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
.parent-pageid-65 .category-header2.category-header2-english2{
	padding: 20px 50px 20px;
  font-size:1.5rem;
}
.page-id-65 .red,
.parent-pageid-65 .red{
	color: #990000;
}
.d-green-box{
	color: #fff;
	background-color:#00511e;
	margin-top:20px;
	padding:10px;
	font-weight:bold;
	font-size:1.7rem;
}
.d-green-box > *{
	margin-top:0;
}
.page-id-65 .f-nav,
.parent-pageid-65 .f-nav{float:right;width:500px;}
.page-id-65 .f-nav > ul,
.parent-pageid-65 .f-nav > ul{width:50%;}
/* ----------------------------------------------------------------
add 20190110 flow page [page-id-2275]
---------------------------------------------------------------- */
/* -------------------------------------
flow
 ------------------------------------- */
.flow {
	position: relative;
	height: auto;
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	border: 1px solid #8BC34A;
	background-color:#fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,.2);
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .flow {
    margin-top: 30px;
    padding: 32px;
  }
}
.flow:after {
	position: absolute;
	left: 50%;
	bottom: -33px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-top: solid 30px #8BC34A;
	border-top: solid 30px #8BC34A;
	border-right: solid 30px transparent;
	border-left: solid 30px transparent;
	margin-left: -30px;
	z-index: 1;
}
.flow > p:first-child, .flow > ul:first-child, .flow > ol:first-child, .flow > dl:first-child, .flow > table:first-child,
.flow > h2:first-child, .flow > h3:first-child, .flow > h4:first-child, .flow > h5:first-child, .flow > h6:first-child {
	margin-top: 0;
}
.flow-end:after{display:none !important;}
.flow .box {
	border:1px solid #ccc;
}
.flow .col-50,
.col-50 {
	float:left;
	width:48%;
}
.flow .col-50 + .col-50,
.col-50 + .col-50 {
	float:right;
}
/* --------------------------------------------------
products-contents 2020/12 add
--------------------------------------------------- */
span.required{background:#F00; color:#fff; font-size:11px; margin-left:5px; margin-right:5px; padding:1px 2px}
span.requinote {background:#fff; color:#00C; border:1px solid #00C; font-size:10px; padding:1px 5px;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  span.requinote {font-size:11px;}
}

/* ---------------- 
products-cate
---------------- */
#anti_pro .cate {
	width: 670px;
	margin: 0;
	display: inline-block;
  
}
#anti_pro .cate li {
	float: left;
	margin: 10px 10px 0 0;
}
#anti_pro .cate .m_r0 {
	margin-right: 0;
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  #anti_pro .cate {
    width: 670px;
    margin: 0;
    display: inline-block;
    /display:inline;
    /zoom:1;
  }
  #anti_pro .cate li {
    float: left;
    margin: 10px 10px 0 0;
  }
  #anti_pro .cate .m_r0 {
    margin-right: 0;
  }
}
ul.products-cate {
	margin: 18px auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
ul.products-cate li {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 75px;
  flex-basis: 75px;
}
ul.products-cate li a img {
  width: 100%;
  height: auto;
}
ul.products-cate li a img.over {
}
/* sp 375px- */
@media screen and (min-width: 375px){
  ul.products-cate li {
    width: 25%;
    flex-basis: 25%;
    margin: 0;
  }
}
/* sp 375px- */
@media screen and (min-width: 376px){
  ul.products-cate li {
    width: 12.5%;
    flex-basis: 12.5%;
    margin: 10px 0 0;
  }
}
@media screen and (min-width: 620px){
  ul.products-cate {
    max-width: 674px;
    margin: 0 auto;
  }
  ul.products-cate li {
    width: 75px;
    flex-basis: 75px;
    margin: 10px 0 0;
  }
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  ul.products-cate {
    max-width: inherit;
    margin: 0 -18px 18px 0;
    padding: 0;
    display: block;
  }
  /* clearfix */
  ul.products-cate:before,
  ul.products-cate:after{content:" ";display:table;}
  ul.products-cate:after{clear:both;}
  ul.products-cate{* zoom:1;}
  ul.products-cate li {
    float: left;
    width: 75px;
    margin: 18px 18px 0 0;
    padding: 0;
  }
}
/* ---------------- 
products-table
---------------- */
.products-table {
font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック", 'Hiragino Kaku Gothic ProN', Meiryo,Helvetica, Arial, sans-serif;
}
.products-table table.products-entry-table {
	clear: both;
  width: calc(100% - 4px);
  font-size: 12px;
  line-height: 1.4;
  margin: 20px 0;
  border-collapse: collapse;
}
.products-table table.products-entry-table caption{
	border: 1px solid #d9d9d9;
	padding: 8px 5px;
	text-align: center;
	font-weight: normal;
	background: #7b7b7b;
	font-size: 1.2em;
	color: #fff;
}
.products-table table.products-entry-table th a:link,
.products-table table.products-entry-table th a:visited {
	color: #fff;
	text-decoration: underline;
}
.products-table table.products-entry-table th a:hover,
.products-table table.products-entry-table th a:active {
	color: #fff;
	text-decoration: none;
}
.products-table table.products-entry-table td img {
	display: block;
	float: left;
}
.products-table table.products-entry-table td img + img {
	margin-left: 5px;
}
.products-table table.products-entry-table td {
	border: 1px solid #d9d9d9;
	padding: 5px;
	text-align: left;
}
.products-table table.products-entry-table th {
	border: 1px solid #d9d9d9;
	padding: 5px;
	text-align: center;
}
/* 1列目のスタイル */
.products-table table.products-entry-table tr td:nth-of-type(1){
  text-align:center;
}
/* 2列目のスタイル */
.products-table table.products-entry-table tr td:nth-of-type(3){
}
/* only sp -767px */
@media screen and (max-width: 767px) {
  /* 3retu */
  .products-table table.products-entry-table tr th:nth-of-type(3),
  .products-table table.products-entry-table tr td:nth-of-type(3){
    display: none;
  }
  /* 4retu */
  .products-table table.products-entry-table tr th:nth-of-type(4),
  .products-table table.products-entry-table tr td:nth-of-type(4){
    display: none;
  }
}
.products-table table.products-entry-table thead th {
	background: #0098db;
	color: #fff;
	font-weight: normal;
}
/* only sp -767px */
@media screen and (max-width: 767px) {
  .products-table table.products-entry-table thead th.products-th01 {
  white-space: nowrap;
  }
}
/* tablet 768px- */
@media screen and (min-width: 768px) {
  .products-table table.products-entry-table thead th.products-th01 {
  width:12%;
  }
  .products-table table.products-entry-table thead th.products-th02 {
  width:47%;
  }
  .products-table table.products-entry-table thead th.products-th03 {
  width:29%;
  }
  .products-table table.products-entry-table thead th.products-th04 {
  width:12%;
  }
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .products-table table.products-entry-table thead th.products-th01 {
  width:12%;
  }
  .products-table table.products-entry-table thead th.products-th02 {
  width:48%;
  }
  .products-table table.products-entry-table thead th.products-th03 {
  width:28%;
  }
}
/*============================
products-entry
============================*/
.products-entry {
font-size:1.1rem;
font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック", 'Hiragino Kaku Gothic ProN', Meiryo,Helvetica, Arial, sans-serif;
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .products-entry {
  font-size:1.3rem;
  }
}
dl.products-catalognum:before,
dl.products-catalognum:after{content:" ";display:table;}
dl.products-catalognum:after{clear:both;}
dl.products-catalognum{* zoom:1;}
dl.products-catalognum{
  font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック", 'Hiragino Kaku Gothic ProN', Meiryo,Helvetica, Arial, sans-serif;
  font-size:1.1rem;
  display:inline-block;
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  dl.products-catalognum{
    font-size:1.3rem;
  }
}
dl.products-catalognum dt{
  float:left;
}
dl.products-catalognum dd{
  font-weight:bold;
  color:#0098db;
  float:left;
}
h1.products-h2,
h2.products-h2{
font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック", 'Hiragino Kaku Gothic ProN', Meiryo,Helvetica, Arial, sans-serif;
font-size: 1.4rem;
/*margin-top: 20px;*/
margin-bottom: 10px;
}
h1.products-h2 img,
h2.products-h2 img{
margin-right: 10px;
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
 h1.products-h2,
 h2.products-h2{
  font-size: 1.8rem;
  }
}
p.products-icon-img {
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
padding: 10px 0;
}
p.products-icon-img img {
margin-top: 4px;
}
/*============================
#deta
============================*/
.products-entry #deta {
    margin-bottom: 20px;
}
.products-entry #deta:before,
.products-entry #deta:after{content:" ";display:table;}
.products-entry #deta:after{clear:both;}
.products-entry #deta{* zoom:1;}
/*============================
.r_column
============================*/
div.products-entry .r_column {
background:#EBF7FC;
}
#deta .r_column{
text-align:center;
padding:10px;
margin-bottom: 10px;
background:#EBF7FC;
font-size: 1.2rem;
}

/* tablet/pc 700px- */
@media screen and (min-width: 700px), print {
  #deta .r_column{
  float:right;
  width:190px;
  padding:10px 0;
  }
}
#deta .r_column img{
border:1px solid #d9e8ee;
}
#deta .r_column table{
width:170px;
margin:0 auto;
text-align: left;
}
#deta .r_column table img{
vertical-align:middle;
border:none;
}
#deta .r_column th{
text-align:left;
}
#deta .r_column td{
vertical-align:top;
padding-right: .5em;
/*white-space: nowrap;add*/
}
#deta .r_column table tr td:nth-of-type(1) {
white-space: nowrap;/*add*/
}
/*============================
list_01
============================*/
#deta .list_01{
border:1px solid #d8d8d8;
margin:0;
width: 100%;
}
/* tablet/pc 700px- */
@media screen and (min-width: 700px), print {
  #deta .list_01{
  /*width: 520px;*/
  width: calc(100% - 210px);
  }
}
#deta .list_01 th{
background:#6fbddf;
color:#fff;
border-bottom:1px dotted #fff;
border-right:1px solid #d8d8d8;
width:10em;
font-weight:normal;
vertical-align:top;
padding:5px 8px;
}
#deta .list_01 td{
border-bottom:1px dotted #999;
padding:5px 8px;
}
#deta .list_01 tr:last-child th,
#deta .list_01 tr:last-child td{
border-bottom:0;
}
/*============================
list_02
============================*/
#deta .list_02{
margin:10px 0 0;
}
/* tablet/pc 700px- */
@media screen and (min-width: 700px), print {
  #deta .list_02{
  /*width: 520px;*/
  width: calc(100% - 210px);
  }
}
#deta .list_02 th{
width:6em;
border-bottom:1px dotted #42a0c9;
color:#42a0c9;
padding:5px 0 5px 5px;
vertical-align:top;
}
#deta .list_02 td{
padding:5px 5px 5px 0;
border-bottom:1px dotted #999;
}
#deta .list_02 img{
vertical-align:middle;
margin-right:5px;
}
#deta .list_02 .support{
font-size:1.0rem;
color:#999;
}
.products-entry #deta table.list_02 tbody tr td ul {
margin-top: 0;
font-size: 1.0rem;
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .products-entry #deta table.list_02 tbody tr td ul {
  font-size: 1.2rem;
  }
}
/*============================
note
============================*/
#deta .note{
margin-top:10px;
font-size: 1.0rem;
border:2px solid #ececec;
background:url(../images/antibodies-product/note.gif) no-repeat 10px 10px;
padding:26px 10px 10px;
}
/* tablet/pc 700px- */
@media screen and (min-width: 700px), print {
  #deta .note{
  font-size: 1.2rem;
  /*width: 520px;*/
  width: calc(100% - 210px);
  }
}
#deta .note p{
margin-top: 10px;
}
#deta .note p:first-child{
margin-top: 0;
}
/*============================
products-order
============================*/
.products-order .box {
border-color: #d9d9d9;
}
.products-order dl {
border:1px solid #d9d9d9;
padding: 10px 16px;
border-radius: 8px;
}
/* tablet/pc 1024px- */
@media screen and (min-width: 768px), print {
  .products-order .products-order-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  }
  .products-order dl {
  width:49%;
  flex-basis: 49%;
  }
}
.products-order dt {
margin: 0;
font-size: 1.6rem;
}
.products-order a.blank {
background:url(../images/antibodies-product/icon_pu_b.gif) no-repeat 0 center;
padding-left: 1em;
}
.products-order dd {
font-size: 1.0rem;
margin-top: 4px;
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  .products-order dd {
  font-size: 1.3rem;
  }
}

/*============================
c-antibodies-service
============================*/
.c-antibodies-service {
  font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック", 'Hiragino Kaku Gothic ProN', Meiryo,Helvetica, Arial, sans-serif;
}
.linemarker{
  font-weight: bold;
  background-color: yellow;
}
.color01{ color: #1a42ad;}
.color02{ color: #66c64b;}
.color03{ color: #de2803;}

.c-irmar{
  margin-top: 15px;
  padding: 15px;
  border: 3px solid #e9e9e9;
  background: url(../images/antibodies-service/5_bg_01.gif) no-repeat right bottom;
  text-shadow: white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px;
}
.c-ganp{
  margin-top: 15px;
  padding: 15px;
  border: 3px solid #e9e9e9;
  background: url(../images/antibodies-service/0_bg_01.gif) no-repeat right bottom;
  text-shadow: white 1px 1px 1px, white -1px 1px 1px, white 1px -1px 1px, white -1px -1px 1px;
}
/*============================
#menu-wide_menu_
============================*/
.menu-wide_menu_1-container,
.menu-wide_menu_2-container{
}
ul#menu-wide_menu_1,
ul#menu-wide_menu_2{
font-size: 1.4rem;
}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  ul#menu-wide_menu_1,
  ul#menu-wide_menu_2{
  font-size: 1.8rem;
  }
}
ul#menu-wide_menu_1 > li,
ul#menu-wide_menu_2 > li{
}
ul#menu-wide_menu_1 > li > a,
ul#menu-wide_menu_2 > li > a{
}
ul#menu-wide_menu_1 > li > ul,
ul#menu-wide_menu_2 > li > ul{
margin-top: 0;
}
ul#menu-wide_menu_1 > li > ul > li,
ul#menu-wide_menu_2 > li > ul > li{
}
ul#menu-wide_menu_1 > li > ul > li > a,
ul#menu-wide_menu_2 > li > ul > li > a{
}

/* --------------------------------------------------
contact-form-7
--------------------------------------------------- */
span.required{background:#F00; color:#fff; font-size:11px; margin-left:5px; margin-right:5px; padding:1px 2px}
span.requinote {background:#fff; color:#00C; border:1px solid #00C; font-size:10px; padding:1px 5px;}
/* tablet/pc 1024px- */
@media screen and (min-width: 1024px), print {
  span.requinote {font-size:11px;}
}
.wpcf7 span.wpcf7-not-valid-tip{font-size:80%}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="url"],.wpcf7 input[type="tel"],.wpcf7 textarea{background-color:#fff; color:#333; width:95%; border:1px solid #ddd; font-size:100%; padding:0.5em; border-radius:4px; box-shadow:1px 1px 3px rgba(0,0,0,.1) inset}
.wpcf7c-conf{background-color:#E7E7E7 !important;}
/* Chrome auto-filling FIX */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
input.wpcf7c-conf:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #E7E7E7 inset !important;}
.wpcf7 input[type="submit"], 
.wpcf7 input.wpcf7c-btn-back{ display:inline-block;font-size:100%; padding:0.2em 0.4em; margin-left:20px; margin-right:20px; background:#eee; color:#333; border-radius:4px; cursor:pointer; box-shadow:0 0 1px rgba(0,0,0,.2); border:1px solid #ccc; text-shadow:-1px 1px 0 rgba(255,255,255,1)}
.wpcf7 input[type="submit"]:hover, 
.wpcf7 input.wpcf7c-btn-back{box-shadow:0 0 1px rgba(0,0,0,.2) inset}
.contact-form .wpcf7-file{ margin-top:10px;}
.contact-form .wpcf7-list-item{display:block}
.contact-form .item-radio label >label, 
.contact-form .item-checkbox label >label{border:1px solid #ccc}
.wpcf7c-elm-step2 .wpcf7c-elm-step2-message{border:2px solid #f7e700; margin:2em 0.5em 1em; padding:1em}
/* ==========================================================================
Print styles
========================================================================== */
@media print{
/* ----------------------------------------------------------------
pagetop 
---------------------------------------------------------------- */
.pagetop{display:none;}
}