@charset "UTF-8";

/*
Theme Name: ホクト2018
Author: Fain Pixar
Author URI: http://www.fainpixar.co.jp/
Description:
*/


@-webkit-keyframes key-fade { 0% { display: none;
    opacity: 0; }
  1% { display: block;
    opacity: 0; }
  100% { display: block;
    opacity: 1; } }
@keyframes key-fade { 0% { display: none;
    opacity: 0; }
  1% { display: block;
    opacity: 0; }
  100% { display: block;
    opacity: 1; } }

/* key-zoom
---------------------------------------------------------- */
@-webkit-keyframes key-zoom { 0% { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  50% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }
@keyframes key-zoom { 0% { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  50% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }

/* key-shake
---------------------------------------------------------- */
@-webkit-keyframes key-shake { 0% { opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  60% { opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  90% { opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  96% { opacity: 1;
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg); }
  98% { opacity: 1;
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg); }
  100% { opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
@keyframes key-shake { 0% { opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  60% { opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  90% { opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  96% { opacity: 1;
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg); }
  98% { opacity: 1;
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg); }
  100% { opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/* key-zoom
---------------------------------------------------------- */
@keyframes key-zoom { 0% { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  50% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }

.mb15px{
    margin-bottom: 15px;
}





/* ========================================================== reseting ========================================================== */
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption { margin: 0; padding: 0; }

main, article, aside, figure, figcaption, footer, header, nav, section { display: block; }

input, textarea { margin: 0; font-size: inherit; }

input, textarea, select, option, optgroup { font-family: inherit; font-style: normal; }

textarea { height: auto; resize: none; }

button { display: inline-block; padding: 0; border: none; overflow: visible; vertical-align: top; font-family: inherit; background: none; color: inherit; font-size: 100%; opacity: 1; cursor: pointer; text-transform: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

label { cursor: pointer; }

label img { pointer-events: none; }

table { width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; font-size: inherit; }

th, td { vertical-align: top; }

fieldset, img { border: 0; }

img { max-width: 100%; height: auto; vertical-align: top; }

address, caption, code, em, th { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

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

em { font-style: normal; }

b, strong { font-weight: bold; }

sup { vertical-align: top; }

sub { vertical-align: baseline; }

br { font-size: 0; line-height: 0; }

i { display: inline-block; vertical-align: middle; font-style: normal; }

hr { display: block; height: 0; border: none; margin: 0; }

*, *:before, *:after { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

/* ==========================================================
 setting
========================================================== */
/* base
---------------------------------------------------------- */
html { overflow-y: scroll; }

body { overflow: hidden; position: relative; line-height: 1.86; font-family: "FOT-ロダン Pro M", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-size: 14px; background-color: #fff; color: #404040; word-wrap: break-word; overflow-wrap: break-word; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

@media screen and (max-width: 767px) { body { line-height: 1.69; font-size: 15px; } }

/* link
---------------------------------------------------------- */
a { color: #404040; text-decoration: underline; opacity: 1; }

a:hover, button:hover { opacity: 0.75; }

a[href^="tel"] { pointer-events: none; cursor: default; color: inherit; text-decoration: none; }

a[href^="tel"]:hover { opacity: 1; }

@media screen and (max-width: 1024px) { a[href^="tel"] { pointer-events: auto; cursor: pointer; } }

/* table
---------------------------------------------------------- */
table { width: 100%; height: 100%; border-collapse: separate; }

/* select
---------------------------------------------------------- */
select::-ms-expand { display: none; }

/* ==========================================================
 header
========================================================== */
.header { position: fixed; left: 0; top: 0; width: 200px; height: 100vh; background-color: #fff; z-index: 11; }

@media screen and (max-width: 1024px) { .header { position: relative !important; width: auto; height: auto; box-shadow: none; border-bottom: 3px solid #00674e; } }

@media screen and (max-width: 767px) { .header { position: relative; width: auto; height: auto; box-shadow: none; border-bottom: 3px solid #00674e; } }

.header a { text-decoration: none; }

.header-shadow { position: fixed; left: 0; top: 0; width: 200px; height: 100%; background-color: #fff; box-shadow: 3px 0 16px 0 #d9d9d9; z-index: 10; }

@media screen and (max-width: 1024px) { .header-shadow { display: none; } }

.header-in { padding: 25px; }

.kinorepi .header-in { padding: 15px; }

@media screen and (max-width: 1024px) { .header-in,.kinorepi .header-in { padding: 13px 0; } }

@media screen and (max-width: 767px) { .header-in,.kinorepi .header-in { padding: 15px 0; } }

.header-logo { padding-bottom: 26px; border-bottom: 1px solid #d6d6d6; text-align: center; }

.kinorepi .header-logo{ padding: 7px 0; border: 0 none;}

@media screen and (max-width: 1024px) {
  .header-logo { padding-bottom: 0; border-bottom: none; text-align: center; }
  .kinorepi .header-logo { padding: 0; margin-left: 16px;}
}


@media screen and (max-width: 767px) { .header-logo { margin-left: 16px; text-align: left; } }

.header-logo-txt { visibility: hidden; }

.header-logo-tb { display: none; }

@media screen and (max-width: 1024px) { .header-logo-tb { display: block; margin: 24px 26px 0; padding-bottom: 26px; border-bottom: 1px solid #d6d6d6; } }

@media screen and (max-width: 767px) { .header-logo-tb { display: none; } }

.header .header-menu { display: none; }

@media screen and (max-width: 1024px) { .header .header-menu { display: block; } }

@media screen and (max-width: 767px) { .header .header-menu { display: block; } }

@media screen and (max-width: 1024px) { .header-menu { display: block; position: absolute; left: 0; top: 0; } }

@media screen and (max-width: 767px) { .header-menu { left: auto; right: 0; } }

.header-employment, .header-onlineshop, .header-international { margin: 0 25px; }

@media screen and (max-width: 1024px) { .header-employment, .header-onlineshop, .header-international { margin: 0 24px; } }

@media screen and (max-width: 767px) { .header-employment, .header-onlineshop, .header-international { margin: 0; } }

.header-employment a, .header-onlineshop a, .header-international a { display: block; padding: 10px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; text-align: center; font-size: 13px; color: #404040; }

@media screen and (max-width: 1024px) { .header-employment a, .header-onlineshop a, .header-international a { font-size: 10px; } }

@media screen and (max-width: 767px) { .header-employment a, .header-onlineshop a, .header-international a { font-size: 10px; } .header-onlineshop a{border-bottom: 0 none;} }

.header-employment a{ border-bottom: none; }

.header-member-info { display: none; }

@media screen and (max-width: 767px) { .header-member-info { display: block; }
  .header-member-info a { display: block; padding: 8px 10px; border-top: 1px solid #d6d6d6; text-align: center; font-size: 12px; color: #00674e; }
  .header-member-info-bnr a{ display: block; padding: 8px 10px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; text-align: center;}
}




.header a.btnLogin{display: none; }

@media screen and (max-width: 1024px) {
    .header a.btnLogin{
        display: block;
        width: 62px;
        height: 62px;
        background: url(img/btn_login.png) no-repeat center 14px;
        text-decoration: none;
        font-size: 10px;
        padding: 42px 0 0 0;
        margin: 0;
        color: #00674e;
        text-align: center;
        position: absolute;
        right: 10px;
        top: 0;
        font-family: "FOT-ロダン Pro DB", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
        box-sizing: border-box;
        letter-spacing: -1px;
    }
}



@media screen and (max-width: 767px) {

    .header a.btnLogin{
        width: 50px;
        height: 55px;
        right: 40px;
        background: url(img/btn_login.png) no-repeat center 14px;
        background-size: 16px auto;
        text-decoration: none;
        font-size: 8px;
        padding: 34px 0 0 0;


    }



.nav-cmn-global-list.lang{
    display: block;
    width: auto;
    float: none;
    position: relative;
    clear: both;
    padding: 0 20px;
}

    .nav-cmn-global-list.lang .nav-cmn-global-sub{
        display: block;
        position: relative;
        top: 0;
        right: 0;
        background-color: transparent;
        padding: 0;
        margin: 0;
        color: #404040;
        height: auto;
        width: auto;
    }


    .nav-cmn-global-list.lang .nav-cmn-global-link{
        display: block;
        text-align: left;
        font-size: 1.1em;
    }

    .nav-cmn-global-list.lang .nav-cmn-global-menu-list{
        font-family: "FOT-ロダン Pro M", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-size: 14px;
        float: none;
        width: auto;
        display: inline-block;
        padding: 2px 2em 2px 8px;
        font-size: 12px;
    }

    .nav-cmn-global-list.lang .nav-cmn-global-menu-list:before{
        content: "";
        vertical-align: middle;
        display: inline-block;
        margin-right: 5px;
        background-image: url(img/sprite.png);
        background-position: 0 -340px;
        width: 6px;
        height: 8px;
    }



    .nav-cmn-global-list.lang .nav-cmn-global-menu{
        margin-bottom: 0;
    }

    .nav-cmn-global-list.lang .nav-cmn-global-sub a{
        color: #404040;
    }


    .nav-cmn-global-list.lang .nav-cmn-global-sub .js-gnavi-close,
    .nav-cmn-global-list.lang .nav-cmn-global-sub .nav-cmn-global-member,
    .nav-cmn-global-list.lang .nav-cmn-global-sub .nav-cmn-global-menu-ttl,
    .nav-cmn-global-list.lang .nav-cmn-global-link:after,
    .naviEmptyBox{
        display: none;
    }

}















/* ==========================================================
 footer
========================================================== */
.footer { border-bottom: 5px solid #00674e; }

@media screen and (max-width: 767px) { .footer { border-bottom: 4px solid #00674e; } }

.footer a { text-decoration: none; }

.footer-contact { width: 100%; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 34px 0 34px 55px; display: table; background-color: #f5f5f5; }

@media screen and (max-width: 1024px) { .footer-contact { padding: 30px 17px; } }

@media screen and (max-width: 767px) { .footer-contact { display: none; } }

.footer-contact-item { display: table-cell; border-left: 1px dotted #a1a1a1; padding: 0 15px; vertical-align: middle; }

.footer-contact-item.s-item-01 { width: 20%; padding: 0 11px; border-left: 2px solid #333; }

.footer-contact-item.s-item-02 { width: 22%; line-height: 1.2; display: none;} /*電話番号を隠す*/

.footer-contact-item.s-item-02 .footer-contact-ttl { font-size: 18px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 1024px) { .footer-contact-item.s-item-02 .footer-contact-ttl { font-size: 15px; } }

.footer-contact-item.s-item-02 .footer-contact-txt { font-size: 10px; }

.footer-contact-item.s-item-03 { width: 25%; padding-right: 5px; }

.footer-contact-item.s-item-03 .footer-contact-txt { margin-bottom: 0.25em; font-size: 10px; line-height: 1.25; }

.footer-contact-item.s-item-04 { line-height: 1.2; }

.footer-contact-item.s-item-04 .footer-contact-ttl { font-size: 12px; }

.footer-contact-item.s-item-04 .footer-contact-txt { margin-bottom: 4px; font-size: 10px; }

.footer-contact-lists { line-height: 1.5; font-size: 13px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

.footer-contact-sub-lists { padding-left: 11px; font-size: 12px; font-weight: normal; font-family: "FOT-ロダン Pro M", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

.footer-contact-sub-list { line-height: 1.5; }

.footer-contact-sub-list a { display: inline-block; vertical-align: middle; }

.footer-contact-sub-list a.link-cmn-arrow-01:after { top: 0.5em; margin-top: 0; }

.footer-contact-ico { float: left; margin-right: 7px; }

.footer-contact-body { overflow: hidden; }

.footer-contact-btn .link-cmn-arrow-01 { display: inline-block; vertical-align: middle; }

.footer-in { padding: 26px 55px; overflow: hidden; }

@media screen and (max-width: 767px) { .footer-in { padding: 0; } }

.footer-utility { float: left; overflow: hidden; }

@media screen and (max-width: 767px) { .footer-utility { float: none; } }

.footer-utility-in { display: inline-block; overflow: hidden; }

@media screen and (max-width: 767px) { .footer-utility-in { display: block; width: auto; } }

.footer-links { float: left; padding-top: 6px; overflow: hidden; margin-right: 2em; }

@media screen and (max-width: 767px) { .footer-links { float: none; padding-top: 0; margin-top: 30px; border-bottom: 1px solid #d6d6d6; margin-right: 0; } }

.footer-links-list { float: left; margin-right: 13px; font-size: 12px; }

@media screen and (max-width: 767px) { .footer-links-list { font-size: 11px; width: 50%; margin-right: 0; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; text-align: center; }
  .footer-links-list:nth-child(2n) { border-right: none; }
  .footer-links-list a { display: block; padding: 5px; background-color: #ebebeb; color: #5c5c5c; }
  .footer-links-list a:after { content: none; } }

.footer-links-list.list-sp { display: none; }

@media screen and (max-width: 767px) { .footer-links-list.list-sp { display: block; } }

.footer-links-list:last-child { margin-right: 0; }

.footer-sns { float: right; overflow: hidden; }

@media screen and (max-width: 767px) { .footer-sns { float: none; text-align: center; height: 32px; letter-spacing: -0.5em; } }

.footer-sns-item { float: left; margin-right: 8px; }

@media screen and (max-width: 767px) { .footer-sns-item { float: none; margin: 0 17px; display: inline-block; letter-spacing: normal; } }

.footer-sns-item:last-child { margin-right: 0; }

.footer-copyright { float: right; padding-top: 9px; font-size: 10px; }

@media screen and (max-width: 767px) { .footer-copyright { padding: 6px 0; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: 50%; transform-origin: 50%; } }

.footer-tool { display: none; width: 0; height: 0; overflow: hidden; }

/*@media screen and (max-width: 1024px) {}*/
  .footer-tool { display: block; }
  .footer-tool .sns, .footer-tool .pagetop { display: block; position: fixed; z-index: 10; right: 10px; }
  .footer-tool .sns { bottom: 65px; }
  .footer-tool .sns.is-active + .share { display: block; }
  .footer-tool .pagetop { bottom: 16px; }
  .footer-tool .share { display: none; text-align: center; }
  .footer-tool .share .body { position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 80px; margin: auto; z-index: 10; }
  .footer-tool .share .ttl { margin-bottom: 15px; font-size: 14px; color: #fff; }
  .footer-tool .share .items { letter-spacing: -0.5em; }
  .footer-tool .share .ico { margin: 0 15px; letter-spacing: normal; }
  .footer-tool .share .mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #2d3138; opacity: 0.9; z-index: 5; }


@media screen and (max-width: 767px) { .footer-tool { display: none; } }

.footer-home-contact { display: none; }

.footer-home-tel { display: none; }

/* ==========================================================
 home style
========================================================== */
@media screen and (max-width: 767px) { body.home .footer-utility-in { padding: 0 10px; }
  body.home .footer-links { float: none; text-align: center; margin: 0 auto; border-bottom: none; }
  body.home .footer-links-list { float: none; border: none; width: auto; display: inline-block; }
  body.home .footer-links-list:not(:first-child) { margin-left: 13px; }
  body.home .footer-links a { display: inline; background: transparent; color: #5c5c5c; padding: 0; }
  body.home .footer-links a:before { content: ""; vertical-align: middle; display: inline-block; margin-right: 5px; background-image: url(img/sprite.png); background-position: 0px -340px; width: 6px; height: 8px; }
  body.home .footer-links-list:nth-child(3) { display: none !important; }
  body.home .footer-links-list:nth-child(4) { display: none !important; }
  body.home .footer-copyright { text-align: center; float: none; }
  body.home .footer-home-contact { display: block; margin: 40px 0 0; }
  body.home .footer-home-contact-list { font-size: 12px; border: 1px solid #575a60; border-radius: 0 0 3px 3px; }
  body.home .footer-home-contact-list:first-child { border-bottom: none; border-radius: 3px 3px 0 0; }
  body.home .footer-home-contact-list a { display: block; width: 100%; padding: 10px 25px; }
  body.home .footer-home-contact-list .s-mail { font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; padding: 10px 25px 10px 50px; position: relative; }
  body.home .footer-home-contact-list .s-mail:before { position: absolute; content: ""; display: inline-block; top: 50%; left: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("img/sprite.png"); background-position: 0px -4247px; width: 19px; height: 15px; background-size: 216px 6033px; }
  body.home .footer-home-contact-list .s-contact { position: relative; }
  body.home .footer-home-contact-list .s-contact:after { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; display: inline-block; background-image: url("img/sprite.png"); background-position: 0px -572px; width: 11px; height: 11px; background-size: 216px 6033px; width: 12px; height: 12px; }
  /*body.home .footer-home-tel { display: block; width: 300px; margin: 10px auto 0; }*/ /*電話番号を隠す*/
  body.home .footer-home-tel-text { text-align: left; font-size: 11px; color: #575a60; line-height: 1.5; }
  body.home .footer-home-tel-title { font-size: 19px; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; margin-left: 5px; } }

/* ==========================================================
 wrapper
========================================================== */
.wrapper { min-width: 1210px; padding: 0 0 0 200px; }

@media screen and (max-width: 1024px) { .wrapper { min-width: 0; padding: 22px 0 0; } }

@media screen and (max-width: 767px) { .wrapper { padding: 22px 0 0; } }

/* ==========================================================
 contents
========================================================== */
.contents { width: 1100px; margin: 0 auto; padding: 0 55px; }

@media screen and (max-width: 1024px) { .contents { width: auto; padding: 0 17px; } }

@media screen and (max-width: 767px) { .contents { width: auto; padding: 0 5px; } }

.contents-top { width: 100%; overflow: hidden; margin: -42px auto 0; }

@media screen and (max-width: 1024px) { .contents-top { margin: -22px auto 0; } }

@media screen and (max-width: 767px) { .contents-top { width: auto; margin: -22px auto 0; } }

.contents-bottom { width: 100%; overflow: hidden; margin: 80px auto 0; }

@media screen and (max-width: 1024px) { .contents-bottom { margin: 40px auto 0; } }

@media screen and (max-width: 767px) { .contents-bottom { width: auto; margin: 40px auto 0; } }

/* ==========================================================
 pagetop
========================================================== */
.pagetop { display: none; }

/* ==========================================================
 breadcrumb
========================================================== */


/* ヘッダーにパンくず
------------------------ */

.headcrumb .breadcrumb { background-color: #F5F5F5; margin-top: 0; margin-bottom: 25px; border-bottom: 0 none; overflow: hidden; padding-bottom: 0; text-overflow: ellipsis; }

.headcrumb .breadcrumb .breadcrumb-ttl{
    float: left;
}

.breadcrumb-lists li:first-child a,
.headcrumb .breadcrumb .breadcrumb-ttl a{
    display: block;
    width: 2em;
    background: url(img/ico_breadHome.png) no-repeat center center;
    text-indent: -9999em;
    padding: 0;
}


.breadcrumb-lists li:first-child::before,
.headcrumb .breadcrumb-lists li:first-child::before,
.headcrumb .breadcrumb .breadcrumb-ttl a::after{
    display: none;
}

.headcrumb .breadcrumb .breadcrumb-list,
.headcrumb .breadcrumb .breadcrumb-root-list{
    padding: 5px 0 5px 50px;
    position: relative;
}

.headcrumb .breadcrumb .breadcrumb-root-list{
    margin: 0;
    line-height: inherit;
}

.headcrumb .breadcrumb .breadcrumb-list::before,
.headcrumb .breadcrumb .breadcrumb-root-list::before {
    display: block;
    content: '';
    height: 36px;
    width: 36px;
    background: url(img/ico_crumb.png) no-repeat 0 center;
    background-size: auto 100%;
    position: absolute;
    top: 50%;
    left: 15px ;
    margin: -18px 0 0 0;

}

.headcrumb .breadcrumb .breadcrumb-list:first-child:before,
.headcrumb .breadcrumb .breadcrumb-root-list:first-child:before {
    background: none;
}

.headcrumb .breadcrumb .breadcrumb-root-list:first-child{
    padding-left: 0;
}



@media screen and (max-width: 1024px){
    .headcrumb{
        display: none;
    }

}

/* breadcrumb
---------------------------------------------------------- */
.breadcrumb { margin-top: 60px; border-bottom: 1px solid #d9d9d9; padding: 0 55px 6px; overflow: hidden; }

@media screen and (max-width: 767px) { .breadcrumb { margin-top: 30px; border-bottom: none; padding: 0; } }

.breadcrumb a { text-decoration: none; }

.breadcrumb-ttl { float: right; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .breadcrumb-ttl { float: none; text-align: right; padding-right: 11px; } }

.breadcrumb-ttl a { font-size: 15px; font-weight: bold; color: #00674e; }

@media screen and (max-width: 767px) { .breadcrumb-ttl a { font-size: 11px; } }

.breadcrumb-lists { overflow: hidden; }

@media screen and (max-width: 767px) { .breadcrumb-lists { margin-top: 10px; padding: 4px 11px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } }

.breadcrumb-list { float: left; font-size: 13px; color: #666; }

@media screen and (max-width: 767px) { .breadcrumb-list { font-size: 10px; } }

.footer-wrap .breadcrumb-root-list:before { content: '>'; margin: 0 22px; color: #cbcbcb; }

@media screen and (max-width: 767px) { .footer-wrap .breadcrumb-root-list:before { margin: 0 7px; } }

.breadcrumb-list.home:before { content: none; }

.breadcrumb-list a { color: #666; }

.breadcrumb-list.home .ico-cmn-home { margin-top: -3px; }




.breadcrumb.corpo ol li:first-child{display: none;  }



/* breadcrumb-root
---------------------------------------------------------- */
.breadcrumb-root { border: 4px solid #e5e5e5; padding: 22px 27px; overflow: hidden; margin-top: 50px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

.breadcrumb-root a { text-decoration: none; }

@media screen and (max-width: 767px) { .breadcrumb-root { border: none; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 10px 4px; margin-top: 20px; } }

.breadcrumb-root-ttl { margin-bottom: 8px; }

.breadcrumb-root-ttl a { font-size: 15px; color: #00674e; }

@media screen and (max-width: 767px) { .breadcrumb-root-ttl a { font-size: 11px; } }

.breadcrumb-root-home { margin-right: 12px; vertical-align: baseline; }

@media screen and (max-width: 767px) { .breadcrumb-root-home { margin-right: 8px; } }

.breadcrumb-root-lists { overflow: hidden; }

.breadcrumb-root-lists.s-col4 .breadcrumb-root-list { width: 25%; margin-right: 0; padding-right: 1em; }

@media screen and (max-width: 767px) { .breadcrumb-root-lists.s-col4 .breadcrumb-root-list { width: auto; padding-right: 0; } }

.breadcrumb-root-list { float: left; font-size: 13px;}

.subNavi .breadcrumb-root-list { position: relative; padding-left: 21px; margin-right: 40px; margin-top: 12px; line-height: 1.2; font-size: 15px; color: #666; }


            .footer-wrap .breadcrumb-root-list{ font-size: 13px; }

            @media screen and (max-width: 767px) { .footer-wrap .breadcrumb-root-list{ font-size: 10px;} }


.breadcrumb-root-list:last-child { margin-right: 0; }


@media screen and (max-width: 767px) { .subNavi .breadcrumb-root-list { float: none; padding-left: 15px; margin-bottom: 18px; margin-right: 0; font-size: 11px; }
.breadcrumb-lists li:first-child,.breadcrumb-root-list { float: left; padding: 0; margin-bottom: 0; margin: 0; font-size: 11px; }
  .breadcrumb-root-list:last-child { margin-bottom: 0; } }

.subNavi .breadcrumb-root-list:before { content: ''; display: inline-block; position: absolute; left: 0; top: 0.5em; margin: auto; width: 12px; height: 3px; background-color: #00674e; }

@media screen and (max-width: 767px) { .breadcrumb-root-list:before { top: 0.55em; width: 7px; height: 2px; } }

.breadcrumb-root-list.s-bar-gray:before { background-color: #b0b0b0; }

@media screen and (max-width: 767px) { .breadcrumb-root-link { display: block; margin: -10px -4px 0; padding: 10px 4px; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; } }

/* web font
---------------------------------------------------------- */
#_cmp_elm_0_1, #_cmp_elm_0_0, #_cmp_elm_1_1, #_cmp_elm_1_0, .fontplus-trial-banner { display: none; }


.fontRed{color: #d92100;}


/* ==========================================================
 navi
========================================================== */
/* nav-cmn-global
---------------------------------------------------------- */
.nav-cmn-global { margin: 0 -25px; text-align: center; background-color: #fff; }

@media screen and (max-width: 1024px) { .nav-cmn-global { width: 200px; height: 100%; margin: 0; position: fixed; left: -200px; top: 0; border-right: 1px solid #f7f7f7; } }

@media screen and (max-width: 767px) { .nav-cmn-global { display: none; width: auto; height: auto; margin: 0; position: absolute; left: 0; top: 58px; width: 100%; border-right: none; box-shadow: 0 5px 6px -4px #404040; } }

.is-active + .nav-cmn-global { display: block; z-index: 1;}

@media screen and (max-width: 1024px) { .is-active + .nav-cmn-global { left: 0; } }

.nav-cmn-global-lists { margin: 11px 0; }

@media screen and (max-width: 767px) { .nav-cmn-global-lists { margin: 0; padding-top: 8px; overflow: hidden;/*border-bottom: 1px solid #ccc;*/} }

.nav-cmn-global-list { /* navi current */ }

.cat-01 .nav-cmn-global-list.nav-01 > .nav-cmn-global-link, .cat-02 .nav-cmn-global-list.nav-02 > .nav-cmn-global-link, .cat-03 .nav-cmn-global-list.nav-03 > .nav-cmn-global-link, .cat-04 .nav-cmn-global-list.nav-04 > .nav-cmn-global-link, .cat-05 .nav-cmn-global-list.nav-05 > .nav-cmn-global-link, .cat-06 .nav-cmn-global-list.nav-06 > .nav-cmn-global-link { opacity: 1; background-color: #00674e; color: #fff; }

@media screen and (max-width: 767px) { .nav-cmn-global-list,.naviEmptyBox { float: left; width: 50%; border-top: 1px solid #ccc; margin-bottom: 0; font-size: 12px; }
  .nav-cmn-global-list:nth-child(2n+1) { border-right: 1px solid #ccc; } }

.nav-cmn-global-link { position: relative; display: block; color: #404040; padding: 8px 5px; }

@media screen and (max-width: 767px) { .nav-cmn-global-link { padding: 9px 0; } }

.nav-cmn-global-link:hover { opacity: 1; background-color: #00674e; color: #fff; }

@media screen and (max-width: 1024px) { .nav-cmn-global-link:hover { background: none; color: #404040; } }

.nav-cmn-global-link:after { display: none; content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: 0; width: 0; height: 0; border-style: solid; border-width: 8px 10px 8px 0; border-color: transparent #00674e transparent transparent; margin: auto; }

@media screen and (max-width: 1024px) { .nav-cmn-global-link:after { right: -1px; } }

.nav-cmn-global-link.is-active:after { display: block; }

.nav-cmn-global-sub { position: absolute; width: 420px; padding: 50px 10px 50px 30px; height: 100%; right: 200px; top: 0; text-align: left; background-color: #00674e; color: #fff; }

@media screen and (max-width: 767px) { .nav-cmn-global-sub { display: none; } }

.nav-cmn-global-sub a { color: #fff; }

.is-active + .nav-cmn-global-sub { right: -420px; }

@media screen and (max-width: 1024px) { .is-active + .nav-cmn-global-sub { right: -421px; } }

.nav-cmn-global-member { padding-right: 60px; }

.nav-cmn-global-member .labologo{ padding-left: 46px; position: relative; margin-bottom: 15px;}
.nav-cmn-global-member .labologo::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 38px;
  height: 33px;
  background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/labologo.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.nav-cmn-global-member-ttl { margin-bottom: 15px; font-size: 18px; font-weight: bold; }

.nav-cmn-global-member-help { margin-left: 13px; }

.nav-cmn-global-member-enter { margin-bottom: 8px; overflow: hidden; }

.nav-cmn-global-member-btn { float: left; width: 150px; margin-left: 20px; }

.nav-cmn-global-member-btn:first-child { margin-left: 0; }

.nav-cmn-global-new { margin-bottom: 50px; font-size: 13px; }

.nav-cmn-global-topic { margin-bottom: 5px; }

.nav-cmn-global-menu { margin: 0 0 20px 0; }

.nav-cmn-global-menu-ttl { margin-bottom: 20px; padding-right: 5px; font-weight: bold; font-size: 17px; }

.nav-cmn-global-menu-lists { overflow: hidden; }

.nav-cmn-global-menu-list { float: left; width: 50%; margin-bottom: 6px; padding-right: 5px; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; }

.nav-cmn-global-menu-close { position: absolute; right: 17px; top: 16px; }

.header .nav-cmn-global-close-tb { display: none; }

@media screen and (max-width: 1024px) { .header .nav-cmn-global-close-tb { display: block; position: absolute; right: 0; top: 0; background-color: #fff; border-right: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; z-index: 100; }
  .header .nav-cmn-global-close-tb .is-active { right: -32px; } }

@media screen and (max-width: 767px) { .header .nav-cmn-global-close-tb { display: none; } }

/* ==========================================================
 area
========================================================== */
/* area-cmn-aside
---------------------------------------------------------- */
.area-cmn-aside { padding: 50px 0 60px; }

@media screen and (max-width: 767px) { .area-cmn-aside { padding: 26px 0 24px; } }

/* area-cmn-info
---------------------------------------------------------- */
.area-cmn-info { padding: 80px 0 40px; }

@media screen and (max-width: 767px) { .area-cmn-info { padding: 35px 0 0; } }

/* area-cmn-tips
---------------------------------------------------------- */
.area-cmn-tips { padding: 0 55px; }

@media screen and (max-width: 1024px) { .area-cmn-tips { padding: 0 17px; } }

@media screen and (max-width: 767px) { .area-cmn-tips { overflow: hidden; padding: 0 5px; } }

/* area-cmn-ttl-03
---------------------------------------------------------- */
.area-cmn-ttl-03 { margin-top: 60px; }

@media screen and (max-width: 767px) { .area-cmn-ttl-03 { margin-top: 37px; } }

/* area-cmn-notes
---------------------------------------------------------- */
.area-cmn-notes { border-top: 1px solid #d9d9d9; margin-top: 20px; padding-top: 20px; }

/* ==========================================================
 section
========================================================== */
/* sec-cmn
---------------------------------------------------------- */
/* ==========================================================
 grid
========================================================== */
/* grid-cmn
---------------------------------------------------------- */
.grid-cmn { -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.grid-cmn + .grid-cmn { margin-top: 40px; }

@media screen and (max-width: 767px) { .grid-cmn + .grid-cmn { margin-top: 20px; } }

.grid-cmn > .grid-cmn { margin-top: 0; }

.grid-cmn .col-center { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.grid-cmn .col-lg-1 { width: 8.33333%; }

.grid-cmn .col-lg-2 { width: 16.66667%; }

.grid-cmn .col-lg-2-5 { width: 20%; }

.grid-cmn .col-lg-3 { width: 25%; }

.grid-cmn .col-lg-4 { width: 33.33333%; }

.grid-cmn .col-lg-5 { width: 41.66667%; }

.grid-cmn .col-lg-6 { width: 50%; }

.grid-cmn .col-lg-7 { width: 58.33333%; }

.grid-cmn .col-lg-8 { width: 66.66667%; }

.grid-cmn .col-lg-9 { width: 75%; }

.grid-cmn .col-lg-10 { width: 83.33333%; }

.grid-cmn .col-lg-11 { width: 83.33333%; }

.grid-cmn .col-lg-12 { width: 100%; }

@media screen and (max-width: 767px) { .grid-cmn .col-sm-1 { width: 8.33333%; }
  .grid-cmn .col-sm-2 { width: 16.66667%; }
  .grid-cmn .col-sm-2-5 { width: 20%; }
  .grid-cmn .col-sm-3 { width: 25%; }
  .grid-cmn .col-sm-4 { width: 33.33333%; }
  .grid-cmn .col-sm-5 { width: 41.66667%; }
  .grid-cmn .col-sm-6 { width: 50%; }
  .grid-cmn .col-sm-7 { width: 58.33333%; }
  .grid-cmn .col-sm-8 { width: 66.66667%; }
  .grid-cmn .col-sm-9 { width: 75%; }
  .grid-cmn .col-sm-10 { width: 83.33333%; }
  .grid-cmn .col-sm-11 { width: 83.33333%; }
  .grid-cmn .col-sm-12 { width: 100%; } }

.grid-cmn .order-lg-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.grid-cmn .order-lg-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.grid-cmn .order-lg-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.grid-cmn .order-lg-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; }

@media screen and (max-width: 767px) { .grid-cmn .order-sm-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .grid-cmn .order-sm-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .grid-cmn .order-sm-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; }
  .grid-cmn .order-sm-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } }

@media screen and (max-width: 767px) { .grid-cmn.s-btn-bottom { position: relative; padding-bottom: 60px; }
  .grid-cmn.s-btn-bottom .col-btn { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; text-align: center; } }

.grid-cmn.s-m-01 { margin-left: -9px; margin-right: -9px; }

@media screen and (max-width: 767px) { .grid-cmn.s-m-01 { margin-left: -5px; margin-right: -5px; } }

.grid-cmn.s-m-01 > .grid-cmn.s-m-01 { margin-top: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

@media screen and (max-width: 767px) { .grid-cmn > .grid-cmn.s-m-01 + .grid-cmn.s-m-01 { margin-top: 10px; } }

.grid-cmn.s-m-01 .col { margin-top: 20px; padding-left: 9px; padding-right: 9px; }

@media screen and (max-width: 767px) { .grid-cmn.s-m-01 .col { margin-top: 10px; padding-left: 5px; padding-right: 5px; } }

.grid-cmn.s-m-02 { margin-left: -13.5px; margin-right: -13.5px; }

@media screen and (max-width: 767px) { .grid-cmn.s-m-02 { margin-left: -6.75px; margin-right: -6.75px; } }

.grid-cmn.s-m-02 > .grid-cmn.s-m-02 { margin-top: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

@media screen and (max-width: 767px) { .grid-cmn > .grid-cmn.s-m-02 + .grid-cmn.s-m-02 { margin-top: 10px; } }

.grid-cmn.s-m-02 .col { margin-top: 54px; padding-left: 13.5px; padding-right: 13.5px; }

.grid-cmn.s-m-02 .col.s-mt-0 { margin-top: 0; }

@media screen and (max-width: 767px) { .grid-cmn.s-m-02 .col { margin-top: 18px; padding-left: 5px; padding-right: 5px; } }

.grid-cmn.s-m-03 { margin-left: -5px; margin-right: -5px; }

.grid-cmn.s-m-03 > .grid-cmn.s-m-03 { margin-top: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

.grid-cmn.s-m-03 .col { padding-left: 5px; padding-right: 5px; }

.grid-cmn.s-m-04 { margin-left: -10px; margin-right: -10px; }

.grid-cmn.s-m-04 > .grid-cmn.s-m-04 { margin-top: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

.grid-cmn.s-m-04 .col { padding-left: 10px; padding-right: 10px; }

.grid-cmn.s-m-05 { margin-left: -10px; margin-right: -10px; }

.grid-cmn.s-m-05 > .grid-cmn.s-m-05 { margin-top: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

.grid-cmn.s-m-05 .col { padding-left: 10px; padding-right: 10px; }

.grid-cmn.s-mt-2em { margin-top: 2.0em; }

/* grid-cmn-sitemap
---------------------------------------------------------- */
.grid-cmn-sitemap { overflow: hidden; }

.grid-cmn-sitemap .col { float: left; margin: 0; padding-right: 2.0em; }

.grid-cmn-sitemap .col.col-lg-4 { width: 33.33333%; }

@media screen and (max-width: 767px) { .grid-cmn-sitemap .col { float: none; margin-top: 1.5em; }
  .grid-cmn-sitemap .col.col-sm-12 { width: 100%; }
  .grid-cmn-sitemap .col:first-child { margin-top: 0; } }

.grid-cmn-sitemap + .grid-cmn-sitemap { margin-top: 3.0em; }

.grid-cmn-sitemap.s-mb-01 { margin-bottom: 80px; }

/* .grid-cmn-article-fig
---------------------------------------------------------- */
.grid-cmn-article-fig { overflow: hidden; margin: 0 -5px; }

.grid-cmn-article-fig .col { float: left; padding: 0 5px; }

.grid-cmn-article-fig .col.col-lg-4 { width: 33.33333%; }

.grid-cmn-article-fig .col figcaption { text-align: center; }

@media screen and (max-width: 767px) { .grid-cmn-article-fig .col figcaption { text-align: left; } }

@media screen and (max-width: 767px) { .grid-cmn-article-fig .col { float: none; margin-top: 2.0em; }
  .grid-cmn-article-fig .col.col-sm-12 { width: 100%; }
  .grid-cmn-article-fig .col:first-child { margin-top: 0; }
  .grid-cmn-article-fig .col img { width: 100%; } }

.grid-pinkribbon-action { overflow: hidden; }

.grid-pinkribbon-action .col { float: left; }

.grid-pinkribbon-action .col.col-lg-6 { width: 50%; }

@media screen and (max-width: 767px) { .grid-pinkribbon-action .col { margin-top: 30px; }
  .grid-pinkribbon-action .col.col-sm-12 { width: 100%; }
  .grid-pinkribbon-action .col:first-child { margin-top: 0; } }

.grid-pinkribbon-action .col:nth-child(2n-1) { padding-right: 30px; }

.grid-pinkribbon-action .col:nth-child(2n) { padding-left: 30px; }

@media screen and (max-width: 767px) { .grid-pinkribbon-action .col:nth-child(2n-1), .grid-pinkribbon-action .col:nth-child(2n) { padding: 0; } }

.grid-pinkribbon-action .col .title { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.8em; color: #ed77ac; font-size: 24px; line-height: 1.5; font-family: 'FOT-筑紫A丸ゴシック Std M','TsukuARdGothicStd-M'; }

@media screen and (max-width: 767px) { .grid-pinkribbon-action .col .title { margin-bottom: 0.5em; font-size: 16px; } }

.grid-pinkribbon-action .col .box-pinkribbon-image-floating { overflow: hidden; }

.grid-pinkribbon-action .col .box-pinkribbon-image-floating .imagearea { float: right; margin: 0 0 0.8em 1.0em; }

@media screen and (max-width: 767px) { .grid-pinkribbon-action .col .box-pinkribbon-image-floating .detail { font-size: 13px; } }

.grid-cmn-article-items { overflow: hidden; }

.grid-cmn-article-items .col { float: left; margin-right: 125px; }

.grid-cmn-article-items .col:nth-child(2n) { margin-right: 0; }

@media screen and (max-width: 767px) { .grid-cmn-article-items .col { width: 50%; margin-right: 0; }
  .grid-cmn-article-items .col:nth-child(2n-1) { padding: 0 15px 0 5px; }
  .grid-cmn-article-items .col:nth-child(2n) { padding: 0 5px 0 15px; } }

.grid-cmn-article-items .col figcaption { margin-bottom: 0.5em; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; color: #ed77ac; font-size: 18px; }

@media screen and (max-width: 767px) { .grid-cmn-article-items .col figcaption { font-size: 13px; } }

.grid-cmn-article-items .col img { max-width: 100%; width: auto; }

.grid-cmn-article-items + * { margin-top: 2.0em; }

/* ==========================================================
 hero
========================================================== */
/* hero-cmn
---------------------------------------------------------- */
.wrapper .ttl-cmn-01 + .hero-cmn { margin-top: -70px; }

@media screen and (max-width: 767px) { .wrapper .ttl-cmn-01 + .hero-cmn { margin-top: 0; } }

.hero-cmn { width: 100%; text-align: center; /* generic */ }

@media screen and (max-width: 767px) { .hero-cmn { padding-top: 20px; } }

.hero-cmn-in { padding: 100px 20px 50px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

@media screen and (max-width: 767px) { .hero-cmn-in { padding: 20px; background-position: top center; background-repeat: no-repeat; background-size: 200%; } }

@media screen and (max-width: 640px) { .hero-cmn.s-bg-07 .hero-cmn-in { padding-top: 10px;}
.hero-cmn.s-bg-07 { padding-top: 10px;}
}

.hero-cmn-title { font-family: "FOT-マティス Pro M", "MatissePro-M"; font-size: 33px; letter-spacing: .28em; }

@media screen and (max-width: 767px) { .hero-cmn-title { font-size: 21px; } }

.hero-cmn-lead { position: relative; font-family: "FOT-マティス Pro DB", "MatissePro-DB"; font-weight: bold; font-size: 20px; letter-spacing: .32em; padding-bottom: 30px; margin-top: 25px; }

@media screen and (max-width: 767px) { .hero-cmn-lead { font-size: 14px; margin-top: 12px; padding-bottom: 20px; } }
@media screen and (max-width: 640px) { .hero-cmn-lead { font-size: 13px; letter-spacing: 0.1em;}
.hero-cmn-title{ letter-spacing: 0.1em;} }


.hero-cmn-lead:first-of-type:before { position: absolute; content: ''; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 90px; height: 1px; background-color: #404040; }

@media screen and (max-width: 767px) { .hero-cmn-lead:first-of-type:before { width: 80px; } }

.hero-cmn-lead.s-type-02 { color: #00674e; font-family: "FOT-マティス Pro DB", "MatissePro-DB"; font-weight: bold; padding-bottom: 0; margin-bottom: 20px; }

.hero-cmn-text { font-family: "FOT-マティス Pro M", "MatissePro-M"; font-size: 18px; letter-spacing: .2em; line-height: 2.1; margin-top: 40px; }

.hero-cmn-text + .hero-cmn-text { margin-top: 25px; }

@media screen and (max-width: 767px) { .hero-cmn-text { font-size: 13px; margin-top: 20px; padding: 0 20px; }
  .hero-cmn-text span { display: inline-block; } }

.hero-cmn-text.s-type-02 { color: #00674e; font-family: "FOT-マティス Pro DB", "MatissePro-DB"; font-weight: bold; }

.hero-cmn-bottom { margin-top: -20px; padding: 0 100px; }

@media screen and (max-width: 767px) { .hero-cmn-bottom { padding: 0; margin-top: -10px; } }

.hero-cmn-list { -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media screen and (max-width: 767px) { .hero-cmn-list { width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } }

.hero-cmn-list-item { width: 140px; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .hero-cmn-list-item { width: 30%; padding: 0 5px; margin-bottom: 20px; } }

    .hero-cmn.s-bg-01 .hero-cmn-in { padding-top: 60px; background-image: url("/z0y6LaZKWu/wp-content/themes/corporate2017/kenkyu/img/bg_oishisa_01@2x.png"); }

    @media screen and (max-width: 767px)  { .hero-cmn.s-bg-01 .hero-cmn-in { padding-top: 25px; background-size: cover; background-position: top center; }
    .hero-cmn.s-bg-01 { padding-top: 0px; } }

@media screen and (max-width: 767px) { .hero-cmn.s-bg-02 { padding-top: 0; } }

.hero-cmn.s-bg-02 .hero-cmn-in { padding-top: 60px; padding-bottom: 60px; background-image: url("/z0y6LaZKWu/wp-content/themes/corporate2017/csr/img/bg_anzenmanagement_01@2x.png"); }

@media screen and (max-width: 767px) { .hero-cmn.s-bg-02 .hero-cmn-in { padding-top: 30px; padding-bottom: 30px; } }

@media screen and (max-width: 640px) { .hero-cmn.s-bg-02 .hero-cmn-in { padding-top: 15px;} }


.hero-cmn.s-bg-03 .hero-cmn-in { background-image: url("/z0y6LaZKWu/wp-content/themes/corporate2017/csr/img/bg_manzoku_01@2x.png"); }

@media screen and (max-width: 767px) { .hero-cmn.s-bg-03 .hero-cmn-in { background-image: url("/z0y6LaZKWu/wp-content/themes/corporate2017/csr/img_sp/bg_manzoku_01_sp@2x.png"); } }

.hero-cmn.s-bg-04 .hero-cmn-in { padding-top: 60px; padding-bottom: 65px; background-image: url("/z0y6LaZKWu/wp-content/themes/corporate2017/kenkyu/img/bg_dokujigijyutsu_01@2x.png"); }

@media screen and (max-width: 767px) { .hero-cmn.s-bg-05 { padding-top: 0; } }

    .hero-cmn.s-bg-05 .hero-cmn-in { padding-top: 70px; background-image: url("/z0y6LaZKWu/wp-content/themes/corporate2017/kenkyu/img/bg_gaiyou_01@2x.png"); }

.hero-cmn.s-bg-05 .hero-cmn-in .hero-cmn-text:last-child { font-size: 15px; }

    @media screen and (max-width: 767px) { .hero-cmn.s-bg-05 .hero-cmn-in { padding-top: 25px; background-size: cover; background-position: top center; }
      .hero-cmn.s-bg-05 .hero-cmn-in .hero-cmn-lead { padding-bottom: 2.0em; }
      .hero-cmn.s-bg-05 .hero-cmn-in .hero-cmn-lead + .hero-cmn-text { margin-top: 2.5em; }
      .hero-cmn.s-bg-05 .hero-cmn-in .hero-cmn-text:last-child { margin: 1.0em 0 2.0em; } }

.hero-cmn.s-bg-06 .hero-cmn-in { padding-top: 80px; background-image: url("/z0y6LaZKWu/wp-content/themes/corporate2017/csr/img/bg_ganseiatsu_01@2x.png"); background-size: 100%; background-position: top center; }

@media screen and (max-width: 767px) { .hero-cmn.s-bg-06 .hero-cmn-in { padding-top: 30px;}}

@media screen and (max-width: 640px) { .hero-cmn.s-bg-06 .hero-cmn-in { padding-top: 5px;}}

.hero-cmn.s-bg-06 .hero-cmn-in .hero-cmn-lead { line-height: 2.2; }

.hero-cmn.s-bg-06 .hero-cmn-in .hero-cmn-lead.s-type-02 { margin-top: 2.25em; }

.hero-cmn.s-bg-06 .hero-cmn-in .hero-cmn-text { font-size: 16px; }

@media screen and (max-width: 767px) { .hero-cmn.s-bg-06 .hero-cmn-in .hero-cmn-text { font-size: 13px; } }

.hero-cmn.s-bg-07 .hero-cmn-in { background-image: url("/z0y6LaZKWu/wp-content/themes/corporate2017/kenkyu/img/bg_sekainokenkou_01@2x.png"); }

@media screen and (max-width: 767px) { .hero-cmn.s-bg-cover-sp .hero-cmn-in { background-size: cover; } }

@media screen and (max-width: 767px) { .hero-cmn.s-bg-contain-sp .hero-cmn-in { background-size: contain; } }

@media screen and (max-width: 767px) { .hero-cmn.s-bg2x-sp .hero-cmn-in { background-size: 200%; } }

/* hero-cmn-slide
---------------------------------------------------------- */
.hero-cmn-slide-wrap .hero-cmn-slide-item { width: 100%; }

.hero-cmn-slide-wrap .hero-cmn-slide-item{
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 550px;

}

@media screen and (max-width: 1024px) {
    .hero-cmn-slide-wrap .hero-cmn-slide-item{ height: 400px; }
}

@media screen and (max-width: 767px) {
    .hero-cmn-slide-wrap .hero-cmn-slide-item{ height: 260px; }
}





.hero-cmn-slide-wrap .hero-cmn-slide-item img { width: 100%; max-width: 100%; }










/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01〜06
---------------------------------------------------------- */
/* カテゴリーによってスタイル変更*/
body.home .ttl-cmn-02 .inner-link a { position: relative; color: #404040; text-decoration: none; font-size: 13px; }

body.home .ttl-cmn-02 .inner-link a:before { content: ""; display: inline-block; margin-right: 15px; background-image: url(img/sprite.png); background-position: 0px -818px; width: 16px; height: 10px; }

@media screen and (max-width: 767px) { body.home .ttl-cmn-02 .inner-link a { font-size: 10px; } }

body.home .ttl-cmn-02 .inner-link:before { content: none; }

.ttl-cmn-01:last-child, .ttl-cmn-02:last-child { margin-bottom: 0; }

.ttl-cmn-01 + [class], .ttl-cmn-02 + [class] { margin-top: 0; }

.ttl-cmn-03:first-child, .ttl-cmn-04:first-child, .ttl-cmn-05:first-child, .ttl-cmn-06:first-child, .ttl-cmn-tell:first-child { margin-top: 0; }

.ttl-cmn-03:last-child, .ttl-cmn-04:last-child, .ttl-cmn-05:last-child, .ttl-cmn-06:last-child, .ttl-cmn-tell:last-child { margin-bottom: 0; }

.ttl-cmn-03 + [class], .ttl-cmn-04 + [class], .ttl-cmn-05 + [class], .ttl-cmn-06 + [class], .ttl-cmn-tell + [class] { margin-top: 0; }

.ttl-cmn-03 + .grid-cmn.s-m-01, .ttl-cmn-04 + .grid-cmn.s-m-01, .ttl-cmn-05 + .grid-cmn.s-m-01, .ttl-cmn-06 + .grid-cmn.s-m-01, .ttl-cmn-tell + .grid-cmn.s-m-01 { margin-top: -20px; }

/* inner-link */
[class*='ttl-cmn-'] { position: relative; }

[class*='ttl-cmn-'] .inner-link { position: absolute; top: 40%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 0; padding-left: 25px; }

[class*='ttl-cmn-'] .inner-link a { line-height: 1.1; }

[class*='ttl-cmn-'] .inner-link:before { position: absolute; content: ''; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("img/sprite.png"); background-position: 0px -648px; width: 15px; height: 11px; background-size: 216px 6033px; }

/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 { position: relative; padding-left: 128px; padding-bottom: 39px; margin-bottom: 70px; border-bottom: 2px solid #00674e; letter-spacing: 0.45em; line-height: 1.37; font-size: 30px; /* アイコン */ }

@media screen and (max-width: 1024px) { .ttl-cmn-01 { padding-bottom: 22px; } }

@media screen and (max-width: 767px) { .ttl-cmn-01 { line-height: 1.2; padding: 0 10px; border-bottom: none; margin-bottom: 25px; font-size: 18px; } }

.ttl-cmn-01-in { display: inline-block; vertical-align: middle; }

.ttl-cmn-01.s-ico { padding-left: 105px; /* カテゴリごと設定 */ }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico { padding-left: 40px; } }

.ttl-cmn-01.s-ico:after { content: ''; position: absolute; left: 56px; top: 4px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico:after { left: 11px; top: 2px; } }

.ttl-cmn-01.s-ico .ttl-cmn-01-in { padding-left: 22px; border-left: 1px dotted #404040; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico .ttl-cmn-01-in { padding-left: 15px; } }

.ttl-cmn-01.s-ico-kigyou:after { background-image: url(img/sprite.png); background-position: 0px -7397px; width: 30px; height: 30px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico-kigyou:after { background-image: url("img/sprite.png"); background-position: 0px -3699px; width: 15px; height: 15px; background-size: 216px 6033px; top: 5px; left: 13px; } }

.ttl-cmn-01.s-ico-ir:after { background-image: url(img/sprite.png); background-position: 0px -7242px; width: 29px; height: 30px; top: 9px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico-ir:after { background-image: url("img/sprite.png"); background-position: 0px -3621px; width: 14.5px; height: 15px; background-size: 216px 6033px; top: 5px; left: 13px; } }

.ttl-cmn-01.s-ico-csr:after { background-image: url(img/sprite.png); background-position: 0px -4621px; width: 30px; height: 34px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico-csr:after { background-image: url("img/sprite.png"); background-position: 0px -2311px; width: 15px; height: 17px; background-size: 216px 6033px; top: 3px; } }

.ttl-cmn-01.s-ico-kenkyu:after { background-image: url(img/sprite.png); background-position: 0px -7352px; width: 26px; height: 35px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico-kenkyu:after { background-image: url("img/sprite.png"); background-position: 0px -3676px; width: 13px; height: 17.5px; background-size: 216px 6033px; top: 3px; } }

.ttl-cmn-01.s-ico-press:after { background-image: url(img/sprite.png); background-position: 0px -10492px; width: 36px; height: 32px; top: 7px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico-press:after { background-image: url("img/sprite.png"); background-position: 0px -5246px; width: 18px; height: 16px; background-size: 216px 6033px; top: 3px; } }

.ttl-cmn-01.s-ico-sitemap:after { background-image: url(img/sprite.png); background-position: 0px -11048px; width: 32px; height: 34px; top: 8px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico-sitemap:after { background-image: url("img/sprite.png"); background-position: 0px -5524px; width: 16px; height: 17px; background-size: 216px 6033px; top: 3px; } }

.ttl-cmn-01.s-ico-kinoko:after { background-image: url(img/sprite.png); background-position: 0px -7655px; width: 33px; height: 36px; }

.ttl-cmn-01.s-ico-recipe:after { background-image: url(img/sprite.png); background-position: 0px -10652px; width: 32px; height: 37px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico-recipe:after { background-image: url("img/sprite.png"); background-position: 0px -5326px; width: 16px; height: 18.5px; background-size: 216px 6033px; } }

.ttl-cmn-01.s-ico-campaign { color: #00674e; }

.ttl-cmn-01.s-ico-campaign:after { background-image: url(img/sprite.png); background-position: 0px -3240px; width: 39px; height: 30px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico-campaign:after { background-image: url("img/sprite.png"); background-position: 0px -1620px; width: 19.5px; height: 15px; background-size: 216px 6033px; } }

.ttl-cmn-01.s-ico-tanoshimu:after { background-image: url(img/sprite.png); background-position: 0px -11376px; width: 35px; height: 36px; }

.ttl-cmn-01.s-ico-news:after { background-image: url(img/sprite.png); background-position: 0px -9591px; width: 37px; height: 29px; }

.ttl-cmn-01.s-ico-seisansya { color: #00674e; }

.ttl-cmn-01.s-ico-seisansya:after { background-image: url(img/sprite.png); background-position: 0px -10848px; width: 41px; height: 36px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico-seisansya:after { background-image: url("img/sprite.png"); background-position: 0px -5424px; width: 20.5px; height: 18px; background-size: 216px 6033px; } }

.ttl-cmn-01.s-ico-whatsnews:after { top: 9px; background-image: url(img/sprite.png); background-position: 0px -11832px; width: 28px; height: 28px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico-whatsnews:after { top: 5px; left: 16px; background-image: url("img/sprite.png"); background-position: 0px -5916px; width: 14px; height: 14px; background-size: 216px 6033px; } }

.ttl-cmn-01.s-ico-mypage:after { background-image: url(img/sprite.png); background-position: 0px -9495px; width: 34px; height: 38px; }

@media screen and (max-width: 767px) { .ttl-cmn-01.s-ico-mypage:after { top: 5px; left: 16px; background-image: url("img/sprite.png"); background-position: 0px -4748px; width: 17px; height: 19px; background-size: 216px 6033px; } }

@media screen and (min-width: 768px) { .ttl-cmn-01.s-mb-00-pc { margin-bottom: 0; } }

.ttl-cmn-01.s-mb-type-01 { margin-bottom: 1.5em; }

/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02 { margin-top: 80px; margin-bottom: 30px; padding-bottom: 12px; border-bottom: 2px solid #00674e; line-height: 1.1; font-size: 22px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

.ttl-cmn-02.s-brand { border-bottom: 2px solid #603813; }

.ttl-cmn-02.s-brand .ttl-cmn-02-in:after { background-color: #603813; }

@media screen and (max-width: 767px) { .ttl-cmn-02 { margin-top: 30px; margin-bottom: 12px; border-bottom: 1px solid #00674e; padding-bottom: 6px; font-size: 15px; }
  .ttl-cmn-02.s-brand { border-color: #603813; } }

.ttl-cmn-02-in { display: inline-block; position: relative; padding-left: 22px; }

@media screen and (max-width: 767px) { .ttl-cmn-02-in { padding-left: 11px; } }

.ttl-cmn-02-in:after { content: ''; display: block; width: 8px; height: 100%; position: absolute; left: 0; top: 0; border-radius: 3px; background-color: #00674e; }

@media screen and (max-width: 767px) { .ttl-cmn-02-in:after { width: 4px; } }

.ttl-cmn-02.s-type-02 { text-align: center; }

@media screen and (max-width: 767px) { .ttl-cmn-02.s-type-02 { text-align: left; } }

@media screen and (min-width: 768px) { .ttl-cmn-02.s-type-02 { border-bottom: none; }
  .ttl-cmn-02.s-type-02:first-of-type { margin-top: -20px; }
  .ttl-cmn-02.s-type-02 .ttl-cmn-02-in:after { display: none; } }

.ttl-cmn-02.s-mt-type-01 { margin-top: 1.5em; }

/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 { margin-top: 60px; margin-bottom: 18px; font-size: 20px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; color: #00674e; }

@media screen and (max-width: 767px) { .ttl-cmn-03 { margin-top: 37px; margin-bottom: 12px; font-size: 15px; } }

/* ttl-cmn-04
---------------------------------------------------------- */
.ttl-cmn-04 { margin-top: 40px; margin-bottom: 10px; font-size: 18px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .ttl-cmn-04 { margin-top: 30px; margin-bottom: 4px; font-size: 15px; } }

/* ttl-cmn-05
---------------------------------------------------------- */
.ttl-cmn-05 { margin-top: 15px; margin-bottom: 15px; font-size: 15px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; color: #00674e; }

@media screen and (max-width: 767px) { .ttl-cmn-05 { margin-top: 15px; margin-bottom: 12px; font-size: 13px; color: #404040; } }

/* ttl-cmn-06
---------------------------------------------------------- */
.ttl-cmn-06 { margin-top: 30px; margin-bottom: 10px; font-size: 15px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .ttl-cmn-06 { margin-top: 15px; margin-bottom: 12px; font-size: 15px; } }

/* ttl-cmn-matisse-01
---------------------------------------------------------- */
.ttl-cmn-matisse-01 { font-size: 26px; font-family: "FOT-マティス Pro M", "MatissePro-M"; letter-spacing: 0.16em; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #d9d9d9; }

@media screen and (max-width: 767px) { .ttl-cmn-matisse-01 { font-size: 14px; letter-spacing: 0.13em; margin-top: 15px; margin-bottom: 5px; border-bottom: none; } }

.ttl-cmn-matisse-01.s-noborder { border: none; }

/* ttl-cmn-matisse-02
---------------------------------------------------------- */
.ttl-cmn-matisse-02 { font-size: 20px; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; bottom: 5px; }

@media screen and (max-width: 767px) { .ttl-cmn-matisse-02 { font-size: 15px; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; letter-spacing: 0.13em; margin-bottom: 10px; } }

/* ttl-cmn-matisse-03
---------------------------------------------------------- */
.ttl-cmn-matisse-03 { font-size: 18px; font-family: "FOT-マティス Pro DB", "MatissePro-DB"; letter-spacing: 0.1em; font-weight: bold; margin-bottom: 30px; }

@media screen and (max-width: 767px) { .ttl-cmn-matisse-03 { font-size: 15px; letter-spacing: 0.13em; margin-bottom: 20px; } }

/* ttl-cmn-matisse-04
---------------------------------------------------------- */
@media screen and (min-width: 768px) { .ttl-cmn-matisse-04 { position: relative; text-align: center; font-size: 26px; font-family: "FOT-マティス Pro M", "MatissePro-M"; color: #404040; letter-spacing: 0.28em; padding-bottom: 10px; margin: 70px 0 40px; }
  .ttl-cmn-matisse-04:before { position: absolute; content: ''; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 64px; height: 1px; background: #404040; } }

@media screen and (max-width: 767px) { .ttl-cmn-matisse-04 { border-top: 1px solid #fff; } }

/* ttl-cmn-tell
---------------------------------------------------------- */
.ttl-cmn-tell { margin-top: 40px; margin-bottom: 18px; font-size: 20px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; color: #00674e; }

@media screen and (max-width: 767px) { .ttl-cmn-tell { margin-top: 30px; margin-bottom: 12px; font-size: 15px; } }

/* ttl-cmn-aside
---------------------------------------------------------- */
.ttl-cmn-aside { text-align: center; margin-bottom: 45px; font-size: 20px; color: #333; }

@media screen and (max-width: 767px) { .ttl-cmn-aside { margin-bottom: 6px; text-align: left; font-size: 13px; }
  .ttl-cmn-aside-in { display: inline-block; position: relative; padding-right: 18px; }
  .ttl-cmn-aside-in:after { content: ''; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-image: url("img/sprite.png"); background-position: 0px -234px; width: 9px; height: 9.5px; background-size: 216px 6033px; } }

.ttl-cmn-aside.s-type-b { font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

/* ttl-cmn-accordion
---------------------------------------------------------- */
@media screen and (max-width: 767px) { .ttl-cmn-accordion { position: relative; display: block; padding: 15px; background-color: #00674e; font-size: 15px; font-weight: bold; color: #fff; margin-left: -5px; margin-right: -5px; margin-bottom: -1px; z-index: 2; }
  .ttl-cmn-accordion:before { content: ''; position: absolute; right: 14px; top: 0; bottom: 0; margin: auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-image: url("img/sprite.png"); background-position: 0px -248px; width: 14px; height: 15px; background-size: 216px 6033px; }
  .ttl-cmn-accordion.is-active:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

@media screen and (max-width: 767px) { .ttl-cmn-accordion + * { width: auto; overflow: hidden; max-height: 0; transition: max-height 0.4s; }
  .ttl-cmn-accordion.is-active + * { overflow: visible; max-height: 800px; } }

/* ttl-cmn-data
---------------------------------------------------------- */
.ttl-cmn-data { margin-bottom: 12px; font-size: 15px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .ttl-cmn-data { margin-bottom: 4px; font-size: 12px; } }

/* ttl-cmn-news
---------------------------------------------------------- */
/* font color */
body.home .ttl-cmn-news { color: #404040; padding-bottom: 13px; border-bottom: 1px solid #00674e; }

body.home .ttl-cmn-news-in:after { background-color: #00674e; }

body.home .ttl-cmn-news .inner-link a { position: relative; color: #404040; text-decoration: none; }

body.home .ttl-cmn-news .inner-link a:before { content: ""; display: inline-block; margin-right: 15px; background-image: url(img/sprite.png); background-position: 0px -818px; width: 16px; height: 10px; }

@media screen and (max-width: 767px) { body.home .ttl-cmn-news .inner-link a { font-size: 10px; } }

body.home .ttl-cmn-news .inner-link:before { content: none; }

/*kinokorecipe*/

.mod-kinokorecipe-infomation-02 .ttl-cmn-news { border-bottom: 1px solid #603813; padding-bottom: 12px; margin-bottom: 25px; }

.mod-kinokorecipe-infomation-02 .ttl-cmn-news-in { color: #404040; }

.mod-kinokorecipe-infomation-02 .ttl-cmn-news-in:after { background-color: #603813; }

.mod-kinokorecipe-infomation-02 .ttl-cmn-news .inner-link:before { content: normal; }

.mod-kinokorecipe-infomation-02 .ttl-cmn-news .inner-link a { color: #404040; text-decoration: none; }

.mod-kinokorecipe-infomation-02 .ttl-cmn-news .inner-link a:before { content: ""; vertical-align: middle; margin-right: 12px; display: inline-block; background-image: url(img/sprite.png); background-position: 0px -1176px; width: 14px; height: 10px; }

.ttl-cmn-news { margin-bottom: 10px; line-height: 1.1; font-size: 22px; color: #fff; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .ttl-cmn-news { font-size: 15px; } }

.ttl-cmn-news-in { display: inline-block; position: relative; padding-left: 22px; padding-right: 60px; }

.ttl-cmn-news-in .subtext { display: inline-block; font-size: .77em; }

@media screen and (max-width: 1024px) { .ttl-cmn-news-in .subtext { font-size: .6em; } }

@media screen and (max-width: 767px) { .ttl-cmn-news-in { padding-left: 11px; } }

.ttl-cmn-news-in:after { content: ''; display: block; width: 8px; height: 100%; position: absolute; left: 0; top: 0; border-radius: 3px; background-color: #fff; }

@media screen and (max-width: 767px) { .ttl-cmn-news-in:after { width: 4px; } }

.ttl-cmn-news .inner-link a { font-size: 13px; color: #fff; }

@media screen and (max-width: 767px) { .ttl-cmn-news .inner-link a { font-size: 10px; } }

/* ttl-cmn-keyword
---------------------------------------------------------- */
.ttl-cmn-keyword { margin-top: 60px; margin-bottom: 18px; color: #00674e; font-size: 0; letter-spacing: -.4em; }

.ttl-cmn-keyword-in { font-size: 30px; }

.ttl-cmn-keyword > span { display: inline-block; letter-spacing: normal; }

@media screen and (max-width: 767px) { .ttl-cmn-keyword { margin-top: 37px; margin-bottom: 12px; font-size: 18px; }
  .ttl-cmn-keyword-in { font-size: 18px; } }

.ttl-cmn-keyword.is-keyword { margin-top: 40px; margin-bottom: 10px; }

@media screen and (max-width: 767px) { .ttl-cmn-keyword.is-keyword { margin-top: 20px; margin-bottom: 5px; } }

.ttl-cmn-keyword.is-keyword > span { text-align: left; }

.ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag { overflow: hidden; height: 30px; letter-spacing: -.4em; font-size: 0; margin: 0 15px -4px 0; background-color: #fff; }

@media screen and (max-width: 767px) { .ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag { margin: 0 15px -8px 0; } }

.ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag .inner { position: relative; z-index: 5; display: block; color: #808080; border-top: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; padding: 0 5px; margin-right: 10px; }

.ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag .inner:before, .ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag .inner:after { position: absolute; content: ''; display: block; width: 0; height: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: 15px solid transparent; border-right: 8px solid transparent; border-bottom: 15px solid transparent; }

.ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag .inner:before { z-index: 2; right: -15px; border-left: 8px solid #fff; }

.ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag .inner:after { z-index: 1; right: -16px; border-left: 8px solid #b2b2b2; }

@media screen and (max-width: 767px) { .ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag .inner:after { font-size: 15px; } }

    .ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag span { position: relative; display: inline-block; vertical-align: middle; letter-spacing: normal; line-height: 28px; }

    @media screen and (max-width: 767px) { .ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag span { line-height: 27px; } }

.ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag .text { font-size: 13px; }

@media screen and (max-width: 767px) { .ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag .text { font-size: 10px; -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } }

.ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag .number { font-size: 20px; padding: 0 0 0 5px; }

@media screen and (max-width: 767px) { .ttl-cmn-keyword.is-keyword .ttl-cmn-keyword-tag .number { font-size: 15px; } }

.ttl-cmn-keyword.s-tac { text-align: center; }

.ttl-cmn-keyword.s-tal { text-align: left; }

.ttl-cmn-keyword.s-tar { text-align: right; }

.ttl-cmn-keyword + .ttl-cmn-keyword.is-keyword { margin-top: 0; }

@media screen and (max-width: 767px) { .ttl-cmn-keyword + .ttl-cmn-keyword.is-keyword { margin-top: 20px; } }

/* ttl-cmn-sitemap
---------------------------------------------------------- */
.ttl-cmn-sitemap { position: relative; margin-bottom: 0.8em; padding-left: 24px; color: #00674e; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; font-size: 15px; }

.ttl-cmn-sitemap a { color: #00674e; text-decoration: none; }

.ttl-cmn-sitemap:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -8px; width: 14px; height: 14px; background-image: url(img/sprite.png); background-position: 0px -1120px; width: 14px; height: 14px; }

.ttl-cmn-sitemap-cat { position: relative; padding-left: 20px; margin-bottom: 0.5em; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; }

@media screen and (max-width: 767px) { .ttl-cmn-sitemap-cat { padding-left: 15px; } }

.ttl-cmn-sitemap-cat:before { content: ''; position: absolute; top: 50%; left: 0; width: 12px; height: 3px; margin-top: -2px; background-color: #00674e; }

@media screen and (max-width: 767px) { .ttl-cmn-sitemap-cat:before { width: 7px; height: 2px; } }

.ttl-cmn-sitemap-cat a { text-decoration: none; }

.ttl-cmn-sitemap-cat + .ttl-cmn-sitemap-cat { margin-top: 2.0em; }

/* ==========================================================
 link
========================================================== */
/* link-cmn-arrow-01
---------------------------------------------------------- */
.link-cmn-arrow-01 { position: relative; padding-left: 9px; }

.link-cmn-arrow-01:after { content: ''; display: inline-block; position: absolute; left: 0; top: 50%; margin-top: -3px; background-image: url(img/sprite.png); background-position: 0px -324px; width: 4px; height: 6px; }

/* link-cmn-arrow-02
---------------------------------------------------------- */
.link-cmn-arrow-02 { position: relative; padding-left: 11px; }

.link-cmn-arrow-02:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0.25em; background-image: url(img/sprite.png); background-position: 0px -340px; width: 6px; height: 8px; }

/* link-cmn-arrow-03
---------------------------------------------------------- */
.link-cmn-arrow-03 { position: relative; padding-right: 22px; }

.link-cmn-arrow-03:after { content: ''; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -358px; width: 10px; height: 16px; }

/* link-cmn-arrow-04
---------------------------------------------------------- */
.link-cmn-arrow-04 { position: relative; padding-left: 26px; }

.link-cmn-arrow-04:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -410px; width: 16px; height: 14px; }

/* link-cmn-arrow-05
---------------------------------------------------------- */
.link-cmn-arrow-05 { position: relative; padding-left: 26px; }

@media screen and (max-width: 767px) { .link-cmn-arrow-05 { padding-left: 24px; } }

.link-cmn-arrow-05:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px 0px; width: 16px; height: 14px; }

@media screen and (max-width: 767px) { .link-cmn-arrow-05:after { background-image: url("img/sprite.png"); background-position: 0px -324px; width: 15px; height: 13px; background-size: 216px 6033px; }
  .s-slim-sp .link-cmn-arrow-05:after { background-image: url("img/sprite.png"); background-position: 0px -12px; width: 12px; height: 10px; background-size: 216px 6033px; } }

/* link-cmn-arrow-06
---------------------------------------------------------- */
.link-cmn-arrow-06 { position: relative; padding-right: 26px; }

@media screen and (max-width: 767px) { .link-cmn-arrow-06 { display: block; padding-right: 12px; } }

.link-cmn-arrow-06:after { content: ''; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -536px; width: 16px; height: 14px; }

@media screen and (max-width: 767px) { .link-cmn-arrow-06:after { background-image: url("img/sprite.png"); background-position: 0px -39px; width: 7px; height: 12px; background-size: 216px 6033px; } }

/* link-cmn-arrow-07
---------------------------------------------------------- */
.link-cmn-arrow-07 { position: relative; padding-left: 16px; text-decoration: none; color: #00674e; }

@media screen and (max-width: 767px) { .link-cmn-arrow-07 { padding-left: 12px; } }

.link-cmn-arrow-07:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0.25em; margin: auto; background-image: url(img/sprite.png); background-position: 0px -598px; width: 8px; height: 12px; }

@media screen and (max-width: 767px) { .link-cmn-arrow-07:after { background-image: url("img/sprite.png"); background-position: 0px -310px; width: 5px; height: 9px; background-size: 216px 6033px; } }

/* link-cmn-arrow-08
---------------------------------------------------------- */
.link-cmn-arrow-08 { position: relative; padding-right: 19px; text-decoration: none; color: #00674e; }

@media screen and (max-width: 767px) { .link-cmn-arrow-08 { padding-right: 15px; } }

.link-cmn-arrow-08:after { content: ''; display: inline-block; position: absolute; right: 0; top: 0.3em; margin: auto; background-image: url(img/sprite.png); background-position: 0px -684px; width: 8px; height: 10px; }

@media screen and (max-width: 767px) { .link-cmn-arrow-08:after { top: 0; right: 6px; bottom: 0; background-image: url("img/sprite.png"); background-position: 0px -352px; width: 5px; height: 8px; background-size: 216px 6033px; } }

/* link-cmn-arrow-09
---------------------------------------------------------- */
.link-cmn-arrow-09 { position: relative; padding-right: 40px; }

@media screen and (max-width: 767px) { .link-cmn-arrow-09 { padding-right: 24px; } }

.link-cmn-arrow-09:after { content: ''; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px 0px; width: 16px; height: 14px; }

@media screen and (max-width: 767px) { .link-cmn-arrow-09:after { background-image: url("img/sprite.png"); background-position: 0px -324px; width: 15px; height: 13px; background-size: 216px 6033px; }
  .s-slim-sp .link-cmn-arrow-09:after { background-image: url("img/sprite.png"); background-position: 0px -12px; width: 12px; height: 10px; background-size: 216px 6033px; } }

/* link-cmn-arrow-10
---------------------------------------------------------- */
.link-cmn-arrow-10 { position: relative; padding-left: 40px; }

@media screen and (max-width: 767px) { .link-cmn-arrow-10 { padding-left: 24px; } }

.link-cmn-arrow-10:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -730px; width: 16px; height: 14px; }

@media screen and (max-width: 767px) { .link-cmn-arrow-10:after { background-image: url("img/sprite.png"); background-position: 0px -324px; width: 15px; height: 13px; background-size: 216px 6033px; }
  .s-slim-sp .link-cmn-arrow-10:after { background-image: url("img/sprite.png"); background-position: 0px -12px; width: 12px; height: 10px; background-size: 216px 6033px; } }

/* link-cmn-arrow-11
---------------------------------------------------------- */
.link-cmn-arrow-11 { position: relative;}

.kinorepi .link-cmn-arrow-11 { padding-right: 60px;}

@media screen and (max-width: 767px) {
  .link-cmn-arrow-11 { padding-right: 30px; display: inline-block;}
  .kinorepi .link-cmn-arrow-11 { padding-right: 30px;}
}

.link-cmn-arrow-11:after { content: ''; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -1026px; width: 44px; height: 36px; }

@media screen and (max-width: 767px) { .link-cmn-arrow-11:after { background-image: url("img/sprite.png"); background-position: 0px -513px; width: 22px; height: 18px; background-size: 216px 6033px; } }

/* link-cmn-search-02
---------------------------------------------------------- */
.link-cmn-search-02 { position: relative; padding-left: 25px; }

@media screen and (max-width: 767px) { .link-cmn-search-02 { padding-left: 24px; } }

.link-cmn-search-02:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -10823px; width: 15px; height: 15px; }

/* link-cmn-cooked-01
---------------------------------------------------------- */
.link-cmn-cooked-01 { position: relative; padding-left: 28px; }

@media screen and (max-width: 767px) { .link-cmn-cooked-01 { padding-left: 24px; } }

.link-cmn-cooked-01:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -4129px; width: 18px; height: 18px; }

/* link-cmn-clip-01
---------------------------------------------------------- */
.link-cmn-clip-01 { position: relative; padding-left: 30px; }

@media screen and (max-width: 767px) { .link-cmn-clip-01 { padding-left: 24px; } }

.link-cmn-clip-01:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -3576px; width: 21px; height: 20px; }

/* link-cmn-clip-02
---------------------------------------------------------- */
.link-cmn-clip-02 { position: relative; padding-left: 27px; }

.link-cmn-clip-02:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -3654px; width: 20px; height: 18px; }

/* link-cmn-folder-01
---------------------------------------------------------- */
.link-cmn-folder-01 { position: relative; padding-left: 25px; }

.link-cmn-folder-01:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -5369px; width: 16px; height: 13px; }

/* link-cmn-write-01
---------------------------------------------------------- */
.link-cmn-write-01 { position: relative; padding-left: 29px; }

.link-cmn-write-01:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -11990px; width: 22px; height: 24px; }

/* link-cmn-mobile-01
---------------------------------------------------------- */
.link-cmn-mobile-01 { position: relative; padding-left: 24px; }

.link-cmn-mobile-01:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -9303px; width: 14px; height: 22px; }

/* link-cmn-print-01
---------------------------------------------------------- */
.link-cmn-print-01 { position: relative; padding-left: 28px; }

.link-cmn-print-01:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -10534px; width: 22px; height: 20px; }

/* link-cmn-mypage-01
---------------------------------------------------------- */
.link-cmn-mypage-01 { position: relative; padding-left: 22px; }

@media screen and (max-width: 767px) { .link-cmn-mypage-01 { padding-left: 19px; } }

.link-cmn-mypage-01:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -9431px; width: 14px; height: 16px; }

@media screen and (max-width: 767px) { .link-cmn-mypage-01:after { background-image: url("img/sprite.png"); background-position: 0px -4729px; width: 12px; height: 14px; background-size: 216px 6033px; } }

/* link-cmn-help-01
---------------------------------------------------------- */
.link-cmn-help-01 { position: relative; padding-left: 28px; }

@media screen and (max-width: 767px) { .link-cmn-help-01 { padding-left: 24px; } }

.link-cmn-help-01:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -5548px; width: 19px; height: 20px; }

@media screen and (max-width: 767px) { .link-cmn-help-01:after { background-image: url("img/sprite.png"); background-position: 0px -2789px; width: 16px; height: 16px; background-size: 216px 6033px; } }

/* link-cmn-logout-01
---------------------------------------------------------- */
.link-cmn-logout-01 { position: relative; padding-left: 28px; }

@media screen and (max-width: 767px) { .link-cmn-logout-01 { padding-left: 24px; } }

.link-cmn-logout-01:after { content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -7936px; width: 19px; height: 19px; }

@media screen and (max-width: 767px) { .link-cmn-logout-01:after { background-image: url("img/sprite.png"); background-position: 0px -3983px; width: 16px; height: 16px; background-size: 216px 6033px; } }

/* ==========================================================
 list
========================================================== */
/* list-cmn
---------------------------------------------------------- */
.list-cmn-list { margin-top: 8px; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; }

@media screen and (max-width: 767px) { .list-cmn-list { margin-top: 6px; font-size: 11px; } }

.list-cmn-list:first-child { margin-top: 0; }

.list-cmn-item { font-size: 13px; }

.list-cmn-item.s-type-02 { font-weight: bold; margin-bottom: 10px; }

.list-cmn-item.s-type-02:last-child { margin-bottom: 0; }

.list-cmn-item.s-border-bottom { border-bottom: 1px solid #b2b2b2; padding-bottom: 13px; margin-bottom: 13px; }

.list-cmn-symbol { display: inline-block; min-width: 1.8em; }

.list-cmn.s-type-02 { width: 100%; padding-right: 1em; }

.list-cmn.s-type-02 .list-cmn-item { width: 100%; }

.list-cmn.s-type-03 { width: 50%; float: left; padding-right: 1em; }

.list-cmn.s-type-03 .list-cmn-item { width: 100%; }

/* list-cmn-definition
---------------------------------------------------------- */
.list-cmn-definition { overflow: hidden; }

.list-cmn-definition-ttl { float: left; clear: both; margin-right: 14px; font-weight: bold; font-size: 15px; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .list-cmn-definition-ttl { font-size: 13px; } }

.list-cmn-definition-body { padding-top: 0.1em; overflow: hidden; }

@media screen and (max-width: 767px) { .list-cmn-definition-body { font-size: 11px; } }

/* list-cmn-data
---------------------------------------------------------- */
.list-cmn-data { overflow: hidden; }

@media screen and (max-width: 767px) { .list-cmn-data { font-size: 12px; } }

.list-cmn-data-ttl { float: left; clear: both; }

.list-cmn-data-body { overflow: hidden; }

/* list-cmn-news
---------------------------------------------------------- */
/*fontcolor 変更*/
body.home .list-cmn-news.s-type-02 .list-cmn-news-head { color: #404040; }

body.home .list-cmn-news.s-type-02 .list-cmn-news-detail { position: relative; float: none; min-height: 20px; padding-left: 20px; color: #404040; text-decoration: underline; }

body.home .list-cmn-news.s-type-02 .list-cmn-news-detail:before { position: absolute; content: ''; left: 0; top: 0; -webkit-transform: translateY(50%); transform: translateY(50%); background-image: url(img/sprite.png); background-position: 0px -1120px; width: 14px; height: 14px; }

@media screen and (max-width: 767px) { body.home .list-cmn-news.s-type-02 .list-cmn-news-detail:before { -webkit-transform: translateY(0); transform: translateY(0); } }

.list-cmn-news { margin-top: 24px; /* s-type-02 */ /* s-type-03 */ }

.list-cmn-news:first-child { margin-top: 0; }

.list-cmn-news a { text-decoration: none; }

.list-cmn-news-item { border-bottom: 1px dotted #d6d6d6; }

.s-border-top-pc .list-cmn-news-item:first-child { border-top: 1px dotted #d6d6d6; }

@media screen and (max-width: 767px) { .s-border-top-pc .list-cmn-news-item:first-child { border-top: none; } }

@media screen and (max-width: 767px) { .list-cmn-news-item { border-bottom: 1px solid #d6d6d6; } }

.list-cmn-news.s-report .list-cmn-news-item:first-child { border-top: 1px dotted #d6d6d6; }

@media screen and (max-width: 767px) { .list-cmn-news.s-report .list-cmn-news-item:first-child { border-top: 1px solid #d6d6d6; } }

.list-cmn-news.s-report .list-cmn-news-item:first-child .list-cmn-news-body { padding-top: 10px; }

.list-cmn-news-body { display: block; padding: 12px 0; overflow: hidden; }

@media screen and (max-width: 767px) { .list-cmn-news-body { padding: 6px 0; } }

.list-cmn-news-head { float: left; margin-right: 16px; font-size: 14px; }

@media screen and (max-width: 767px) { .list-cmn-news-head { float: none; margin-bottom: 6px; margin-right: 0; font-size: 12px; color: #62656a; } }

.list-cmn-news.s-report .list-cmn-news-head { min-width: 240px; }

@media screen and (max-width: 767px) { .list-cmn-news.s-report .list-cmn-news-head { float: left; min-width: 0; margin-bottom: 0; margin-right: 30px; color: #404040; } }

.list-cmn-news-category { display: inline-block; width: 122px; border-bottom: 2px solid #00674e; margin-right: 25px; text-align: center; color: #00674e; font-size: 13px; }

@media screen and (max-width: 767px) { .list-cmn-news-category { width: 61px; margin-right: 8px; margin-bottom: 4px; border-bottom: 1px solid #00674e; font-size: 10px; } }

.list-cmn-news-detail { overflow: hidden; }

@media screen and (max-width: 767px) { .list-cmn-news-detail { line-height: 1.38; font-size: 13px; } }

@media screen and (max-width: 767px) { .list-cmn-news.s-report .list-cmn-news-detail { font-size: 12px; } }

.list-cmn-news.s-type-02 { margin-top: 10px; }

.list-cmn-news.s-type-02 .list-cmn-news-head { display: block; float: none; color: #fff; font-size: 13px; }

@media screen and (max-width: 767px) { .list-cmn-news.s-type-02 .list-cmn-news-head { font-size: 10px; } }

.list-cmn-news.s-type-02 .list-cmn-news-detail { position: relative; float: none; min-height: 20px; padding-left: 20px; color: #fff; }

.list-cmn-news.s-type-02 .list-cmn-news-detail:before { position: absolute; content: ''; left: 0; top: 0; -webkit-transform: translateY(50%); transform: translateY(50%); background-image: url(img/sprite.png); background-position: 0px -1096px; width: 14px; height: 14px; }

@media screen and (max-width: 767px) { .list-cmn-news.s-type-02 .list-cmn-news-detail:before { -webkit-transform: translateY(0); transform: translateY(0); } }

.list-cmn-news.s-type-03 { margin-top: 10px; background-color: #6c6f74; }

.list-cmn-news.s-type-03 .list-cmn-news-head { display: block; float: none; color: #c0c1c3; font-size: 13px; }

@media screen and (max-width: 767px) { .list-cmn-news.s-type-03 .list-cmn-news-head { font-size: 10px; margin-bottom: 3px; } }

.list-cmn-news.s-type-03 .list-cmn-news-detail { float: none; min-height: 20px; color: #fff; }

.list-cmn-news.s-type-03 .list-cmn-news-body { padding: 12px 10px; }

/* list-cmn-indent
---------------------------------------------------------- */
.list-cmn-indent { padding-top: 1em; padding-left: 2em; }

/* list-cmn-table
---------------------------------------------------------- */
@media screen and (max-width: 767px) { .list-cmn-table-list { margin-top: 4px; }
  .list-cmn-table-list:first-child { margin-top: 0; } }

/* list-cmn-related
---------------------------------------------------------- */
.list-cmn-related { display: table; width: 100%; overflow: hidden; text-decoration: none; border-top: 2px solid #d9d9d9; border-bottom: 2px solid #d9d9d9; }

@media screen and (max-width: 767px) { .list-cmn-related { font-size: 13px; border-width: 1px; } }

.list-cmn-related-inner { display: table-cell; width: 100%; text-align: left; vertical-align: middle; position: relative; padding: 10px 20px 10px 15px; }

.list-cmn-related-inner:before { position: absolute; content: ''; display: block; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(img/sprite.png); background-position: 0px -684px; width: 8px; height: 10px; }

@media screen and (max-width: 767px) { .grid-cmn.list-cmn-related-wrap .col { margin-top: 0; }
  .grid-cmn.list-cmn-related-wrap .col:first-child { margin-top: 10px; }
  .grid-cmn.list-cmn-related-wrap .col + .col .list-cmn-related { border-top: none; } }

/* list-cmn-related
---------------------------------------------------------- */
@media screen and (max-width: 767px) { .list-cmn-sitemap { padding-left: 15px; } }

.list-cmn-sitemap .link { position: relative; padding-left: 20px; margin-bottom: 0.5em; }

@media screen and (max-width: 767px) { .list-cmn-sitemap .link { padding-left: 15px; } }

.list-cmn-sitemap .link:last-child { margin-bottom: 0; }

.list-cmn-sitemap .link:before { content: ''; position: absolute; top: 0.75em; left: 0; width: 12px; height: 1px; background-color: #808080; }

@media screen and (max-width: 767px) { .list-cmn-sitemap .link:before { width: 7px; } }

.list-cmn-sitemap .link a { text-decoration: none; }

/* list-cmn-banner
---------------------------------------------------------- */
.list-cmn-banner { overflow: hidden; margin: 5px -15px 0 0; letter-spacing: -0.4em; }

.list-cmn-banner-item { display: inline-block; vertical-align: bottom; letter-spacing: normal; margin: 10px 15px 0 0; }

/* ==========================================================
 table
========================================================== */
/* table-cmn
---------------------------------------------------------- */
.table-cmn { border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; }

@media screen and (max-width: 767px) { .table-cmn { border-right: 1px solid #d9d9d9; } }

.table-cmn-wrap { margin-top: 26px; }

@media screen and (max-width: 767px) { .table-cmn-wrap { margin-top: 28px; } }

.table-cmn-wrap:first-child { margin-top: 0; }

.table-cmn-in { height: 100%; }

.table-cmn-in .table-cmn { border-top: none; border-left: none; }

.table-cmn-cell { padding: 18px 35px; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; vertical-align: middle; }

.table-cmn-cell.s-center-pc { padding: 18px 10px; }

.table-cmn-outside .table-cmn-cell { padding: 8px 30px; }

@media screen and (max-width: 767px) { .table-cmn-cell { padding: 4px 6px; border-right: none; font-size: 11px; } }

.table-cmn-cell.s-slim-01 { padding: 12px 35px; }

.table-cmn-cell.s-cell-01 { height: 1%; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; background-color: #f7f7f7; }

.table-cmn-cell.s-cell-02 { padding-right: 0; border-right: none; }

:last-child > .table-cmn-cell.s-cell-02 { border-bottom: 1px solid #d9d9d9; }

.table-cmn-cell.s-cell-03 { border-bottom: none; }

:last-child > .table-cmn-cell.s-cell-03 { border-bottom: 1px solid #d9d9d9; }

.table-cmn-cell.s-cell-04 { padding-right: 0; border-right: none; border-bottom: none; }

:last-child > .table-cmn-cell.s-cell-04 { border-bottom: 1px solid #d9d9d9; }

.table-cmn-cell.s-just-01 { height: 1%; }

.table-cmn-caption { margin-bottom: 8px; text-align: right; font-size: 13px; color: #666; }

@media screen and (max-width: 1024px) { .table-cmn-caption { margin-bottom: 4px; font-size: 10px; } }

.table-cmn-outside { border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; }

@media screen and (max-width: 767px) { .table-cmn-outside { display: block; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
  .table-cmn-outside table, .table-cmn-outside thead, .table-cmn-outside tbody, .table-cmn-outside tr, .table-cmn-outside th, .table-cmn-outside td { display: block; width: 100%; padding: 0; border: none; }
  .table-cmn-outside .s-cell-02, .table-cmn-outside .s-cell-03, .table-cmn-outside .s-cell-04, .table-cmn-outside :last-child > .s-cell-02, .table-cmn-outside :last-child > .s-cell-03, .table-cmn-outside :last-child > .s-cell-04 { width: auto; border: none; }
  .table-cmn-outside tr { overflow: hidden; }
  .table-cmn-outside th, .table-cmn-outside td { float: left; }
  .table-cmn-outside .table-cmn th:not(.s-cell-01) { width: auto; clear: both; }
  .table-cmn-outside .table-cmn td { float: none; width: auto; overflow: hidden; }
  .table-cmn-outside .table-cmn .table-cmn-row { margin-bottom: 4px; }
  .table-cmn-outside .table-cmn .table-cmn-cell { padding: 0 6px; }
  .table-cmn-outside .table-cmn .s-cell-01 { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
  .table-cmn-outside .table-cmn .s-cell-01.s-first { border-top: none; }
  .table-cmn-outside .table-cmn th.s-cell-02, .table-cmn-outside .table-cmn th.s-cell-04 { width: 35%; padding: 0 10px 0 20px; } }

@media screen and (max-width: 767px) { .table-cmn.s-list, .table-cmn.s-list thead, .table-cmn.s-list tbody, .table-cmn.s-list tr, .table-cmn.s-list th, .table-cmn.s-list td { display: block; width: 100%; }
  .table-cmn.s-list thead { display: none; }
  .table-cmn.s-list tr { overflow: hidden; }
  .table-cmn.s-list th, .table-cmn.s-list td { float: left; }
  .table-cmn.s-list [data-headers] { display: table; padding: 0; float: none; }
  .table-cmn.s-list [data-headers]:before { content: attr(data-headers); display: table-cell; width: 35%; background-color: #f7f7f7; padding: 4px 6px; vertical-align: middle; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }
  .table-cmn-headers { display: table-cell; padding: 4px 6px; } }

/* ==========================================================
 button
========================================================== */
/* btn-cmn-wrap
---------------------------------------------------------- */
.btn-cmn-wrap { margin-top: 50px; letter-spacing: -.4em; }

.btn-cmn-wrap > [class*="btn-"] { margin: 0 10px 0 0; }

.btn-cmn-wrap > [class*="btn-"]:last-of-type { margin-right: 0; }

@media screen and (max-width: 767px) { .btn-cmn-wrap { margin-top: 20px; }
  .btn-cmn-wrap > [class*="btn-"] { margin: 5px; }
  .btn-cmn-wrap > [class*="btn-"]:last-of-type { margin: 5px; } }

/* btn-cmn
---------------------------------------------------------- */
.btn-cmn { display: inline-block; width: 230px; border-radius: 6px; padding: 10px 5px; text-align: center; font-size: 14px; background: #00674e; color: #fff; text-decoration: none; letter-spacing: normal; }

@media screen and (max-width: 767px) { .btn-cmn { min-width: 225px; padding: 14px 5px; border-radius: 0; font-size: 13px; } }

.btn-cmn.s-large { width: 270px; }

.btn-cmn.s-large-02 { width: 300px; }

.btn-cmn.s-gray { background: #999; color: #fff; }

@media screen and (max-width: 767px) { .btn-cmn.s-gray { border: 1px solid #ccc; } }

.btn-cmn.s-gray-light { background: #b2b2b2; color: #fff; }

@media screen and (max-width: 767px) { .btn-cmn.s-gray-light { border: 1px solid #ccc; } }

.btn-cmn.s-gray-dark { background: #2d3138; color: #fff; border-radius: 3px; }

.btn-cmn.s-special { background: #b9a159; color: #fff; border-radius: 3px; }

@media screen and (max-width: 767px) { .btn-cmn.s-special { border-radius: 0; } }

@media screen and (max-width: 767px) { .btn-cmn.s-slim-sp { padding: 9px 5px; font-size: 11px; } }

.btn-cmn.s-ico-l { position: relative; padding: 10px 20px; }

.btn-cmn.s-ico-l > [class*="ico-"] { margin: 0 15px 0 0; }

.btn-cmn.s-brand { background: #603813; }

.btn-cmn.s-pink { background-color: #f2a0c5; }

.btn-cmn.s-save { background-color: #c51b46; }

.btn-cmn.s-function { width: 136px; padding: 5px; font-size: 13px; background-color: #aa161d; border-radius: 3px; }

.btn-cmn.s-function.s-save { width: 186px; background-color: #c51b46; }

.btn-cmn.s-function.s-recipe { width: 119px; }

.btn-cmn.btn-cmn-auto { width: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 767px) { .btn-cmn.btn-cmn-auto.spSameSize{ min-width: 80%; padding-right: 0; padding-left: 0;} }

/* btn-cmn-slim
---------------------------------------------------------- */
.btn-cmn-slim { display: inline-block; padding: 4px 15px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px; line-height: 1.1; font-size: 10px; text-decoration: none; }

/* btn-cmn-light
---------------------------------------------------------- */
.btn-cmn-light { display: block; border-radius: 6px; padding: 4px; border: 1px solid #ffaf00; background: #ffaf00; text-align: center; color: #fff; text-decoration: none; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; }

/* btn-cmn-dark
---------------------------------------------------------- */
.btn-cmn-dark { display: block; border-radius: 6px; border: 1px solid #fff; padding: 4px; text-align: center; background: #00674e; color: #fff; text-decoration: none; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; }

/* btn-cmn-lead
---------------------------------------------------------- */
.btn-cmn-lead { display: block; border: 1px solid #ccc; padding: 18px 10px; border-radius: 6px; text-align: center; font-size: 18px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; color: #333; text-decoration: none; }

@media screen and (max-width: 767px) { .btn-cmn-lead { padding: 10px 12px; border-radius: 0; border: none; border-bottom: 1px solid #ebebeb; font-size: 13px; color: #404040; text-align: left; }
  :first-child > .btn-cmn-lead { border-top: 1px solid #ebebeb; } }

.btn-cmn-lead:hover, .btn-cmn-lead.is-active { border: 1px solid #00674e; opacity: 1; }

@media screen and (max-width: 767px) { .btn-cmn-lead:hover, .btn-cmn-lead.is-active { border: none; border-bottom: 1px solid #ebebeb; }
  :first-child > .btn-cmn-lead:hover, :first-child > .btn-cmn-lead.is-active { border-top: 1px solid #ebebeb; } }

/* btn-cmn-mutate
---------------------------------------------------------- */
@media screen and (min-width: 768px) { .btn-cmn-mutate { position: relative; display: inline-block; text-align: left; width: 100%; border-radius: 6px; padding: 10px 10px 10px 55px; font-size: 14px; background: #00674e; color: #fff; text-decoration: none; letter-spacing: normal; }
  .btn-cmn-mutate:before { position: absolute; content: ''; top: 50%; left: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(img/sprite.png); background-position: 0px 0px; width: 16px; height: 14px; }
  .btn-cmn-mutate + .btn-cmn-mutate { margin-top: 10px; } }

@media screen and (max-width: 767px) { .btn-cmn-mutate { display: table; width: 100%; overflow: hidden; text-decoration: none; font-size: 13px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
  .btn-cmn-mutate + .btn-cmn-mutate { border-top: none; }
  .btn-cmn-mutate-in { display: table-cell; width: 100%; text-align: left; vertical-align: middle; position: relative; padding: 10px 20px 10px 15px; }
  .btn-cmn-mutate-in:before { position: absolute; content: ''; display: block; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("img/sprite.png"); background-position: 0px -39px; width: 7px; height: 12px; background-size: 216px 6033px; } }

/* ==========================================================
 box
========================================================== */
/* box-cmn-data
---------------------------------------------------------- */
.box-cmn-data { margin-top: 50px; padding: 20px 24px; background-color: #ededed; }

@media screen and (max-width: 767px) { .box-cmn-data { margin-top: 12px; padding: 8px 12px; } }

.box-cmn-data:first-child { margin-top: 0; }

.box-cmn-data.s-narrow { max-width: 486px; }

@media screen and (max-width: 767px) { .box-cmn-data.s-narrow { max-width: none; } }

/* box-cmn-border
---------------------------------------------------------- */
.box-cmn-border { display: table; width: 100%; padding: 20px 0; margin-top: 28px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

.box-cmn-border.s-type-02 { margin-top: 20px; padding: 20px; border: 1px solid #d9d9d9; }

.box-cmn-border.s-type-02 .ttl-cmn-05 { margin-bottom: 10px; }

@media screen and (max-width: 767px) { .box-cmn-border { padding: 10px 0 20px; margin-top: 16px; }
  .box-cmn-border.s-type-02 { padding: 12px 10px; } }

.box-cmn-border:first-child { margin-top: 0; }

@media screen and (max-width: 767px) { .box-cmn-border.s-pc { padding: 0; border-top: none; border-bottom: none; } }

.box-cmn-border-body, .box-cmn-border-sub { display: table-cell; vertical-align: middle; }

@media screen and (max-width: 767px) { .box-cmn-border-body, .box-cmn-border-sub { display: block; } }

.box-cmn-border-sub { width: 240px; padding-left: 10px; margin-top: 20px; text-align: center; }

@media screen and (max-width: 767px) { .box-cmn-border-sub { width: auto; padding-left: 0; } }

.box-cmn-border.s-mt-type-01 { margin-top: 60px; }

/* box-cmn-related
---------------------------------------------------------- */
.box-cmn-related { margin-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #d9d9d9; }

.box-cmn-related:last-of-type { padding-bottom: 0; margin-bottom: 60px; border-bottom: none; }

@media screen and (max-width: 767px) { .box-cmn-related { margin-top: 20px; } }

/* box-cmn-background
---------------------------------------------------------- */
.box-cmn-background { width: 100%; margin: 0 auto; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.box-cmn-background-in { box-sizing: border-box; width: 990px; margin: 0 auto; padding: 70px 0 50px; }

@media screen and (max-width: 1024px) { .box-cmn-background-in { width: 100%; padding: 70px 17px 50px; } }

@media screen and (max-width: 767px) { .box-cmn-background-in { width: 100%; padding: 10px 5px 20px; } }

.box-cmn-background.s-kenkyu-02 { background-image: url("/z0y6LaZKWu/wp-content/themes/corporate2017/kenkyu/img/bg_oishisa_02@2x.png"); }

.box-cmn-background.s-kenkyu-03 { background-image: url("/z0y6LaZKWu/wp-content/themes/corporate2017/kenkyu/img/bg_dokujigijyutsu_02@2x.png"); margin-top: 20px; }

.box-cmn-background.s-kenkyu-03 .box-cmn-background-in { padding-top: 50px; }

.box-cmn-background.s-kenkyu-03 .box-cmn-background-in .ttl-cmn-matisse-02 { margin-bottom: 2.0em; }

.box-cmn-background.s-kenkyu-03 .box-cmn-background-in .mod-dokujigijyutsu-image-wrap { margin-bottom: 30px; }

/* box-pinkribbon-message
---------------------------------------------------------- */
.box-pinkribbon-message { position: relative; background-color: #ed77ac; min-height: 230px; padding: 32px 270px 30px 28px; margin-bottom: 60px; border-radius: 5px; color: #fff; text-align: left; }


.box-pinkribbon-message .ttl-pinkribbon-message small{ font-size: 18px;}
@media screen and (max-width: 767px) { .box-pinkribbon-message .ttl-pinkribbon-message small{ font-size: 11px;}}

@media screen and (max-width: 767px) { .box-pinkribbon-message { margin: 0 -5px 15px; padding: 20px 5px 20px; border-radius: 0; } }

.box-pinkribbon-message .imagearea { position: absolute; top: -15px; right: 13px; text-align: center; }

@media screen and (max-width: 767px) { .box-pinkribbon-message .imagearea { position: relative; top: auto; right: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px 0; } }

.box-pinkribbon-message .imagearea .image { width: 120px; }

@media screen and (max-width: 767px) { .box-pinkribbon-message .imagearea .image { width: 75px; } }

.box-pinkribbon-message .imagearea figcaption { font-size: 12px; text-align: left; }

@media screen and (max-width: 767px) { .box-pinkribbon-message .imagearea figcaption { font-size: 11px; } }

@media screen and (max-width: 767px) { .box-pinkribbon-message .detail { margin-bottom: 1.5em; } }

.box-pinkribbon-message .ttl-pinkribbon-message { margin: 0 0 0.3em -0.5em; font-size: 28px; font-family: 'FOT-筑紫A丸ゴシック Std M','TsukuARdGothicStd-M'; }

@media screen and (max-width: 767px) { .box-pinkribbon-message .ttl-pinkribbon-message { font-size: 16px; } }

.box-pinkribbon-message .txt-pinkribbon-message { font-size: 14px; }

@media screen and (max-width: 767px) { .box-pinkribbon-message .txt-pinkribbon-message { font-size: 13px; } }

.box-pinkribbon-action { padding: 35px 40px 70px; margin-bottom: 55px; border: 5px #ed77ac solid; border-radius: 4px; }

@media screen and (max-width: 767px) { .box-pinkribbon-action { padding: 20px 10px 35px; margin-bottom: 30px; border-width: 3px; border-radius: 2px; } }

/* ==========================================================
 mod
========================================================== */
/* mod-cmn-relation
---------------------------------------------------------- */
.mod-cmn-relation-ttl { padding-left: 10px; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; }

.mod-cmn-relation .mod-cmn-relation-item { text-align: center; border-left: 1px solid #efefef; text-decoration: none; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; }

@media screen and (max-width: 767px) { .mod-cmn-relation .mod-cmn-relation-item { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; border-bottom: 1px solid #efefef; padding: 10px 20px; border-left: none; }
  .mod-cmn-relation .mod-cmn-relation-item:first-child { border-top: 1px solid #efefef; } }

.mod-cmn-relation .mod-cmn-relation-item:first-child { border-left: none; }

.mod-cmn-relation-ico { margin-left: -4px; margin-top: -4px; }

.mod-cmn-relation-body { text-align: center; color: #00674e; font-size: 15px; }

@media screen and (max-width: 767px) { .mod-cmn-relation-body { text-align: left; font-size: 11px; } }

.mod-cmn-relation-notes { display: block; margin-top: 2px; line-height: 1.1; font-size: 12px; font-family: "FOT-ロダン Pro M", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: normal; }

@media screen and (max-width: 767px) { .mod-cmn-relation-notes { display: inline-block; margin-left: 11px; vertical-align: middle; } }

/* mod-cmn-lineup
---------------------------------------------------------- */
.mod-cmn-lineup { -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .mod-cmn-lineup { display: block; } }

.mod-cmn-lineup-item { display: block; position: relative; width: 305px; margin-right: 35px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 12px 7px; }

.mod-cmn-lineup-item:nth-child(3n) { margin-right: 0; }

@media screen and (max-width: 767px) { .mod-cmn-lineup-item { display: block; width: auto; padding: 3px 2px; margin-right: 0; border-top: none; } }

.mod-cmn-lineup-item:nth-child(n+4) { border-top: none; }

.mod-cmn-lineup-item:first-child { border-top: 1px solid #d9d9d9; }

.mod-cmn-lineup a.mod-cmn-lineup-item { padding-right: 18px; text-decoration: none; }

@media screen and (max-width: 767px) { .mod-cmn-lineup a.mod-cmn-lineup-item { padding-right: 24px; } }

.mod-cmn-lineup a.mod-cmn-lineup-item:after { content: ''; position: absolute; right: 0; top: 28px; margin: auto; background-image: url(img/sprite.png); background-position: 0px -410px; width: 16px; height: 14px; }

@media screen and (max-width: 767px) { .mod-cmn-lineup a.mod-cmn-lineup-item:after { top: 0; bottom: 0; right: 8px; background-image: url("img/sprite.png"); background-position: 0px -217px; width: 13.5px; height: 11.5px; background-size: 216px 6033px; } }

.mod-cmn-lineup-body { border-left: 2px solid #00674e; padding-left: 11px; }

@media screen and (max-width: 767px) { .mod-cmn-lineup-body { border-left: none; padding-left: 0; } }

.mod-cmn-lineup-ttl { line-height: 1.5; font-size: 15px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .mod-cmn-lineup-ttl { font-size: 13px; } }

.mod-cmn-lineup-lists { overflow: hidden; }

.mod-cmn-lineup-list { float: left; min-width: 6.8em; padding-right: 5px; line-height: 1.5; font-size: 13px; }

@media screen and (max-width: 767px) { .mod-cmn-lineup-list { min-width: 7.4em; font-size: 11px; } }

/* mod-cmn-goods
---------------------------------------------------------- */
.mod-cmn-goods { -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 990px; }

@media screen and (max-width: 1024px) { .mod-cmn-goods { width: auto; } }

@media screen and (max-width: 767px) { .mod-cmn-goods { display: block; width: auto; } }

.mod-cmn-goods-item { position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 305px; margin-right: 35px; }

.mod-cmn-goods-item.honshimejiLink{
    pointer-events:none;
    text-decoration: none;
}

.mod-cmn-goods-item figure { width: 87px; text-align: center; }

@media screen and (max-width: 767px) { .mod-cmn-goods-item { display: table; width: 100%; margin-right: 0; padding: 3px 2px; border-bottom: 1px solid #d9d9d9; text-decoration: none; }
  .mod-cmn-goods-item figure { display: table-cell; vertical-align: middle; width: 44px; height: 44px; }
  .mod-cmn-goods-item figure img { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-height: 44px; }
  .mod-cmn-goods-item div { display: table-cell; vertical-align: middle; }
  .mod-cmn-goods-item:first-child { border-top: 1px solid #d9d9d9; } }

.mod-cmn-goods-item:nth-child(3n) { margin-right: 0; }

.mod-cmn-goods-item:nth-child(n+4) { margin-top: 30px; }

@media screen and (max-width: 767px) { .mod-cmn-goods-item:nth-child(n+4) { margin-top: 0; } }

@media screen and (max-width: 767px) { .mod-cmn-goods a.mod-cmn-goods-item { padding-right: 24px; }
  .mod-cmn-goods a.mod-cmn-goods-item:after { content: ''; position: absolute; right: 8px; top: 0; bottom: 0; margin: auto; background-image: url("img/sprite.png"); background-position: 0px -39px; width: 7px; height: 12px; background-size: 216px 6033px; } }

@media screen and (max-width: 767px) { .mod-cmn-goods-fig { width: 50px; } }

.mod-cmn-goods-ttl { margin-left: 14px; font-size: 15px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .mod-cmn-goods-ttl { font-size: 13px; text-decoration: none; } }

/* mod-cmn-tab
---------------------------------------------------------- */
.mod-cmn-tab { margin-top: 30px; }

@media screen and (max-width: 767px) { .mod-cmn-tab { margin-top: 18px; } }

.mod-cmn-tab:first-child { margin-top: 0; }

.mod-cmn-tab-nav { margin-left: -6px; margin-right: -6px; margin-bottom: 22px; }

@media screen and (max-width: 767px) { .mod-cmn-tab-nav { margin-left: -2px; margin-right: -2px; margin-bottom: 0; } }

@media screen and (max-width: 767px) { .mod-cmn-tab-nav.s-sp-mb20 { margin-bottom: 20px; } }

.mod-cmn-tab-nav-in { display: table; width: 100%; table-layout: fixed; border-spacing: 6px 0; }

@media screen and (max-width: 767px) { .mod-cmn-tab-nav-in { border-spacing: 2px 0; } }

.mod-cmn-tab-nav:last-child { margin-top: 22px; }

@media screen and (max-width: 767px) { .mod-cmn-tab-nav:last-child { margin-top: 0; } }

.mod-cmn-tab-nav:last-child .mod-cmn-tab-link { border-radius: 0 0 6px 6px; }

.mod-cmn-tab-link { display: table-cell; padding: 10px; background-color: #408d7a; border-radius: 6px 6px 0 0; text-align: center; vertical-align: middle; color: #fff; text-decoration: none; }

@media screen and (max-width: 767px) { .mod-cmn-tab-link { height: 34px; padding: 3px; line-height: 1.2; font-size: 12px; } }

.mod-cmn-tab-link.is-active { background-color: #00674e; }

.mod-cmn-tab-body { display: none; }

.mod-cmn-tab-body.is-active { display: block; }

.mod-cmn-tab.s-only-sp .mod-cmn-tab-body { display: block; }

@media screen and (max-width: 767px) { .mod-cmn-tab.s-only-sp .mod-cmn-tab-body { display: none; }
  .mod-cmn-tab.s-only-sp .mod-cmn-tab-body.is-active { display: block; } }

/* mod-cmn-switch
---------------------------------------------------------- */
.mod-cmn-switch { position: relative; overflow: hidden; margin-top: 30px; padding-top: 46px; margin: 0 -3px; }

@media screen and (max-width: 767px) { .mod-cmn-switch { margin-top: 18px; padding-top: 0; } }

.mod-cmn-switch:first-child { margin-top: 0; }

.mod-cmn-switch-head { position: absolute; top: 0; display: table; width: 100%; table-layout: fixed; margin-right: -6px; margin-bottom: 22px; }

@media screen and (max-width: 767px) { .mod-cmn-switch-head { position: relative; margin-left: -2px; margin-right: -2px; margin-bottom: 0; } }

.mod-cmn-switch.s-tab-4 .mod-cmn-switch-head { padding: 0 3px; width: 25%; }

@media screen and (max-width: 767px) { .mod-cmn-switch.s-tab-4 .mod-cmn-switch-head { padding: 0; width: 100%; } }

.mod-cmn-switch-in + .mod-cmn-switch-in { border-top: 1px solid #fff; }

.mod-cmn-switch .mod-cmn-switch-in:nth-child(4n+1) .mod-cmn-switch-head { left: 0; }

@media screen and (max-width: 767px) { .mod-cmn-switch .mod-cmn-switch-in:nth-child(4n+1) .mod-cmn-switch-head { left: 0; } }

.mod-cmn-switch .mod-cmn-switch-in:nth-child(4n+2) .mod-cmn-switch-head { left: 25%; }

@media screen and (max-width: 767px) { .mod-cmn-switch .mod-cmn-switch-in:nth-child(4n+2) .mod-cmn-switch-head { left: 0; } }

.mod-cmn-switch .mod-cmn-switch-in:nth-child(4n+3) .mod-cmn-switch-head { left: 50%; }

@media screen and (max-width: 767px) { .mod-cmn-switch .mod-cmn-switch-in:nth-child(4n+3) .mod-cmn-switch-head { left: 0; } }

.mod-cmn-switch .mod-cmn-switch-in:nth-child(4n+4) .mod-cmn-switch-head { left: 75%; }

@media screen and (max-width: 767px) { .mod-cmn-switch .mod-cmn-switch-in:nth-child(4n+4) .mod-cmn-switch-head { left: 0; } }

.mod-cmn-switch-nav { margin-left: -6px; margin-right: -6px; margin-bottom: 22px; }

@media screen and (max-width: 767px) { .mod-cmn-switch-nav { margin-left: -2px; margin-right: -2px; margin-bottom: 0; } }

.mod-cmn-switch-nav-in { display: table; width: 100%; table-layout: fixed; border-spacing: 6px 0; }

@media screen and (max-width: 767px) { .mod-cmn-switch-nav-in { border-spacing: 2px 0; } }

.mod-cmn-switch-nav:last-child { margin-top: 0; }

@media screen and (max-width: 767px) { .mod-cmn-switch-nav:last-child { margin-top: 0; } }

.mod-cmn-switch-nav:last-child .mod-cmn-switch-link { border-radius: 0 0 6px 6px; }

.mod-cmn-switch-link { display: table-cell; width: 100%; padding: 10px; background-color: #408d7a; border-radius: 6px 6px 0 0; text-align: center; vertical-align: middle; color: #fff; text-decoration: none; }

@media screen and (max-width: 767px) { .mod-cmn-switch-link { position: relative; text-align: left; height: 38px; padding: 3px 30px 3px 10px; background-color: #00674e; border-radius: 0; line-height: 1.2; font-size: 12px; margin: 0 -20px; }
  .mod-cmn-switch-link:before { position: absolute; content: ''; right: 10px; top: 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-image: url("img/sprite.png"); background-position: 0px -248px; width: 14px; height: 15px; background-size: 216px 6033px; }
  .mod-cmn-switch-link.is-active:before { position: absolute; content: ''; right: 10px; top: 10px; -webkit-transform: rotate(0); transform: rotate(0); background-image: url("img/sprite.png"); background-position: 0px -248px; width: 14px; height: 15px; background-size: 216px 6033px; } }

.mod-cmn-switch-link.is-active { background-color: #00674e; }

.mod-cmn-switch-body { display: none; }

.mod-cmn-switch-body.is-active { display: block; }

@media screen and (max-width: 767px) { .mod-cmn-switch-body { padding: 0 5px; } }

/* mod-cmn-pager
---------------------------------------------------------- */

.wp-pagenavi,
.mod-cmn-pager { margin-top: 47px; margin-bottom: 4px; text-align: center; letter-spacing: -0.5em; /* s-pinkribbon */ }

@media screen and (max-width: 767px) {
    .wp-pagenavi,
    .mod-cmn-pager { margin-top: 18px; margin-bottom: 30px; }

    .wp-pagenavi:last-child ,
  .mod-cmn-pager:last-child { margin-bottom: 0; } }


.wp-pagenavi a,
.wp-pagenavi span.current,
.mod-cmn-pager-link { display: inline-block; height: 14px; line-height: 14px; padding: 0 13px; border-left: 1px solid #e5e5e5; vertical-align: middle; letter-spacing: normal; font-size: 15px; text-decoration: none; }

@media screen and (max-width: 767px) {
    .wp-pagenavi a,
    .wp-pagenavi span.current,
    .mod-cmn-pager-link { height: 10px; line-height: 10px; padding: 0 8px; font-size: 10px; } }

.wp-pagenavi a span,
.wp-pagenavi span.current span,
.mod-cmn-pager-link-in { margin-top: -7px; display: inline-block; width: 30px; height: 30px; line-height: 30px; }

@media screen and (max-width: 767px) {
    .wp-pagenavi a span,
    .wp-pagenavi span.current span,
    .mod-cmn-pager-link-in { margin-top: -5px; width: 20px; height: 20px; line-height: 20px; } }


.wp-pagenavi span.current span,
.mod-cmn-pager-link:hover .mod-cmn-pager-link-in,
.mod-cmn-pager-link.is-active .mod-cmn-pager-link-in { background-color: #999; color: #fff; opacity: 1; }


.wp-pagenavi a:first-child,
.wp-pagenavi span.current:first-child,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.mod-cmn-pager-prev + .mod-cmn-pager-link { border-left: none; }

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.mod-cmn-pager-prev,
.mod-cmn-pager-next { display: inline-block; text-decoration: none; background-image: url(img/sprite.png); background-position: 0px -112px; width: 12px; height: 16px; vertical-align: middle; }


.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink{
    text-indent: -9999em;
}

@media screen and (max-width: 767px) {
    .wp-pagenavi a.previouspostslink,
    .wp-pagenavi a.nextpostslink,
    .mod-cmn-pager-prev, .mod-cmn-pager-next { background-image: url("img/sprite.png"); background-position: 0px -69px; width: 10.5px; height: 14px; background-size: 216px 6033px; }
}

.mod-cmn-pager-prev.is-disabled, .mod-cmn-pager-next.is-disabled { opacity: 0.75; }

.wp-pagenavi a.previouspostslink,
.mod-cmn-pager-prev { margin-right: 18px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media screen and (max-width: 767px) { .mod-cmn-pager-prev { margin-right: 6px; } }


.wp-pagenavi a.nextpostslink,
.mod-cmn-pager-next { margin-left: 18px; }

@media screen and (max-width: 767px) { .mod-cmn-pager-next { margin-left: 6px; } }

.pink .wp-pagenavi a.previouspostslink,
.pink .wp-pagenavi a.nextpostslink,
.mod-cmn-pager.s-pinkribbon .mod-cmn-pager-prev,
.mod-cmn-pager.s-pinkribbon .mod-cmn-pager-next { background-image: url(img/sprite.png); background-position: 0px -176px; width: 12px; height: 16px; }



@media screen and (max-width: 767px) {
    .pink .wp-pagenavi a.previouspostslink,
    .pink .wp-pagenavi a.nextpostslink,
    .mod-cmn-pager.s-pinkribbon .mod-cmn-pager-prev,
    .mod-cmn-pager.s-pinkribbon .mod-cmn-pager-next { background-image: url(img/sprite.png); background-position: 0px -88px; width: 6px; height: 8px; background-size: 216px 6033px; }
}






/* mod-cmn-announce
---------------------------------------------------------- */
.mod-cmn-announce-body { display: block; padding: 30px 40px; border-top: 1px solid #d9d9d9; text-decoration: none; }

@media screen and (max-width: 767px) { .mod-cmn-announce-body { padding: 16px 0; } }

.mod-cmn-announce-body:first-child { border-top: none; }

.mod-cmn-announce-ttl { margin-bottom: 0.15em; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; font-size: 18px; }

.mod-cmn-announce-ttl i { font-style: italic; padding-right: 3px;}

@media screen and (max-width: 767px) { .mod-cmn-announce-ttl { line-height: 1.2; font-size: 15px; } }

.mod-cmn-announce-lists { overflow: hidden; font-size: 15px; }

@media screen and (max-width: 767px) { .mod-cmn-announce-lists { margin-top: 4px; line-height: 1.5; font-size: 12px; } }

.mod-cmn-announce-head { position: relative; float: left; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .mod-cmn-announce-head { padding-right: 1em; } }

.mod-cmn-announce-head:after { content: '：'; }

@media screen and (max-width: 767px) { .mod-cmn-announce-head:after { position: absolute; right: 0; top: 0; } }

@media screen and (max-width: 767px) { .mod-cmn-announce-head { min-width: 7em; clear: both; } }

.mod-cmn-announce-detail { float: left; margin-right: 46px; }

@media screen and (max-width: 767px) { .mod-cmn-announce-detail { margin-right: 0; } }

/* mod-cmn-download
---------------------------------------------------------- */
.mod-cmn-download { margin-top: 95px; }

.mod-cmn-download:first-child { margin-top: 0; }

.mod-cmn-download-body { display: block; overflow: hidden; margin-top: 10px; }

.mod-cmn-download-body:first-child { margin-top: 0; }

.mod-cmn-download-img { float: left; margin-right: 14px; }

.mod-cmn-download-detail { overflow: hidden; line-height: 1.5; }

/* mod-cmn-faq
---------------------------------------------------------- */
.mod-cmn-faq-item { display: block; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; margin-top: 8px; }

@media screen and (max-width: 767px) { .mod-cmn-faq-item { margin-top: 4px; font-size: 13px; } }

.mod-cmn-faq-item:first-child { margin-top: 0; }

.mod-cmn-faq-q { position: relative; width: 100%; display: table; padding: 30px 60px 30px 10px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .mod-cmn-faq-q { padding: 12px 20px 12px 3px; } }

.mod-cmn-faq-q:hover { opacity: 0.75; cursor: pointer; }

.mod-cmn-faq-q:after { content: ''; display: block; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; background-image: url(img/sprite.png); background-position: 0px -202px; width: 28px; height: 28px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media screen and (max-width: 767px) { .mod-cmn-faq-q:after { right: 3px; background-image: url("img/sprite.png"); background-position: 0px -120px; width: 14px; height: 15px; background-size: 216px 6033px; } }

.mod-cmn-faq-q.is-active:after { -webkit-transform: rotate(0); transform: rotate(0); }

.mod-cmn-faq-q.is-active + .mod-cmn-faq-a { max-height: 500px; }

@media screen and (max-width: 767px) { .mod-cmn-faq-q.is-active + .mod-cmn-faq-a { max-height: 800px; } }

.mod-cmn-faq-a { display: block; overflow: hidden; max-height: 0; transition: max-height 0.4s; }

.mod-cmn-faq-a-in { width: 100%; display: table; padding: 30px 60px 30px 10px; border-top: 1px dotted #b2b2b2; }

@media screen and (max-width: 767px) { .mod-cmn-faq-a-in { padding: 12px 20px 12px 3px; } }

.mod-cmn-faq-ico { display: table-cell; width: 46px; }

@media screen and (max-width: 767px) { .mod-cmn-faq-ico { width: 25px; } }

.mod-cmn-faq-detail { display: table-cell; }

.mod-cmn-faq-txt { margin-top: 12px; }

@media screen and (max-width: 767px) { .mod-cmn-faq-txt:first-child { margin-top: 0; } }

/* mod-cmn-send
---------------------------------------------------------- */
.mod-cmn-send { margin-top: 36px; border-top: 1px solid #d9d9d9; padding-top: 62px; text-align: center; letter-spacing: -0.5em; }

@media screen and (max-width: 767px) { .mod-cmn-send { margin-top: 18px; padding-top: 20px; } }

.mod-cmn-send-btn { display: inline-block; margin: 0 10px; letter-spacing: normal; font-size: 16px; }

@media screen and (max-width: 767px) { .mod-cmn-send-btn { margin: 0 8px; width: 130px; min-width: 0; padding: 14px 5px; border-radius: 6px; font-size: 12px; } }

.mod-cmn-send.s-page-send { border-top: none; padding-top: 0; }

/* mod-cmn-card
---------------------------------------------------------- */
@media screen and (max-width: 767px) { .mod-cmn-card, .grid-cmn.s-m-01 .mod-cmn-card.col, .grid-cmn.s-m-02 .mod-cmn-card.col { margin-top: 0; } }

.mod-cmn-card-body { display: block; text-decoration: none; }

@media screen and (max-width: 767px) { .mod-cmn-card-body { position: relative; display: table; width: 100%; border-bottom: 1px solid #d9d9d9; padding: 6px 20px 6px 0; }
  :first-child > .mod-cmn-card-body { border-top: 1px solid #d9d9d9; }
  .mod-cmn-card-body:after { content: ''; position: absolute; right: 8px; top: 0; bottom: 0; margin: auto; background-image: url("img/sprite.png"); background-position: 0px -39px; width: 7px; height: 12px; background-size: 216px 6033px; }
.mod-cmn-card-body-spNoneDeco{ border-top: 1px solid #d9d9d9; padding: 0.5em 0 0.5em 0;}
.mod-cmn-card-body-spNoneDeco:last-child{ border-bottom: 1px solid #d9d9d9; }
}

@media screen and (max-width: 767px) { .mod-cmn-card-img { display: table-cell; width: 92px; vertical-align: middle; } }

.mod-cmn-card-ttl { margin-top: 20px; text-align: center; line-height: 1.5; font-size: 18px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .mod-cmn-card-ttl { display: table-cell; margin-top: 0; padding-left: 10px; vertical-align: middle; text-align: left; font-size: 13px; } }

.mod-cmn-card-txt { margin-top: 16px; line-height: 1.5; font-size: 15px; }

@media screen and (max-width: 767px) { .mod-cmn-card-txt { display: none; } }

/* mod-cmn-sns
---------------------------------------------------------- */
.mod-cmn-sns { padding: 13px 55px; background-color: #f5f5f5; }

@media screen and (max-width: 1024px) { .mod-cmn-sns { padding: 13px 17px; } }

@media screen and (max-width: 767px) { .mod-cmn-sns { border-top: 1px solid #fafafa; border-bottom: 1px solid #fafafa; padding: 8px 0; } }

.mod-cmn-sns-lists { float: right; }

@media screen and (max-width: 767px) { .mod-cmn-sns-lists { float: none; width: 216px; margin: auto; } }

.mod-cmn-sns-list { float: left; margin-left: 5px; font-size: 0; line-height: 0; }

@media screen and (max-width: 767px) { .mod-cmn-sns-list { margin: 2px 4px; } }

/* mod-cmn-converse
---------------------------------------------------------- */
.mod-cmn-converse { margin: 30px 0; }

@media screen and (max-width: 767px) { .mod-cmn-converse { margin: 20px 0; } }

.mod-cmn-converse-head { float: left; clear: left; width: 60px; padding: 12px 10px 12px 0; }

@media screen and (max-width: 767px) { .mod-cmn-converse-head { width: 50px; padding: 10px 5px; } }

.mod-cmn-converse-body { clear: right; margin-left: 60px; padding: 12px 0; }

@media screen and (max-width: 767px) { .mod-cmn-converse-body { margin-left: 50px; padding: 10px 0; } }

.mod-cmn-converse-body .fig-cmn { margin: 60px 0 0; }

@media screen and (max-width: 767px) { .mod-cmn-converse-body .fig-cmn { margin: 20px 0 0; }
  .mod-cmn-converse-body .fig-cmn.s-imgfull-sp { margin: 20px -5px 0 -55px; } }

/* mod-cmn-scrollbox
---------------------------------------------------------- */
.mod-cmn-scrollbox { width: 100%; overflow: hidden; margin: 20px 0 50px; /* SmartPhone only */ }

@media screen and (max-width: 767px) { .mod-cmn-scrollbox { margin: 20px 0 25px; } }

.mod-cmn-scrollbox-body { width: 100%; }

.mod-cmn-scrollbox.s-vertical .mod-cmn-scrollbox-body { overflow-y: scroll; overflow-x: hidden; }

.mod-cmn-scrollbox.s-horizontal .mod-cmn-scrollbox-body { overflow-y: hidden; overflow-x: scroll; }

.mod-cmn-scrollbox .image { max-width: none; min-width: 100%; }

.mod-cmn-scrollbox-sp { margin: 20px 0 50px; }

@media screen and (max-width: 767px) { .mod-cmn-scrollbox-sp { position: relative; overflow: hidden; width: 100%; margin: 20px 0 25px; }
  .mod-cmn-scrollbox-sp:before { position: absolute; z-index: 10; width: 100%; height: 100%; content: ''; left: 0; top: 0; }
  .mod-cmn-scrollbox-sp:after { position: absolute; z-index: 10; content: ''; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("img/sprite.png"); background-position: 0px -664px; width: 108px; height: 108px; background-size: 216px 6033px; }
  .mod-cmn-scrollbox-sp.is-active:before, .mod-cmn-scrollbox-sp.is-active:after { display: none; }
  .mod-cmn-scrollbox-sp-body { width: 100%; }
  .mod-cmn-scrollbox-sp .image { max-width: none; min-width: 100%; } }

/* mod-cmn-migration
---------------------------------------------------------- */
.mod-cmn-migration { overflow: hidden; }

.mod-cmn-migration .mod-cmn-migration-detail.col { margin-top: 30px; }

@media screen and (max-width: 767px) { .mod-cmn-migration .mod-cmn-migration-detail.col { margin-top: 10px; } }

.mod-cmn-migration-link { overflow: hidden; display: block; padding: 12px 20px 20px; border: 1px solid #d9d9d9; border-radius: 5px; text-decoration: none; }

@media screen and (max-width: 767px) { .mod-cmn-migration-link { border-radius: 0; } }

.mod-cmn-migration-link:hover { opacity: 1; border: 1px solid #00674e; }

.mod-cmn-migration-head .title { position: relative; display: inline-block; font-size: 18px; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; margin-bottom: 12px; padding-right: 25px; }

@media screen and (max-width: 767px) { .mod-cmn-migration-head .title { display: block; font-size: 15px; } }

.mod-cmn-migration-head .title:after { position: absolute; content: ''; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(img/sprite.png); background-position: 0px -536px; width: 16px; height: 14px; }

.mod-cmn-migration-body { position: relative; border-top: 1px solid #d9d9d9; padding-top: 15px; }

.mod-cmn-migration-body:before { position: absolute; content: ''; top: -2px; left: 0; width: 170px; height: 4px; background-color: #00674e; }

/* mod-cmn-lead
---------------------------------------------------------- */
.mod-cmn-lead { margin: 55px 0 60px; }

@media screen and (max-width: 767px) { .mod-cmn-lead { margin: 20px 0 30px; } }

.mod-cmn-lead > [class*="txt-"] + [class*="txt-"] { margin-top: 30px; }

@media screen and (max-width: 767px) { .mod-cmn-lead > [class*="txt-"] + [class*="txt-"] { margin-top: 20px; } }

/* mod-cmn-descriptive
---------------------------------------------------------- */
.mod-cmn-descriptive { overflow: hidden; margin-top: 30px; margin-bottom: 50px; }

.mod-cmn-descriptive:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive { margin-top: 20px; } }

.mod-cmn-descriptive-in { float: left; margin-top: 50px; margin-left: -1px; border-left: 1px solid #d9d9d9; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-in { margin-top: 20px; }
  .mod-cmn-descriptive-in:first-child { margin-top: 0; } }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-in + .mod-cmn-descriptive-in { margin-top: 30px; } }

.mod-cmn-descriptive-in.s-column-ful { float: none; width: 100%; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-in.s-column-ful { width: 100%; } }

.mod-cmn-descriptive-in.s-column-2 { width: 50%; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-in.s-column-2 { width: 100%; } }

.mod-cmn-descriptive-in.s-column-2:nth-child(odd) { padding-right: 70px; }

@media screen and (max-width: 1024px) { .mod-cmn-descriptive-in.s-column-2:nth-child(odd) { padding-right: 30px; } }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-in.s-column-2:nth-child(odd) { padding-right: 0; } }

.mod-cmn-descriptive-in.s-column-2:nth-child(even) { padding-left: 70px; }

@media screen and (max-width: 1024px) { .mod-cmn-descriptive-in.s-column-2:nth-child(even) { padding-left: 30px; } }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-in.s-column-2:nth-child(even) { padding-left: 0; border-left: none; } }

.mod-cmn-descriptive-in.s-column-3 { width: 33.333%; padding: 0 40px; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-in.s-column-3 { width: 100%; padding: 0; } }

.mod-cmn-descriptive-head { display: table; table-layout: fixed; overflow: hidden; width: 100%; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-head { padding: 0 14px; } }

.mod-cmn-descriptive-image { overflow: hidden; display: table-cell; width: 160px; height: 160px; border-radius: 50%; }

.mod-cmn-descriptive-image.s-square { border-radius: 0; }

.mod-cmn-descriptive-image.s-vam { vertical-align: middle; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-image { width: 102px; height: 102px; } }

.mod-cmn-descriptive-image img { width: 100%; max-width: none; }

.mod-cmn-descriptive-title { display: table-cell; vertical-align: middle; font-family: "FOT-マティス Pro DB", "MatissePro-DB"; font-weight: bold; font-size: 18px; letter-spacing: .1em; padding-left: 30px; }

.mod-cmn-descriptive-title span { display: inline-block; }

@media screen and (max-width: 1024px) { .mod-cmn-descriptive-title { padding-left: 20px; } }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-title { font-size: 15px; } }

.mod-cmn-descriptive-title.s-type-02 { letter-spacing: .13em; }

.mod-cmn-descriptive-title.s-type-02 .subtext { display: block; margin-top: 0.2em; font-size: 15px; color: #666; line-height: 1.5; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-title.s-type-02 .subtext { font-size: 11px; } }

.mod-cmn-descriptive-body { margin-top: 30px; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-body { margin-top: 12px; } }

.mod-cmn-descriptive-body .txt-cmn { font-size: 14px; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive-body .txt-cmn { font-size: 13px; } }

.mod-cmn-descriptive.s-type-02 { margin: 30px 0 50px; padding: 0 60px; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive.s-type-02 { padding: 0; margin: 30px 0; } }

.mod-cmn-descriptive.s-type-02 .mod-cmn-descriptive-in:first-child { border-left: none; }

.mod-cmn-descriptive.s-type-02 .mod-cmn-descriptive-image { width: 90px; height: 90px; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive.s-type-02 .mod-cmn-descriptive-image { width: 45px; height: 45px; } }

.mod-cmn-descriptive.s-type-03 { margin: 30px -40px 50px; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive.s-type-03 { margin: 30px 0; } }

.mod-cmn-descriptive.s-type-03 .mod-cmn-descriptive-image { width: 88px; height: 88px; }

@media screen and (max-width: 767px) { .mod-cmn-descriptive.s-type-03 .mod-cmn-descriptive-image { width: 45px; height: 45px; } }

/* ==========================================================
 mod-cmn-lecture
========================================================== */
/*category kinokorecipe color*/
body.kinokorecipe .mod-cmn-lecture-link:hover { border: 1px solid #603813; }

body.kinokorecipe .mod-cmn-lecture .title { color: #603813; }

body.kinokorecipe .mod-cmn-lecture-body:before { background-color: #603813; }

.mod-cmn-lecture { overflow: hidden; }

.mod-cmn-lecture .mod-cmn-lecture-detail.col { margin-top: 30px; }

@media screen and (max-width: 767px) { .mod-cmn-lecture .mod-cmn-lecture-detail.col { margin-top: 10px; } }

.mod-cmn-lecture-link { overflow: hidden; display: block; padding: 12px 20px 20px; border: 1px solid #d9d9d9; border-radius: 5px; text-decoration: none; }

@media screen and (max-width: 767px) { .mod-cmn-lecture-link { border-radius: 0; } }

.mod-cmn-lecture-link:hover { opacity: 1; border: 1px solid #00674e; }

.mod-cmn-lecture-head { position: relative; vertical-align: middle; margin-bottom: 12px; }

@media screen and (max-width: 767px) { .mod-cmn-lecture-head { margin-bottom: 6px; } }

.mod-cmn-lecture-head .title { position: relative; display: inline-block; font-size: 20px; font-family: "FOT-筑紫A丸ゴシック Std B", "TsukuARdGothicStd-B"; }

@media screen and (max-width: 767px) { .mod-cmn-lecture-head .title { font-size: 14px; } }

.mod-cmn-lecture-head:after { position: absolute; content: ''; right: 24px; top: 50%; margin-top: -7px; background-image: url(img/sprite.png); background-position: 0px -794px; width: 16px; height: 14px; }

@media screen and (max-width: 767px) { .mod-cmn-lecture-head:after { right: 0; } }

.mod-cmn-lecture-body { position: relative; border-top: 1px solid #d9d9d9; padding-top: 15px; }

.mod-cmn-lecture-body:before { position: absolute; content: ''; top: -2px; left: 0; width: 88px; height: 4px; background-color: #00674e; }

@media screen and (max-width: 767px) { .mod-cmn-lecture-body:before { width: 44px; } }

/* mod-cmn-article-heading
---------------------------------------------------------- */
.mod-cmn-article-heading { border-bottom: 1px #d9d9d9 solid; }

.mod-cmn-article-heading .ttl-cmn-article-heading { margin-bottom: 0.4em; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; font-size: 20px; }

@media screen and (max-width: 767px) { .mod-cmn-article-heading .ttl-cmn-article-heading { font-size: 13px; } }

.mod-cmn-article-heading .txt-cmn-article-heading-date { color: #666; font-size: 14px; }

@media screen and (max-width: 767px) { .mod-cmn-article-heading .txt-cmn-article-heading-date { font-size: 11px; } }

.mod-cmn-article-heading.s-pink-ribbon .ttl-cmn-article-heading { color: #ed77ac; }

.mod-cmn-article-heading-main { padding: 1.0em 0 0.5em; border-top: 1px #d9d9d9 solid; }

.mod-cmn-article-heading-sub { position: relative; padding-bottom: 0.5em; font-size: 13px; }

.mod-cmn-article-heading-sub .ttl-cmn-article-heading-sub { color: #408d7a; }

.mod-cmn-article-heading-sub .link-cmn-article-heading { position: absolute; right: 0; bottom: 0.3em; color: #00674e; text-decoration: none; }

.mod-cmn-article-heading-sub .link-cmn-article-heading:before { content: ''; position: absolute; top: 50%; left: -24px; margin-top: -8px; background-image: url(img/sprite.png); background-position: 0px -410px; width: 16px; height: 14px; -webkit-transform: scale(0.8); transform: scale(0.8); }

@media screen and (max-width: 767px) { .mod-cmn-article-heading-sub .link-cmn-article-heading:before { top: 50%; left: -21px; margin-top: -6px; background-image: url("img/sprite.png"); background-position: 0px -217px; width: 13.5px; height: 11.5px; background-size: 216px 6033px; } }

.mod-cmn-article-body { padding: 3.5em 0 1.0em; font-size: 14px; }

@media screen and (max-width: 767px) { .mod-cmn-article-body { padding: 1.0em 0 1.0em; font-size: 13px; } }

.mod-cmn-article-body h3 { margin-bottom: 0.25em; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; }

.mod-cmn-article-body p + p, .mod-cmn-article-body p + h3 { margin-top: 1.75em; }

@media screen and (max-width: 767px) { .mod-cmn-article-body p + p, .mod-cmn-article-body p + h3 { margin-top: 1.5em; } }

.mod-cmn-article-body p + .txt-cmn-notes { margin-top: 0; }

.mod-cmn-article-body p + .grid-cmn-article-fig { margin-top: 3.5em; }

@media screen and (max-width: 767px) { .mod-cmn-article-body p + .grid-cmn-article-fig { margin-top: 1.5em; } }

.mod-cmn-article-body .only-sp { display: none; }

@media screen and (max-width: 767px) { .mod-cmn-article-body .only-sp { display: block; } }

/* mod-pinkribbon-message
---------------------------------------------------------- */
.mod-pinkribbon-message { text-align: center; }

.mod-pinkribbon-message .mod-pinkribbon-message-image { margin: 40px auto 75px; }

@media screen and (max-width: 767px) { .mod-pinkribbon-message .mod-pinkribbon-message-image { width: 237px; margin: 30px auto 35px; } }

.mod-pinkribbon-action-heading { padding-bottom: 40px; border-bottom: 3px solid #ed77ac; }

@media screen and (max-width: 767px) { .mod-pinkribbon-action-heading { padding-bottom: 20px; } }

.mod-pinkribbon-action-heading .ttl-pinkribbon-action { position: relative; padding-left: 55px; margin-bottom: 0.8em; font-size: 28px; color: #ed77ac; font-family: 'FOT-筑紫A丸ゴシック Std M','TsukuARdGothicStd-M'; }

@media screen and (max-width: 767px) { .mod-pinkribbon-action-heading .ttl-pinkribbon-action { padding-left: 37px; font-size: 16px; } }

.mod-pinkribbon-action-heading .ttl-pinkribbon-action:before { content: ''; position: absolute; top: 50%; left: 0; width: 30px; height: 60px; margin-top: -30px; background: url(/z0y6LaZKWu/wp-content/themes/corporate2017/csr/pinkribbon/img/ico_csr_pinkribbon_01.png) top left no-repeat; background-size: 30px 60px; }

@media screen and (max-width: 767px) { .mod-pinkribbon-action-heading .ttl-pinkribbon-action:before { width: 20px; height: 40px; margin-top: -20px; background-size: 20px 40px; } }

.mod-pinkribbon-action-heading .box-pinkribbon-action-floating { overflow: hidden; }

.mod-pinkribbon-action-heading .box-pinkribbon-action-floating .detail { float: left; width: 735px; padding-right: 40px; }

@media screen and (max-width: 767px) { .mod-pinkribbon-action-heading .box-pinkribbon-action-floating .detail { float: none; width: 100%; padding-right: 0; font-size: 13px; } }

.mod-pinkribbon-action-heading .box-pinkribbon-action-floating .imagearea { float: right; width: 155px; }

@media screen and (max-width: 767px) { .mod-pinkribbon-action-heading .box-pinkribbon-action-floating .imagearea { float: none; margin: 1.0em auto 0; width: 120px; } }

.mod-pinkribbon-action-heading .box-pinkribbon-action-floating .imagearea figcaption { font-size: 12px; color: #ed77ac; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .mod-pinkribbon-action-heading .box-pinkribbon-action-floating .imagearea figcaption { margin-top: 0.7em; font-size: 10px; } }

.mod-pinkribbon-action-body { padding: 35px 0 0; }

.mod-pinkribbon-action-body .ttl-pinkribbon-action { position: relative; padding-top: 70px; margin-bottom: 0.8em; font-size: 28px; line-height: 1.38; color: #ed77ac; text-align: center; font-family: 'FOT-筑紫A丸ゴシック Std M','TsukuARdGothicStd-M'; }

@media screen and (max-width: 767px) { .mod-pinkribbon-action-body .ttl-pinkribbon-action { padding: 0 0 0 37px; font-size: 16px; text-align: left; } }

.mod-pinkribbon-action-body .ttl-pinkribbon-action:before { content: ''; position: absolute; top: 0; left: 50%; width: 30px; height: 60px; margin-left: -15px; background: url(/z0y6LaZKWu/wp-content/themes/corporate2017/csr/pinkribbon/img/ico_csr_pinkribbon_01.png) top left no-repeat; background-size: 30px 60px; }

@media screen and (max-width: 767px) { .mod-pinkribbon-action-body .ttl-pinkribbon-action:before { top: 50%; left: 0; width: 20px; height: 40px; margin: -20px 0 0 0; background-size: 20px 40px; } }

.mod-pinkribbon-action-body .ttl-pinkribbon-action .sub { display: block; margin-top: 0.2em; font-size: 0.48em; font-family: 'FOT-筑紫A丸ゴシック Std M','TsukuARdGothicStd-M'; }

@media screen and (max-width: 767px) { .mod-pinkribbon-action-body .ttl-pinkribbon-action .sub { font-size: 0.7em; } }

/* ==========================================================
 text
========================================================== */
/* txt-cmn
---------------------------------------------------------- */
.txt-cmn { margin-top: 20px; }

@media screen and (max-width: 767px) { .txt-cmn { margin-top: 15px; } }

.txt-cmn:first-child { margin-top: 0; }

.txt-cmn:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) { .txt-cmn-01 { line-height: 1.86; font-size: 11px; } }

.txt-cmn-02 { font-size: 14px; }

.txt-cmn-03 { font-size: 14px; }

.txt-cmn-04, .txt-cmn-lead { font-size: 14px; }

@media screen and (max-width: 767px) { .txt-cmn-04, .txt-cmn-lead { font-size: 13px; } }

.txt-cmn-05 { font-size: 14px; }

@media screen and (max-width: 767px) { .txt-cmn-05 { font-size: 12px; } }

.txt-cmn-05 + .txt-cmn-05 { margin-top: 20px; }

@media screen and (max-width: 767px) { .txt-cmn-05 + .txt-cmn-05 { margin-top: 15px; } }

.txt-cmn-06 { margin: 1.0em 0 2.0em; font-size: 18px; }

.txt-cmn-06 em { font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .txt-cmn-06 { font-size: 15px; } }

.txt-cmn-middle { font-size: 15px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

@media screen and (max-width: 767px) { .txt-cmn-middle { font-size: 11px; }
  .txt-cmn-middle.s-type-01 { text-align: center; margin: 5px 0 14px; } }

.txt-cmn .s-bold { font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; }

/* txt-cmn-caption
---------------------------------------------------------- */
.txt-cmn-caption { display: block; font-size: 13px; color: #666; }

@media screen and (max-width: 767px) { .txt-cmn-caption { font-size: 12px; } }

.txt-cmn-caption-01 { display: block; font-size: 13px; color: #00984b; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; overflow: hidden; }

.txt-cmn-caption-02 { font-size: 15px; }

/* txt-cmn-notes
---------------------------------------------------------- */
.txt-cmn-notes { font-size: 12px; color: #666; }

.txt-cmn-notes.s-mt-m1em { margin-top: -1em; }

.txt-cmn-04 + .txt-cmn-notes, .txt-cmn-lead + .txt-cmn-notes { margin-top: 1.0em; }

/* txt-cmn-symbol
---------------------------------------------------------- */
.txt-cmn-symbol { display: block; overflow: hidden; }

.txt-cmn-symbol-ico { display: block; float: left; }

.txt-cmn-symbol-body { display: block; overflow: hidden; }

/* txt-cmn-tell
---------------------------------------------------------- */
.txt-cmn-tell { margin: 30px auto 10px; }

@media screen and (max-width: 767px) { .txt-cmn-tell { margin: 10px auto 5px; } }

.txt-cmn-tell-for { font-size: 15px; }

@media screen and (max-width: 767px) { .txt-cmn-tell-for { font-size: 11px; display: block; } }

.txt-cmn-tell-number { font-size: 22px; margin-left: 1em; }

@media screen and (max-width: 767px) { .txt-cmn-tell-number { display: block; font-size: 15px; margin-left: 0; } }

/* txt-cmn-lead
---------------------------------------------------------- */
/* txt-cmn-emphasize
---------------------------------------------------------- */
.txt-cmn-emphasize { font-size: 25px; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; font-weight: bold; margin: 20px 0 30px; }

@media screen and (max-width: 767px) { .txt-cmn-emphasize { margin: 10px 0; font-size: 15px; } }

.txt-cmn-emphasize span + span { margin-left: 5px; }

.txt-cmn-emphasize .emphasis { font-size: 52px; line-height: 1.2; }

@media screen and (max-width: 767px) { .txt-cmn-emphasize .emphasis { font-size: 26px; } }

/* ==========================================================
 figure
========================================================== */
/* fig-cmn
---------------------------------------------------------- */
.fig-cmn { margin-top: 24px; text-align: center; }

.fig-cmn:first-child { margin-top: 0; }

.fig-cmn-caption { padding: 8px 10px 0; }

@media screen and (max-width: 767px) { .fig-cmn-caption { padding: 2px 3px 0; font-size: 12px; text-align: left; }
  .fig-cmn-caption span { display: inline-block; }
  .fig-cmn-caption:first-child { padding: 0; } }

.fig-cmn-caption.s-small { font-size: 13px; /* SP Layout */ }

@media screen and (max-width: 767px) { .fig-cmn-caption.s-small { font-size: 12px; } }

@media screen and (max-width: 350px) { .fig-cmn-caption.s-small { font-size: 10px; } }

@media screen and (max-width: 767px) { .fig-cmn.s-sp-pd-lr20 { padding: 0 20px; } }


.bgthm{
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bgthm:before{
    display: block;
    content: '';
    padding: 66% 0 0 0;
    margin: 0;
}

.fig-cmn .image70pcnt img{
  width: 70%;
  height: auto;
}


/* ==========================================================
 image
========================================================== */
/* img-cmn-radius
---------------------------------------------------------- */
.img-cmn-radius {-webkit-border-radius: 6px; border-radius: 6px; overflow: hidden;}

@media screen and (max-width: 767px) { .img-cmn-radius { border-radius: 0; } }

/* ==========================================================
 form
========================================================== */
/* form-cmn
---------------------------------------------------------- */
.form-cmn-ttl { width: 192px; padding-top: 6px; padding-right: 80px; float: left; clear: both; font-size: 15px; font-weight: bold; font-family: "FOT-ロダン Pro DB", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; position: relative; }


.form-cmn-ttl small{
    display: block;
    line-height: 1.2em;
    padding-top: 5px;
    opacity: 0.6;

}


@media screen and (max-width: 767px) { .form-cmn-ttl { float: none; width: auto; margin-bottom: 6px; padding-top: 0; padding-right: 0; font-size: 12px; } }

.form-cmn-ico { position: absolute; right: 16px; top: 11px; }

@media screen and (max-width: 767px) { .form-cmn-ico { position: static; margin-left: 10px; } }

.form-cmn-ico-remind { left: -74px; right: auto; }

.form-cmn-body { padding-left: 192px; padding-bottom: 25px; font-size: 15px; }

@media screen and (max-width: 767px) { .form-cmn-body { padding-left: 0; padding-bottom: 10px; } }

.form-cmn-body:last-child { padding-bottom: 0; }

.form-cmn-item { position: relative; }

.form-cmn-remind { margin-top: 16px; font-size: 15px; }

@media screen and (max-width: 767px) { .form-cmn-remind { margin-top: 8px; margin-bottom: 4px; font-size: 10px; } }

/* form-cmn-input
---------------------------------------------------------- */
.form-cmn-input { width: 100%; height: 45px; padding: 0 15px; border: 2px solid #d9d9d9; border-radius: 3px; background-color: #fff; font-size: 15px; }

@media screen and (max-width: 767px) { .form-cmn-input { height: 40px; padding: 0 7px; border: 1px solid #d9d9d9; font-size: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } }

/* form-cmn-select
---------------------------------------------------------- */
.form-cmn-select { width: 100%; height: 45px; padding: 0 15px; border: 2px solid #d9d9d9; background: #fff url("img/ico_select_02.png") 98.5% center no-repeat; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 15px; color: #999; }

@media screen and (max-width: 767px) { .form-cmn-select { height: 40px; padding: 0 15px 0 7px; border: 1px solid #d9d9d9; background: #fff url("img/ico_select_02@2x.png") 98.5% center no-repeat; background-size: 9px auto; font-size: 10px; } }

.form-cmn-select.is-select { color: #404040; }

/* ==========================================================
 icon
========================================================== */
/* ico-cmn
---------------------------------------------------------- */
[class*="ico-cmn"] { display: inline-block; }

.ico-cmn { /* sprite */ }

.ico-cmn-arrow-01 { background-image: url(img/sprite.png); background-position: 0px 0px; width: 16px; height: 14px; }

.ico-cmn-arrow-02 { background-image: url(img/sprite.png); background-position: 0px -54px; width: 8px; height: 14px; }

.ico-cmn-arrow-03 { background-image: url(img/sprite.png); background-position: 0px -112px; width: 12px; height: 16px; }

.ico-cmn-arrow-04 { background-image: url(img/sprite.png); background-position: 0px -202px; width: 28px; height: 28px; }

.ico-cmn-arrow-05 { background-image: url(img/sprite.png); background-position: 0px -280px; width: 10px; height: 8px; }

.ico-cmn-arrow-06 { background-image: url(img/sprite.png); background-position: 0px -324px; width: 4px; height: 6px; }

.ico-cmn-arrow-07 { background-image: url(img/sprite.png); background-position: 0px -340px; width: 6px; height: 8px; }

.ico-cmn-arrow-08 { background-image: url(img/sprite.png); background-position: 0px -358px; width: 10px; height: 16px; }

.ico-cmn-arrow-09 { background-image: url(img/sprite.png); background-position: 0px -384px; width: 10px; height: 16px; }

.ico-cmn-arrow-10 { background-image: url(img/sprite.png); background-position: 0px -410px; width: 16px; height: 14px; }

.ico-cmn-arrow-13 { background-image: url(img/sprite.png); background-position: 0px -536px; width: 16px; height: 14px; }

.ico-cmn-arrow-14 { background-image: url(img/sprite.png); background-position: 0px -560px; width: 8px; height: 8px; }

.ico-cmn-arrow-18 { background-image: url(img/sprite.png); background-position: 0px -730px; width: 16px; height: 14px; }

.ico-cmn-arrow-18 { background-image: url(img/sprite.png); background-position: 0px -730px; width: 16px; height: 14px; }

.ico-cmn-arrow-24 { background-image: url(img/sprite.png); background-position: 0px -902px; width: 36px; height: 30px; }

.ico-cmn-arrow-pink-01 { background-image: url(img/sprite.png); background-position: 0px -1216px; width: 16px; height: 13px; }

.ico-cmn-logo { background-image: url(img/sprite.png); background-position: 0px -8007px; width: 116px; height: 40px; }

.ico-cmn-logo-small { background-image: url(img/sprite.png); background-position: 0px -8115px; width: 108px; height: 44px; }

.ico-cmn-logo-kinorepi { background-image: url("img/sprite.png"); background-position: 0px -4185px; width: 83px; height: 28px; background-size: 216px 6033px; }

.ico-cmn-pdf-01 { background-image: url(img/sprite.png); background-position: 0px -9836px; width: 18px; height: 22px; }

.ico-cmn-pdf-02 { background-image: url(img/sprite.png); background-position: 0px -9868px; width: 18px; height: 22px; }

.ico-cmn-q { background-image: url(img/sprite.png); background-position: 0px -10564px; width: 22px; height: 30px; }

.ico-cmn-a { background-image: url(img/sprite.png); background-position: 0px -2896px; width: 24px; height: 28px; }

.ico-cmn-ir { background-image: url(img/sprite.png); background-position: 0px -7242px; width: 29px; height: 30px; }

.ico-cmn-mypage { background-image: url(img/sprite.png); background-position: 0px -9495px; width: 34px; height: 38px; }

.ico-cmn-tel { background-image: url(img/sprite.png); background-position: 0px -11422px; width: 48px; height: 48px; }

.ico-cmn-mail { background-image: url(img/sprite.png); background-position: 0px -8435px; width: 48px; height: 48px; }

.ico-cmn-post { background-image: url(img/sprite.png); background-position: 0px -10328px; width: 48px; height: 48px; }

.ico-cmn-facebook { background-image: url(img/sprite.png); background-position: 0px -4951px; width: 34px; height: 34px; }

.ico-cmn-facebook-btn { background-image: url(img/sprite.png); background-position: 0px -5163px; width: 100px; height: 26px; }

.ico-cmn-twitter { background-image: url(img/sprite.png); background-position: 0px -11480px; width: 34px; height: 34px; }

.ico-cmn-twitter-btn { background-image: url(img/sprite.png); background-position: 0px -11692px; width: 100px; height: 26px; }

.ico-cmn-instagram { background-image: url(img/sprite.png); background-position: 0px -7124px; width: 34px; height: 34px; }

.ico-cmn-help { background-image: url(img/sprite.png); background-position: 0px -5456px; width: 14px; height: 14px; }

.ico-cmn-help-02 { background-image: url(img/sprite.png); background-position: 0px -5480px; width: 20px; height: 20px; }

.ico-cmn-close { background-image: url(img/sprite.png); background-position: 0px -3815px; width: 16px; height: 16px; }

.ico-cmn-close-gray { background-image: url(img/sprite.png); background-position: 0px -3841px; width: 32px; height: 32px; }

.ico-cmn-close-modal { background-image: url(img/sprite.png); background-position: 0px -4017px; width: 20px; height: 20px; }

.ico-cmn-home { background-image: url(img/sprite.png); background-position: 0px -5620px; width: 16px; height: 12px; }

.ico-cmn-save-btn { background-image: url(img/sprite.png); background-position: 0px -10699px; width: 100px; height: 26px; }

.ico-cmn-mypage-btn { background-image: url(img/sprite.png); background-position: 0px -9335px; width: 100px; height: 26px; }

.ico-cmn-menu { background-image: url(img/sprite.png); background-position: 0px -9025px; width: 64px; height: 64px; }

.ico-cmn-menu-04 { background-image: url(img/sprite.png); background-position: 0px -9227px; width: 39px; height: 28px; }

.ico-cmn-recipe { background-image: url(img/sprite.png); background-position: 0px -10652px; width: 32px; height: 37px; }

.ico-cmn-clip { background-image: url(img/sprite.png); background-position: 0px -3576px; width: 21px; height: 20px; }

.ico-cmn-folder { background-image: url(img/sprite.png); background-position: 0px -5369px; width: 16px; height: 13px; }

.ico-cmn-write { background-image: url(img/sprite.png); background-position: 0px -11990px; width: 22px; height: 24px; }

.ico-cmn-heart { background-image: url(img/sprite.png); background-position: 0px -5434px; width: 13px; height: 12px; }

.ico-cmn-kinoko { background-image: url(img/sprite.png); background-position: 0px -7655px; width: 33px; height: 36px; }

.ico-cmn-kinoko-02 { background-image: url(img/sprite.png); background-position: 0px -7701px; width: 20px; height: 22px; }

.ico-cmn-recipe { background-image: url(img/sprite.png); background-position: 0px -10652px; width: 32px; height: 37px; }

.ico-cmn-tanoshimu { background-image: url(img/sprite.png); background-position: 0px -11376px; width: 35px; height: 36px; }

.ico-cmn-news { background-image: url(img/sprite.png); background-position: 0px -9591px; width: 37px; height: 29px; }

.ico-cmn-seisansya { background-image: url(img/sprite.png); background-position: 0px -10848px; width: 41px; height: 36px; }

.ico-cmn-download { background-image: url(img/sprite.png); background-position: 0px -4735px; width: 15px; height: 14px; }

.ico-cmn-search { background-image: url(img/sprite.png); background-position: 0px -10795px; width: 18px; height: 18px; }

.ico-cmn-search-02 { background-image: url(img/sprite.png); background-position: 0px -10823px; width: 15px; height: 15px; }

.ico-cmn-window { background-image: url(img/sprite.png); background-position: 0px -11870px; width: 18px; height: 16px; }

.ico-cmn-window-green { background-image: url(img/sprite.png); background-position: 0px -11938px; width: 18px; height: 16px; }

.ico-cmn-play { background-image: url(img/sprite.png); background-position: 0px -9900px; width: 36px; height: 36px; }

.ico-cmn-play-02 { background-image: url(img/sprite.png); background-position: 0px -10002px; width: 82px; height: 80px; }

.ico-cmn-campaign { background-image: url(img/sprite.png); background-position: 0px -3240px; width: 39px; height: 30px; }

.ico-cmn-home-product-01 { background-image: url(img/sprite.png); background-position: 0px -5676px; width: 70px; height: 78px; }

.ico-cmn-home-product-02 { background-image: url(img/sprite.png); background-position: 0px -5852px; width: 121px; height: 80px; }

.ico-cmn-home-product-03 { background-image: url(img/sprite.png); background-position: 0px -6032px; width: 95px; height: 78px; }

.ico-cmn-home-product-04 { background-image: url(img/sprite.png); background-position: 0px -6208px; width: 96px; height: 84px; }

.ico-cmn-home-product-05 { background-image: url(img/sprite.png); background-position: 0px -6396px; width: 108px; height: 75px; }

.ico-cmn-home-product-06 { background-image: url(img/sprite.png); background-position: 0px -6576px; width: 120px; height: 80px; }

.ico-cmn-home-product-07 { background-image: url(img/sprite.png); background-position: 0px -6756px; width: 94px; height: 82px; }

.ico-cmn-home-product-08 { background-image: url(img/sprite.png); background-position: 0px -6940px; width: 118px; height: 82px; }

.ico-cmn-home-product-09 { background-image: url(index/img/img_honshimeji.png); width: 108px; height: 75px; }

.ico-cmn-home-product-10 { background-image: url(index/img/img_donko.png); width: 108px; height: 75px; }

.ico-cmn-logo { background-image: url(img/sprite.png); background-position: 0px -8007px; width: 116px; height: 40px; }

.ico-cmn-cooked { background-image: url(img/sprite.png); background-position: 0px -4047px; width: 30px; height: 28px; }

.ico-cmn-cooked-02 { background-image: url(img/sprite.png); background-position: 0px -4129px; width: 18px; height: 18px; }

.ico-cmn-clock { background-image: url(img/sprite.png); background-position: 0px -3753px; width: 18px; height: 18px; }

.ico-cmn-energy { background-image: url(img/sprite.png); background-position: 0px -4759px; width: 14px; height: 20px; }

.ico-cmn-toggle-open { background-image: url(img/sprite.png); background-position: 0px -838px; width: 30px; height: 22px; }

.ico-cmn-toggle-close { background-image: url(img/sprite.png); background-position: 0px -870px; width: 30px; height: 22px; }

.ico-cmn-chinami { background-image: url(img/sprite.png); background-position: 0px -3280px; width: 32px; height: 74px; }

.ico-cmn-present { background-image: url(img/sprite.png); background-position: 0px -10386px; width: 31px; height: 40px; }

.ico-cmn-cut { background-image: url(img/sprite.png); background-position: 0px -7481px; width: 72px; height: 72px; }

.ico-cmn-boil { background-image: url(img/sprite.png); background-position: 0px -7563px; width: 72px; height: 82px; }

.ico-cmn-fixed-info { background-image: url(img/sprite.png); background-position: 0px -5311px; width: 24px; height: 24px; }

.ico-cmn-close-05 { background-image: url(img/sprite.png); background-position: 0px -3993px; width: 14px; height: 14px; }

.ico-cmn-bunashimeji-02 { background-image: url(img/sprite.png); background-position: 0px -3110px; width: 54px; height: 46px; }

.ico-cmn-bunapi-02 { background-image: url(img/sprite.png); background-position: 0px -2980px; width: 58px; height: 46px; }

.ico-cmn-maitake-02 { background-image: url(img/sprite.png); background-position: 0px -8673px; width: 63px; height: 38px; }

.ico-cmn-eringi-02 { background-image: url(img/sprite.png); background-position: 0px -4827px; width: 46px; height: 42px; }

.ico-cmn-shimofurihiratake-02 { background-image: url(img/sprite.png); background-position: 0px -10930px; width: 58px; height: 40px; }

.ico-cmn-facebook-share { background-image: url("img/sprite.png"); background-position: 0px -2535px; width: 42px; height: 42px; background-size: 216px 6033px; }
.ico-cmn-twitter-share { background-image: url("img/sprite.png"); background-position: 0px -5799px; width: 42px; height: 42px; background-size: 216px 6033px; }
@media screen and (max-width: 1024px) {
  .ico-cmn-logo { background-image: url(img/sprite.png); background-position: 0px -8225px; width: 110px; height: 38px; }
  .ico-cmn-sns { background-image: url("img/sprite.png"); background-position: 0px -5641px; width: 42px; height: 42px; background-size: 216px 6033px; }
  .ico-cmn-pagetop { background-image: url("img/sprite.png"); background-position: 0px -4815px; width: 42px; height: 42px; background-size: 216px 6033px; }
  .ico-cmn-home-product-01 { background-image: url("img/sprite.png"); background-position: 0px -2838px; width: 35px; height: 39px; background-size: 216px 6033px; }
  .ico-cmn-home-product-02 { background-image: url("img/sprite.png"); background-position: 0px -2926px; width: 61px; height: 40px; background-size: 216px 6033px; }
  .ico-cmn-home-product-03 { background-image: url("img/sprite.png"); background-position: 0px -3016px; width: 49px; height: 39px; background-size: 216px 6033px; }
  .ico-cmn-home-product-04 { background-image: url("img/sprite.png"); background-position: 0px -3104px; width: 49px; height: 42px; background-size: 216px 6033px; }
  .ico-cmn-home-product-05 { background-image: url("img/sprite.png"); background-position: 0px -3198px; width: 55px; height: 40px; background-size: 216px 6033px; }
  .ico-cmn-home-product-06 { background-image: url("img/sprite.png"); background-position: 0px -3288px; width: 60px; height: 40px; background-size: 216px 6033px; }
  .ico-cmn-home-product-07 { background-image: url("img/sprite.png"); background-position: 0px -3378px; width: 47px; height: 41px; background-size: 216px 6033px; }
  .ico-cmn-home-product-08 { background-image: url("img/sprite.png"); background-position: 0px -3470px; width: 59px; height: 41px; background-size: 216px 6033px; }
  .ico-cmn-home-product-09 { background-image: url(index/img/img_honshimeji.png); background-position: center center; width: 55px; height: 41px; }
  .ico-cmn-home-product-10 { background-image: url(index/img/img_donko.png); background-position: center center; width: 55px; height: 41px; } }

@media screen and (max-width: 767px) { .ico-cmn-arrow-01 { background-image: url("img/sprite.png"); background-position: 0px -12px; width: 12px; height: 10px; background-size: 216px 6033px; }
  .ico-cmn-arrow-02 { background-image: url("img/sprite.png"); background-position: 0px -39px; width: 7px; height: 12px; background-size: 216px 6033px; }
  .ico-cmn-arrow-03 { background-image: url("img/sprite.png"); background-position: 0px -69px; width: 10.5px; height: 14px; background-size: 216px 6033px; }
  .ico-cmn-arrow-04 { background-image: url("img/sprite.png"); background-position: 0px -120px; width: 14px; height: 15px; background-size: 216px 6033px; }
  .ico-cmn-arrow-05 { background-image: url("img/sprite.png"); background-position: 0px -149px; width: 9px; height: 8px; background-size: 216px 6033px; }
  .ico-cmn-arrow-10 { background-image: url("img/sprite.png"); background-position: 0px -217px; width: 13.5px; height: 11.5px; background-size: 216px 6033px; }
  .ico-cmn-arrow-11 { background-image: url("img/sprite.png"); background-position: 0px -234px; width: 9px; height: 9.5px; background-size: 216px 6033px; }
  .ico-cmn-arrow-12 { background-image: url("img/sprite.png"); background-position: 0px -248px; width: 14px; height: 15px; background-size: 216px 6033px; }
  .ico-cmn-arrow-14 { background-image: url("img/sprite.png"); background-position: 0px -289px; width: 6px; height: 5px; background-size: 216px 6033px; }
  .ico-cmn-arrow-pink-01 { background-image: url("img/sprite.png"); background-position: 0px -620px; width: 16px; height: 13px; background-size: 216px 6033px; }
  .ico-cmn-logo { background-image: url("img/sprite.png"); background-position: 0px -4029px; width: 71px; height: 24px; background-size: 216px 6033px; }
  .ico-cmn-logo-small { background-image: url("img/sprite.png"); background-position: 0px -4085px; width: 60px; height: 23px; background-size: 216px 6033px; }
  .ico-cmn-logo-kinorepi { background-image: url("img/sprite.png"); background-position: 0px -4185px; width: 83px; height: 28px; background-size: 216px 6033px; }
  .ico-cmn-logo-kinorepi-footer { background-image: url("img/sprite.png"); background-position: 0px -4137px; width: 128px; height: 43px; background-size: 216px 6033px; }
  .ico-cmn-q { background-image: url("img/sprite.png"); background-position: 0px -5302px; width: 15px; height: 19px; background-size: 216px 6033px; }
  .ico-cmn-a { background-image: url("img/sprite.png"); background-position: 0px -1467px; width: 15px; height: 18px; background-size: 216px 6033px; }
  .ico-cmn-ir { background-image: url("img/sprite.png"); background-position: 0px -3641px; width: 29px; height: 30px; background-size: 216px 6033px; }
  .ico-cmn-facebook { background-image: url("img/sprite.png"); background-position: 0px -2498px; width: 32px; height: 32px; background-size: 216px 6033px; }
  .ico-cmn-facebook-btn { background-image: url("img/sprite.png"); background-position: 0px -2600px; width: 100px; height: 25px; background-size: 216px 6033px; }
  .ico-cmn-facebook-04 { background-image: url("img/sprite.png"); background-position: 0px -2630px; width: 10px; height: 21px; background-size: 216px 6033px; }
  .ico-cmn-twitter { background-image: url("img/sprite.png"); background-position: 0px -5762px; width: 32px; height: 32px; background-size: 216px 6033px; }
  .ico-cmn-twitter-btn { background-image: url("img/sprite.png"); background-position: 0px -5864px; width: 100px; height: 25px; background-size: 216px 6033px; }
  .ico-cmn-twitter-04 { background-image: url("img/sprite.png"); background-position: 0px -5894px; width: 21px; height: 17px; background-size: 216px 6033px; }
  .ico-cmn-instagram { background-image: url("img/sprite.png"); background-position: 0px -3584px; width: 32px; height: 32px; background-size: 216px 6033px; }
  .ico-cmn-home { background-image: url("img/sprite.png"); background-position: 0px -2821px; width: 14px; height: 12px; background-size: 216px 6033px; }
  .ico-cmn-menu { background-image: url("img/sprite.png"); background-position: 0px -4393px; width: 46px; height: 55px; background-size: 216px 6033px; }
  .ico-cmn-menu-cr { background-image: url("img/sprite.png"); background-position: 0px -4453px; width: 46px; height: 55px; background-size: 216px 6033px; }
  .ico-cmn-menu-04 { background-image: url("img/sprite.png"); background-position: 0px -4633px; width: 20px; height: 14px; background-size: 216px 6033px; }
  .ico-cmn-save-btn { background-image: url("img/sprite.png"); background-position: 0px -5368px; width: 100px; height: 25px; background-size: 216px 6033px; }
  .ico-cmn-mypage-btn { background-image: url("img/sprite.png"); background-position: 0px -4686px; width: 100px; height: 25px; background-size: 216px 6033px; }
  .ico-cmn-cut { background-image: url("img/sprite.png"); background-position: 0px -3741px; width: 36px; height: 36px; background-size: 216px 6033px; }
  .ico-cmn-boil { background-image: url("img/sprite.png"); background-position: 0px -3782px; width: 36px; height: 41px; background-size: 216px 6033px; }
  .ico-cmn-pagetop-02 { background-image: url("img/sprite.png"); background-position: 0px -4862px; width: 50px; height: 51px; background-size: 216px 6033px; }
  .ico-cmn-home-product-01 { background-image: url("img/sprite.png"); background-position: 0px -2882px; width: 35px; height: 39px; background-size: 216px 6033px; }
  .ico-cmn-home-product-02 { background-image: url("img/sprite.png"); background-position: 0px -2971px; width: 61px; height: 40px; background-size: 216px 6033px; }
  .ico-cmn-home-product-03 { background-image: url("img/sprite.png"); background-position: 0px -3060px; width: 49px; height: 39px; background-size: 216px 6033px; }
  .ico-cmn-home-product-04 { background-image: url("img/sprite.png"); background-position: 0px -3151px; width: 49px; height: 42px; background-size: 216px 6033px; }
  .ico-cmn-home-product-05 { background-image: url("img/sprite.png"); background-position: 0px -3243px; width: 55px; height: 40px; background-size: 216px 6033px; }
  .ico-cmn-home-product-06 { background-image: url("img/sprite.png"); background-position: 0px -3333px; width: 60px; height: 40px; background-size: 216px 6033px; }
  .ico-cmn-home-product-07 { background-image: url("img/sprite.png"); background-position: 0px -3424px; width: 47px; height: 41px; background-size: 216px 6033px; }
  .ico-cmn-home-product-08 { background-image: url("img/sprite.png"); background-position: 0px -3516px; width: 59px; height: 41px; background-size: 216px 6033px; }
  .ico-cmn-home-product-09 { background-image: url(index/img/img_honshimeji.png); background-position: center center; width: 55px; height: 41px; }
  .ico-cmn-home-product-10 { background-image: url(index/img/img_donko.png); background-position: center center; width: 55px; height: 41px; }
  .ico-cmn-play-01 { background-image: url("img/sprite.png"); background-position: 0px -4973px; width: 23px; height: 23px; background-size: 216px 6033px; }
  .ico-cmn-play-02 { background-image: url("img/sprite.png"); background-position: 0px -5046px; width: 48px; height: 48px; background-size: 216px 6033px; }
  .ico-cmn-clock { background-image: url("img/sprite.png"); background-position: 0px -1891px; width: 12px; height: 12px; background-size: 216px 6033px; }
  .ico-cmn-energy { background-image: url("img/sprite.png"); background-position: 0px -2395px; width: 9px; height: 14px; background-size: 216px 6033px; }
  .ico-cmn-clip { background-image: url("img/sprite.png"); background-position: 0px -1803px; width: 20px; height: 19px; background-size: 216px 6033px; }
  .ico-cmn-folder { background-image: url("img/sprite.png"); background-position: 0px -2696px; width: 20px; height: 16px; background-size: 216px 6033px; }
  .ico-cmn-write { background-image: url("img/sprite.png"); background-position: 0px -6012px; width: 21px; height: 21px; background-size: 216px 6033px; }
  .ico-cmn-cooked { background-image: url("img/sprite.png"); background-position: 0px -2043px; width: 17px; height: 17px; background-size: 216px 6033px; }
  .ico-cmn-help-02 { background-image: url("img/sprite.png"); background-position: 0px -2755px; width: 13px; height: 14px; background-size: 216px 6033px; }
  .ico-cmn-chinami { background-image: url("img/sprite.png"); background-position: 0px -1682px; width: 14px; height: 31px; background-size: 216px 6033px; }
  .ico-cmn-present { background-image: url("img/sprite.png"); background-position: 0px -5218px; width: 18px; height: 23px; background-size: 216px 6033px; }
  .ico-cmn-kinoko-02 { background-image: url("img/sprite.png"); background-position: 0px -3867px; width: 11px; height: 12.5px; background-size: 216px 6033px; }
  .ico-cmn-kinorepi { background-image: url("img/sprite.png"); background-position: 0px -3884px; width: 115px; height: 38px; background-size: 216px 6033px; }
  .ico-cmn-kinorepi-02 { background-image: url("img/sprite.png"); background-position: 0px -3927px; width: 43px; height: 36px; background-size: 216px 6033px; }
  .ico-cmn-choice { background-image: url("img/sprite.png"); background-position: 0px -1753px; width: 26px; height: 30px; background-size: 216px 6033px; }
  .ico-cmn-bunashimeji-02 { background-image: url("img/sprite.png"); background-position: 0px -1583px; width: 39px; height: 32px; background-size: 216px 6033px; }
  .ico-cmn-bunapi-02 { background-image: url("img/sprite.png"); background-position: 0px -1518px; width: 41px; height: 32px; background-size: 216px 6033px; }
  .ico-cmn-maitake-02 { background-image: url("img/sprite.png"); background-position: 0px -4361px; width: 42px; height: 27px; background-size: 216px 6033px; }
  .ico-cmn-eringi-02 { background-image: url("img/sprite.png"); background-position: 0px -2440px; width: 35px; height: 31px; background-size: 216px 6033px; }
  .ico-cmn-shimofurihiratake-02 { background-image: url("img/sprite.png"); background-position: 0px -5490px; width: 42px; height: 29px; background-size: 216px 6033px; }
}



/* レシピ詳細のきのこアイコン差し替え指示。めんどくさいので再設定。
---------------------------------------------------------- */

.ico-cmn-eringi-02,
.ico-cmn-bunashimeji-02,
.ico-cmn-bunapi-02,
.ico-cmn-maitake-02,
.ico-cmn-shimofurihiratake-02,
.ico-cmn-shimeji-02,
.ico-cmn-donko-02,
.ico-cmn-shiitake-02,
.ico-cmn-kansoshiitake-02 {
    width: 58px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto ;
}

.ico-cmn-eringi-02 {
    background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_04.png);
    background-size: auto 100%;
    width: 46px;
}
.ico-cmn-bunashimeji-02 {
    background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_01.png);
}
.ico-cmn-bunapi-02 {
    background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_02.png);
}
.ico-cmn-maitake-02 {
    background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_03.png);
}
.ico-cmn-shimofurihiratake-02 {
    background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_05.png);
}
.ico-cmn-shimeji-02 {
    background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_07.png);
}
.ico-cmn-shiitake-02 {
    background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_08.png);
}
.ico-cmn-donko-02 {
    background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_09.png);
    background-size: auto 100%;
    width: 46px;
}
.ico-cmn-kansoshiitake-02 {
    background-image: url(/z0y6LaZKWu/wp-content/themes/hokuto2017/index/img/img_kinoko_recipe_slide_10.png);
    background-size: auto 100%;
    width: 46px;
}








@media screen and (max-width: 767px) {
    .ico-cmn-eringi-02,
    .ico-cmn-bunashimeji-02,
    .ico-cmn-bunapi-02,
    .ico-cmn-maitake-02,
    .ico-cmn-shimofurihiratake-02 {
        width: 46px;
        height: 40px;
    }



    .ico-cmn-eringi-02 {
        background-size: auto 100%;
        width: 36px;
    }
}



/* ico-cmn-dot
---------------------------------------------------------- */
.ico-cmn-dot { display: block; position: relative; padding-left: 17px; text-decoration: none; }

.ico-cmn-dot-normal { position: relative; padding-left: 1em; }

.ico-cmn-dot-normal:before { position: absolute; content: '・'; left: 0; top: 0; }

.ico-cmn-dot.s-dot-center:before { top: 0; bottom: 0; margin: auto; }

.ico-cmn-dot.s-gray:before { background-color: #b2b2b2; }

@media screen and (max-width: 767px) { .ico-cmn-dot { padding-left: 14px; } }

.ico-cmn-dot:before { content: ''; position: absolute; left: 0; top: 0.5em; width: 10px; height: 10px; border-radius: 50%; background-color: #408d7a; }

@media screen and (max-width: 767px) { .ico-cmn-dot:before { top: 0.4em; } }

/* ico-cmn-square
---------------------------------------------------------- */
.ico-cmn-square { position: relative; padding-left: 17px; text-decoration: none; }

.ico-cmn-square-normal { position: relative; padding-left: 1em; }

.ico-cmn-square-normal:before { position: absolute; content: '・'; left: 0; top: 0; }

.ico-cmn-square.s-square-center:before { top: 0; bottom: 0; margin: auto; }

.ico-cmn-square.s-green:before { background-color: #408d7a; }

@media screen and (max-width: 767px) { .ico-cmn-square { padding-left: 14px; } }

.ico-cmn-square:before { content: ''; position: absolute; left: 0; top: 0.45em; width: 12px; height: 12px; background-color: #b2b2b2; }

@media screen and (max-width: 767px) { .ico-cmn-square:before { top: 0.4em; width: 10px; height: 10px; } }

/* ico-cmn-txt
---------------------------------------------------------- */
.ico-cmn-txt { margin-left: 20px; }

/* ico-cmn-mark
---------------------------------------------------------- */
.ico-cmn-mark { display: inline-block; padding: 2px 7px; line-height: 1.2; background-color: #80b3a6; border-radius: 4px; color: #fff; text-decoration: none; }

@media screen and (max-width: 767px) { .ico-cmn-mark { display: inline; padding: 0; background: none; text-decoration: underline; color: inherit; } }

.ico-cmn-mark-right { margin-left: 12px; }

/* ico-cmn-any & required
---------------------------------------------------------- */
.ico-cmn-any, .ico-cmn-required { width: 58px; display: inline-block; padding: 2px 2px; border-radius: 3px; line-height: 1.2; color: #fff; font-weight: normal; text-align: center; font-size: 14px; text-decoration: none; }

@media screen and (max-width: 767px) { .ico-cmn-any, .ico-cmn-required { width: 34px; font-size: 10px; } }

.ico-cmn-any { background-color: #b2b2b2; }

.ico-cmn-required { background-color: #d92100; }

/* ico-cut & boil
---------------------------------------------------------- */
.ico-cmn-cut, .ico-cmn-boil { margin: 0 20px 0 8px; display: inline-block; }

.ico-cmn-boil { margin: 0 20px 0 8px; display: inline-block; }

@media screen and (max-width: 767px) { .ico-cmn-cut, .ico-cmn-boil { margin: 0 14px 0 5px; } }

/* icon-home-product
---------------------------------------------------------- */
.ico-cmn-home-product-01, .ico-cmn-home-product-02, .ico-cmn-home-product-03, .ico-cmn-home-product-04, .ico-cmn-home-product-05, .ico-cmn-home-product-06, .ico-cmn-home-product-07, .ico-cmn-home-product-08, .ico-cmn-home-product-09, .ico-cmn-home-product-10 { display: inline-block; position: relative; margin: -18px 0 10px; }

.ico-cmn-home-product-02 { margin: -16px 0 8px; }

.ico-cmn-home-product-03 { margin: -16px 0 10px; }

.ico-cmn-home-product-04 { margin: -16px 0 6px; }

@media screen and (max-width: 767px) { .ico-cmn-home-product-01, .ico-cmn-home-product-02, .ico-cmn-home-product-03, .ico-cmn-home-product-04, .ico-cmn-home-product-05, .ico-cmn-home-product-06, .ico-cmn-home-product-07, .ico-cmn-home-product-08, .ico-cmn-home-product-09, .ico-cmn-home-product-10 { display: inline-block; position: relative; margin: 0 0 10px; } }

/* ==========================================================
 lightslider
========================================================== */
/*! lightslider - v1.1.6 - 2016-10-25 https://github.com/sachinchoolur/lightslider Copyright (c) 2016 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14 https://github.com/sachinchoolur/lightslider Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.lSSlideOuter {
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,0.3);
  border-bottom: 1px solid rgba(255,255,255,0.3);
  margin-bottom: 15px;
}

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

.lightSlider { overflow: hidden; }

.lSSlideWrapper { max-width: 100%; position: relative; }

.lSSlideWrapper > .lightSlider:after { clear: both; }

.lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; transition-duration: inherit !important; transition-timing-function: inherit !important; }

.lSSlideWrapper .lSFade { position: relative; }

.lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; }

.lSSlideWrapper.usingCss .lSFade > * { opacity: 0; transition-delay: 0s; transition-duration: inherit !important; transition-property: opacity; transition-timing-function: inherit !important; }

.lSSlideWrapper .lSFade > *.active { z-index: 10; }

.lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; }

/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg { margin: 10px 0 10px 0; padding: 0; text-align: center; }

@media screen and (max-width: 767px) { .lSSlideOuter .lSPager.lSpg { margin: 10px 0 10px 0;} }



.lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; }

.lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; }

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; }

.lSSlideOuter .media { opacity: 0.8; }

.lSSlideOuter .media.active { opacity: 1; }

/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.lSSlideOuter .lSPager.lSGallery li { overflow: hidden; transition: border-radius 0.12s linear 0s 0.35s linear 0s; }

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; }

.lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; }

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; }

.lSSlideOuter .lSPager.lSGallery:after { clear: both; }

/* End of Gallery*/
/* slider actions */
.lSAction > a { display: block; top: 0; bottom: 0; margin: auto; cursor: pointer; position: absolute; z-index: 99; }

.lSAction > a:hover { opacity: 0.75; }

.lSAction > .lSPrev { background-position: 0 0; left: 10px; }

.lSAction > .lSNext { background-position: -32px 0; right: 10px; }

.lSAction > a.disabled { pointer-events: none; }

.cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }

/* vertical */
.lSSlideOuter.vertical { position: relative; }

.lSSlideOuter.vertical.noPager { padding-right: 0px !important; }

.lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; }

.lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; }

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; }

.lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; }

.lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; }

/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl { direction: rtl; }

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; }

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; }

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; }

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; }

/* Rtl */
@-webkit-keyframes rightEnd { 0% { left: 0; }
  50% { left: -15px; }
  100% { left: 0; } }

@keyframes rightEnd { 0% { left: 0; }
  50% { left: -15px; }
  100% { left: 0; } }

@-webkit-keyframes topEnd { 0% { top: 0; }
  50% { top: -15px; }
  100% { top: 0; } }

@keyframes topEnd { 0% { top: 0; }
  50% { top: -15px; }
  100% { top: 0; } }

@-webkit-keyframes leftEnd { 0% { left: 0; }
  50% { left: 15px; }
  100% { left: 0; } }

@keyframes leftEnd { 0% { left: 0; }
  50% { left: 15px; }
  100% { left: 0; } }

@-webkit-keyframes bottomEnd { 0% { bottom: 0; }
  50% { bottom: -15px; }
  100% { bottom: 0; } }

@keyframes bottomEnd { 0% { bottom: 0; }
  50% { bottom: -15px; }
  100% { bottom: 0; } }

.lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }

.lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }

.lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; }

.lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; }

.lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }

.lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }

/*/	GRab cursor */
.lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }

.lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }

/* add style
---------------------------------------------------------- */
/* mod-cmn-topic-slider */
.mod-cmn-topic-slider .lSPager.lSpg > li { padding: 0 4px; }

.mod-cmn-topic-slider .lSPager.lSpg > li a { width: 7px; height: 7px; background-color: #e5e5e5; }

.mod-cmn-topic-slider .lSPager.lSpg > li:hover a, .mod-cmn-topic-slider .lSPager.lSpg > li.active a { background-color: #ffaf00; }

.mod-cmn-topic-slider .lSAction > .lSPrev, .mod-cmn-topic-slider .lSAction > .lSNext { background-image: url(img/sprite.png); background-position: 0px -358px; width: 10px; height: 16px; top: auto; bottom: -29px; }

.mod-cmn-topic-slider .lSAction > .lSPrev { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/* mod-cmn-slider */
.mod-cmn-slider { position: relative; }

.mod-cmn-slider .lSPager.lSpg { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; }

.mod-cmn-slider .lSPager.lSpg > li { padding: 0 5px; line-height: 1; }

.mod-cmn-slider .lSPager.lSpg > li a { width: 14px; height: 14px; background-color: #c4c4c4; }

@media screen and (max-width: 767px) { .mod-cmn-slider .lSPager.lSpg > li a { width: 7px; height: 7px; } }

.mod-cmn-slider .lSPager.lSpg > li:hover a, .mod-cmn-slider .lSPager.lSpg > li.active a { background-color: #00674e; }

.mod-cmn-slider .lSAction > .lSPrev, .mod-cmn-slider .lSAction > .lSNext { background-image: url(img/sprite.png); background-position: 0px -358px; width: 10px; height: 16px; top: auto; bottom: -41px; }

.mod-cmn-slider .lSAction > .lSPrev { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/* mod-cmn-recommend-slider */
.mod-cmn-recommend-slider { position: relative; }

.mod-cmn-recommend-slider .lightSlider { overflow: visible; }

.mod-cmn-recommend-slider .lSPager.lSpg > li { padding: 0 5px; line-height: 1; }

.mod-cmn-recommend-slider .lSPager.lSpg > li a { width: 14px; height: 14px; background-color: #c4c4c4; }

@media screen and (max-width: 767px) { .mod-cmn-recommend-slider .lSPager.lSpg > li a { width: 7px; height: 7px; } }

.mod-cmn-recommend-slider .lSPager.lSpg > li:hover a, .mod-cmn-recommend-slider .lSPager.lSpg > li.active a { background-color: #00674e; }

.mod-cmn-recommend-slider .lSAction > .lSPrev, .mod-cmn-recommend-slider .lSAction > .lSNext { position: absolute; display: block; content: ''; width: 15px; height: 25px; top: 50%; margin: -10px 0 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mod-cmn-recommend-slider .lSAction > .lSPrev { left: 5px; background-image: url("img/sprite.png"); background-position: 0px -5564px; width: 15px; height: 25px; background-size: 216px 6033px; }

.mod-cmn-recommend-slider .lSAction > .lSNext { right: 5px; background-image: url("img/sprite.png"); background-position: 0px -5611px; width: 15px; height: 25px; background-size: 216px 6033px; }

/* ==========================================================
 easyselectbox
========================================================== */
/* Core CSS. Do not edit unless your sure */
.easy-select-box { display: inline-block; position: relative; outline: none; }

@media screen and (max-width: 767px) { .easy-select-box { display: none; } }

.easy-select-box .esb-dropdown { position: absolute; top: 100%; left: 0; z-index: 99; display: none; }

/* Default Presentation CSS. You can edit appearance here or create a custom class below */
.easy-select-box { width: 124px; text-align: left; font-size: 15px; }

@media screen and (max-width: 767px) { .easy-select-box { width: 86px; font-size: 10px; } }

.easy-select-box .esb-displayer { position: relative; background-color: #999; color: #fff; padding: 0 30px 0 12px; height: 30px; line-height: 30px; cursor: pointer; border-radius: 3px; }

.easy-select-box .esb-displayer:hover { opacity: 0.75; }

@media screen and (max-width: 767px) { .easy-select-box .esb-displayer { cursor: default; height: 20px; line-height: 20px; padding: 0 20px 0 10px; } }

.easy-select-box .esb-displayer:before { content: ''; position: absolute; top: 0; bottom: 0; right: 28px; width: 1px; height: 18px; margin: auto; background-color: #ccc; }

@media screen and (max-width: 767px) { .easy-select-box .esb-displayer:before { right: 20px; height: 12px; } }

.easy-select-box .esb-displayer:after { content: ''; position: absolute; top: 0; bottom: 0; right: 11px; margin: auto; background-image: url(img/sprite.png); background-position: 0px -560px; width: 8px; height: 8px; }

@media screen and (max-width: 767px) { .easy-select-box .esb-displayer:after { right: 7px; background-image: url("img/sprite.png"); background-position: 0px -289px; width: 6px; height: 5px; background-size: 216px 6033px; } }

.easy-select-box.focused .esb-displayer { border-radius: 3px 3px 0 0; }

.easy-select-box .esb-dropdown { width: 124px; max-height: 200px; overflow: auto; background-color: #ededed; border-radius: 0 0 3px 3px; }

@media screen and (max-width: 767px) { .easy-select-box .esb-dropdown { width: 86px; } }

.easy-select-box .esb-dropdown .esb-item { padding: 3px; background-color: #ededed; color: #808080; cursor: default; text-align: center; }

.easy-select-box .esb-dropdown .esb-item:first-child { display: none; }

@media screen and (max-width: 767px) { .easy-select-box .esb-dropdown .esb-item { padding: 2px; } }

.easy-select-box .esb-dropdown .esb-item:hover { opacity: 0.75; }

/* Custom Presentation CSS. You can edit appearance here */
.easy-select-box-nice { text-align: left; color: #0c2245; min-width: 200px; }

.easy-select-box-nice .esb-displayer { background: url(images/bg-select-2.png) no-repeat right 0; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 0 5px; height: 37px; line-height: 37px; cursor: default; border-radius: 10px; }

.easy-select-box-nice:hover .esb-displayer { background-position: right -37px; }

.easy-select-box-nice.disabled .esb-displayer, .easy-select-box-nice:hover.disabled .esb-displayer { background-position: right -74px; color: #ccc; }

.easy-select-box-nice .esb-dropdown { border: 1px solid #cccccc; background: #FFFFFF; }

.easy-select-box-nice .esb-dropdown .esb-item { padding: 3px 5px; cursor: default; }

.easy-select-box-nice .esb-dropdown .esb-item:hover { background: #3399ff; color: #FFFFFF; }

.form-cmn-easyselect { margin-top: 66px; }

.form-cmn-easyselect:first-child { margin-top: 0; }

@media screen and (max-width: 767px) { .form-cmn-easyselect .js-easyselect { display: block !important; width: 86px; height: 20px; line-height: 20px; padding: 0 20px 0 10px; border: none; background: #999 url("img/ico_select_01@2x.png") right 7px center no-repeat; background-size: 13px auto; color: #fff; cursor: default; border-radius: 3px; font-size: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } }

/* ==========================================================
 boxer
========================================================== */
/*  Boxer v3.3.0 - 2015-04-04  A jQuery plugin for displaying images, videos or content in a modal overlay. Part of the Formstone Library.  http://classic.formstone.it/boxer/  Copyright 2015 Ben Plum; MIT Licensed  */
.boxer-lock { overflow: hidden !important; }

#boxer-overlay { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: #000; opacity: 0; transition: opacity .25s linear; }

.boxer-open #boxer-overlay { opacity: .75; }

#boxer { width: 200px; height: 200px; position: absolute; right: 0; left: 0; z-index: 101; background: #fff; border-radius: 3px; box-shadow: 0 0 25px #000; opacity: 0; margin: 0 auto; padding: 10px; }

#boxer * { transition: none; }

#boxer, #boxer * { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }

#boxer, #boxer *, #boxer :before, #boxer :after { box-sizing: border-box; }

#boxer.fixed { position: fixed; top: 0; bottom: 0; margin: auto; }

#boxer.inline { padding: 30px; }

#boxer.animating { transition: height .25s ease,width .25s ease,opacity .25s linear,top .25s ease; }

#boxer.animating .boxer-container { transition: opacity .25s linear .25s; }

.boxer-open #boxer { opacity: 1; }

#boxer.loading .boxer-container { opacity: 0; transition: opacity .25s linear; }

#boxer .boxer-close { width: 30px; height: 30px; position: absolute; top: -7.5px; right: -7.5px; z-index: 105; background: #fff; border-radius: 100%; cursor: pointer; display: block; overflow: hidden; padding: 0; text-indent: 200%; white-space: nowrap; }

#boxer .boxer-close:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #333; content: "\00d7"; display: block; font-size: 22px; font-weight: 700; line-height: 30px; margin: auto; text-align: center; text-indent: 0; transition: color .15s linear; }

.no-opacity #boxer .boxer-close { text-indent: -999px; }

#boxer .boxer-loading { width: 50px; height: 50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 105; display: block; margin: auto; opacity: 0; transition: opacity .25s linear; }

#boxer .boxer-loading:before, #boxer .boxer-loading:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 110%; content: ''; display: block; }

#boxer .boxer-loading:before { border: 5px solid rgba(51, 51, 51, 0.25); }

#boxer .boxer-loading:after { -webkit-animation: boxer-loading-spin .75s linear infinite; animation: boxer-loading-spin .75s linear infinite; border: 5px solid transparent; border-top-color: #333; }

#boxer.loading .boxer-loading { opacity: 1; }

@-webkit-keyframes boxer-loading-spin { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes boxer-loading-spin { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

#boxer .boxer-container { width: 100%; height: 100%; position: relative; z-index: 103; background: #fff; overflow: hidden; }

#boxer .boxer-content { width: 100%; background: #fff; opacity: 1; overflow: hidden; padding: 0; }

#boxer.inline .boxer-content, #boxer.iframe .boxer-content { width: auto; }

#boxer .boxer-image { float: left; }

#boxer .boxer-video { width: 100%; height: 100%; }

#boxer .boxer-iframe { width: 100%; height: 100%; border: none; float: left; overflow: auto; }

#boxer .boxer-meta { clear: both; }

#boxer .boxer-control { width: 40px; height: 40px; position: absolute; top: 0; background: #fff; border-radius: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); cursor: pointer; display: block; margin-right: auto; margin-left: auto; opacity: 1; overflow: hidden; text-indent: 200%; transition: opacity .15s linear; white-space: nowrap; }

#boxer .boxer-control:before { width: 0; height: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; margin: auto; }

#boxer .boxer-control.previous { left: 20px; }

#boxer .boxer-control.previous:before { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10.4px solid #333; margin-left: 14px; }

#boxer .boxer-control.next { right: 20px; }

#boxer .boxer-control.next:before { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10.4px solid #333; margin-right: 14px; }

#boxer .boxer-control.disabled { opacity: 0; }

.no-opacity #boxer .boxer-control { text-indent: -999px; }

.no-touch #boxer .boxer-control { opacity: 0; }

.no-touch #boxer:hover .boxer-control { opacity: 1; }

.no-touch #boxer:hover .boxer-control.disabled { opacity: 0; cursor: default !important; }

#boxer .boxer-meta { padding: 10px 0 0 0; }

#boxer .boxer-position { color: #999; font-size: 12px; margin: 0; padding: 15px 15px 0 15px; }

#boxer .boxer-caption p { color: #666; font-size: 14px; margin: 0; padding: 15px; }

#boxer .boxer-caption.gallery p { padding-top: 0; }

#boxer .boxer-error { width: 250px; }

#boxer .boxer-error p { color: #900; font-size: 14px; margin: 0; padding: 25px; text-align: center; text-transform: uppercase; }

#boxer.mobile { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #111; border-radius: 0; padding: 40px 0 0; }

#boxer.mobile .boxer-close, #boxer.mobile .boxer-close:hover { height: 40px; width: 40px; top: 0; right: 0; background: #111; border-radius: 0; }

#boxer.mobile .boxer-close:before, #boxer.mobile .boxer-close:hover:before { color: #ccc; font-size: 28px; font-weight: 700; line-height: 40px; }

#boxer.mobile .boxer-loading:before { border-color: rgba(153, 153, 153, 0.25); }

#boxer.mobile .boxer-loading:after { border-top-color: #999; }

#boxer.mobile .boxer-container { background: #111; }

#boxer.mobile .boxer-content { background-color: #111; }

#boxer.mobile .boxer-control { width: 50px; height: 100%; background: #111; border-radius: 0; box-shadow: none; opacity: 1; }

#boxer.mobile .boxer-control.previous { left: 0; }

#boxer.mobile .boxer-control.previous:before { border-right-color: #eee; margin-left: 19px; }

#boxer.mobile .boxer-control.next { right: 0; }

#boxer.mobile .boxer-control.next:before { border-left-color: #eee; margin-right: 19px; }

.no-touch #boxer.mobile .boxer-control, .no-touch #boxer.mobile:hover .boxer-control { opacity: 1; }

.no-touch #boxer.mobile .boxer-control.disabled, .no-touch #boxer.mobile:hover .boxer-control.disabled { opacity: 0; cursor: default !important; }

#boxer.mobile .boxer-meta { width: 100%; position: absolute; right: 0; bottom: 0; left: 0; background-color: #111; padding: 15px 65px; }

#boxer.mobile .boxer-position { color: #999; font-size: 12px; margin: 0; padding: 0 15px 0 0; }

#boxer.mobile .boxer-caption p { color: #eee; font-size: 14px; margin: 0; padding: 0; }

#boxer.mobile .boxer-image { transition: none !important; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

#boxer.mobile.animated .boxer-image { transition: -webkit-transform 0.25s ease-out !important; transition: transform 0.25s ease-out !important; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out !important; }

#boxer.mobile.inline .boxer-content, #boxer.mobile.iframe .boxer-content { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

/* ==========================================================
 helper
========================================================== */
/* clearfix
---------------------------------------------------------- */
.clearfix:after, .mod-cmn-sns:after { content: ''; display: block; clear: both; }

/* generic style
---------------------------------------------------------- */
.s-adjust { width: 100%; }

.s-actual { width: auto !important; max-width: 100% !important; }

.s-bold { font-weight: bold; }

.s-nowrap { white-space: nowrap; }

.s-left, .s-left-pc-center-sp { text-align: left; }

.s-center, .s-center-pc { text-align: center; }

.s-right, .s-right-pc { text-align: right; }

.s-top { vertical-align: top; }

.s-middle { vertical-align: middle; }

.s-bottom { vertical-align: bottom; }

@media screen and (max-width: 767px) { .s-left-pc-center-sp { text-align: center; }
  .s-center-sp { text-align: center; }
  .s-right-sp { text-align: right; }
  .s-center-pc, .s-right-pc { text-align: left; } }

/* text style
---------------------------------------------------------- */
.s-under-line { text-decoration: underline; }

.s-no-under-line { text-decoration: none; }

/* font-family
---------------------------------------------------------- */
.s-matisse-m { font-family: "FOT-マティス Pro M", "MatissePro-M"; }

.s-matisse-db { font-family: "FOT-マティス Pro DB", "MatissePro-DB"; }

/* text color
---------------------------------------------------------- */
.s-txt-green { color: #00674e; }

.s-txt-gray { color: #808080; }

.s-txt-yellow { color: #ffaf00; }

.s-txt-pink { color: #ed77ac; }

.s-txt-red { color: #d92100; }

/* layout style
---------------------------------------------------------- */
.s-core { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

@media screen and (max-width: 767px) { .s-edge { width: auto; border-left: none; border-right: none; margin-left: -5px; margin-right: -5px; } }

/* rwd switch
---------------------------------------------------------- */
.only-sp { display: none; }

@media screen and (max-width: 767px) { .only-pc { display: none; }
  .only-sp { display: block; }
  .only-spimg { display: inline-block; } }

/* tool
---------------------------------------------------------- */
.atode { padding: 10px; border: 2px solid #8c0000; background-color: #ff4d4d; color: #fff; font-size: 30px; text-align: center; }

/* ==========================================================
 mCustomScrollBar
========================================================== */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/* CONTENTS:  1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).  2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.  3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.  5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }

.mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; }

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container { margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; padding: 0 15px; }

.mCSB_outside + .mCSB_scrollTools { right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 24px; }

@media screen and (max-width: 767px) { .mCSB_scrollTools .mCSB_draggerContainer { height: 12px; padding: 0 15px; } }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; padding: 0 15px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 10px; left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 5px; margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*  ---------------------------------------- 6.1 THEMES  ---------------------------------------- */
/* default theme ("light") */
.mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /*  sprites locations  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ }

.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /*  sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ }

.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /*  sprites locations  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ }

.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /*  sprites locations  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ }

.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 12px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 12px; margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 12px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 4px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; }

.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 12px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 12px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 12px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
/* ==========================================================
 bxslider
========================================================== */
.bx-wrapper { position: relative; padding: 0; -ms-touch-action: pan-y; touch-action: pan-y; }

.bx-wrapper img { max-width: 100%; display: block; }

.bxslider { margin: 0; padding: 0; }

ul.bxslider { list-style: none; }

.bx-viewport { -webkit-transform: translatez(0); }

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

.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #000; }

.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; }

.bx-wrapper .bx-pager-item { display: inline-block; vertical-align: bottom; font-size: 0; line-height: 0; }

.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) 0 -32px no-repeat; }

.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) -43px -32px no-repeat; }

.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover { background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }

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

.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

/* mod-fixed-infomation
---------------------------------------------------------- */
.mod-fixed-infomation { display: block; position: fixed; left: 200px; width: calc(100% - 200px); z-index: 100; transition: bottom .4s; }

.mod-fixed-infomation.is-active { bottom: 0 !important; transition: bottom .4s; }

.mod-fixed-infomation.is-active .mod-fixed-infomation-lead { opacity: 1; }

.mod-fixed-infomation-button { width: 67px; border-radius: 5px 5px 0 0; margin-left: 20px; text-align: center; padding: 4px 0; background: rgba(0, 0, 0, 0.8); cursor: pointer; }

.mod-fixed-infomation-area { position: relative; }

.mod-fixed-infomation-lead { background: rgba(0, 0, 0, 0.8); padding: 15px 50px 15px 28px; overflow: hidden; opacity: 0; /*IE11*/ }

@media all and (-ms-high-contrast: none) { .mod-fixed-infomation-lead *::-ms-backdrop, .mod-fixed-infomation-lead { margin-top: -1px; } }

.mod-fixed-infomation-lead a { color: #fff; text-decoration: none; line-height: 1.5; }

.mod-fixed-infomation-lead a:hover { text-decoration: underline; }

.mod-fixed-infomation-lead .date { color: #fff; margin-right: 30px; line-height: 1.5; }

.mod-fixed-infomation-lead .text { overflow: hidden; }

.mod-fixed-infomation-close { position: absolute; top: 13px; right: 30px; width: 14px; height: 14px; cursor: pointer; }

@media screen and (max-width: 1024px) { .mod-fixed-infomation { left: 0; width: 100%; } }

@media screen and (max-width: 767px) { .mod-fixed-infomation { display: none; } }

/* ==========================================================
 icon caption
========================================================== */
/*アイコンによってpositionの位置変更*/
.ico-2-2 { top: 7px; left: 7px; }

.ico-2-3 { top: 5px; left: 3px; }

.ico-3-3 { top: 7px; left: 3px; }

/* ==========================================================
 scientific small text
========================================================== */
.shitatuki {
    font-size: 0.7em;
    vertical-align: sub;
}

.italic {
    font-style: italic;
}

/* ==========================================================
 テーブル幅調整
========================================================== */
@media screen and (max-width: 767px) { th.width8character { width: 40%!important;} }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlLmNzcyIsImJhc2UvX3ZhcmlhYmxlLnNjc3MiLCJiYXNlL19taXhpbi5zY3NzIiwiYmFzZS9fa2V5ZnJhbWVzLnNjc3MiLCJiYXNlL19yZXNldC5zY3NzIiwiYmFzZS9fc2VsZWN0b3Iuc2NzcyIsImxheW91dC9faGVhZGVyLnNjc3MiLCJsYXlvdXQvX2Zvb3Rlci5zY3NzIiwiYmFzZS9fc3ByaXRlLnNjc3MiLCJsYXlvdXQvX2NvbnRlbnRzLnNjc3MiLCJtb2R1bGUvX2NvbnRlbnQuc2NzcyIsIm1vZHVsZS9fbmF2aS5zY3NzIiwibW9kdWxlL19hcmVhLnNjc3MiLCJtb2R1bGUvX3NlY3Rpb24uc2NzcyIsIm1vZHVsZS9fZ3JpZC5zY3NzIiwibW9kdWxlL19oZXJvLnNjc3MiLCJtb2R1bGUvX3RpdGxlLnNjc3MiLCJtb2R1bGUvX2xpbmsuc2NzcyIsIm1vZHVsZS9fbGlzdC5zY3NzIiwibW9kdWxlL190YWJsZS5zY3NzIiwibW9kdWxlL19idXR0b24uc2NzcyIsIm1vZHVsZS9fYm94LnNjc3MiLCJtb2R1bGUvX21vZC5zY3NzIiwibW9kdWxlL190ZXh0LnNjc3MiLCJtb2R1bGUvX2ZpZ3VyZS5zY3NzIiwibW9kdWxlL19pbWFnZS5zY3NzIiwibW9kdWxlL19mb3JtLnNjc3MiLCJtb2R1bGUvX2ljb24uc2NzcyIsIm1vZHVsZS9fbGlnaHRzbGlkZXIuc2NzcyIsIm1vZHVsZS9fZWFzeXNlbGVjdGJveC5zY3NzIiwibW9kdWxlL19qcXVlcnkuZnMuYm94ZXIubWluLnNjc3MiLCJtb2R1bGUvX2hlbHBlci5zY3NzIiwibW9kdWxlL19qcXVlcnkubUN1c3RvbVNjcm9sbGJhci5zY3NzIiwibW9kdWxlL19qcXVlcnkuYnhzbGlkZXIuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUNDakI7OzZEQUU2RDtBQUM3RDs2REFDNkQ7QUFJTixPQUFPO0FBQ1AsT0FBTztBQUNKLE9BQU87QUFDVixPQUFPO0FBQ0EsT0FBTztBQUNKLE9BQU87QUFDZixPQUFPO0FBQ0osT0FBTztBQUNWLE9BQU87QUFDYSxRQUFRO0FBQ0wsUUFBUTtBQUNYLFFBQVE7QUFDUixRQUFRO0FBQ1IsUUFBUTtBQUNSLFFBQVE7QUFFckY7NkRBQzZEO0FBZ0M3RDs2REFDNkQ7QUEyRDdEOzZEQUM2RDtBQVc3RDs2REFDNkQ7QUFFN0Q7NkRBQzZEO0FBYzdEOzZEQUM2RDtBQVc3RDs2REFDNkQ7QUE0QjdEOzZEQUM2RDtBQUNuQyxXQUFXO0FBQ3JDOzZEQUM2RDtBQUk3RDs2REFDNkQ7QUFHN0Q7NkRBQzZEO0FDeE03RDs7NkRBRTZEO0FBQzdEOzZEQUM2RDtBQWdCN0Q7NkRBQzZEO0FBZ0I3RDs2REFDNkQ7QUN2QzdEOzs2REFFNkQ7QUFDN0Q7NkRBQzZEO0FBQzdELDhCQUNBLEtBQ0MsY0FBYTtJQUNiLFdBQVUsRUFBQTtFQUVYLEtBQ0MsZUFBYztJQUNkLFdBQVUsRUFBQTtFQUVYLE9BQ0MsZUFBYztJQUNkLFdBQVUsRUFBQSxFQUFBO0FBWFgsc0JBQ0EsS0FDQyxjQUFhO0lBQ2IsV0FBVSxFQUFBO0VBRVgsS0FDQyxlQUFjO0lBQ2QsV0FBVSxFQUFBO0VBRVgsT0FDQy













/* ==========================================================
    おすすめきのこレシピ
========================================================== */
.box-recipe-recommend h3 { margin-bottom: 20px; color: #603813; font-size: 22px; font-family: "FOT-筑紫A丸ゴシック Std D", "TsukuARdGothicStd-D"; }

.box-recipe-recommend .col { padding-bottom: 30px; }

.box-recipe-recommend .col a { display: block; text-decoration: none; }

.box-recipe-recommend .col a p { margin-top: 5px; font-size: 15px; font-family: "FOT-ロダン Pro DB", "RodinPro-DB"; line-height: 23px; }

@media screen and (max-width: 767px) { .box-recipe-recommend .ttl-recipe-recommend { margin-bottom: 0; font-size: 15px; }
    .box-recipe-recommend .col { margin: 0; padding: 0; width: 100%; }
    .box-recipe-recommend .col a { text-decoration: underline; }
    .box-recipe-recommend .col a .fig-cmn { display: none; }
    .box-recipe-recommend .col a p { margin-top: 0; font-size: 11px; line-height: 25px; } }





@media screen and (max-width: 767px) {


    .box-recipe-recommend{
        margin: 0 5px;
    }
    .box-recipe-recommend .grid-cmn{
        display: block;
    }

    .box-recipe-recommend .col{
        display: table;
        float: none;
        margin: 0;
        padding: 0;
        height: auto;
        min-height: 88px;
        border-top: 1px solid #d6d6d6;
        width: 100%;
        position: relative;
    }
    .box-recipe-recommend .col:last-of-type{
        border-bottom: 1px solid #d6d6d6;
    }

    .box-recipe-recommend .col a{
        display: table-cell;
        vertical-align: middle;
        text-decoration: none;
        padding: 8px 0 8px 118px;
        height: 88px;
    }

    .box-recipe-recommend .bgthm{
        display: block;
        float: none;
        position: absolute;
        padding: 0;
        margin: 0;
        height: 72px;
        width: 108px;
        box-sizing: border-box;
        top: 8px;
        left: 0;

    }


}






form.searchBox{
    display: block;
    margin: 15px 0 0 0;
    position: relative;
    border-bottom: 1px solid #d6d6d6;
}

form.searchBox .txt{
    display: block;
    margin: 0 0 0 0;
    border: 0 none;
    width: 100%;
}

form.searchBox .submit{
    display: block;
    width: 17px;
    height: 17px;
    margin: 0 0 0 0;
    background: url(img/ico_serchi.gif) no-repeat 0 0;
    position: absolute;
    top: 0;
    right: 0;
    border: 0 none;
    text-align: left;
    text-indent: -9999em;
}


@media screen and (max-width: 767px) {

    form.searchBox {
        display: none;
    }
}




.nav-cmn-global-topic small{
    display: block;

}






hr{
    background-color: #d9d9d9;
    height: 1px;
    margin: 30px 0;
    clear: both;
}


.bgImageNone{
  background-image: none!important;
}


ul.kome{
    list-style: none;
    padding: 0 0 0 1em;
    margin: 0;
}

ul.kome li{
    text-indent: -1em;
    margin-bottom: 5px;
}


@media screen and (max-width: 767px) {
    ul.kome li{
        font-size: 11px;
    }

}


/* ==========================================================
 フォーム機種依存文字注意文
========================================================== */
.mail-note p{
  font-size: 13px;
}
#mail-note-box{
  display: block;
  max-width: 450px;
  background-color: #fff;
  border: 2px solid #00674e;
  padding: 15px 20px;
  border-radius: 5px;
}