@charset "UTF-8";

/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
@font-face {
    font-family: 'FontAwesome';
    src: url("../css/vendor/font-awesome/font/fontawesome-webfont.eot?v=3.2.1");
    src: url("../css/vendor/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../css/vendor/font-awesome/font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../css/vendor/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../css/vendor/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none
}

.icon-large:before {
    vertical-align: -10%;
    font-size: 1.33333em
}

.mainframe_ a [class^="icon-"],
.mainframe_ a [class*=" icon-"] {
    display: inline
}

[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
    display: inline-block;
    width: 1.14286em;
    text-align: right;
    padding-right: 0.28571em
}

[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
    width: 1.42857em
}

.icons-ul {
    margin-left: 2.14286em;
    list-style-type: none
}

.icons-ul>li {
    position: relative
}

.icons-ul .icon-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    text-align: center;
    line-height: inherit
}

[class^="icon-"].hide,
[class*=" icon-"].hide {
    display: none
}

.icon-muted {
    color: #eee
}

.icon-light {
    color: #fff
}

.icon-dark {
    color: #333
}

.icon-border {
    border: solid 1px #eee;
    padding: .2em .25em .15em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.icon-2x {
    font-size: 2em
}

.icon-2x.icon-border {
    border-width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.icon-3x {
    font-size: 3em
}

.icon-3x.icon-border {
    border-width: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.icon-4x {
    font-size: 4em
}

.icon-4x.icon-border {
    border-width: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.icon-5x {
    font-size: 5em
}

.icon-5x.icon-border {
    border-width: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
    margin-right: .3em
}

[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
    margin-left: .3em
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0
}

.icon-white,
.nav-pills>.active>a>[class^="icon-"],
.nav-pills>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^="icon-"],
.nav-list>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^="icon-"],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^="icon-"],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>.active>a>[class^="icon-"],
.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^="icon-"],
.dropdown-submenu:hover>a>[class*=" icon-"] {
    background-image: none
}

.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
    line-height: .9em
}

.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
    display: inline-block
}

.nav-tabs [class^="icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class^="icon-"],
.nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
    line-height: .9em
}

.btn [class^="icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
    margin-top: .18em
}

.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
    line-height: .8em
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
    margin-top: .25em
}

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
    margin-top: 0
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-top: .05em
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
    margin-right: .2em
}

.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-left: .2em
}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
    line-height: inherit
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: -35%
}

.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: inherit;
    *line-height: 2em
}

.icon-stack .icon-stack-base {
    font-size: 2em;
    *line-height: 1em
}

.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

a .icon-stack,
a .icon-spin {
    display: inline-block;
    text-decoration: none
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.icon-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
}

.icon-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.icon-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.icon-flip-horizontal:before {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.icon-flip-vertical:before {
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
    display: inline-block
}

.icon-glass:before {
    content: "\f000"
}

.icon-music:before {
    content: "\f001"
}

.icon-search:before {
    content: "\f002"
}

.icon-envelope-alt:before {
    content: "\f003"
}

.icon-heart:before {
    content: "\f004"
}

.icon-star:before {
    content: "\f005"
}

.icon-star-empty:before {
    content: "\f006"
}

.icon-user:before {
    content: "\f007"
}

.icon-film:before {
    content: "\f008"
}

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

.icon-th:before {
    content: "\f00a"
}

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

.icon-ok:before {
    content: "\f00c"
}

.icon-remove:before {
    content: "\f00d"
}

.icon-zoom-in:before {
    content: "\f00e"
}

.icon-zoom-out:before {
    content: "\f010"
}

.icon-power-off:before,
.icon-off:before {
    content: "\f011"
}

.icon-signal:before {
    content: "\f012"
}

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

.icon-trash:before {
    content: "\f014"
}

.icon-home:before {
    content: "\f015"
}

.icon-file-alt:before {
    content: "\f016"
}

.icon-time:before {
    content: "\f017"
}

.icon-road:before {
    content: "\f018"
}

.icon-download-alt:before {
    content: "\f019"
}

.icon-download:before {
    content: "\f01a"
}

.icon-upload:before {
    content: "\f01b"
}

.icon-inbox:before {
    content: "\f01c"
}

.icon-play-circle:before {
    content: "\f01d"
}

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

.icon-refresh:before {
    content: "\f021"
}

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

.icon-lock:before {
    content: "\f023"
}

.icon-flag:before {
    content: "\f024"
}

.icon-headphones:before {
    content: "\f025"
}

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

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

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

.icon-qrcode:before {
    content: "\f029"
}

.icon-barcode:before {
    content: "\f02a"
}

.icon-tag:before {
    content: "\f02b"
}

.icon-tags:before {
    content: "\f02c"
}

.icon-book:before {
    content: "\f02d"
}

.icon-bookmark:before {
    content: "\f02e"
}

.icon-print:before {
    content: "\f02f"
}

.icon-camera:before {
    content: "\f030"
}

.icon-font:before {
    content: "\f031"
}

.icon-bold:before {
    content: "\f032"
}

.icon-italic:before {
    content: "\f033"
}

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

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

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

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

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

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

.icon-list:before {
    content: "\f03a"
}

.icon-indent-left:before {
    content: "\f03b"
}

.icon-indent-right:before {
    content: "\f03c"
}

.icon-facetime-video:before {
    content: "\f03d"
}

.icon-picture:before {
    content: "\f03e"
}

.icon-pencil:before {
    content: "\f040"
}

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

.icon-adjust:before {
    content: "\f042"
}

.icon-tint:before {
    content: "\f043"
}

.icon-edit:before {
    content: "\f044"
}

.icon-share:before {
    content: "\f045"
}

.icon-check:before {
    content: "\f046"
}

.icon-move:before {
    content: "\f047"
}

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

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

.icon-backward:before {
    content: "\f04a"
}

.icon-play:before {
    content: "\f04b"
}

.icon-pause:before {
    content: "\f04c"
}

.icon-stop:before {
    content: "\f04d"
}

.icon-forward:before {
    content: "\f04e"
}

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

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

.icon-eject:before {
    content: "\f052"
}

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

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

.icon-plus-sign:before {
    content: "\f055"
}

.icon-minus-sign:before {
    content: "\f056"
}

.icon-remove-sign:before {
    content: "\f057"
}

.icon-ok-sign:before {
    content: "\f058"
}

.icon-question-sign:before {
    content: "\f059"
}

.icon-info-sign:before {
    content: "\f05a"
}

.icon-screenshot:before {
    content: "\f05b"
}

.icon-remove-circle:before {
    content: "\f05c"
}

.icon-ok-circle:before {
    content: "\f05d"
}

.icon-ban-circle:before {
    content: "\f05e"
}

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

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

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

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

.icon-mail-forward:before,
.icon-share-alt:before {
    content: "\f064"
}

.icon-resize-full:before {
    content: "\f065"
}

.icon-resize-small:before {
    content: "\f066"
}

.icon-plus:before {
    content: "\f067"
}

.icon-minus:before {
    content: "\f068"
}

.icon-asterisk:before {
    content: "\f069"
}

.icon-exclamation-sign:before {
    content: "\f06a"
}

.icon-gift:before {
    content: "\f06b"
}

.icon-leaf:before {
    content: "\f06c"
}

.icon-fire:before {
    content: "\f06d"
}

.icon-eye-open:before {
    content: "\f06e"
}

.icon-eye-close:before {
    content: "\f070"
}

.icon-warning-sign:before {
    content: "\f071"
}

.icon-plane:before {
    content: "\f072"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-random:before {
    content: "\f074"
}

.icon-comment:before {
    content: "\f075"
}

.icon-magnet:before {
    content: "\f076"
}

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

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

.icon-retweet:before {
    content: "\f079"
}

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

.icon-folder-close:before {
    content: "\f07b"
}

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

.icon-resize-vertical:before {
    content: "\f07d"
}

.icon-resize-horizontal:before {
    content: "\f07e"
}

.icon-bar-chart:before {
    content: "\f080"
}

.icon-twitter-sign:before {
    content: "\f081"
}

.icon-facebook-sign:before {
    content: "\f082"
}

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

.icon-key:before {
    content: "\f084"
}

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

.icon-comments:before {
    content: "\f086"
}

.icon-thumbs-up-alt:before {
    content: "\f087"
}

.icon-thumbs-down-alt:before {
    content: "\f088"
}

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

.icon-heart-empty:before {
    content: "\f08a"
}

.icon-signout:before {
    content: "\f08b"
}

.icon-linkedin-sign:before {
    content: "\f08c"
}

.icon-pushpin:before {
    content: "\f08d"
}

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

.icon-signin:before {
    content: "\f090"
}

.icon-trophy:before {
    content: "\f091"
}

.icon-github-sign:before {
    content: "\f092"
}

.icon-upload-alt:before {
    content: "\f093"
}

.icon-lemon:before {
    content: "\f094"
}

.icon-phone:before {
    content: "\f095"
}

.icon-unchecked:before,
.icon-check-empty:before {
    content: "\f096"
}

.icon-bookmark-empty:before {
    content: "\f097"
}

.icon-phone-sign:before {
    content: "\f098"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-facebook:before {
    content: "\f09a"
}

.icon-github:before {
    content: "\f09b"
}

.icon-unlock:before {
    content: "\f09c"
}

.icon-credit-card:before {
    content: "\f09d"
}

.icon-rss:before {
    content: "\f09e"
}

.icon-hdd:before {
    content: "\f0a0"
}

.icon-bullhorn:before {
    content: "\f0a1"
}

.icon-bell:before {
    content: "\f0a2"
}

.icon-certificate:before {
    content: "\f0a3"
}

.icon-hand-right:before {
    content: "\f0a4"
}

.icon-hand-left:before {
    content: "\f0a5"
}

.icon-hand-up:before {
    content: "\f0a6"
}

.icon-hand-down:before {
    content: "\f0a7"
}

.icon-circle-arrow-left:before {
    content: "\f0a8"
}

.icon-circle-arrow-right:before {
    content: "\f0a9"
}

.icon-circle-arrow-up:before {
    content: "\f0aa"
}

.icon-circle-arrow-down:before {
    content: "\f0ab"
}

.icon-globe:before {
    content: "\f0ac"
}

.icon-wrench:before {
    content: "\f0ad"
}

.icon-tasks:before {
    content: "\f0ae"
}

.icon-filter:before {
    content: "\f0b0"
}

.icon-briefcase:before {
    content: "\f0b1"
}

.icon-fullscreen:before {
    content: "\f0b2"
}

.icon-group:before {
    content: "\f0c0"
}

.icon-link:before {
    content: "\f0c1"
}

.icon-cloud:before {
    content: "\f0c2"
}

.icon-beaker:before {
    content: "\f0c3"
}

.icon-cut:before {
    content: "\f0c4"
}

.icon-copy:before {
    content: "\f0c5"
}

.icon-paperclip:before,
.icon-paper-clip:before {
    content: "\f0c6"
}

.icon-save:before {
    content: "\f0c7"
}

.icon-sign-blank:before {
    content: "\f0c8"
}

.icon-reorder:before {
    content: "\f0c9"
}

.icon-list-ul:before {
    content: "\f0ca"
}

.icon-list-ol:before {
    content: "\f0cb"
}

.icon-strikethrough:before {
    content: "\f0cc"
}

.icon-underline:before {
    content: "\f0cd"
}

.icon-table:before {
    content: "\f0ce"
}

.icon-magic:before {
    content: "\f0d0"
}

.icon-truck:before {
    content: "\f0d1"
}

.icon-pinterest:before {
    content: "\f0d2"
}

.icon-pinterest-sign:before {
    content: "\f0d3"
}

.icon-google-plus-sign:before {
    content: "\f0d4"
}

.icon-google-plus:before {
    content: "\f0d5"
}

.icon-money:before {
    content: "\f0d6"
}

.icon-caret-down:before {
    content: "\f0d7"
}

.icon-caret-up:before {
    content: "\f0d8"
}

.icon-caret-left:before {
    content: "\f0d9"
}

.icon-caret-right:before {
    content: "\f0da"
}

.icon-columns:before {
    content: "\f0db"
}

.icon-sort:before {
    content: "\f0dc"
}

.icon-sort-down:before {
    content: "\f0dd"
}

.icon-sort-up:before {
    content: "\f0de"
}

.icon-envelope:before {
    content: "\f0e0"
}

.icon-linkedin:before {
    content: "\f0e1"
}

.icon-rotate-left:before,
.icon-undo:before {
    content: "\f0e2"
}

.icon-legal:before {
    content: "\f0e3"
}

.icon-dashboard:before {
    content: "\f0e4"
}

.icon-comment-alt:before {
    content: "\f0e5"
}

.icon-comments-alt:before {
    content: "\f0e6"
}

.icon-bolt:before {
    content: "\f0e7"
}

.icon-sitemap:before {
    content: "\f0e8"
}

.icon-umbrella:before {
    content: "\f0e9"
}

.icon-paste:before {
    content: "\f0ea"
}

.icon-lightbulb:before {
    content: "\f0eb"
}

.icon-exchange:before {
    content: "\f0ec"
}

.icon-cloud-download:before {
    content: "\f0ed"
}

.icon-cloud-upload:before {
    content: "\f0ee"
}

.icon-user-md:before {
    content: "\f0f0"
}

.icon-stethoscope:before {
    content: "\f0f1"
}

.icon-suitcase:before {
    content: "\f0f2"
}

.icon-bell-alt:before {
    content: "\f0f3"
}

.icon-coffee:before {
    content: "\f0f4"
}

.icon-food:before {
    content: "\f0f5"
}

.icon-file-text-alt:before {
    content: "\f0f6"
}

.icon-building:before {
    content: "\f0f7"
}

.icon-hospital:before {
    content: "\f0f8"
}

.icon-ambulance:before {
    content: "\f0f9"
}

.icon-medkit:before {
    content: "\f0fa"
}

.icon-fighter-jet:before {
    content: "\f0fb"
}

.icon-beer:before {
    content: "\f0fc"
}

.icon-h-sign:before {
    content: "\f0fd"
}

.icon-plus-sign-alt:before {
    content: "\f0fe"
}

.icon-double-angle-left:before {
    content: "\f100"
}

.icon-double-angle-right:before {
    content: "\f101"
}

.icon-double-angle-up:before {
    content: "\f102"
}

.icon-double-angle-down:before {
    content: "\f103"
}

.icon-angle-left:before,
.mod-productIntroGallery-prev a:before,
.mod-backToPrev:before,
.mod-pager-prev>span:before,
.mod-pager-prev>a:before {
    content: "\f104"
}

.icon-angle-right:before,
.mod-iconLink2:before,
.mod-localNav5-item:before,
.mod-layoutBlock5-heading>h2>a:before,
.mod-list2-inner li:before,
.mod-localNav-subHeading a:before,
.mod-localNavLink-item:before,
.mod-localNav2Link-item:before,
.mod-localNav3Link-item:before,
.mod-productIntroGallery-next a:before,
.mod-iconLink1:before,
.mod-textBanner-title:before,
.mod-blockLink-title:before,
.mod-linkInPlugin-link:before,
.mod-linkInOther-link:before,
.mod-relatedLinks li:before,
.mod2-cameraFunctionLinks li:before,
.mod2-cameraFunctionLinks2 li:before,
.mod-arrowLink:before,
.mod-arrowLink2:before,
.mod-worldMap-item span:before,
.mod2-iconLinkList li:before,
.mod2-grayButton:before {
    content: "\f105"
}

.icon-angle-up:before,
.mod-heading4.is-opened:before,
.is-opened.mod2-headingV4:before,
.is-opened.mod2-headingV10:before,
.is-opened.mod-historyBlock-heading:before,
.mod-layoutBlock5-heading>h2.is-opened:before,
.mod-news1-morelink.is-opened:before,
.mod-headerNav-closeBtn:before,
.mod-backToTop:before,
.mod-backToTop2:before,
.is-opened.mod-article-heading:before,
.is-opened.mod-article-subHeading:before,
.mod-awardsTable .mod-awardsTable-product.is-opened:before {
    content: "\f106"
}

.icon-angle-down:before,
/*ORCA.mod-heading4.is-closed:before,*/
.mod-heading4.is-opened:before,
.is-closed.mod2-headingV4:before,
.is-closed.mod2-headingV10:before,
.is-closed.mod-historyBlock-heading:before,
.mod-localNav4-item:before,
.mod-layoutBlock5-heading>h2.is-closed:before,
.mod-news1-morelink.is-closed:before,
.is-closed.mod-article-heading:before,
.is-closed.mod-article-subHeading:before,
.mod-specIconList-item:before,
.mod2-hugeLinkBlock-button:before,
.mod-awardsTable .mod-awardsTable-product.is-closed:before {
    content: "\f107"
}

.icon-desktop:before {
    content: "\f108"
}

.icon-laptop:before {
    content: "\f109"
}

.icon-tablet:before {
    content: "\f10a"
}

.icon-mobile-phone:before {
    content: "\f10b"
}

.icon-circle-blank:before {
    content: "\f10c"
}

.icon-quote-left:before {
    content: "\f10d"
}

.icon-quote-right:before {
    content: "\f10e"
}

.icon-spinner:before {
    content: "\f110"
}

.icon-circle:before {
    content: "\f111"
}

.icon-mail-reply:before,
.icon-reply:before {
    content: "\f112"
}

.icon-github-alt:before {
    content: "\f113"
}

.icon-folder-close-alt:before {
    content: "\f114"
}

.icon-folder-open-alt:before {
    content: "\f115"
}

.icon-expand-alt:before {
    content: "\f116"
}

.icon-collapse-alt:before {
    content: "\f117"
}

.icon-smile:before {
    content: "\f118"
}

.icon-frown:before {
    content: "\f119"
}

.icon-meh:before {
    content: "\f11a"
}

.icon-gamepad:before {
    content: "\f11b"
}

.icon-keyboard:before {
    content: "\f11c"
}

.icon-flag-alt:before {
    content: "\f11d"
}

.icon-flag-checkered:before {
    content: "\f11e"
}

.icon-terminal:before {
    content: "\f120"
}

.icon-code:before {
    content: "\f121"
}

.icon-reply-all:before {
    content: "\f122"
}

.icon-mail-reply-all:before {
    content: "\f122"
}

.icon-star-half-full:before,
.icon-star-half-empty:before {
    content: "\f123"
}

.icon-location-arrow:before {
    content: "\f124"
}

.icon-crop:before {
    content: "\f125"
}

.icon-code-fork:before {
    content: "\f126"
}

.icon-unlink:before {
    content: "\f127"
}

.icon-question:before {
    content: "\f128"
}

.icon-info:before {
    content: "\f129"
}

.icon-exclamation:before {
    content: "\f12a"
}

.icon-superscript:before {
    content: "\f12b"
}

.icon-subscript:before {
    content: "\f12c"
}

.icon-eraser:before {
    content: "\f12d"
}

.icon-puzzle-piece:before {
    content: "\f12e"
}

.icon-microphone:before {
    content: "\f130"
}

.icon-microphone-off:before {
    content: "\f131"
}

.icon-shield:before {
    content: "\f132"
}

.icon-calendar-empty:before {
    content: "\f133"
}

.icon-fire-extinguisher:before {
    content: "\f134"
}

.icon-rocket:before {
    content: "\f135"
}

.icon-maxcdn:before {
    content: "\f136"
}

.icon-chevron-sign-left:before {
    content: "\f137"
}

.icon-chevron-sign-right:before,
.mod-header-utility>li:before,
.mod-globalFooterLink-item:before {
    content: "\f138"
}

.icon-chevron-sign-up:before {
    content: "\f139"
}

.icon-chevron-sign-down:before {
    content: "\f13a"
}

.icon-html5:before {
    content: "\f13b"
}

.icon-css3:before {
    content: "\f13c"
}

.icon-anchor:before {
    content: "\f13d"
}

.icon-unlock-alt:before {
    content: "\f13e"
}

.icon-bullseye:before {
    content: "\f140"
}

.icon-ellipsis-horizontal:before {
    content: "\f141"
}

.icon-ellipsis-vertical:before {
    content: "\f142"
}

.icon-rss-sign:before {
    content: "\f143"
}

.icon-play-sign:before {
    content: "\f144"
}

.icon-ticket:before {
    content: "\f145"
}

.icon-minus-sign-alt:before {
    content: "\f146"
}

.icon-check-minus:before {
    content: "\f147"
}

.icon-level-up:before {
    content: "\f148"
}

.icon-level-down:before {
    content: "\f149"
}

.icon-check-sign:before {
    content: "\f14a"
}

.icon-edit-sign:before {
    content: "\f14b"
}

.icon-external-link-sign:before {
    content: "\f14c"
}

.icon-share-sign:before {
    content: "\f14d"
}

.icon-compass:before {
    content: "\f14e"
}

.icon-collapse:before {
    content: "\f150"
}

.icon-collapse-top:before {
    content: "\f151"
}

.icon-expand:before {
    content: "\f152"
}

.icon-euro:before,
.icon-eur:before {
    content: "\f153"
}

.icon-gbp:before {
    content: "\f154"
}

.icon-dollar:before,
.icon-usd:before {
    content: "\f155"
}

.icon-rupee:before,
.icon-inr:before {
    content: "\f156"
}

.icon-yen:before,
.icon-jpy:before {
    content: "\f157"
}

.icon-renminbi:before,
.icon-cny:before {
    content: "\f158"
}

.icon-won:before,
.icon-krw:before {
    content: "\f159"
}

.icon-bitcoin:before,
.icon-btc:before {
    content: "\f15a"
}

.icon-file:before {
    content: "\f15b"
}

.icon-file-text:before {
    content: "\f15c"
}

.icon-sort-by-alphabet:before {
    content: "\f15d"
}

.icon-sort-by-alphabet-alt:before {
    content: "\f15e"
}

.icon-sort-by-attributes:before {
    content: "\f160"
}

.icon-sort-by-attributes-alt:before {
    content: "\f161"
}

.icon-sort-by-order:before {
    content: "\f162"
}

.icon-sort-by-order-alt:before {
    content: "\f163"
}

.icon-thumbs-up:before {
    content: "\f164"
}

.icon-thumbs-down:before {
    content: "\f165"
}

.icon-youtube-sign:before {
    content: "\f166"
}

.icon-youtube:before {
    content: "\f167"
}

.icon-xing:before {
    content: "\f168"
}

.icon-xing-sign:before {
    content: "\f169"
}

.icon-youtube-play:before {
    content: "\f16a"
}

.icon-dropbox:before {
    content: "\f16b"
}

.icon-stackexchange:before {
    content: "\f16c"
}

.icon-instagram:before {
    content: "\f16d"
}

.icon-flickr:before {
    content: "\f16e"
}

.icon-adn:before {
    content: "\f170"
}

.icon-bitbucket:before {
    content: "\f171"
}

.icon-bitbucket-sign:before {
    content: "\f172"
}

.icon-tumblr:before {
    content: "\f173"
}

.icon-tumblr-sign:before {
    content: "\f174"
}

.icon-long-arrow-down:before {
    content: "\f175"
}

.icon-long-arrow-up:before {
    content: "\f176"
}

.icon-long-arrow-left:before {
    content: "\f177"
}

.icon-long-arrow-right:before {
    content: "\f178"
}

.icon-apple:before {
    content: "\f179"
}

.icon-windows:before {
    content: "\f17a"
}

.icon-android:before {
    content: "\f17b"
}

.icon-linux:before {
    content: "\f17c"
}

.icon-dribbble:before {
    content: "\f17d"
}

.icon-skype:before {
    content: "\f17e"
}

.icon-foursquare:before {
    content: "\f180"
}

.icon-trello:before {
    content: "\f181"
}

.icon-female:before {
    content: "\f182"
}

.icon-male:before {
    content: "\f183"
}

.icon-gittip:before {
    content: "\f184"
}

.icon-sun:before {
    content: "\f185"
}

.icon-moon:before {
    content: "\f186"
}

.icon-archive:before {
    content: "\f187"
}

.icon-bug:before {
    content: "\f188"
}

.icon-vk:before {
    content: "\f189"
}

.icon-weibo:before {
    content: "\f18a"
}

.icon-renren:before {
    content: "\f18b"
}

/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    background: #fff;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    /* font-family: sans-serif */
}

/* body {
    margin: 0
} */

a:focus {
    outline: thin dotted
}

a:hover,
a:active {
    outline: 0
}

.mainframe_ h1 {
    font-size: 20px;
    margin: 0.67em 0
}

.mainframe_ h2 {
    font-size: 20px;
    /* margin: 0.83em 0 */
}

.mainframe_ h3 {
    font-size: 12px;
    margin: 1em 0
}

/* .mainframe_ h4 {
    font-size: 1em;
    margin: 1.33em 0
}

.mainframe_ h5 {
    font-size: 0.83em;
    margin: 1.67em 0
}

.mainframe_ h6 {
    font-size: 0.75em;
    margin: 2.33em 0
} */

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

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

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

.mod-pager-next>span:after,
.mod-pager-next>a:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em
}

.mod-localNav-heading,
.mod-localNav-subHeading,
.mod-localNav-smallHeading,
.mod-localNav2-heading,
.mod-article-heading,
.mod-article-subHeading {
    line-height: 1.2;
    margin: 0;
    padding: 0 0 24px 0;
    padding: 0 0 2.4rem 0
}

.mod-heading3,
.mod-degitutorHero h1,
.mod-degitutorHero2 h1,
.mod2-headingV3,
.mod-heading4,
.mod2-headingV4,
.mod2-headingV10,
.mod-historyBlock-heading,
.mod-heading5,
.mod-logoHeading,
.mod-layoutBlock5-heading>h2,
.mod-heading1,
.mod-heading2,
.mod2-headingV5,
.mod2-headingV6,
.mod2-headingV7,
.mod2-headingV8,
.mod2-headingV9 {
    line-height: 1.2;
    margin: 0;
    padding: 0 0 24px 0;
    padding: 0 0 2.4rem 0
}

/*2017.10*/
.mod-withinPageNav .mod-withinPageNav-ul li:before,
.mod-withinPageNav2 .mod-withinPageNav2-ul li:before,
.mod-withinPageNav3 .mod-withinPageNav3-ul li:before {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    color: #a8a8a8;
    font-size: 20px;
    margin-right: 10px
}

.mod-withinPageNav {
    overflow: hidden;
    margin-bottom: 15px;
    clear: both
}

.mod-withinPageNav.mod-withinPageNav--type-enclosure {
    background-color: #f7f6f5;
    padding: 10px 20px;
    margin-bottom: 30px
}

.mod-withinPageNav.mod-withinPageNav--type-enclosure li {
    margin-right: 30px
}

.mod-withinPageNav.mod-withinPageNav-ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    padding-left: 8px;
    font-size: 0
}

.mod-withinPageNav .mod-withinPageNav-ul li {
    font-size: 16px;
    display: inline-block;
    margin-right: 24px
}

.mod-withinPageNav .mod-withinPageNav-ul li:before {
    content: "\f107";
    margin-top: -4px
}

.mod-withinPageNav2 {
    margin-top: 0px;
    margin-bottom: 30px;
    border: 1px solid #cdcbc4;
    border-width: 1px 0;
    padding: 10px 0 8px 8px;
    background: -webkit-linear-gradient(top, #f8f8f8, #fff);
    background: -moz-linear-gradient(top, #f8f8f8, #fff);
    background: linear-gradient(top, #f8f8f8, #fff)
}

.mod-withinPageNav2 .mod-withinPageNav2-ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-withinPageNav2 .mod-withinPageNav2-ul li {
    display: inline-block;
    margin-right: 30px
}

.mod-withinPageNav2 .mod-withinPageNav2-ul li:before {
    content: "\f105";
    margin-top: -4px
}

.mod-withinPageNav3 {
    margin-bottom: 8px
}

.mod-tab+.mod-withinPageNav3 {
    margin-top: -10px
}

.mod-withinPageNav3 .mod-withinPageNav3-ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 8px
}

.mod-withinPageNav3 .mod-withinPageNav3-ul li {
    display: inline-block;
    margin-right: 24px
}

.mod-withinPageNav3 .mod-withinPageNav3-ul li:before {
    content: "\f105";
    margin-top: -4px
}

.mod-withinPageNav {
    clear: both
}

.mod-withinPageNav+.mod-headingV2 {
    margin-top: 20px
}

.mod-withinPageNav+.inc-photoGallery .mod-photoGallery {
    margin-top: -20px
}

/*2017.10*/
@media screen and (max-width: 599px) {

    .mod-heading3,
    .mod-degitutorHero h1,
    .mod-degitutorHero2 h1,
    .mod2-headingV3,
    .mod-heading4,
    .mod2-headingV4,
    .mod2-headingV10,
    .mod-historyBlock-heading,
    .mod-heading5,
    .mod-logoHeading,
    .mod-layoutBlock5-heading>h2,
    .mod-heading1,
    .mod-heading2,
    .mod2-headingV5,
    .mod2-headingV6,
    .mod2-headingV7,
    .mod2-headingV8,
    .mod2-headingV9 {
        padding: 0 0 12px 0;
        padding: 0 0 1.2rem 0
    }
}

.mod-icon-exlink,
.mod-icon-home,
.mod-icon-new,
.mod-icon-new--small,
.mod-icon-colortip {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

html {
    font-size: 62.5%
}

body {
    font-size: 14px;
    color: #4d4d4d;
    /* font-family: "Verdana", "Roboto", "Droid Sans", sans-serif; */
    line-height: 1.6
}

@media screen and (max-width: 599px) {
    body {
        font-family: "Helvetica Neue", "Roboto", "Droid Sans", "Arial", sans-serif;
        font-size: 16px;
        font-size: 1.6rem
    }
}

a {
    color: #1d3994;
    text-decoration: none
}

a:hover {
    text-decoration: underline;
    color: #556aae
}

a:active {
    text-decoration: none;
    color: #1d3994
}

a:visited {
    text-decoration: none;
    color: #6a3d99
}

img {
    vertical-align: top
}

label {
    cursor: pointer
}

.mod-heading3,
.mod-degitutorHero h1,
.mod-degitutorHero2 h1,
.mod2-headingV3 {
    font-size: 30px;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
    color: #4d4d4d;
    border-bottom: 2px solid #d4d4d4
}

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

    .mod-heading3,
    .mod-degitutorHero h1,
    .mod-degitutorHero2 h1,
    .mod2-headingV3 {
        font-size: 25px;
        font-size: 2.5rem;
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

.mod-heading4,
.mod2-headingV4,
.mod2-headingV10,
.mod-historyBlock-heading {
    margin-top: 60px;
    margin-top: 6.0rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
    font-size: 24px;
    color: #4d4d4d;
    border-color: #d4d4d4;
    border-style: solid;
    border-width: 0px 0 1px 0;
    padding: 0 0 14px 0;
    padding: 0 0 1.4rem 0
}

.mod-heading4.is-closed:before,
.is-closed.mod2-headingV4:before,
.is-closed.mod2-headingV10:before,
.is-closed.mod-historyBlock-heading:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 36px;
    display: block;
    position: absolute;
    top: 12px;
    right: 0;
    color: #949494
}

.mod-heading4.is-closed:before,
.is-closed.mod2-headingV4:before,
.is-closed.mod2-headingV10:before,
.is-closed.mod-historyBlock-heading:before {
    display: none
}

.mod-heading4.is-opened:before,
.is-opened.mod2-headingV4:before,
.is-opened.mod2-headingV10:before,
.is-opened.mod-historyBlock-heading:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 36px;
    display: block;
    position: absolute;
    top: 12px;
    right: 0;
    color: #949494
}

.mod-heading4.is-opened:before,
.is-opened.mod2-headingV4:before,
.is-opened.mod2-headingV10:before,
.is-opened.mod-historyBlock-heading:before {
    display: none
}

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

    .mod-heading4,
    .mod2-headingV4,
    .mod2-headingV10,
    .mod-historyBlock-heading {
        position: relative;
        border-width: 1px 0 1px 0;
        margin-top: -1px !important;
        padding: 20px 0;
        padding: 2rem 0;
        margin-top: 24px;
        margin-top: 2.4rem;
        margin-bottom: 0;
        font-size: 20px;
        font-size: 2rem
    }

    .mod-heading4:before,
    .mod2-headingV4:before,
    .mod2-headingV10:before,
    .mod-historyBlock-heading:before {
        display: block
    }

    .mod-heading4.is-closed:before,
    .is-closed.mod2-headingV4:before,
    .is-closed.mod2-headingV10:before,
    .is-closed.mod-historyBlock-heading:before {
        display: block
    }

    .mod-heading4.is-opened,
    .is-opened.mod2-headingV4,
    .is-opened.mod2-headingV10,
    .is-opened.mod-historyBlock-heading {
        border-bottom-width: 0
    }

    .mod-heading4.is-opened:before,
    .is-opened.mod2-headingV4:before,
    .is-opened.mod2-headingV10:before,
    .is-opened.mod-historyBlock-heading:before {
        display: block
    }
}

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

    .mod-heading4--nobb,
    .mod2-headingV4,
    .mod2-headingV10,
    .mod-historyBlock-heading {
        border-width: 1px 0 0 0
    }
}

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

    .js-toggleBlock-parent+.js-toggleBlock-parent .mod-heading4.js-toggleBlock-heading,
    .js-toggleBlock-parent+.js-toggleBlock-parent .js-toggleBlock-heading.mod2-headingV4,
    .js-toggleBlock-parent+.js-toggleBlock-parent .js-toggleBlock-heading.mod2-headingV10,
    .js-toggleBlock-parent+.js-toggleBlock-parent .js-toggleBlock-heading.mod-historyBlock-heading {
        margin-top: -1px
    }

    .js-toggleBlock-heading {
        padding-right: 30px
    }
}

@media screen and (min-width: 599px) {

    .js-toggleBlock-heading:before,
    .js-toggleBlock-heading.is-opened:before,
    .js-toggleBlock-heading.is-closed:before {
        display: none
    }
}

.mod-heading5 {
    font-size: 18px;
    color: #777
}

@media screen and (max-width: 599px) {
    .mod-heading5 {
        background-color: #eeeeee;
        padding: 6px;
        padding: 0.6rem;
        margin-bottom: 15px;
        margin-bottom: 1.5rem
    }
}

.mod-logoHeading {
    line-height: 0;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
    border-bottom: 2px solid #d4d4d4
}

@media screen and (max-width: 599px) {
    .mod-logoHeading {
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 599px) {
    .mod-logoHeading--to-h20 img {
        height: 20px
    }
}

@media screen and (max-width: 599px) {
    .mod-logoHeading--to-h25 img {
        height: 25px
    }
}

.mod-goods1 {
    display: block;
    border-bottom: 1px solid #d4d4d4
}

.mod-goods1:hover {
    text-decoration: none
}

.mod-goods1>a {
    display: block
}

.mod-goods1>a:hover {
    text-decoration: none
}

.mod-goods1-heading,
.mod-goods1-heading--large {
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-size: 16px;
    font-weight: bold
}

.mod-goods1-headingImage {
    height: 22px;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

.mod-goods1-headingImage img {
    max-width: 100%;
    height: auto
}

.mod-goods1-image {
    position: relative;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    text-align: center
}

.mod-goods1-image .mod-icon-new,
.mod-goods1-image .mod-icon-new--small {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.mod-goods1-image img {
    width: 100%;
    height: auto
}

.mod-goods1:hover .mod-goods1-image img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8
}

.mod-goods1-footer {
    margin-bottom: 10px;
    margin-bottom: 1rem
}

@media screen and (max-width: 599px) {
    .mod-goods1-footer {
        margin-bottom: 10px;
        margin-bottom: 1rem
    }
}

.mod-goods1-note {
    font-size: 12px;
    color: #4d4d4d;
    text-align: left;
    margin-top: -10px
}

@media screen and (max-width: 599px) {
    .mod-goods1-note {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.mod-icon-exlink {
    margin-left: 5px;
    width: 12px;
    height: 10px;
    background: url('../img/mod-icon-exlink/icon_01.png') no-repeat;
    -webkit-background-size: 12px 10px;
    -moz-background-size: 12px 10px;
    background-size: 12px 10px
}

@media screen and (max-width: 599px) {
    .mod-icon-exlink {
        width: 15px;
        height: 12px;
        background: url('../img/mod-icon-exlink/icon_01_2x.png') no-repeat;
        -webkit-background-size: 15px 12px;
        -moz-background-size: 15px 12px;
        background-size: 15px 12px
    }
}

.mod-icon-exlink.mod-icon-exlink--only-pc {
    display: inline-block
}

@media screen and (max-width: 599px) {
    .mod-icon-exlink.mod-icon-exlink--only-pc {
        display: none
    }
}

.mod-icon-exlink.mod-icon-exlink--only-sp {
    display: none
}

@media screen and (max-width: 599px) {
    .mod-icon-exlink.mod-icon-exlink--only-sp {
        display: inline-block
    }
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock3 {
        margin-bottom: 20px
    }
}

.mod-layoutBlock3-image {
    margin-bottom: 20px
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock3-image {
        margin-bottom: 15px
    }
}

.mod-layoutBlock3-heading {
    margin-bottom: 20px
}

.mod-layoutBlock3-heading>h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-size: 1.8rem
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock3-heading {
        margin-bottom: 15px
    }

    .mod-layoutBlock3-heading>h3 {
        font-size: 18px;
        font-size: 1.8rem
    }
}

.mod-iconLink2:hover {
    text-decoration: underline
}

.mod-iconLink2:hover:before {
    text-decoration: none
}

.mod-iconLink2:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 18px;
    font-weight: bold;
    margin-right: 5px;
    color: #4d4d4d
}

.mod-imageBanner2,
.mod-imageBanner3 {
    text-align: center;
    margin-bottom: 24px;
    margin-bottom: 2.4rem
}

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

    .mod-imageBanner2,
    .mod-imageBanner3 {
        margin-bottom: 0;
        padding-left: 15px;
        padding-left: 1.5rem;
        padding-right: 15px;
        padding-right: 1.5rem
    }
}

.mod-imageBanner2-inner {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 599px) {
    .mod-imageBanner2-inner {
        padding-bottom: 24px;
        padding-bottom: 2.4rem;
        display: block
    }
}

.mod-imageBanner2-item {
    display: table-cell;
    padding-left: 12px
}

.mod-imageBanner2-item:first-child {
    padding-left: 0px;
    padding-right: 12px
}

.mod-imageBanner2-item img {
    max-width: 100%;
    height: auto
}

@media screen and (max-width: 599px) {
    .mod-imageBanner2-item {
        display: block;
        padding-left: 0
    }

    .mod-imageBanner2-item:first-child {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 10px;
        margin-bottom: 1rem
    }

    .mod-imageBanner2--type-liquid .mod-imageBanner2-item {
        display: table-cell;
        padding-left: 6px
    }

    .mod-imageBanner2--type-liquid .mod-imageBanner2-item:first-child {
        padding-left: 0px;
        padding-right: 6px
    }

    .mod-imageBanner2--type-liquid .mod-imageBanner2-item img {
        width: 100%
    }
}

.mod-imageBanner3-item img {
    max-width: 100%;
    height: auto
}

.mod-localNav4 {
    margin-bottom: 48px;
    margin-bottom: 4.8rem
}

@media screen and (max-width: 599px) {
    .mod-localNav4 {
        display: none
    }
}

.mod-localNav4-inner {
    min-height: 25px;
    list-style: none;
    margin: 0;
    padding: 9px 0 6px;
    background-color: #f7f7f7
}

.mod-localNav4--type-2 .mod-localNav4-inner {
    padding-left: 30px;
    padding-right: 30px
}

.mod-localNav4-item {
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    padding-left: 3rem
}

.mod-localNav4-item:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    margin-right: 10px;
    margin-right: 1rem;
    font-size: 16px;
    vertical-align: middle
}

.mod-localNav4--type-2 .mod-localNav4-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33%;
    padding-left: 20px;
    text-indent: -20px;
    margin-right: -4px
}

.mod-localNav4--type-2 .mod-localNav4-item:before {
    text-indent: 0
}

.mod-localNav5 {
    margin-bottom: 38px;
    margin-bottom: 3.8rem
}

@media screen and (max-width: 599px) {
    .js-toggleBlock-child .mod-localNav5 {
        margin-bottom: 0
    }
}

.mod-localNav5-inner {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 14px;
    margin-bottom: 1.4rem;
    margin-right: -24px;
    display: table;
    display: block\9;
    font-size: 0;
    word-spacing: -1em
}

@media screen and (max-width: 599px) {
    .mod-localNav5-inner {
        margin-right: 0;
        width: 100%
    }
}

.mod-localNav5-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    word-spacing: normal;
    vertical-align: top;
    width: 222px;
    margin-right: 24px;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    line-height: 1.2;
    text-indent: -6px;
    padding-left: 12px
}

.mod-localNav5-item:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    margin-top: -2px;
    margin-right: 6px;
    text-indent: 0;
    font-size: 16px;
    vertical-align: top
}

@media screen and (max-width: 599px) {
    .mod-localNav5-item {
        width: 50%;
        margin-right: 0;
        padding-right: 20px;
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-localNav5-item:nth-child(2n) {
        padding-right: 0
    }
}

.mod-mainVisual1 {
    position: relative
}

@media screen and (max-width: 599px) {
    .mod-mainVisual1 {
        margin: 0 15px 0
    }
}

.mod-mainVisual1-image {
    display: table-cell;
    width: 574px;
    height: 350px
}

.mod-mainVisual1-image img {
    max-width: 100%;
    height: auto
}

@media screen and (max-width: 599px) {
    .mod-mainVisual1-image {
        display: block;
        width: auto;
        height: auto
    }
}

.mod-mainVisual1-detail {
    width: 386px;
    display: table-cell;
    height: 350px;
    background-color: #000;
    color: #fff;
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width: 599px) {
    .mod-mainVisual1-detail {
        display: block;
        width: auto;
        height: auto;
        padding: 15px
    }
}

.mod-mainVisual1-detailInner {
    display: inline-block;
    vertical-align: middle;
    width: 308px;
    text-align: left
}

@media screen and (max-width: 599px) {
    .mod-mainVisual1-detailInner {
        width: auto
    }
}

.mod-mainVisual1-text1 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px
}

@media screen and (max-width: 599px) {
    .mod-mainVisual1-text1 {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 7px
    }
}

.mod-mainVisual1-text2 {
    font-weight: normal
}

@media screen and (max-width: 599px) {
    .mod-mainVisual1-text2 {
        line-height: 1.4
    }
}

.mod-mainVisual1-link {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 472px;
    height: 60px;
    margin: -30px auto 48px;
    border: 2px solid #fff;
    border-bottom: 0px;
    background-color: #000;
    text-align: center;
    vertical-align: middle
}

.mod-mainVisual1-link a {
    display: block
}

.mod-mainVisual1-link img {
    max-width: 100%;
    height: auto;
    width: 320px;
    height: auto;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media screen and (max-width: 599px) {
    .mod-mainVisual1-link {
        width: auto;
        height: auto;
        margin: 0 0 20px;
        border-width: 2px 0 0 0;
        padding: 10px 15px
    }

    .mod-mainVisual1-link img {
        position: static
    }
}

.mod-layoutBlock4 {
    overflow: hidden;
    margin-bottom: 48px
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock4 {
        margin-bottom: 0
    }
}

.mod-layoutBlock4-info {
    display: table-cell;
    background-color: #f7f7f7;
    width: 304px;
    overflow: hidden;
    vertical-align: top
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock4-info {
        display: table-header-group;
        float: none;
        width: auto;
        background-color: transparent
    }

    .mod-layoutBlock4-info .mod-news1 {
        margin-left: 15px;
        margin-right: 15px
    }
}

.mod-layoutBlock4-list {
    display: table-cell;
    width: 656px
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock5 {
        width: auto;
        margin: 0 15px
    }
}

.mod-layoutBlock5-item {
    display: inline-block;
    width: 304px;
    margin-bottom: 30px
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock5-item {
        display: block;
        width: auto;
        margin-bottom: 0
    }

    .mod-layoutBlock5-item:last-child {
        margin-bottom: 20px
    }
}

.mod-layoutBlock5-item:first-child .mod-layoutBlock5-heading>h2,
.mod-layoutBlock5-item:first-child+* .mod-layoutBlock5-heading>h2 {
    margin-top: -1px
}

.mod-layoutBlock5-heading>h2 {
    margin-top: 0;
    padding-bottom: 14px;
    font-size: 24px;
    color: #4d4d4d;
    border-color: #d4d4d4;
    border-style: solid;
    border-width: 0px 0 1px 0
}

.mod-layoutBlock5-heading>h2.is-closed:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 36px;
    display: block;
    position: absolute;
    top: 12px;
    right: 0;
    color: #949494
}

.mod-layoutBlock5-heading>h2.is-opened {
    border-bottom-width: 0
}

.mod-layoutBlock5-heading>h2.is-opened:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 36px;
    display: block;
    position: absolute;
    top: 12px;
    right: 0;
    color: #949494
}

.mod-layoutBlock5-heading>h2>a {
    display: block;
    position: relative
}

.mod-layoutBlock5-heading>h2>a:hover:before {
    text-decoration: none
}

.mod-layoutBlock5-heading>h2>a:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 24px;
    position: absolute;
    top: 0px;
    right: 10px;
    color: #333;
    display: none
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock5-heading>h2 {
        position: relative;
        border-width: 1px 0 1px 0;
        margin-top: -1px;
        padding: 20px 0;
        padding: 2rem 0;
        margin-bottom: 0;
        font-size: 20px;
        font-size: 2rem
    }

    .mod-layoutBlock5-heading>h2>a:before {
        display: block
    }
}

.mod-layoutBlock5-detail {
    margin-top: 10px
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock5-detail {
        display: none
    }
}

.mod-layoutBlock5-detail .mod-list2 .mod-list2-inner li {
    margin-top: 10px;
    margin-bottom: 0
}

.mod-layoutBlock5-detail .mod-list2 .mod-list2-inner li:first-child {
    margin-top: 0
}

.mod-news1 {
    height: 100%;
    background-color: #f7f7f7
}

@media screen and (max-width: 599px) {
    .mod-news1 {
        margin-bottom: 20px
    }
}

.mod-news1-heading {
    padding-left: 20px;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    background-color: #ededed
}

.mod-news1-detail {
    padding: 20px
}

.mod-news1-more {
    display: none;
    padding: 0 30px;
    border-top: 1px solid #dddddd;
    text-align: center;
    margin: 0 15px
}

@media screen and (max-width: 599px) {
    .mod-news1-more {
        display: block
    }
}

.mod-news1-morelink {
    display: block;
    font-size: 0;
    color: #4d4d4d
}

.mod-news1-morelink:hover {
    text-decoration: none
}

.mod-news1-morelink:hover:before {
    text-decoration: none
}

.mod-news1-morelink:before {
    font-size: 24px;
    font-size: 2.4rem
}

.mod-news1-morelink.is-closed:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em
}

.mod-news1-morelink.is-opened:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em
}

.mod-list2--type-2 {
    margin-bottom: 24px
}

.mod-list2-inner {
    margin: 0;
    padding: 0
}

.mod-list2-inner li {
    list-style: none inside;
    margin: 0 0 10px;
    padding: 0 0 0 10px;
    line-height: 1.4
}

.mod-list2-inner li:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 14px;
    font-weight: bold;
    margin-left: -10px;
    margin-right: 5px;
    color: #a1a1a1
}

.mod-wrapper {
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width: 599px) {
    .mod-wrapper {
        width: 100%;
        min-width: 320px;
        padding: 0;
    }
}

.mod-wrapper,
.mod-header,
.mod-headerNav,
.mod-globalFooter {
    /* padding-left: 20px !important;
    padding-right: 20px !important */
}

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

    .mod-wrapper,
    .mod-header,
    .mod-headerNav,
    .mod-globalFooter {
        /* padding-left: 0px !important;
        padding-right: 0px !important */
    }
}

.mod-wrapper-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

@media screen and (max-width: 599px) {
    .mod-wrapper-item {
        /* padding-left: 15px;
        padding-left: 1.5rem;
        padding-right: 15px;
        padding-right: 1.5rem */
    }
}

.mod-header {
    position: relative;
    width: 960px;
    min-width: 320px;
    height: 103px;
    margin: 0 auto
}

@media screen and (max-width: 599px) {
    .mod-header {
        width: 100%;
        height: 68px;
        margin-bottom: 15px;
        border-bottom: 1px solid #d4d4d4
    }

    .mod-header>img {
        width: 40px;
        height: 40px
    }
}

.mod-header-inner {
    position: relative
}

.mod-header-logo {
    position: absolute;
    top: 20px;
    left: 0
}

.mod-header-logo img {
    width: 68px;
    height: 68px
}

@media screen and (max-width: 599px) {
    .mod-header-logo {
        top: 15px;
        left: 15px
    }

    .mod-header-logo img {
        width: 40px;
        height: 40px
    }
}

.mod-header-statement {
    position: absolute;
    top: 71px;
    left: 82px
}

.mod-header-statement>img {
    width: 136px;
    height: 17px
}

@media screen and (max-width: 599px) {
    .mod-header-statement {
        top: 45px;
        left: 65px
    }

    .mod-header-statement>img {
        width: 90px;
        height: 11px
    }
}

.mod-header-region {
    position: absolute;
    top: 18px;
    right: 0;
    font-size: 13px
}

@media screen and (max-width: 599px) {
    .mod-header-region {
        top: 0px;
        right: 3px
    }
}

.mod-headerBtnSet {
    display: none
}

@media screen and (max-width: 599px) {
    .mod-headerBtnSet {
        display: block
    }
}

.mod-headerBtnSet-globalnetwork,
.mod-headerBtnSet-search,
.mod-headerBtnSet-menu {
    position: absolute;
    border-left: 1px solid #d4d4d4;
    text-indent: -9999pt;
    overflow: hidden
}

.mod-headerBtnSet-globalnetwork {
    width: 50px;
    height: 41px;
    background: url('../img/mod-header/btn_01.png') no-repeat;
    -webkit-background-size: 50px 41px;
    -moz-background-size: 50px 41px;
    background-size: 50px 41px;
    top: 27px;
    right: 102px
}

.mod-headerBtnSet-search {
    width: 50px;
    height: 41px;
    background: url('../img/mod-header/btn_02.png') no-repeat;
    -webkit-background-size: 50px 41px;
    -moz-background-size: 50px 41px;
    background-size: 50px 41px;
    top: 27px;
    right: 51px
}

.mod-headerBtnSet-menu {
    width: 50px;
    height: 50px;
    background: url('../img/mod-header/btn_03.png') no-repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    top: 18px;
    right: 0
}

.mod-headerBtnSet-menu.is-active {
    background-image: url('../img/mod-header/btn_03_active.png')
}

.mod-headerSearch {
    position: absolute;
    top: 38px;
    right: 0;
    width: 205px;
    height: 20px;
    padding: 5px;
    background: #E6E6E6;
    border-radius: 4px
}

.mod-headerSearch fieldset {
    margin: 0;
    padding: 0;
    border: none
}

.mod-headerSearch legend {
    display: none
}

@media screen and (max-width: 599px) {
    .mod-headerSearch {
        display: none
    }
}

.mod-headerSearch-input {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 150px;
    height: 14px;
    padding: 2px 3px;
    border: 1px solid #ccc;
    background-color: #f7f7f7
}

.mod-headerSearch-submit {
    display: inline-block;
    width: 42px;
    height: 21px;
    padding: 0;
    font-size: 10px;
    vertical-align: top;
    background: -webkit-linear-gradient(top, #fefefe, #ececec);
    background: -moz-linear-gradient(top, #fefefe, #ececec);
    background: linear-gradient(top, #fefefe, #ececec);
    background-color: #fefefe;
    border: 1px solid #cbcbcb;
    border-color: #cbcbcb #808080 #808080 #cbcbcb;
    border-radius: 4px
}

.mod-header-utility {
    position: absolute;
    top: 78px;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 1
}

.mod-header-utility>li {
    display: inline-block
}

.mod-header-utility>li:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    color: #404040;
    margin-right: 5px;
    margin-right: 0.5rem
}

.mod-header-utility a {
    color: #333
}

@media screen and (max-width: 599px) {
    .mod-header-utility {
        display: none
    }
}

.mod-headerNav {
    width: 960px;
    margin: 0 auto
}

.mod-headerNav a {
    color: #333
}

@media screen and (max-width: 599px) {
    .mod-headerNav {
        position: absolute;
        top: 68px;
        left: 0;
        display: table;
        width: 100%;
        background-color: #000;
        z-index: 10
    }

    .mod-headerNav a {
        color: #ffffff
    }

    .mod-headerNav.is-closed {
        display: none
    }
}

.mod-headerNav-closeBtn {
    display: none
}

.mod-headerNav-closeBtn:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-right: 5px;
    margin-right: 0.5rem;
    text-decoration: none
}

@media screen and (max-width: 599px) {
    .mod-headerNav-closeBtn {
        position: absolute;
        top: 100%;
        display: block;
        width: 100%;
        height: 56px;
        line-height: 56px;
        background-color: #000;
        text-align: center;
        box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.5)
    }

    .mod-headerNav-closeBtn a {
        color: #fff
    }

    .mod-headerNav-closeBtn a:hover {
        text-decoration: none
    }
}

.mod-headerNav-global {
    margin: 0 -4px;
    padding-top: 7px;
    background: url("../img/mod-header/bg_01.png") center top no-repeat
}

.mod-headerNav-global>ul {
    overflow: hidden;
    font-size: 0;
    margin: 0;
    padding: 4px 0 11px 0;
    background: url("../img/mod-header/bg_02.png") center bottom no-repeat
}

.mod-headerNav-global>ul>li {
    display: inline-block;
    margin: 0;
    padding: 0 5px 0 7px;
    font-size: 12px;
    background: url("../img/mod-header/bg_05.png") left 2px no-repeat
}

.mod-headerNav-global>ul>li:first-child {
    padding-left: 10px;
    background-image: none
}

.mod-headerNav-global>ul>li>a {
    display: inline-block;
    padding: 2px 10px 4px 10px;
    vertical-align: top;
    border-radius: 2px
}

.mod-headerNav-global>ul>li>a.is-active {
    box-shadow: inset 1px 1px 0px #dfc900;
    background-color: #FFE600
}

.mod-headerNav-global>ul>li>a.is-parent {
    box-shadow: inset 1px 1px 0px #b9b8af;
    background-color: #d4d2c8
}

.mod-headerNav-global>ul>li>a:hover {
    box-shadow: inset 1px 1px 0px #ccc;
    background-color: #FFF592;
    text-decoration: none
}

@media screen and (max-width: 599px) {
    .mod-headerNav-global {
        display: table-footer-group;
        margin: 0;
        padding: 0;
        background-image: none;
        background-color: #444444
    }

    .mod-headerNav-global>ul {
        display: block;
        margin: 0;
        padding: 0;
        background-image: none
    }

    .mod-headerNav-global>ul>li {
        display: block;
        margin: 0;
        padding: 15px 15px 15px 35px;
        background-image: none;
        border-bottom: 1px solid #666666;
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-headerNav-global>ul>li:first-child {
        font-weight: bold;
        font-size: 20px;
        font-size: 2rem;
        padding-left: 15px;
        padding-left: 1.5rem
    }

    .mod-headerNav-global>ul>li>a {
        display: block;
        padding: 0
    }

    .mod-headerNav-global>ul>li>a.is-active {
        box-shadow: none;
        background-color: transparent
    }

    .mod-headerNav-global>ul>li>a.is-parent {
        box-shadow: none;
        background-color: transparent
    }

    .mod-headerNav-global>ul>li>a:hover {
        box-shadow: none;
        background-color: transparent
    }
}

.mod-headerNav-local {
    margin: -11px -4px 0 -4px;
    background: url("../img/mod-header/bg_03.png") center top no-repeat
}

.mod-headerNav-local>dl {
    margin: 0;
    padding: 8px 0 8px 0;
    background: url("../img/mod-header/bg_04.png") center bottom no-repeat;
    font-size: 0
}

.mod-headerNav-local>dl>dt {
    display: inline-block;
    margin: 0;
    padding: 0px 19px 3px 20px;
    background: url("../img/mod-header/bg_06.png") right top no-repeat;
    font-size: 14px;
    font-weight: bold
}

.mod-headerNav-local>dl>dt>a {
    color: #333;
    padding-left: 10px;
    background: url("../img/mod-header/icon_02.png") left 5px no-repeat
}

.mod-headerNav-local>dl>dd {
    display: inline-block;
    margin: 0;
    padding: 0 7px 0 5px;
    font-size: 12px;
    background: url("../img/mod-header/bg_07.png") right 2px no-repeat
}

.mod-headerNav-local>dl>dd>a {
    display: inline-block;
    padding: 0px 10px 1px 10px;
    vertical-align: top;
    border-radius: 2px
}

.mod-headerNav-local>dl>dd>a.is-active {
    box-shadow: inset 1px 1px 0px #dfc900;
    background-color: #FFE600
}

.mod-headerNav-local>dl>dd>a.is-parent {
    box-shadow: inset 1px 1px 0px #b9b8af;
    background-color: #d4d2c8
}

.mod-headerNav-local>dl>dd>a:hover {
    box-shadow: inset 1px 1px 0px #ccc;
    background-color: #FFF592;
    text-decoration: none
}

@media screen and (max-width: 599px) {
    .mod-headerNav-local {
        display: table-header-group;
        margin: 0;
        padding: 0;
        background-color: #333333;
        background-image: none
    }

    .mod-headerNav-local>dl {
        margin: 0;
        padding: 0;
        background-image: none
    }

    .mod-headerNav-local>dl>dt,
    .mod-headerNav-local>dl>dd {
        display: block;
        margin: 0;
        padding: 15px 15px 15px 35px;
        border-bottom: 1px solid #666666;
        background-image: none
    }

    .mod-headerNav-local>dl>dt {
        font-weight: bold;
        font-size: 20px;
        font-size: 2rem;
        padding-left: 15px;
        padding-left: 1.5rem
    }

    .mod-headerNav-local>dl>dt>a {
        display: block;
        margin: 0;
        padding: 0;
        background-image: none;
        color: #fff
    }

    .mod-headerNav-local>dl>dd {
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-headerNav-local>dl>dd>a {
        display: block;
        margin: 0;
        padding: 0
    }

    .mod-headerNav-local>dl>dd>a.is-active {
        box-shadow: none;
        background-color: transparent
    }

    .mod-headerNav-local>dl>dd>a.is-parent {
        box-shadow: none;
        background-color: transparent
    }

    .mod-headerNav-local>dl>dd>a:hover {
        box-shadow: none;
        background-color: transparent
    }
}

.mod-icon-home {
    text-indent: -9999px;
    width: 10px;
    height: 8px;
    background: url('../img/mod-topicPath/icon_01.png') no-repeat
}

@media screen and (max-width: 599px) {
    .mod-icon-home {
        width: 15.5px;
        height: 13px;
        background: url('../img/mod-topicPath/icon_01_2x.png') no-repeat;
        -webkit-background-size: 15.5px 13px;
        -moz-background-size: 15.5px 13px;
        background-size: 15.5px 13px;
        margin-top: -3px
    }
}

.mod-topicPath {
    font-size: 10px;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

@media screen and (max-width: 599px) {
    .mod-topicPath {
        /*margin-top:-8px;*/
        margin-right: 15px;
        margin-left: 15px
    }
}

.mod-topicPath-inner {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: inside none
}

.mod-topicPath-item {
    float: left;
    font-size: 10px;
    font-size: 1rem
}

.mod-topicPath-item a {
    outline: none
}

.mod-topicPath-item a:hover {
    text-decoration: underline
}

@media screen and (max-width: 599px) {
    .mod-topicPath-item {
        font-size: 12px;
        font-size: 1.2rem;
        display: none
    }

    .mod-topicPath-item:nth-child(1),
    .mod-topicPath-item:nth-child(3),
    .mod-topicPath-item:nth-last-child(2),
    .mod-topicPath-item:nth-last-child(1) {
        display: inline-flex
    }

    .mod-topicPath-item:nth-child(2) {
        display: none
    }

    .mod-topicPath-item.mod-topicPath-item--is-contentsTop {
        display: inline-flex
    }

    .mod-topicPath-item.mod-topicPath-item--is-contentsTop+* {
        display: inline-flex
    }

    .mod-topicPath-item.mod-topicPath-item--is-contentsTop+*>a:after {
        display: none
    }

    .mod-topicPath-item.mod-topicPath-item--is-contentsTop+*~* {
        display: none
    }
}

.mod-topicPath-nonlink,
.mod-topicPath-link {
    color: #333
}

.mod-topicPath-nonlink:hover,
.mod-topicPath-link:hover,
.mod-topicPath-nonlink:active,
.mod-topicPath-link:active,
.mod-topicPath-nonlink:visited,
.mod-topicPath-link:visited {
    color: #333
}

.mod-topicPath-link:after {
    content: "";
    display: inline-block;
    width: 3px;
    height: 5px;
    background: url('../img/mod-topicPath/icon_02.png') no-repeat;
    margin: 0 10px;
    vertical-align: middle
}

@media screen and (max-width: 599px) {
    .mod-topicPath-link:hover {
        text-decoration: underline
    }

    .mod-topicPath-link:hover,
    .mod-topicPath-link:active,
    .mod-topicPath-link:visited {
        color: #333
    }

    .mod-topicPath-link:after {
        width: 4px;
        height: 6px;
        background: url('../img/mod-topicPath/icon_02_2x.png') no-repeat;
        -webkit-background-size: 4px 6px;
        -moz-background-size: 4px 6px;
        background-size: 4px 6px
    }
}

.mod-layoutBlock2 {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-bottom: 48px;
    margin-bottom: 4.8rem
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock2 {
        margin-bottom: 30px;
        margin-bottom: 3rem;
        border: none;
        border-radius: 0px
    }
}

.mod-layoutBlock2-item {
    border-bottom: 1px solid #d4d4d4
}

.mod-layoutBlock2-item:last-child {
    border-bottom: none
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock2-item {
        border: none
    }
}

.mod-layoutBlock2-itemInner {
    padding: 30px;
    padding: 3rem
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock2-itemInner {
        padding: 0
    }
}

.mod-topicPath--isFooter {
    margin: 0;
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: #d4d4d4
}

.mod-topicPath--isFooter .mod-topicPath-inner {
    padding: 15px;
    padding: 1.5rem
}

@media screen and (max-width: 599px) {
    .mod-topicPath--isFooter {
        display: block;
        margin-bottom: 0;
        background-color: #f7f7f7;
        border-width: 1px 0 0 0
    }

    .mod-topicPath--isFooter .mod-topicPath-inner {
        padding: 15px 10px;
        padding: 1.5rem 1rem
    }

    .mod-topicPath--isFooter .mod-topicPath-item {
        display: block
    }

    .mod-topicPath--isFooter .mod-topicPath-item.mod-topicPath-item--is-contentsTop+*>a:after {
        display: inline-block
    }

    .mod-topicPath--isFooter .mod-topicPath-item.mod-topicPath-item--is-contentsTop+*~* {
        display: block
    }
}

.mod-localNav {
    margin: 0 0 48px;
    margin: 0 0 4.8rem;
    padding: 30px;
    padding: 3rem;
    padding-bottom: 0;
    border-radius: 5px;
    background-color: #f7f7f7
}

@media screen and (max-width: 599px) {
    .mod-localNav {
        border-radius: 0px;
        margin: 0 0 20px;
        margin: 0 0 2rem;
        padding: 15px;
        padding: 1.5rem;
        padding-bottom: 0;
        border-width: 1px 0 1px 0;
        border-style: solid;
        border-color: #d4d4d4
    }
}

.mod-localNav-heading {
    font-size: 24px;
    font-size: 2.4rem
}

.mod-localNav-heading a {
    display: block
}

@media screen and (max-width: 599px) {
    .mod-localNav-heading {
        font-size: 20px;
        font-size: 2rem;
        padding-bottom: 20px;
        padding-bottom: 2rem
    }
}

.mod-localNav-subHeading {
    font-size: 18px;
    font-size: 1.8rem
}

.mod-localNav-subHeading a {
    display: block
}

.mod-localNav-subHeading a:hover:before {
    text-decoration: none
}

.mod-localNav-subHeading a:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    margin-right: 5px;
    margin-right: 0.5rem;
    font-size: 13px;
    font-weight: bold;
    color: #949494;
    vertical-align: top
}

@media screen and (max-width: 599px) {
    .mod-localNav-subHeading {
        padding-bottom: 20px;
        padding-bottom: 2rem;
        font-size: 18px;
        font-size: 1.8rem
    }
}

.mod-localNav-smallHeading {
    padding: 0 20px 10px;
    padding: 0 2rem 1rem;
    font-size: 16px;
    font-size: 1.6rem
}

@media screen and (max-width: 599px) {
    .mod-localNav-smallHeading {
        padding: 0 15px 10px;
        padding: 0 1.5rem 1rem;
        font-size: 16px;
        font-size: 1.6rem
    }
}

.mod-localNavLink {
    margin: 0 0 15px;
    margin: 0 0 1.5rem;
    padding: 0 20px 0;
    padding: 0 2rem 0
}

@media screen and (max-width: 599px) {
    .mod-localNavLink {
        margin: 0 0 10px;
        margin: 0 0 1rem;
        padding: 0 15px 0;
        padding: 0 1.5rem 0
    }
}

.mod-localNavLink-inner {
    overflow: hidden;
    padding: 0;
    list-style: inside none;
    font-size: 0
}

.mod-localNavLink-item {
    margin: 0 0 10px;
    margin: 0 0 1rem;
    padding-right: 20px;
    padding-right: 2rem;
    padding-left: 10px;
    padding-left: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    line-height: 1.2
}

.mod-localNavLink-item a.is-active,
.mod-localNavLink-item>span {
    font-weight: bold;
    color: #333
}

.mod-localNavLink-item:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    color: #949494;
    vertical-align: middle;
    margin-right: 5px;
    margin-right: 0.5rem;
    margin-left: -10px;
    margin-left: -1rem;
    font-size: 13px;
    font-size: 1.3rem
}

@media screen and (max-width: 599px) {
    .mod-localNavLink-item {
        font-size: 16px;
        font-size: 1.6rem;
        float: none;
        width: 100%
    }

    .mod-localNavLink-item:last-child {
        margin-bottom: 0
    }
}

.mod-localNav2 {
    padding: 0 0 24px;
    padding: 0 0 2.4rem
}

@media screen and (max-width: 599px) {
    .mod-localNav2 {
        padding: 0 15px 24px;
        padding: 0 1.5rem 2.4rem
    }
}

.mod-localNav2-heading {
    font-size: 24px;
    font-size: 2.4rem
}

@media screen and (max-width: 599px) {
    .mod-localNav2-heading {
        font-size: 20px;
        font-size: 2rem;
        padding-bottom: 15px;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #e3e3e3
    }
}

.mod-localNav2Link {
    overflow: hidden
}

.mod-localNav2Link-inner {
    clear: both;
    margin: 0;
    padding: 0;
    list-style: inside none;
    z-index: 1
}

@media screen and (max-width: 599px) {
    .mod-localNav2Link-inner {
        display: block
    }
}

.mod-localNav2Link-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    padding-right: 2rem;
    padding-bottom: 10px;
    padding-bottom: 1rem;
    font-size: 12px;
    position: relative;
    display: block;
    float: left;
    width: 240px;
    line-height: 1.2;
    vertical-align: top;
    padding-left: 14px
}

.mod-localNav2Link-item .is-active {
    color: #333;
    font-weight: bold
}

.mod-localNav2Link-item:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 14px;
    margin-left: -10px;
    margin-right: 5px;
    color: #a1a1a1
}

@media screen and (max-width: 599px) {
    .mod-localNav2Link-item {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 15px;
        padding: 1.5rem;
        padding-left: 0;
        display: block;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e3e3e3
    }

    .mod-localNav2Link-item:before {
        display: none
    }
}

.mod-localNav3 {
    border-top: 1px solid #d4d4d4;
    padding-top: 20px;
    padding-top: 2rem
}

.mod-localNav3:first-child {
    border-top: none;
    padding-top: 0;
    padding-bottom: 10px;
    padding-bottom: 1rem
}

@media screen and (max-width: 599px) {
    .mod-localNav3 {
        display: block;
        width: auto;
        padding-top: 0;
        border: none;
        background-color: #333333
    }

    .mod-localNav3.is-lighten {
        background-color: #444444
    }

    .mod-localNav3:first-child {
        padding-bottom: 0
    }
}

.mod-localNav3-heading {
    margin: 0;
    font-size: 16px;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    line-height: 1
}

.mod-localNav3-heading a {
    color: #333
}

@media screen and (max-width: 599px) {
    .mod-localNav3-heading {
        font-size: 20px;
        font-size: 2rem;
        display: block;
        margin: 0;
        padding: 0;
        text-align: left
    }

    .mod-localNav3-heading a {
        position: relative;
        display: block;
        padding: 15px;
        padding: 1.5rem;
        color: #fff
    }
}

@media screen and (max-width: 599px) {
    .mod-localNav3Link {
        display: block;
        padding-bottom: 0
    }
}

.mod-localNav3Link-inner {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: inside none
}

.mod-localNav3Link-item {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    padding-bottom: 10px;
    padding-bottom: 1rem;
    padding-left: 14px
}

.mod-localNav3Link-item:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 14px;
    margin-left: -10px;
    margin-right: 5px;
    color: #a1a1a1
}

.mod-localNav3Link-item a {
    color: #333
}

.mod-localNav3Link-item a.is-parent,
.mod-localNav3Link-item a.is-active {
    font-weight: bold
}

@media screen and (max-width: 599px) {
    .mod-localNav3Link-item {
        font-size: 16px;
        font-size: 1.6rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 35px;
        padding: 1rem 3.5rem;
        display: block;
        float: none;
        width: 100%;
        border-style: solid;
        border-width: 0 0 1px 0;
        border-color: #666666
    }

    .mod-localNav3Link-item:first-child {
        border-top-width: 1px
    }

    .mod-localNav3Link-item a {
        color: #fff
    }

    .mod-localNav3Link-item a.is-parent,
    .mod-localNav3Link-item a.is-active {
        font-weight: normal
    }

    .mod-localNav3Link-item:before {
        display: none
    }
}

.mod-backToTop,
.mod-backToTop2 {
    margin-top: 48px;
    margin-top: 4.8rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    text-align: right
}

.mod-backToTop:before,
.mod-backToTop2:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    margin-right: 10px;
    margin-right: 1rem;
    text-decoration: none;
    color: #949494;
    margin-right: 5px
}

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

    .mod-backToTop,
    .mod-backToTop2 {
        margin-top: 24px;
        margin-top: 2.4rem;
        text-align: center
    }

    .mod-backToTop:before,
    .mod-backToTop2:before {
        font-size: 24px;
        font-size: 2.4rem;
        display: block;
        line-height: 0.8;
        margin: 0 auto
    }
}

.mod-backToTop-link,
.mod-backToTop2-link {
    display: inline-block;
    color: #4d4d4d
}

.mod-backToTop-link:hover,
.mod-backToTop2-link:hover,
.mod-backToTop-link:visited,
.mod-backToTop2-link:visited {
    color: #4d4d4d
}

.mod-backToTop-link:hover:before,
.mod-backToTop2-link:hover:before {
    text-decoration: none
}

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

    .mod-backToTop-link,
    .mod-backToTop2-link {
        text-decoration: none;
        font-weight: bold
    }
}

.mod-backToTop2 {
    margin-top: 0 !important
}

.mod-globalFooter {
    margin: 0 auto;
    width: 960px;
    height: 31px
}

@media screen and (max-width: 599px) {
    .mod-globalFooter {
        width: 100%;
        height: auto;
        min-width: 320px;
        padding: 10px 0;
        padding: 1rem 0;
        text-align: center
    }
}

.mod-globalFooter-inner {
    overflow: hidden;
    padding: 4px 0 0;
    padding: 0.4rem 0 0;
    border-top: 1px solid #b3b3b3
}

.mod-globalFooter-copyright {
    float: right
}

.mod-globalFooter-copyright p {
    margin: 0;
    padding: 0
}

.mod-globalFooter-copyright small {
    font-size: 10px;
    vertical-align: top
}

@media screen and (max-width: 599px) {
    .mod-globalFooter-copyright {
        float: none
    }

    .mod-globalFooter-copyright small {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.mod-globalFooterLink {
    float: left
}

@media screen and (max-width: 599px) {
    .mod-globalFooterLink {
        float: none;
        margin-bottom: 10px;
        margin-bottom: 1rem
    }
}

.mod-globalFooterLink-inner {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: inside none
}

.mod-globalFooterLink-item {
    float: left;
    font-size: 10px;
    padding-right: 10px;
    padding-right: 1rem
}

.mod-globalFooterLink-item a {
    color: #333
}

.mod-globalFooterLink-item a:hover,
.mod-globalFooterLink-item a:visited,
.mod-globalFooterLink-item a:active {
    color: #333
}

.mod-globalFooterLink-item:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    color: #404040;
    margin-right: 5px;
    margin-right: 0.5rem
}

@media screen and (max-width: 599px) {
    .mod-globalFooterLink-item {
        float: none;
        display: inline-block;
        font-size: 12px;
        font-size: 1.2rem;
        margin-right: 10px;
        margin-right: 1rem;
        border-right: 1px solid #b3b3b3
    }

    .mod-globalFooterLink-item:before {
        display: none
    }

    .mod-globalFooterLink-item:last-child {
        border-right: none
    }
}

.mod-grid2 {
    overflow: hidden;
    margin-left: -24px
}

@media screen and (max-width: 599px) {
    .mod-grid2 {
        margin-left: 0
    }
}

.mod-grid2-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 468px;
    margin-left: 24px;
    margin-bottom: 24px
}

@media screen and (max-width: 599px) {
    .mod-grid2-item {
        width: auto;
        float: none;
        margin-left: 0;
        margin-top: 20px
    }

    .mod-grid2-item:first-child {
        margin-top: 0
    }
}

.mod-grid2to1 {
    margin: 0 0 24px -24px;
    padding: 0
}

.mod-grid2to1:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 599px) {
    .mod-grid2to1 {
        margin-left: 0
    }
}

.mod-grid2to1-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin-right: -3px;
    margin-left: 24px;
    width: 468px
}

@media screen and (max-width: 599px) {
    .mod-grid2to1-item {
        display: block;
        float: none;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
        width: auto
    }

    .mod-grid2to1-item:first-child {
        margin-top: 0
    }

    .mod-grid2to1-item.js-toggleBlock-parent {
        margin-top: 0
    }
}

.mod-grid3 {
    width: 984px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-left: -24px;
    margin-bottom: 24px
}

@media screen and (max-width: 599px) {
    .mod-grid3 {
        width: auto;
        margin-left: 0;
        margin-bottom: 0
    }
}

.mod-grid3-item,
.mod-grid3-item2 {
    float: left;
    width: 304px;
    margin: 0;
    padding: 0;
    list-style: none inside;
    margin-left: 24px;
    margin-bottom: 24px
}

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

    .mod-grid3-item,
    .mod-grid3-item2 {
        width: 100%;
        display: block;
        margin-left: 0;
        margin-bottom: 15px
    }

    .mod-grid3-item img,
    .mod-grid3-item2 img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto
    }
}

@media screen and (max-width: 599px) {
    .mod-grid3-item2 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 50%;
        margin-left: 0
    }

    .mod-grid3-item2:nth-child(odd) {
        clear: left;
        padding-right: 10px;
        padding-right: 1rem
    }

    .mod-grid3-item2:nth-child(even) {
        padding-left: 10px;
        padding-left: 1rem
    }
}

.mod-grid4 {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none inside;
    margin-bottom: -24px;
    /* margin-bottom: -2.4rem */
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.mod-grid4+.mod-grid4 {
    margin-top: 24px
}

.mod-grid4+.mod-heading5 {
    margin-top: 48px
}

@media screen and (max-width: 599px) {
    .mod-grid4 {
        width: 100%;
        margin-bottom: 10px;
        margin-bottom: 1rem;
        gap: 0;
    }

    .mod-grid4+.mod-grid4 {
        margin-top: 0 !important
    }

    .mod-grid4+.mod-heading5 {
        margin-top: 24px !important
    }
}

.mod-grid4-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    /* width: 330px; */
    width: calc((100% - (40px * 3)) / 4);
    margin: 0;
    padding: 0;
    list-style: none inside;
    /* margin-right: 24px; */
    /* margin-right: 2.4rem; */
    margin-bottom: 24px;
    /* margin-bottom: 2.4rem */
}

@media screen and (max-width: 599px) {
    .mod-grid4-item {
        width: 50%;
        margin-right: 0;
        margin-bottom: 15px;
        /* margin-bottom: 1.5rem */
    }

    .mod-grid4-item:nth-child(odd) {
        clear: left;
        padding-right: 10px;
        /* padding-right: 1rem */
    }

    .mod-grid4-item:nth-child(even) {
        padding-left: 10px;
        padding-left: 1rem
    }
}

.mod-grid4to1 {
    overflow: hidden;
    margin: 0 0 24px -24px;
    padding: 0
}

@media screen and (max-width: 599px) {
    .mod-grid4to1 {
        margin-left: 0
    }
}

.mod-grid4to1-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 24px;
    width: 222px
}

@media screen and (max-width: 599px) {
    .mod-grid4to1-item {
        float: none;
        margin-top: 10px;
        margin-left: 0;
        width: auto
    }

    .mod-grid4to1-item:first-child {
        margin-top: 0
    }
}

.mod-grid6 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none inside;
    margin-bottom: 48px;
    /* margin-bottom: 4.8rem */
}

.mod-grid6+.mod-grid6 {
    margin-top: -24px
}

@media screen and (max-width: 599px) {
    .mod-grid6 {
        margin-bottom: 10px;
        /* margin-bottom: 1rem */
    }

    .mod-grid6+.mod-grid6 {
        margin-top: 0
    }
}

.mod-grid6-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 140px;
    margin: 0;
    padding: 0;
    list-style: none inside;
    margin-left: 24px
}

.mod-grid6-item:first-child {
    margin-left: 0
}

@media screen and (max-width: 599px) {
    .mod-grid6-item {
        width: 50%;
        margin-left: 0;
        margin-bottom: 15px;
        margin-bottom: 1.5rem
    }

    .mod-grid6-item:nth-child(odd) {
        clear: left;
        padding-right: 10px;
        padding-right: 1rem
    }

    .mod-grid6-item:nth-child(even) {
        padding-left: 10px;
        padding-left: 1rem
    }
}

.mod-product {
    padding: 30px;
    padding: 3rem;
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
    background: -webkit-linear-gradient(top, #f1f1ee, #e8e8e2);
    background: -moz-linear-gradient(top, #f1f1ee, #e8e8e2);
    background: linear-gradient(top, #f1f1ee, #e8e8e2);
    background-color: #f0f0ed;
    overflow: hidden
}

@media screen and (max-width: 599px) {
    .mod-product {
        padding: 15px;
        padding: 1.5rem;
        padding-bottom: 20px;
        padding-bottom: 2rem;
        margin-bottom: 0
    }
}

.mod-productMain {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 30px;
    padding-right: 3rem;
    float: left;
    width: 600px;
    overflow: hidden
}

@media screen and (max-width: 599px) {
    .mod-productMain {
        float: none;
        padding-right: 0;
        width: 100%
    }
}

.mod-productLogo {
    border-bottom: 1px solid #d7d7d4;
    padding: 0 0 20px 0;
    padding: 0 0 2rem 0;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0
}

.mod-productLogo-name {
    margin: 0;
    padding: 0;
    line-height: 1
}

.mod-productLogo-text {
    font-size: 24px;
    /* font-size: 2.4rem; */
    vertical-align: middle
}

@media screen and (max-width: 599px) {
    .mod-productLogo-text {
        font-size: 20px;
        /* font-size: 2rem */
    }
}

.mod-productLogo-image {
    vertical-align: top
}

.mod-productIntroGalleryView {
    width: 400px;
    height: 300px;
    margin: 0 auto 20px;
    margin: 0 auto 2rem;
    overflow: hidden;
    text-align: left
}

@media screen and (max-width: 599px) {
    .mod-productIntroGalleryView {
        width: 290px;
        height: 210px
    }
}

.mod-productIntroGalleryView-inner {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 1600px;
    height: 300px
}

.mod-productIntroGalleryView-item {
    float: left
}

.mod-productIntroGalleryView-item img {
    max-width: 100%;
    height: auto
}

.mod-productIntroGallery-prev,
.mod-productIntroGallery-next {
    position: absolute;
    top: 0;
    display: block;
    line-height: 68px;
    height: 68px
}

.mod-productIntroGallery-prev a,
.mod-productIntroGallery-next a {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    color: #333333;
    font-size: 40px;
    /* font-size: 4rem; */
    text-decoration: none
}

.is-disabled.mod-productIntroGallery-prev a,
.is-disabled.mod-productIntroGallery-next a {
    color: #cccccc;
    cursor: default
}

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

    .mod-productIntroGallery-prev,
    .mod-productIntroGallery-next {
        height: 45px;
        line-height: 45px
    }
}

.mod-productIntroGallery-prev {
    margin-right: 20px;
    margin-right: 2rem;
    left: -40px
}

.mod-productIntroGallery-prev a {
    padding-right: 10px;
    padding-right: 1rem
}

.mod-productIntroGallery-prev a:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em
}

@media screen and (max-width: 599px) {
    .mod-productIntroGallery-prev {
        left: -18px
    }
}

.mod-productIntroGallery-next {
    margin-left: 20px;
    margin-left: 2rem;
    right: -40px
}

.mod-productIntroGallery-next a {
    padding-left: 10px;
    padding-left: 1rem
}

.mod-productIntroGallery-next a:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em
}

@media screen and (max-width: 599px) {
    .mod-productIntroGallery-next {
        right: -18px
    }
}

.mod-productIntroChooserThumbs {
    position: relative;
    width: 390px;
    display: block;
    text-align: left;
    margin: 0 auto 40px;
    margin: 0 auto 4rem
}

@media screen and (max-width: 599px) {
    .mod-productIntroChooserThumbs {
        width: 255px;
        height: 45px
    }
}

.mod-productIntroChooserThumbs-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.mod-productIntroChooserThumbs-list {
    position: relative;
    display: block;
    overflow: hidden;
    width: 800px;
    height: 68px;
    margin: 0 auto
}

@media screen and (max-width: 599px) {
    .mod-productIntroChooserThumbs-list {
        width: 510px;
        height: 45px
    }
}

.mod-productIntroChooserThumbs-item {
    display: table;
    display: block\9;
    font-size: 0;
    word-spacing: -1em;
    margin: 0;
    padding: 0;
    float: left;
    text-align: center;
    width: 390px
}

@media screen and (max-width: 599px) {
    .mod-productIntroChooserThumbs-item {
        width: 255px
    }
}

.mod-productIntroChooserThumbs-image {
    display: inline-block;
    word-spacing: normal;
    vertical-align: top;
    margin-left: 10px;
    margin-left: 1rem
}

.mod-productIntroChooserThumbs-image:first-child {
    margin-left: 0
}

.mod-productIntroChooserThumbs-image.is-active {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5
}

@media screen and (max-width: 599px) {
    .mod-productIntroChooserThumbs-image {
        margin-left: 5px;
        margin-left: 0.5rem
    }

    .mod-productIntroChooserThumbs-image img {
        width: 60px;
        height: auto
    }
}

.mod-productSpec {
    margin-bottom: 30px;
    margin-bottom: 3rem;
    text-align: center
}

@media screen and (max-width: 599px) {
    .mod-productSpec {
        margin-bottom: 15px;
        margin-bottom: 1.5rem
    }
}

.mod-productSpec-main {
    display: inline-block
}

@media screen and (max-width: 599px) {
    .mod-productSpec-main {
        text-align: center
    }
}

@media screen and (max-width: 320px) {
    .mod-productSpec-main {
        text-align: left
    }
}

.mod-productSpec-inner {
    display: block;
    list-style: none;
    text-align: left;
    font-size: 0;
    padding: 0
}

@media screen and (max-width: 599px) {
    .mod-productSpec-inner {
        padding: 0 14px;
        padding: 0 1.4rem
    }
}

.mod-productSpec-item {
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 4px;
    font-size: 10px;
    /* font-size: 1rem */
}

.mod-productSpec-item:first-child {
    margin-left: 0
}

@media screen and (max-width: 599px) {
    .mod-productSpec-item {
        margin-left: 0;
        margin-right: 4px;
        margin-bottom: 4px
    }
}

.mod-productSpec-extra {
    display: block;
    text-align: center;
    margin-top: 10px
}

.mod-specIcon {
    display: table-cell;
    max-width: 60px;
    width: 60px;
    height: 60px;
    line-height: 1;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word
}

.mod-specIcon-text1,
.mod-specIcon-text2 {
    display: inline-block;
    width: 100%
}

.mod-specIcon {
    background-color: #949494;
    color: #fff
}

.mod-specIcon:hover,
.mod-specIcon:active,
.mod-specIcon:visited {
    color: #fff
}

.mod-specIcon--lighten {
    background-color: #fff;
    color: #666666;
    border: 1px solid #cecece
}

.mod-specIcon--lighten:hover,
.mod-specIcon--lighten:active,
.mod-specIcon--lighten:visited {
    color: #666666
}

.mod-specIcon-text1 {
    font-size: 16px;
    /* font-size: 1.6rem; */
    font-weight: bold
}

.mod-specIcon-text2 {
    font-size: 10px;
    /* font-size: 1rem; */
    margin-top: 8px
}

@media screen and (max-width: 599px) {
    .mod-specIcon-text2 {
        font-size: 12px;
        /* font-size: 1.2rem */
    }
}

.mod-specIcon2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    min-width: 109px;
    width: 48%;
    height: 26px;
    margin-right: -2px;
    line-height: 26px;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    background-color: #949494
}

@media screen and (max-width: 599px) {
    .mod-specIcon2 {
        min-width: 48%;
        margin-right: 0
    }
}

.mod-specIcon2-text1 {
    font-weight: bold;
    font-size: 14px;
    /* font-size: 1.4rem */
}

.mod-specIcon2-text2 {
    font-size: 10px;
    /* font-size: 1rem */
}

@media screen and (max-width: 599px) {
    .mod-specIcon2-text2 {
        font-size: 12px;
        /* font-size: 1.2rem */
    }
}

.mod-productInfo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    padding: 2rem;
    overflow: hidden;
    background-color: #fcfcfb
}

@media screen and (max-width: 599px) {
    .mod-productInfo {
        padding: 15px;
        padding: 1.5rem
    }
}

.mod-productInfo-item {
    border-top: 1px solid #e2e2e2;
    padding-top: 20px;
    padding-top: 2rem
}

.mod-productInfo-item:first-child {
    border-top-width: 0;
    padding-top: 0
}

.mod-productIntroTop-text1,
.mod-productIntroTop-text2,
.mod-productColorVariation-heading {
    padding: 0;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0;
    line-height: 1.3;
    font-weight: normal
}

.mod-productIntroTop-text1 {
    font-size: 18px;
    /* font-size: 1.8rem; */
    font-weight: bold
}

.mod-productColorVariation {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    width: 264px
}

@media screen and (max-width: 599px) {
    .mod-productColorVariation {
        width: auto;
        min-width: 264px
    }
}

.mod-productColorVariation-inner {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.mod-productColorVariation-heading {
    margin: 0 0 10px 0;
    margin: 0 0 1rem 0;
    font-weight: bold;
    font-size: 14px;
    /* font-size: 1.4rem */
}

@media screen and (max-width: 599px) {
    .mod-productColorVariation-heading {
        font-size: 16px;
        /* font-size: 1.6rem */
    }
}

.mod-productColorVariation-item {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    width: 62px;
    height: 62px;
    border: 1px solid #e2e2e2;
    overflow: hidden;
    margin: 0 4px 4px 0;
    text-align: center;
    vertical-align: middle
}

.mod-productColorVariation-item img {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.mod-productColorVariation-item .mod-icon-new--small {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2
}

.mod-productLink {
    margin: 0;
    padding: 0;
    list-style: none
}

.mod-productLink-item {
    display: table;
    padding-top: 20px;
    padding-top: 2rem
}

.mod-productLink-item:first-child {
    padding-top: 0
}

.mod-productLink-icon {
    display: table-cell;
    padding-right: 10px;
    padding-right: 1rem;
    vertical-align: middle
}

.mod-productLink-title {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4
}

.mod-icon-new,
.mod-icon-new--small {
    font-size: 14px;
    /* font-size: 1.4rem; */
    width: 50px;
    height: 20px;
    line-height: 20px;
    color: #000;
    background-color: #ffe604;
    font-weight: bold;
    text-align: center;
    border-radius: 2px
}

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

    .mod-icon-new,
    .mod-icon-new--small {
        font-size: 12px;
        /* font-size: 1.2rem; */
        width: 32px;
        height: 17px;
        line-height: 17px
    }
}

.mod-icon-new--small {
    font-size: 10px;
    /* font-size: 1rem; */
    width: 27px;
    height: 12px;
    line-height: 12px
}

@media screen and (max-width: 599px) {
    .mod-icon-new--small {
        font-size: 10px;
        /* font-size: 1rem; */
        width: 27px;
        height: 12px;
        line-height: 12px
    }
}

.mod-infoBlock {
    width: 100%;
    text-align: center
}

.mod-infoBlock-detail {
    position: relative;
    display: inline-block;
    min-height: 210px;
    margin-left: 280px;
    padding-left: 30px;
    text-align: left
}

.mod-infoBlock-detail .mod-productLogo {
    display: inline-block;
    padding-top: 40px;
    padding-bottom: 0;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    border-width: 0px;
    overflow: hidden
}

@media screen and (max-width: 599px) {
    .mod-infoBlock-detail {
        margin-left: 0;
        padding-left: 0
    }

    .mod-infoBlock-detail .mod-productLogo {
        display: block;
        padding: 0 0 20px 0;
        padding: 0 0 2rem 0;
        border-width: 1px
    }
}

.mod-infoBlock-image {
    position: absolute;
    top: 0;
    left: -280px
}

.mod-infoBlock-image>img {
    width: 280px;
    height: 210px
}

@media screen and (max-width: 599px) {
    .mod-infoBlock-image {
        position: static;
        text-align: center;
        padding-bottom: 20px;
        padding-bottom: 2rem
    }

    .mod-infoBlock-image>img {
        width: 290px;
        height: 218px
    }
}

.mod-tabbar {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 40px
}

@media screen and (max-width: 599px) {
    .mod-tabbar {
        border-top: 5px solid #4d4d4d;
        overflow: hidden
    }
}

.mod-tabbar-inner {
    text-align: center;
    margin: 0;
    padding: 0;
    margin-bottom: -1px
}

@media screen and (max-width: 599px) {
    .mod-tabbar-inner {
        margin-bottom: 0
    }
}

.mod-tabbar-item {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 1px;
    margin-right: 1px
}

.mod-tabbar-item>a {
    border-radius: 5px 5px 0 0;
    display: block;
    -webkit-box-shadow: inset 0 1px #fff;
    -moz-box-shadow: inset 0 1px #fff;
    box-shadow: inset 0 1px #fff;
    background: -webkit-linear-gradient(top, #f0f0ed, #e5e5dd);
    background: -moz-linear-gradient(top, #f0f0ed, #e5e5dd);
    background: linear-gradient(top, #f0f0ed, #e5e5dd);
    background-color: #e5e5dd;
    border: 1px solid #d4d4d4;
    color: #4d4d4d;
    text-decoration: none;
    padding: 15px 20px
}

.mod-tabbar-item>a:hover {
    background: -webkit-linear-gradient(top, #f7f7f6, #ebebe5);
    background: -moz-linear-gradient(top, #f7f7f6, #ebebe5);
    background: linear-gradient(top, #f7f7f6, #ebebe5);
    background-color: #ebebe5
}

.mod-tabbar-item.is-active>a {
    background: -webkit-linear-gradient(top, #f8f8f8, #ffffff);
    background: -moz-linear-gradient(top, #f8f8f8, #ffffff);
    background: linear-gradient(top, #f8f8f8, #ffffff);
    font-weight: bold;
    border-bottom-color: #fff;
    background-color: #fff
}

@media screen and (max-width: 599px) {
    .mod-tabbar-item.is-active>a {
        background-image: none;
        background-color: #fff
    }
}

@media screen and (max-width: 599px) {
    .mod-tabbar-item {
        float: left;
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        width: 50%
    }

    .mod-tabbar-item>a {
        border-radius: 0;
        border-width: 0 1px 0 0;
        -webkit-box-shadow: inset 0 0 10px #ddddda;
        -moz-box-shadow: inset 0 0 10px #ddddda;
        box-shadow: inset 0 0 10px #ddddda
    }

    .mod-tabbar-item:nth-child(2n) {
        border-width: 0 0 0 0
    }
}

.mod-articleGrid {
    overflow: hidden
}

.mod-articleGrid.js-masonryLayout .mod-articleGrid-cell {
    margin-left: 0;
    margin-bottom: 0
}

@media screen and (max-width: 599px) {
    .mod-articleGrid .mod-articleGrid-cell {
        width: auto;
        float: none;
        margin-left: 0
    }
}

.mod-articleGrid-cell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 468px;
    margin-left: 24px;
    margin-bottom: 24px
}

.mod-articleGrid-cell:first-child {
    margin-left: 0
}

.mod-article,
.mod-articleImageLeft,
.mod-articleImageRight {
    margin: 0 auto 24px;
    margin: 0 auto 2.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: table;
    width: 100%
}

.mod-article:before,
.mod-articleImageLeft:before,
.mod-articleImageRight:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    height: 1px;
    background-color: #e3e3e3
}

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

    .mod-article,
    .mod-articleImageLeft,
    .mod-articleImageRight {
        padding-left: 15px;
        padding-left: 1.5rem;
        padding-right: 15px;
        padding-right: 1.5rem
    }

    .mod-article:before,
    .mod-articleImageLeft:before,
    .mod-articleImageRight:before {
        margin-left: 15px;
        margin-left: 1.5rem;
        margin-right: 15px;
        margin-right: 1.5rem
    }
}

@media screen and (max-width: 599px) {
    .mod-article-detail {
        display: table-header-group;
        margin-right: auto
    }
}

.is-closed.mod-article-heading:before,
.is-closed.mod-article-subHeading:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 36px;
    /* font-size: 3.6rem; */
    display: block;
    position: absolute;
    top: -10px;
    right: 0;
    color: #949494
}

.is-opened.mod-article-heading:before,
.is-opened.mod-article-subHeading:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 36px;
    /* font-size: 3.6rem; */
    display: block;
    position: absolute;
    top: -10px;
    right: 0;
    color: #949494
}

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

    .mod-article-heading,
    .mod-article-subHeading {
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 50px;
        padding-right: 25px
    }
}

.mod-article-heading {
    font-size: 24px;
    /* font-size: 2.4rem; */
    color: #4d4d4d;
    width: 100%
}

@media screen and (max-width: 599px) {
    .mod-article-heading {
        font-size: 20px;
        /* font-size: 2rem */
    }
}

.mod-article-subHeading {
    color: #777;
    font-size: 18px;
    /* font-size: 1.8rem */
}

@media screen and (max-width: 599px) {
    .mod-article-subHeading {
        font-size: 18px;
        /* font-size: 1.8rem */
    }
}

.mod-article-text,
.mod-article-subText {
    color: #4d4d4d;
    padding: 0;
    margin: 0 0 24px 0;
    margin: 0 0 2.4rem 0
}

.mod-article-subText {
    color: #999;
    font-size: 12px;
    /* font-size: 1.2rem */
}

@media screen and (max-width: 599px) {
    .mod-article-subText {
        font-size: 14px;
        /* font-size: 1.4rem */
    }
}

.mod-article-figure {
    vertical-align: top;
    margin: 0 0 24px 0;
    margin: 0 0 2.4rem 0;
    text-align: center
}

@media screen and (max-width: 599px) {
    .mod-article-figure {
        display: table-footer-group;
        margin-right: auto;
        text-align: center
    }
}

.mod-article-image {
    display: inline-block
}

.mod-article-image img {
    max-width: 100%;
    height: auto
}

@media screen and (max-width: 599px) {
    .mod-article-image {
        display: table;
        table-layout: fixed;
        width: 100%;
        text-align: center
    }

    .mod-article-image img {
        margin-bottom: 24px;
        margin-bottom: 2.4rem
    }
}

.mod-articleImage-item {
    display: block;
    width: 100%
}

.mod-article-figcaption {
    text-align: left
}

@media screen and (max-width: 599px) {
    .mod-article-figcaption {
        text-align: center;
        margin-top: -12px;
        margin-top: -1.2rem;
        padding-bottom: 24px;
        padding-bottom: 2.4rem
    }
}

.mod-articleImageLeft,
.mod-articleImageRight {
    overflow: hidden
}

.mod-articleImageLeft-figure {
    float: left;
    vertical-align: top;
    margin-right: 24px;
    margin-right: 2.4rem
}

@media screen and (max-width: 599px) {
    .mod-articleImageLeft-figure {
        float: none;
        display: table-footer-group;
        margin-right: auto;
        text-align: center
    }
}

.mod-articleImageLeft-detail {
    overflow: hidden
}

@media screen and (max-width: 599px) {
    .mod-articleImageLeft-detail {
        display: table-header-group
    }
}

.mod-articleImageRight-figure {
    float: right;
    vertical-align: top;
    margin-left: 24px;
    margin-left: 2.4rem
}

@media screen and (max-width: 599px) {
    .mod-articleImageRight-figure {
        float: none;
        display: table-footer-group;
        margin-left: auto;
        text-align: center
    }
}

.mod-articleImageRight-detail {
    overflow: hidden
}

@media screen and (max-width: 599px) {
    .mod-articleImageRight-detail {
        display: table-header-group
    }
}

.mod-list,
.mod-list--noicon {
    margin: 0 0 24px 0
}

.mod-list-inner {
    padding: 0 0 0 17px;
    margin: 0;
    list-style: outside disc
}

.mod-list-item {
    text-align: left;
    padding-top: 10px;
    padding-top: 1rem;
    line-height: 1.4;
    list-style: outside disc
}

.mod-list-item:first-child {
    padding-top: 0
}

.mod-list-item>.mod-list,
.mod-list-item>.mod-list--noicon {
    margin: 12px 0 0;
    text-indent: 0
}

.mod-heading1 {
    color: #4d4d4d;
    font-weight: bold;
    font-size: 24px;
    /* font-size: 2.4rem */
}

@media screen and (max-width: 599px) {
    .mod-heading1 {
        font-size: 20px;
        /* font-size: 2rem */
    }
}

.mod-heading2 {
    color: #4d4d4d;
    font-size: 18px;
    /* font-size: 1.8rem */
}

.mod-list--type-decimal>.mod-list-inner {
    padding: 0;
    list-style: inside decimal
}

.mod-list--type-decimal>.mod-list-inner>.mod-list-item {
    padding-left: 1.5em;
    text-indent: -1.5em;
    list-style: inside decimal
}

.mod-list--noicon>.mod-list-inner {
    padding-left: 0;
    list-style: none
}

.mod-list--noicon>.mod-list-inner>.mod-list-item {
    list-style: none
}

.mod-table1 {
    border-top: #e3e3e3;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

.mod-table1-inner {
    width: 100%;
    border-top: 1px solid #e3e3e3
}

.mod-table1-inner th {
    border-style: solid;
    border-color: #e3e3e3;
    text-align: left
}

.mod-table1-inner td {
    padding: 10px;
    padding: 1rem;
    border-style: solid;
    border-color: #e3e3e3
}

@media screen and (max-width: 599px) {
    .mod-table1-inner {
        display: block;
        width: 100%;
        border-top: none;
        border-bottom: 1px solid #e3e3e3
    }

    .mod-table1-inner tbody,
    .mod-table1-inner tr,
    .mod-table1-inner th,
    .mod-table1-inner td {
        display: block
    }
}

.mod-table1-heading {
    padding: 10px;
    padding: 1rem;
    background-color: #f1f1f1;
    font-weight: normal;
    border-width: 1px 1px 1px 1px
}

@media screen and (max-width: 599px) {
    .mod-table1-heading {
        padding-left: 0;
        background-color: transparent;
        border-width: 3px 0 0 0;
        font-weight: bold;
        font-size: 18px;
        /* font-size: 1.8rem */
    }
}

.mod-table1-subHeading {
    padding: 10px;
    padding: 1rem;
    background-color: #f1f1f1;
    border-width: 0 0 1px 1px;
    font-weight: normal
}

@media screen and (max-width: 599px) {
    .mod-table1-subHeading {
        display: block;
        border-width: 2px 0 0 0;
        color: #777777;
        font-weight: bold
    }

    .mod-table1-subHeading:empty {
        display: none
    }
}

.mod-table1-item {
    background-color: #fff;
    border-width: 0 1px 1px 0
}

.mod-table1-item .mod-list:last-child,
.mod-table1-item .mod-list--noicon:last-child,
.mod-table1-item .mod-list:first-child:last-child,
.mod-table1-item .mod-list--noicon:first-child:last-child {
    margin-bottom: 0
}

.mod-table1-item .mod-article-text:last-child,
.mod-table1-item .mod-article-subText:last-child,
.mod-table1-item .mod-article-text:first-child:last-child,
.mod-table1-item .mod-article-subText:first-child:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 599px) {
    .mod-table1-item {
        display: block;
        border-width: 0
    }

    .mod-table1-item:empty {
        display: none
    }
}

.mod-table2 {
    margin-bottom: 20px;
    margin-bottom: 2rem
}

.mod-table2.mod-table2--type-full .mod-table2-inner {
    width: 100%
}

.mod-table2 .mod-table2-inner {
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 1px 0 0 1px
}

@media screen and (max-width: 599px) {
    .mod-table2 .mod-table2-inner {
        width: 100%
    }
}

.mod-table2 td,
.mod-table2 th {
    padding: 10px;
    padding: 1rem;
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 0 1px 1px 0
}

.mod-table2 img {
    vertical-align: middle
}

.mod-table2 th {
    text-align: left;
    font-weight: normal;
    background-color: #f1f1f1
}

.mod-p {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    margin-bottom: 2rem
}

.mod-p2 {
    padding: 0;
    margin: 0 0 16px
}

.mod-iconLink1 {
    color: #1d3994
}

.mod-iconLink1:hover {
    text-decoration: underline
}

.mod-iconLink1:hover:before {
    text-decoration: none
}

.mod-iconLink1:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    color: #a1a1a1
}

.mod-layoutBlock1 {
    display: table;
    width: 960px;
    table-layout: fixed;
    margin-bottom: 24px;
    margin-bottom: 2.4rem
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock1 {
        display: block;
        width: auto
    }
}

.mod-layoutBlock1-image {
    display: table-cell;
    width: 330px;
    padding-right: 80px;
    padding-right: 8rem
}

.mod-layoutBlock1-image img {
    max-width: 100%;
    height: auto;
    width: 100%
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock1-image {
        display: block;
        width: auto;
        text-align: center;
        padding-right: 0;
        margin-bottom: 15px;
        margin-bottom: 1.5rem
    }
}

.mod-layoutBlock1-detail {
    display: table-cell;
    vertical-align: middle
}

.mod-layoutBlock1-detail>*:only-child {
    margin-bottom: 0
}

@media screen and (max-width: 599px) {
    .mod-layoutBlock1-detail {
        display: block
    }
}

.mod-icon-colortip {
    width: 26px;
    height: 26px;
    margin-right: 14px
}

.mod-textBanner,
.mod-imageBanner {
    text-align: left;
    padding-top: 24px;
    padding-top: 2.4rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem
}

.mod-textBanner ul,
.mod-imageBanner ul {
    margin: 0;
    padding: 0;
    letter-spacing: -0.4em
}

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

    .mod-textBanner,
    .mod-imageBanner {
        padding-top: 0
    }

    .mod-textBanner ul,
    .mod-imageBanner ul {
        padding-left: 15px;
        padding-left: 1.5rem;
        padding-right: 15px;
        padding-right: 1.5rem
    }
}

.mod-textBanner-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 304px;
    display: inline-block;
    border: 1px solid #d4d4d4;
    text-align: left;
    vertical-align: top;
    letter-spacing: normal;
    margin-left: 24px;
    margin-left: 2.4rem
}

.mod-textBanner-item:first-child {
    margin-left: 0
}

.mod-textBanner-item a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 20px;
    padding: 2rem
}

.mod-textBanner-item a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    text-decoration: none
}

@media screen and (max-width: 599px) {
    .mod-textBanner-item {
        margin-left: 0;
        margin-bottom: 10px;
        margin-bottom: 1rem;
        display: block;
        width: 100%;
        height: auto
    }

    .mod-textBanner-item a {
        padding: 10px;
        padding: 1rem
    }
}

.mod-textBanner-title {
    font-size: 16px;
    /* font-size: 1.6rem; */
    margin-bottom: 10px;
    margin-bottom: 1rem;
    display: block;
    font-weight: bold;
    color: #1d3994
}

.mod-textBanner-title:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    color: #333;
    font-weight: bold;
    margin-right: 10px;
    margin-right: 10px;
    margin-right: 1rem;
    font-size: 18px;
    /* font-size: 1.8rem */
}

.mod-textBanner-text {
    display: block;
    color: #4d4d4d
}

.mod-imageBanner {
    margin-bottom: 48px;
    margin-bottom: 4.8rem;
    padding-top: 0;
    text-align: left
}

.mod-imageBanner-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    letter-spacing: normal;
    margin-left: 24px;
    margin-left: 2.4rem
}

.mod-imageBanner-item:first-child {
    margin-left: 0
}

@media screen and (max-width: 599px) {
    .mod-imageBanner-item {
        display: block;
        text-align: center;
        margin-left: 0;
        margin-bottom: 10px;
        margin-bottom: 1rem
    }

    .mod-imageBanner-item img {
        width: 100%;
        height: auto
    }
}

.mod-blockLink>a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    padding: 2rem;
    display: block;
    border: 1px solid #d4d4d4
}

.mod-blockLink>a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    text-decoration: none
}

@media screen and (max-width: 599px) {
    .mod-blockLink>a {
        padding: 10px;
        padding: 1rem
    }
}

.mod-blockLink.mod-blockLink--type-2 a,
.mod-blockLink.mod-blockLink--type-3 a {
    padding: 0;
    border: none
}

.mod-blockLink.mod-blockLink--type-2 {
    margin-bottom: 24px
}

@media screen and (max-width: 599px) {
    .mod-blockLink.mod-blockLink--type-2 {
        margin-bottom: 48px
    }
}

.mod-blockLink.mod-blockLink--type-3 {
    margin-bottom: 48px
}

.mod-blockLink-title {
    font-size: 16px;
    /* font-size: 1.6rem; */
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-weight: bold;
    color: #1d3994
}

.mod-blockLink-title:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    color: #333;
    font-weight: bold;
    margin-right: 10px;
    margin-right: 10px;
    margin-right: 1rem;
    font-size: 18px;
    /* font-size: 1.8rem */
}

@media screen and (max-width: 599px) {
    .mod-blockLink-title {
        font-size: 16px;
        /* font-size: 1.6rem */
    }
}

.mod-blockLink--type-2 .mod-blockLink-title,
.mod-blockLink--type-3 .mod-blockLink-title {
    font-size: 20px;
    /* font-size: 2rem */
}

.mod-blockLink--type-2 .mod-blockLink-title:before,
.mod-blockLink--type-3 .mod-blockLink-title:before {
    position: relative;
    top: -2px;
    margin-right: 5px
}

.mod-blockLink-title.mod-blockLink-title--type-noarrow {
    color: #4d4d4d
}

.mod-blockLink-title.mod-blockLink-title--type-noarrow:before {
    display: none
}

.mod-blockLink-logo {
    margin-bottom: 15px;
    font-size: 0
}

.mod-blockLink-text {
    color: #4d4d4d
}

.mod-blockLink-links {
    margin-top: 7px
}

.mod-blockLink-links>ul {
    margin: 0;
    padding: 0;
    list-style: none inside
}

.mod-blockLink-links li {
    padding-left: 1em;
    font-size: 16px;
    /* font-size: 1.6rem */
}

.mod-blockLink-links li .mod-arrowLink:before {
    position: relative;
    top: -1px
}

.mod-blockLink-links li+li {
    margin-top: 5px
}

.mod-specIconList {
    overflow: hidden;
    width: 102.5%;
    margin-bottom: 40px
}

@media screen and (max-width: 599px) {
    .mod-specIconList {
        width: auto;
        padding: 0 0 0 15px
    }
}

.mod-specIconList-caption {
    display: none;
    clear: both;
    text-align: center;
    margin-bottom: 20px;
    margin-left: -15px
}

@media screen and (max-width: 599px) {
    .mod-specIconList-caption {
        display: block
    }
}

.mod-specIconList-item {
    float: left;
    width: 304px;
    min-height: 55px;
    overflow: hidden;
    margin-right: 24px;
    margin-bottom: 20px
}

.mod-specIconList-item:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    display: block;
    float: left;
    margin-right: 10px;
    color: #949494;
    line-height: 1;
    vertical-align: top;
    overflow: hidden
}

@media screen and (max-width: 599px) {
    .mod-specIconList-item {
        width: 62px;
        height: 62px;
        margin-right: 5px;
        margin-bottom: 5px
    }

    .mod-specIconList-item:before {
        display: none
    }
}

.mod-specIconList-link {
    width: 285px;
    display: inline-block;
    vertical-align: top
}

@media screen and (max-width: 599px) {
    .mod-specIconList-link {
        width: auto
    }
}

.mod-specIconList-icon {
    display: table-cell;
    width: 44px;
    vertical-align: top
}

.mod-specIconList-icon .mod-specIcon {
    width: 44px;
    height: 44px
}

.mod-specIconList-icon .mod-specIcon-text1 {
    font-size: 12px;
    /* font-size: 1.2rem */
}

@media screen and (max-width: 599px) {
    .mod-specIconList-icon {
        width: 62px;
        vertical-align: top
    }

    .mod-specIconList-icon .mod-specIcon {
        width: 62px;
        height: 62px
    }
}

.mod-specIconList-text {
    display: table-cell;
    padding-left: 10px
}

@media screen and (max-width: 599px) {
    .mod-specIconList-text {
        display: none
    }
}

.mod-specIconHeading {
    overflow: hidden;
    padding: 24px 0;
    border-top: 1px solid #e3e3e3
}

@media screen and (max-width: 599px) {
    .mod-specIconHeading {
        padding: 20px 0
    }
}

.mod-specIconHeading-icon {
    float: left;
    margin-right: 20px;
    vertical-align: top
}

.mod-specIconHeading-text {
    vertical-align: top;
    overflow: hidden
}

.mod-specIconHeading-text>h3 {
    margin: -5px 0 0;
    padding: 0;
    vertical-align: top;
    font-size: 24px;
    /* font-size: 2.4rem; */
    line-height: 1.4
}

@media screen and (max-width: 599px) {
    .mod-specIconHeading-text {
        font-size: 20px;
        /* font-size: 2rem */
    }

    .mod-specIconHeading-text>h3 {
        line-height: 1.2
    }
}

.mod-hr1 {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1px;
    border: 0;
    background-color: #d4d4d4
}

.mod-hr2 {
    clear: both;
    margin: 20px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #d4d4d4
}

.mod-space1 {
    height: 24px
}

.mod-space2 {
    height: 48px
}

.mod-space3 {
    height: 10px
}

.mod-space4 {
    height: 20px
}

.ex-liquidImg {
    max-width: 100%;
    height: auto
}

.mod-grid2-item .ex-liquidImg {
    width: 100%
}

.mod-grid4to1-item .ex-liquidImg {
    width: auto
}

.ex-del-mb {
    margin-bottom: 0 !important
}

.ex-del-mt {
    margin-top: 0 !important
}

.ex-only-sp {
    display: none !important
}

@media screen and (max-width: 599px) {
    .ex-only-sp {
        display: block !important
    }
}

.ex-only-pc {
    display: block !important
}

@media screen and (max-width: 599px) {
    .ex-only-pc {
        display: none !important
    }
}

.ex-is-hidden {
    display: none
}

.ex-ta--l {
    text-align: left
}

.ex-ta--c {
    text-align: center
}

.ex-ta--r {
    text-align: right
}

.mod-degitutorHero {
    overflow: hidden;
    margin: 0 0 48px;
    margin: 0 0 2.4rem
}

@media screen and (max-width: 599px) {
    .mod-degitutorHero {
        margin: 0 0 20px;
        margin: 0 0 2rem
    }
}

.mod-degitutorHero h1 {
    display: none
}

@media screen and (max-width: 599px) {
    .mod-degitutorHero h1 {
        display: block;
        height: auto;
        padding-bottom: 10px;
        border-bottom: 2px solid #ccc;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 599px) {
    .mod-degitutorHero h1 img {
        display: block
    }
}

.mod-degitutorHero .mod-degitutorHero-text {
    float: left;
    /* width: 960px; */
    width: 100%;
    /* height: 140px; */
    overflow: hidden
}

@media screen and (max-width: 599px) {
    .mod-degitutorHero .mod-degitutorHero-text {
        float: none;
        width: auto;
        height: auto
    }
}

.mod-degitutorHero .mod-degitutorHero-text p {
    display: none;
}

@media screen and (max-width: 599px) {
    .mod-degitutorHero .mod-degitutorHero-text p {
        display: block;
    }
}

.mod-degitutorHero .mod-degitutorHero-text img {
    margin: 0 auto;
}

.mod-degitutorHero .mod-degitutorHero-image {
    float: left;
    width: 480px;
    height: 280px
}

@media screen and (max-width: 599px) {
    .mod-degitutorHero .mod-degitutorHero-image {
        display: none
    }
}

.mod-degitutorHero img {
    display: block
}

@media screen and (max-width: 599px) {
    .mod-degitutorHero img {
        display: none
    }
}

.mod-degitutorHero2 h1 {
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

@media screen and (max-width: 599px) {
    .mod-degitutorHero2 h1 {
        height: auto;
        padding-bottom: 10px;
        border-bottom: 2px solid #ccc;
        margin-bottom: 16px
    }
}

.mod-degitutorHero2 .mod-degitutorHero2-image {
    display: block
}

@media screen and (max-width: 599px) {
    .mod-degitutorHero2 .mod-degitutorHero2-image {
        display: none
    }
}

.mod-degitutorHero2 .mod-degitutorHero2-text {
    font-size: 12px;
    /* font-size: 1.2rem; */
    margin-top: 5px;
    text-align: right
}

@media screen and (max-width: 599px) {
    .mod-degitutorHero2 .mod-degitutorHero2-text {
        display: none
    }
}

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

    .mod-degitutorHero2+div>.mod-heading4,
    .mod-degitutorHero2+div>.mod2-headingV4,
    .mod-degitutorHero2+div>.mod2-headingV10,
    .mod-degitutorHero2+div>.mod-historyBlock-heading {
        border-top: 0;
        margin-top: -16px !important
    }
}

.mod-heroImage {
    margin: 24px 0 48px;
    margin: 2.4rem 0 4.8rem;
    padding: 20px 160px;
    background: #000
}

@media screen and (max-width: 599px) {
    .mod-heroImage {
        margin: 20px auto;
        margin: 2rem auto;
        width: 290px;
        padding: 0;
        background: #fff
    }
}

.mod-heroImage img,
.mod-heroImage iframe {
    display: block;
    margin: 0 auto;
    max-width: 640px;
    max-height: 640px
}

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

    .mod-heroImage img,
    .mod-heroImage iframe {
        width: auto;
        height: auto;
        max-width: 290px;
        max-height: 290px
    }
}

.mod-narrowContents {
    width: 796px;
    padding: 0 82px
}

@media screen and (max-width: 599px) {
    .mod-narrowContents {
        width: auto;
        padding: 0
    }
}

.mod-pictureSampleThumbnails {
    overflow: hidden;
    width: 848px;
    margin: 24px auto
}

.mod-narrowContents .mod-pictureSampleThumbnails {
    margin-left: -26px;
    margin-right: -26px
}

@media screen and (max-width: 599px) {
    .mod-pictureSampleThumbnails {
        display: table;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .mod-narrowContents .mod-pictureSampleThumbnails {
        margin-right: 0;
        margin-left: 0
    }
}

.mod-pictureSampleThumbnails-item {
    float: left;
    margin-left: 26px
}

@media screen and (max-width: 599px) {
    .mod-pictureSampleThumbnails-item {
        vertical-align: top;
        float: none;
        display: table-cell;
        width: 50%;
        margin: 0
    }

    .mod-pictureSampleThumbnails-item:nth-child(2n+1) {
        padding-right: 5px
    }

    .mod-pictureSampleThumbnails-item:nth-child(2n+2) {
        padding-left: 5px
    }
}

.mod-pictureSampleThumbnails-itemInner {
    width: 384px;
    display: table
}

.mod-pictureSampleThumbnails-itemInner>div,
.mod-pictureSampleThumbnails-itemInner>a {
    display: block;
    display: table-row;
    *zoom: 1
}

@media screen and (max-width: 599px) {
    .mod-pictureSampleThumbnails-itemInner {
        float: none;
        width: 138px;
        margin: 0 auto
    }
}

.mod-pictureSampleThumbnails-image {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    width: 384px;
    height: 384px;
    border: 1px solid #d4d4d4;
    background: url('../img/mod-pictureSampleThumbnails/bg_01.png') no-repeat 0 100%
}

@media screen and (max-width: 599px) {
    .mod-pictureSampleThumbnails-image {
        width: 138px;
        height: 138px;
        margin: 0 auto;
        background: url('../img/mod-pictureSampleThumbnails/bg_01_2x.png') no-repeat 0 100%;
        -webkit-background-size: 24px 24px;
        -moz-background-size: 24px 24px;
        background-size: 24px 24px
    }
}

@media screen and (max-width: 599px) {
    .mod-pictureSampleThumbnails-image img {
        display: block;
        width: auto;
        height: auto;
        max-width: 134px;
        max-height: 134px;
        margin: 0 auto
    }
}

.mod-pictureSampleThumbnails-image--type-nozoom {
    background-image: none
}

.mod-pictureSampleThumbnails-text {
    font-size: 12px;
    /* font-size: 1.2rem; */
    color: #999;
    display: table-row
}

.mod-pictureSampleThumbnails-text:before {
    content: "";
    display: block;
    height: 10px
}

@media screen and (max-width: 599px) {
    .mod-pictureSampleThumbnails-text {
        font-size: 16px;
        /* font-size: 1.6rem; */
        width: 138px;
        margin: 0 auto;
        text-align: left
    }
}

.mod-degitutorTextBlock {
    overflow: hidden;
    padding-bottom: 24px;
    padding-bottom: 2.4rem;
    margin: 24px 0;
    margin: 2.4rem 0;
    border-bottom: 1px solid #ccc
}

@media screen and (max-width: 599px) {
    .mod-degitutorTextBlock {
        padding-bottom: 0;
        border-bottom: none
    }
}

.mod-degitutorTextBlock .mod-degitutorTextBlock-image {
    float: left;
    padding-right: 26px
}

.mod-degitutorTextBlock .mod-degitutorTextBlock-image img {
    display: block
}

@media screen and (max-width: 599px) {
    .mod-degitutorTextBlock .mod-degitutorTextBlock-image {
        float: none;
        padding-right: 0
    }

    .mod-degitutorTextBlock .mod-degitutorTextBlock-image img {
        width: 100%;
        height: auto
    }
}

.mod-degitutorTextBlock .mod-degitutorTextBlock-text {
    padding-top: 16px;
    overflow: hidden;
    *zoom: 1
}

@media screen and (max-width: 599px) {
    .mod-degitutorTextBlock .mod-degitutorTextBlock-text {
        padding-top: 10px;
        overflow: visible
    }
}

@media screen and (max-width: 599px) {
    .mod-degitutorTextBlock--has-separater {
        margin: 0 0 40px;
        margin: 0 0 4rem;
        padding-bottom: 10px;
        padding-bottom: 1rem;
        border-bottom: 1px solid #ccc
    }

    .mod-degitutorTextBlock--has-separater+.mod-degitutorTextBlock--has-separater {
        margin-top: -25px
    }
}

.mod-linkInPlugin,
.mod-linkInOther {
    margin: 20px 0 40px;
    margin: 2rem 0 4rem
}

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

    .mod-linkInPlugin,
    .mod-linkInOther {
        margin: 10px 0;
        margin: 1rem 0;
        padding: 10px;
        border: 1px solid #d4d4d4;
        margin: 20px 0
    }
}

.mod-linkInPlugin-link,
.mod-linkInOther-link {
    font-size: 16px;
    /* font-size: 1.6rem; */
    font-weight: bold;
    display: inline
}

.mod-linkInPlugin-link:before,
.mod-linkInOther-link:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    margin-right: 5px;
    margin-right: 0.5rem;
    font-size: 20.8px;
    /* font-size: 2.08rem; */
    color: #4d4d4d
}

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

    .mod-linkInPlugin-link,
    .mod-linkInOther-link {
        font-size: 16px;
        /* font-size: 1.6rem; */
        display: block
    }
}

.mod-linkInPlugin-text {
    font-size: 12px;
    /* font-size: 1.2rem; */
    display: inline
}

@media screen and (max-width: 599px) {
    .mod-linkInPlugin-text {
        font-size: 16px;
        /* font-size: 1.6rem; */
        display: block
    }
}

.mod-linkInOther {
    border-top: 1px solid #d4d4d4;
    padding-top: 10px
}

.mod-backToPrev {
    font-size: 16px;
    /* font-size: 1.6rem; */
    margin: 48px 0;
    margin: 4.8rem 0;
    font-weight: bold;
    text-align: center
}

.mod-backToPrev:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 20.8px;
    /* font-size: 2.08rem; */
    color: #4d4d4d;
    font-weight: bold;
    margin-bottom: -.05em
}

@media screen and (max-width: 599px) {
    .mod-backToPrev:before {
        margin-right: 5px
    }
}

@media screen and (max-width: 599px) {
    .mod-backToPrev {
        margin: 30px 0;
        margin: 3rem 0
    }
}

.mod-relatedLinks,
.mod2-cameraFunctionLinks,
.mod2-cameraFunctionLinks2 {
    overflow: hidden;
    margin: 24px 0
}

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

    .mod-relatedLinks,
    .mod2-cameraFunctionLinks,
    .mod2-cameraFunctionLinks2 {
        margin: 10px 0 20px
    }
}

.mod-relatedLinks ul,
.mod2-cameraFunctionLinks ul,
.mod2-cameraFunctionLinks2 ul {
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-relatedLinks li,
.mod2-cameraFunctionLinks li,
.mod2-cameraFunctionLinks2 li {
    font-size: 16px;
    margin: 0 0 24px;
    margin: 0 0 2.4rem;
    font-weight: bold;
    vertical-align: top;
    display: inline-block;
    width: 200px;
    padding: 0 26px 0 14px;
    *display: inline;
    *zoom: 1
}

.mod-relatedLinks li:before,
.mod2-cameraFunctionLinks li:before,
.mod2-cameraFunctionLinks2 li:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    margin-right: 5px;
    margin-right: 0.5rem;
    font-size: 20.8px;
    font-weight: bold;
    color: #949494;
    vertical-align: middle;
    position: absolute;
    margin: -.2em 0 0 -14px
}

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

    .mod-relatedLinks li,
    .mod2-cameraFunctionLinks li,
    .mod2-cameraFunctionLinks2 li {
        margin-bottom: 12px;
        margin-bottom: 1.2rem;
        font-weight: normal;
        display: block;
        width: auto
    }

    .mod-relatedLinks li:last-child,
    .mod2-cameraFunctionLinks li:last-child,
    .mod2-cameraFunctionLinks2 li:last-child {
        margin-bottom: 0
    }
}

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

    .mod-relatedLinks a:before,
    .mod2-cameraFunctionLinks a:before,
    .mod2-cameraFunctionLinks2 a:before {
        color: #a1a1a1;
        font-weight: normal
    }
}

.mod-arrowLink {
    color: #1d3994;
    display: inline-block;
    margin-left: 0px;
    padding-left: 14px;
    text-indent: -14px;
    vertical-align: top
}

.mod-arrowLink:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    color: #a1a1a1;
    text-indent: 0
}

.mod-arrowLink.mod-arrowLink--type-caption>span {
    padding-right: 3px
}

.mod-arrowLink.mod-arrowLink--type-caption:after {
    content: "※";
    color: #999;
    text-decoration: none
}

a:hover .mod-arrowLink,
.mod-arrowLink:hover {
    text-decoration: none !important
}

a:hover .mod-arrowLink span,
.mod-arrowLink:hover span {
    text-decoration: underline
}

.mod-arrowLink2 {
    display: inline-block
}

.mod-arrowLink2:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    display: none;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    color: #a1a1a1;
    text-indent: 0
}

@media screen and (max-width: 599px) {
    .mod-arrowLink2 {
        color: #1d3994;
        margin-left: 0px;
        padding-left: 14px;
        text-indent: -14px;
        vertical-align: top
    }

    a:hover .mod-arrowLink2,
    .mod-arrowLink2:hover {
        text-decoration: none !important
    }

    a:hover .mod-arrowLink2 span,
    .mod-arrowLink2:hover span {
        text-decoration: underline
    }

    .mod-arrowLink2:before {
        display: inline-block
    }
}

.mod-pdfList {
    padding: 0;
    margin: 0 0 17px
}

.mod-pdfList-inner {
    list-style: inside none;
    padding: 0;
    margin: 0
}

.mod-pdfList-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin-top: 6px;
    word-break: break-all
}

.mod-pdfList-item:first-child {
    margin-top: 0
}

.mod-pdfList-link {
    display: inline-block;
    vertical-align: top;
    padding-left: 44px;
    min-height: 37px;
    background-image: url('../img/mod-pdfList/icon_pdf_01.png');
    background-repeat: no-repeat;
    background-position: 0 5px
}

.mod-pdfList-link--type-2 {
    padding-left: 28px;
    min-height: 18px;
    background-image: url('../img/mod-pdfList/icon_pdf_02.png');
    background-repeat: no-repeat;
    background-position: left center
}

.mod-pdfList-name {
    display: block
}

.mod-pdfList-link--type-2 .mod-pdfList-name {
    display: inline
}

.mod-pdfList-info {
    display: block
}

.mod-pdfList-link--type-2 .mod-pdfList-info {
    display: inline
}

.mod-snsList {
    list-style: inside none;
    padding: 0;
    margin: 0
}

.mod-snsList-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-left: 23px;
    margin-top: 3px;
    word-break: break-all;
    text-indent: -23px
}

.mod-snsList-item:first-child {
    margin-top: 0
}

@media screen and (max-width: 599px) {
    .mod-snsList-item {
        padding-left: 30px;
        text-indent: -30px
    }
}

.mod-snsList-item a:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    text-indent: 0;
    vertical-align: middle
}

@media screen and (max-width: 599px) {
    .mod-snsList-item a:before {
        width: 25px;
        height: 25px;
        background-size: 25px 25px
    }
}

.mod-snsList-item.mod-snsList-item--type-fb a:before {
    background-image: url('../img/mod-snsList/icon_01.png')
}

@media screen and (max-width: 599px) {
    .mod-snsList-item.mod-snsList-item--type-fb a:before {
        background-image: url('../img/mod-snsList/icon_01_2x.png')
    }
}

.mod-snsList-item.mod-snsList-item--type-tw a:before {
    background-image: url('../img/mod-snsList/icon_02.png')
}

@media screen and (max-width: 599px) {
    .mod-snsList-item.mod-snsList-item--type-tw a:before {
        background-image: url('../img/mod-snsList/icon_02_2x.png')
    }
}

.mod-caption {
    margin-bottom: 24px;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem
}

@media screen and (max-width: 599px) {
    .mod-caption {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.mod-captionList {
    margin-top: 5px
}

.mod-captionList>ul {
    margin: 0;
    padding: 0 0 0 15px
}

.mod-captionList>ul li {
    font-size: 12px;
    color: #999
}

.mod-captionList--type-2 {
    margin-top: 0;
    margin-bottom: 24px
}

.mod-captionList--type-2>ul {
    list-style: inside none;
    padding-left: 0
}

.mod-captionList--type-2>ul li {
    padding-left: 1.5em;
    text-indent: -1.5em
}

.mod-captionList--type-2>ul li+li {
    margin-top: 10px
}

.mod-captionList--type-2 .mod-captionList-marker {
    display: block;
    float: left;
    width: 1.5em
}

.mod2-headingV3-text,
.mod2-headingV4-text,
.mod2-headingV5-text,
.mod2-headingV6-text,
.mod2-headingV7-text,
.mod2-headingV8-text,
.mod2-headingV9-text,
.mod2-headingV10-text {
    margin: 0;
    padding: 0;
    font-size: inherit;
    color: inherit
}

.mod2-headingV3 {
    margin-bottom: 45px
}

@media screen and (max-width: 599px) {
    .mod2-headingV3 {
        margin-bottom: 20px
    }
}

.mod-grid2to1-item .mod2-headingV4.is-closed {
    margin-bottom: 0 !important;
    border-bottom-width: 1px
}

.mod2-headingV4--type-no-border {
    border-bottom: none
}

@media screen and (max-width: 599px) {
    .mod2-headingV4--type-full {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.mod2-headingV5 {
    color: #4d4d4d;
    font-size: 18px;
    font-weight: bold
}

@media screen and (max-width: 599px) {
    .mod2-headingV5 {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 6px;
        margin-bottom: 15px;
        color: #777777;
        background-color: #eeeeee
    }
}

.mod2-headingV6 {
    font-size: 24px;
    color: #4d4d4d;
    font-weight: bold
}

.mod2-headingV7 {
    font-size: 18px;
    color: #777777;
    font-weight: bold
}

.mod2-headingV8 {
    font-size: 16px;
    color: #4d4d4d;
    font-weight: bold
}

.mod2-headingV9 {
    font-size: 14px;
    color: #4d4d4d;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 12px
}

.mod2-headingV10 {
    border-bottom-width: 0px
}

@media screen and (max-width: 599px) {
    .mod2-headingV10 {
        border-bottom-width: 1px
    }
}

.mod2-headingV10+.mod-p2,
.mod2-headingV10+.js-toggleBlock-child>.mod-p2:first-child {
    margin-top: -29px
}

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

    .mod2-headingV10+.mod-p2,
    .mod2-headingV10+.js-toggleBlock-child>.mod-p2:first-child {
        margin-top: 0
    }
}

.mod-table3-inner {
    width: 100%;
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 1px 0 0 1px
}

@media screen and (max-width: 599px) {
    .mod-table3-inner {
        border: none
    }
}

@media screen and (max-width: 599px) {
    .mod-table3-inner tbody {
        display: block
    }
}

@media screen and (max-width: 599px) {
    .mod-table3-inner tr {
        display: block
    }
}

.mod-table3-inner td,
.mod-table3-inner th {
    padding: 10px;
    padding: 1rem;
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 1px 1px 1px 0
}

.mod-table3-inner td img,
.mod-table3-inner th img {
    vertical-align: middle
}

.mod-table3-inner td {
    vertical-align: top
}

@media screen and (max-width: 599px) {
    .mod-table3-inner td {
        display: block;
        padding: 0;
        border: none;
        margin-bottom: 10px
    }
}

.mod-table3-inner th {
    text-align: left;
    font-weight: normal;
    background-color: #f1f1f1
}

@media screen and (max-width: 599px) {
    .mod-table3-inner th {
        display: block;
        font-weight: bold;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0;
        margin-bottom: 5px;
        border: none;
        background-color: transparent
    }
}

.mod-table3-list {
    margin: 0;
    padding: 0;
    list-style: inside none
}

.mod-table3-list>li {
    padding-top: 1rem
}

.mod-table3-list>li:first-child {
    padding-top: 0
}

.mod-table3-list2 {
    margin: 0;
    padding: 0 0 0 1em;
    text-indent: -1em;
    list-style: inside disc
}

.mod-table3-list2>li {
    padding-top: 1rem
}

.mod-table3-list2>li:first-child {
    padding-top: 0
}

.mod-table4 {
    margin-bottom: 50px
}

@media screen and (max-width: 599px) {
    .mod-table4 {
        margin-bottom: 25px
    }
}

.mod-table4-inner {
    width: 100%;
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 1px 0 0 1px
}

@media screen and (max-width: 599px) {
    .mod-table4-inner {
        border: none
    }
}

@media screen and (max-width: 599px) {
    .mod-table4-inner colgroup {
        display: none
    }
}

@media screen and (max-width: 599px) {
    .mod-table4-inner tbody {
        display: block
    }
}

@media screen and (max-width: 599px) {
    .mod-table4-inner tr {
        display: block
    }
}

@media screen and (max-width: 599px) {
    .mod-table4-inner tr+tr {
        margin-top: 48px
    }
}

.mod-table4-inner td,
.mod-table4-inner th {
    padding: 10px;
    padding: 1rem;
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 1px 1px 1px 0
}

.mod-table4-inner td img,
.mod-table4-inner th img {
    vertical-align: middle
}

.mod-table4-inner td {
    vertical-align: middle;
    word-break: break-all
}

@media screen and (max-width: 599px) {
    .mod-table4-inner td {
        display: block;
        padding: 0;
        border: none;
        margin-bottom: 10px
    }
}

.mod-table4-inner th {
    text-align: left;
    font-weight: normal;
    background-color: #f1f1f1
}

@media screen and (max-width: 599px) {
    .mod-table4-inner th {
        display: block;
        font-weight: bold;
        font-size: 18px;
        font-size: 1.8rem;
        padding: 0;
        margin-bottom: 5px;
        border: none;
        background-color: transparent
    }
}

.mod-figure {
    display: inline-block
}

.mod-figure+.mod-figure {
    margin-top: 20px
}

.mod-figure-image {
    margin-bottom: 10px
}

@media screen and (max-width: 599px) {
    .mod-figure-image {
        text-align: center
    }
}

@media screen and (max-width: 599px) {
    .mod-figure-image img {
        max-width: 100%;
        width: auto;
        height: auto
    }
}

.mod-figure-caption {
    font-size: 12px;
    color: #999;
    word-break: break-all
}

.mod-figure2-image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    width: 468px;
    height: 468px;
    margin-bottom: 10px;
    background: url('../img/mod-pictureSampleThumbnails/bg_01.png') no-repeat 0 100%
}

@media screen and (max-width: 599px) {
    .mod-figure2-image {
        width: 300px;
        height: 300px;
        margin: 0 auto 10px;
        background: url('../img/mod-pictureSampleThumbnails/bg_01_2x.png') no-repeat 0 100%;
        -webkit-background-size: 24px 24px;
        -moz-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .mod-figure2-image img {
        width: auto;
        height: auto;
        max-width: 294px;
        max-height: 294px
    }
}

.mod-figure2-imageInner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 2px;
    border: 1px solid #d4d4d4
}

.mod-figure2-imageInner:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8
}

.mod-figure2-caption {
    font-size: 12px;
    color: #999;
    word-break: break-all
}

@media screen and (max-width: 599px) {
    .mod-figure2-caption {
        width: 300px;
        margin: 0 auto
    }
}

.mod-mediaBlock {
    margin-bottom: 24px
}

.mod-mediaBlock:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 599px) {
    .mod-mediaBlock+.mod-mediaBlock {
        margin-top: -10px
    }
}

.mod-mediaBlock-media {
    float: left;
    width: 222px;
    margin-right: 24px
}

@media screen and (max-width: 599px) {
    .mod-mediaBlock-media {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 15px
    }

    .mod-mediaBlock-media .mod-figure {
        width: 100%;
        text-align: center
    }

    .mod-mediaBlock-media .mod-figure .mod-figure-caption {
        text-align: left
    }
}

.mod-mediaBlock-media--type-rev {
    float: right;
    margin-right: 0;
    margin-left: 24px
}

@media screen and (max-width: 599px) {
    .mod-mediaBlock-media--type-rev {
        float: none;
        margin-left: 0
    }
}

.mod-mediaBlock2 {
    margin-bottom: 24px
}

.mod-mediaBlock2:after {
    content: "";
    display: table;
    clear: both
}

.mod-mediaBlock2-media {
    float: left;
    width: 308px;
    margin-right: 24px
}

@media screen and (max-width: 599px) {
    .mod-mediaBlock2-media {
        width: auto;
        float: none;
        margin: 0 auto 15px
    }

    .mod-mediaBlock2-media .mod-figure {
        display: block;
        max-width: 304px;
        margin-right: auto;
        margin-left: auto
    }
}

.mod-mediaBlock2-media--type-rev {
    float: right;
    margin-right: 0;
    margin-left: 24px
}

@media screen and (max-width: 599px) {
    .mod-mediaBlock2-media--type-rev {
        float: none;
        margin: 0 auto 15px
    }
}

.mod-mediaBlock2-detail {
    overflow: hidden
}

.mod-mediaBlock3 {
    margin-left: -24px;
    margin-bottom: 24px
}

.mod-mediaBlock3:after {
    content: "";
    display: table;
    clear: both
}

.mod-mediaBlock3-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-left: 24px
}

.mod-mediaBlock3-image {
    text-align: center;
    margin-bottom: 10px
}

.mod-mediaBlock3-image img {
    max-width: 100%;
    width: auto
}

.mod-mediaBlock3-caption {
    font-size: 12px;
    color: #999;
    word-break: break-all
}

.mod-productInfo2 {
    margin-bottom: 24px
}

.mod-productInfo2-heading {
    font-size: 16px;
    color: #4d4d4d;
    margin-bottom: 10px;
    font-weight: bold
}

.mod-productInfo2-body:after {
    content: "";
    display: table;
    clear: both
}

.mod-productInfo2-media {
    float: left;
    margin-right: 24px
}

@media screen and (max-width: 599px) {
    .mod-productInfo2-media {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center
    }
}

.mod-productInfo2-media--type-rev {
    float: right;
    margin-right: 0;
    margin-left: 24px
}

@media screen and (max-width: 599px) {
    .mod-productInfo2-media--type-rev {
        float: none;
        margin-left: 0
    }
}

.mod-productInfo2-detail {
    overflow: hidden
}

.mod-worldMap {
    position: relative;
    width: 960px;
    height: 466px;
    margin-bottom: 50px;
    background-image: url('../img/mod-worldMap/worldmap.jpg')
}

@media screen and (max-width: 599px) {
    .mod-worldMap {
        display: none
    }
}

.mod-worldMap-item {
    font-size: 14px;
    position: absolute;
    padding: 4px 10px 3px;
    border-radius: 2px;
    color: #fff !important;
    font-weight: bold;
    background-color: #666666
}

.mod-worldMap-item:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    text-decoration: none
}

.mod-worldMap-item span:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 14px;
    margin-right: 5px;
    color: #fff
}

@media screen and (max-width: 599px) {
    .mod-form {
        margin-bottom: 24px
    }
}

.mod-form-table {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 1px 0 0 1px
}

@media screen and (max-width: 599px) {
    .mod-form-table {
        border: none
    }
}

@media screen and (max-width: 599px) {
    .mod-form-table tbody {
        display: block
    }
}

@media screen and (max-width: 599px) {
    .mod-form-table tr {
        display: block
    }
}

.mod-form-table td,
.mod-form-table th {
    padding: 10px;
    padding: 1rem;
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 1px 1px 1px 0
}

.mod-form-table td img,
.mod-form-table th img {
    vertical-align: middle
}

.mod-form-table td {
    vertical-align: middle;
    word-break: break-all
}

@media screen and (max-width: 599px) {
    .mod-form-table td {
        display: block;
        padding: 15px 10px 15px;
        border: none
    }
}

.mod-form-table th {
    text-align: left;
    font-weight: normal;
    background-color: #f1f1f1
}

@media screen and (max-width: 599px) {
    .mod-form-table th {
        display: block;
        font-weight: bold;
        color: #333333;
        border-width: 2px 0 0 0;
        border-color: #cdcbc4;
        background-color: #f7f6f5;
        font-size: 14px;
        font-size: 1.4rem
    }
}

.mod-form-select {
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 16px;
    color: #666;
    zoom: 1.01;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding-top: 5px;
    padding-bottom: 5px
}

.mod-form-buttons {
    margin-top: 15px;
    text-align: center
}

@media screen and (max-width: 599px) {
    .mod-form-buttons {
        margin-top: 0
    }
}

.mod-form-submit {
    display: inline-block;
    padding: 10px;
    padding-bottom: 12px;
    -webkit-box-shadow: inset 0 1px #fff;
    -moz-box-shadow: inset 0 1px #fff;
    box-shadow: inset 0 1px #fff;
    background: -webkit-linear-gradient(top, #f3f3f3, #e4e4e4);
    background: -moz-linear-gradient(top, #f3f3f3, #e4e4e4);
    background: linear-gradient(top, #f3f3f3, #e4e4e4);
    background-color: #f3f3f3;
    border: 1px solid #cccccc;
    border-radius: 5px;
    white-space: nowrap;
    line-height: 1;
    cursor: pointer;
    min-width: 140px;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-form-submit:hover,
.mod-form-submit:hover:before {
    text-decoration: none
}

.mod-form-submit:hover {
    background: -webkit-linear-gradient(top, #e8e7e4 10%, #d4d3d2 85%, #ccccca);
    background: -moz-linear-gradient(top, #e8e7e4 10%, #d4d3d2 85%, #ccccca);
    background: linear-gradient(top, #e8e7e4 10%, #d4d3d2 85%, #ccccca);
    background-color: #d4d3d2
}

.mod-pager {
    clear: both;
    margin-top: 30px;
    margin-bottom: 15px
}

.mod-pager-ul {
    margin: 0;
    padding: 0;
    list-style: none inside;
    text-align: center
}

@media screen and (max-width: 599px) {
    .mod-pager-ul {
        width: 100%
    }

    .mod-pager-ul:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-pager-prev,
.mod-pager-next,
.mod-pager-item {
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    margin-bottom: 10px;
    border-left: 1px solid #cdcbc4;
    padding-left: 5px;
    line-height: 1.8
}

.mod-pager-prev {
    border-left: none;
    padding-right: 15px
}

@media screen and (max-width: 599px) {
    .mod-pager-prev {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 50%;
        padding: 0;
        border: none;
        text-align: left
    }
}

.mod-pager-prev>span:before,
.mod-pager-prev>a:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    text-decoration: none !important;
    line-height: 1.3;
    height: 0;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 10px
}

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

    .mod-pager-prev>span:before,
    .mod-pager-prev>a:before {
        line-height: 1.2;
        margin-top: 5px
    }
}

.mod-pager-prev.mod-pager-prev--type-hidden {
    visibility: hidden
}

.mod-pager-next {
    padding-left: 10px;
    border-right: none
}

@media screen and (max-width: 599px) {
    .mod-pager-next {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: right;
        width: 50%;
        padding: 0;
        border: none;
        text-align: right
    }
}

.mod-pager-next>span:after,
.mod-pager-next>a:after {
    margin-right: 0;
    content: "\f105";
    text-decoration: none !important;
    line-height: 1.3;
    height: 0;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 10px
}

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

    .mod-pager-next>span:after,
    .mod-pager-next>a:after {
        line-height: 1.2;
        margin-top: 5px
    }
}

.mod-pager-next.mod-pager-next--type-hidden {
    visibility: hidden
}

.mod-pager-item {
    text-align: center
}

.mod-pager-item:first-child {
    border-left: none
}

@media screen and (max-width: 599px) {
    .mod-pager-item {
        display: none
    }
}

.mod-pager-item>a {
    display: block;
    min-width: 27px
}

.mod-pager-item>span {
    display: block;
    min-width: 27px;
    border-radius: 3px;
    background-color: #cdcbc4;
    color: #fff
}

.mod-goods1-image {
    position: relative
}

.mod-goods1-image .mod2-recommendIcon,
.mod-goods1-image .mod2-newIcon,
.mod-goods1-image .mod2-oldIcon,
.mod-goods1-image .mod2-recommendIcon,
.mod-goods1-image .mod2-oldIcon {
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width: 599px) {
    .mod-wrapper-item .js-toggleBlock-parent:last-child .js-toggleBlock-heading.is-closed {
        margin-bottom: 30px
    }
}

.mod-pictureSampleThumbnails-text {
    color: #4d4d4d
}

@media screen and (max-width: 599px) {
    .mod-pictureSampleThumbnails-itemInner {
        width: 140px
    }
}

@media screen and (max-width: 599px) {
    .mod-pictureSampleThumbnails-image img {
        max-width: 134px
    }
}

.mod2-hr {
    clear: both;
    margin-bottom: 20px;
    width: 100%;
    border: none;
    border-bottom: 2px solid #d4d4d4
}

.mod2-cameraUsageBlock {
    padding: 20px 30px;
    background-color: #f1f1ee;
    border-radius: 6px;
    margin-right: 152px;
    margin-left: 152px
}

@media screen and (max-width: 599px) {
    .mod2-cameraUsageBlock {
        position: relative;
        padding: 15px;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 25px
    }

    .mod2-cameraUsageBlock:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-degitutorHero+.mod2-cameraUsageBlock {
    margin-top: -20px;
    margin-bottom: 50px
}

@media screen and (max-width: 599px) {
    .mod-degitutorHero+.mod2-cameraUsageBlock {
        margin-top: 0;
        margin-bottom: 24px
    }
}

.mod2-cameraUsageBlock-image {
    display: table-cell;
    padding-right: 12px;
    vertical-align: middle
}

@media screen and (max-width: 599px) {
    .mod2-cameraUsageBlock-image {
        position: absolute;
        display: block;
        padding-right: 0
    }
}

.mod2-cameraUsageBlock-image img {
    width: 81px;
    height: 61px
}

@media screen and (max-width: 599px) {
    .mod2-cameraUsageBlock-image img {
        width: 49px;
        height: 37px
    }
}

.mod2-cameraUsageBlock-detail {
    display: table-cell;
    border-left: 1px solid #d5d5ce;
    padding-left: 20px
}

@media screen and (max-width: 599px) {
    .mod2-cameraUsageBlock-detail {
        display: block;
        border-left-width: 0;
        padding-left: 0
    }
}

.mod2-cameraUsageBlock-heading {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    line-height: 1
}

@media screen and (max-width: 599px) {
    .mod2-cameraUsageBlock-heading {
        padding-left: 59px;
        min-height: 37px
    }
}

@media screen and (max-width: 599px) {
    .mod2-cameraUsageBlock-headingText {
        display: inline-block;
        vertical-align: middle
    }
}

.mod2-cameraUsageBlock-text {
    color: #333
}

.mod2-newIcon,
.mod2-oldIcon,
.mod2-recommendIcon {
    font-size: 12px;
    display: inline-block;
    line-height: 1.7;
    vertical-align: middle;
    padding: 0 10px;
    border-radius: 2px;
    background-color: #6775ff;
    color: #ffffff;
    font-weight: bold
}

.mod2-newIcon--type-small,
.mod2-oldIcon--type-small,
.mod2-recommendIcon--type-small {
    padding: 1px 3px;
    line-height: 14px;
    min-width: 25px;
    height: 14px;
    font-size: 10px;
    font-size: 1rem
}

.mod2-oldIcon {
    background-color: #4d4d4d
}

.mod2-oldIcon--type-small {
    font-size: 11px;
    padding: 1px 2px
}

.mod2-cameraFunctionLinks {
    margin-bottom: 40px
}

@media screen and (max-width: 599px) {
    .mod2-cameraFunctionLinks {
        margin-bottom: 20px
    }
}

.mod2-headingV5+.mod2-cameraFunctionLinks {
    margin-top: -10px
}

@media screen and (max-width: 599px) {
    .mod2-headingV5+.mod2-cameraFunctionLinks {
        margin-top: 0
    }
}

.mod2-cameraFunctionLinks li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 304px;
    margin-bottom: 5px
}

@media screen and (max-width: 599px) {
    .mod2-cameraFunctionLinks li {
        display: block;
        width: auto
    }
}

.mod2-cameraFunctionLinks li:before {
    color: #4d4d4d
}

.mod2-cameraFunctionLinks2 {
    margin-bottom: 40px
}

@media screen and (max-width: 599px) {
    .mod2-cameraFunctionLinks2 {
        margin-bottom: 20px
    }
}

.mod2-cameraFunctionLinks2 li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 304px;
    margin-bottom: 10px
}

@media screen and (max-width: 599px) {
    .mod2-cameraFunctionLinks2 li {
        display: block;
        width: auto
    }
}

.mod2-cameraFunctionLinks2 li:before {
    color: #a3a3a3;
    font-size: 16px;
    font-weight: normal;
    margin-top: 0
}

.mod2-text {
    margin-bottom: 40px
}

@media screen and (max-width: 599px) {
    .mod2-text {
        margin-bottom: 20px
    }
}

.mod2-headingV4+.mod2-text,
.mod-heading4.mod-heading4--nobb+.mod2-text,
.mod2-headingV4+.mod2-text,
.mod2-headingV10+.mod2-text,
.mod-historyBlock-heading+.mod2-text {
    margin-top: -8px
}

.mod2-modelNameBlock {
    margin-bottom: 15px
}

.mod2-modelNameBlock:after {
    content: "";
    display: table;
    clear: both
}

.mod2-modelNameBlock-digLogo {
    display: inline-block;
    padding-right: 10px;
    margin-right: 5px;
    border-right: 2px solid #cccccc
}

@media screen and (max-width: 599px) {
    .mod2-modelNameBlock-digLogo {
        vertical-align: top;
        min-height: 22px
    }
}

.mod2-modelNameBlock-digLogo img {
    width: 83px;
    height: auto
}

@media screen and (max-width: 599px) {
    .mod2-modelNameBlock-digLogo img {
        position: relative;
        top: 3px;
        width: 80px
    }
}

.mod2-modelNameBlock-name {
    display: inline-block;
    border-right: 2px solid #cccccc;
    padding-right: 10px;
    margin-right: 5px
}

.mod2-modelNameBlock-name+.mod2-modelNameBlock-name {
    border-right-width: 0
}

.mod2-modelNameBlock-name h1,
.mod2-modelNameBlock-name span {
    font-size: 18px;
    font-weight: bold;
    color: #4d4d4d;
    margin: 0;
    padding: 0;
    line-height: 1.2
}

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

    .mod2-modelNameBlock-name h1,
    .mod2-modelNameBlock-name span {
        display: inline-block;
        font-size: 18px;
        font-size: 1.8rem;
        min-height: 22px
    }
}

.mod2-modelLogoBlock {
    border-top: 2px solid #f1f1ee;
    padding: 5px 0
}

@media screen and (max-width: 599px) {
    .mod2-modelLogoBlock {
        display: none
    }
}

.mod2-modelLogoBlock-image {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.mod2-modelLogoBlock-logo {
    display: inline-block;
    vertical-align: middle
}

.mod2-hugeLinkBlock {
    margin-bottom: 10px;
    box-shadow: inset 0 2px 2px #e2e2dc
}

@media screen and (max-width: 599px) {
    .mod2-hugeLinkBlock {
        box-shadow: none
    }
}

.mod2-hugeLinkBlock-item {
    display: table-cell;
    width: 50%;
    padding: 20px 30px 30px;
    background-color: #f1f1ee
}

@media screen and (max-width: 599px) {
    .mod2-hugeLinkBlock-item {
        display: block;
        width: auto;
        padding: 15px;
        margin-bottom: 5px;
        border-radius: 4px
    }
}

.mod2-hugeLinkBlock-item:first-child {
    border-right: 1px dotted #000
}

@media screen and (max-width: 599px) {
    .mod2-hugeLinkBlock-item:first-child {
        border-right-width: 0
    }
}

.mod2-hugeLinkBlock-image {
    float: left;
    margin-top: 15px;
    margin-right: 15px
}

@media screen and (max-width: 599px) {
    .mod2-hugeLinkBlock-image {
        position: relative;
        margin-top: 0;
        margin-right: 0
    }
}

.mod2-hugeLinkBlock-image img {
    height: auto
}

@media screen and (max-width: 599px) {
    .mod2-hugeLinkBlock-image img {
        position: absolute;
        top: 0;
        left: 0
    }
}

@media screen and (max-width: 599px) {
    .mod2-hugeLinkBlock-image img[src*="icon_01"] {
        width: 49px
    }
}

@media screen and (max-width: 599px) {
    .mod2-hugeLinkBlock-image img[src*="icon_02"] {
        width: 41px
    }
}

.mod2-hugeLinkBlock-heading {
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    color: #000
}

@media screen and (max-width: 599px) {
    .mod2-hugeLinkBlock-heading {
        padding-left: 59px;
        min-height: 37px
    }
}

.mod2-hugeLinkBlock-text {
    overflow: hidden;
    margin-bottom: 20px
}

@media screen and (max-width: 599px) {
    .mod2-hugeLinkBlock-text {
        margin-top: 10px;
        margin-bottom: 15px
    }
}

.mod2-hugeLinkBlock-button {
    clear: both;
    display: block;
    width: 248px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    color: #fff;
    background: #333;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    color: #fff !important;
    text-decoration: none !important
}

.mod2-hugeLinkBlock-button:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    position: relative;
    top: 3px;
    font-size: 24px;
    font-weight: bold;
    margin-right: 10px;
    line-height: 1;
    color: #fff;
    text-decoration: none !important
}

@media screen and (max-width: 599px) {
    .mod2-hugeLinkBlock-button:before {
        margin-right: 9px
    }
}

.mod2-hugeLinkBlock-button:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6
}

.mod2-cautionBlock {
    position: relative;
    margin-bottom: 20px
}

.mod2-cautionBlock-heading {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1
}

@media screen and (max-width: 599px) {
    .mod2-cautionBlock-heading {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.mod2-cautionBlock-text {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 1.3
}

.mod2-cautionBlock-date {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    font-size: 1.2rem
}

@media screen and (max-width: 599px) {
    .mod2-cautionBlock-date {
        position: static;
        text-align: right
    }
}

.mod2-heroImageLink {
    text-align: right
}

.mod-heroImage+.mod2-heroImageLink {
    margin-top: -38px;
    margin-bottom: 48px
}

@media screen and (max-width: 599px) {
    .mod-heroImage+.mod2-heroImageLink {
        margin-top: -25px;
        margin-bottom: 20px
    }
}

.mod2-viewDetailInfoBlock {
    background-color: #f7f7f7;
    padding: 15px 20px 5px;
    margin: 30px 82px 60px;
    border-radius: 6px
}

@media screen and (max-width: 599px) {
    .mod2-viewDetailInfoBlock {
        display: block;
        width: auto;
        margin: 30px 0 35px
    }
}

.mod2-viewDetailInfoBlock-heading {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d4d4d4;
    font-size: 18px;
    font-weight: bold
}

.mod2-viewDetailInfoBlock-text {
    margin-bottom: 10px
}

.mod2-iconLinkList {
    list-style: none;
    margin: 0;
    padding: 0;
    word-spacing: -1em;
    display: table;
    display: block\9;
    width: 100%
}

@media screen and (max-width: 599px) {
    .mod2-iconLinkList {
        display: block;
        width: auto;
        word-spacing: 0
    }
}

.mod2-iconLinkList li {
    display: inline-block;
    word-spacing: normal;
    vertical-align: top;
    width: 33.3333333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    vertical-align: top;
    font-weight: bold;
    overflow: hidden;
    padding-left: 15px;
    text-indent: -15px
}

.mod2-iconLinkList li:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    color: #a2a2a2;
    margin-right: 10px;
    text-indent: 0
}

@media screen and (max-width: 599px) {
    .mod2-iconLinkList li {
        display: block;
        width: auto
    }
}

.mod2-iconLinkList--type-block li {
    display: block;
    width: auto
}

.mod2-gotoContents {
    padding: 20px;
    border: 1px solid #dfdfdf;
    background-color: #fffffe;
    margin-bottom: 70px
}

@media screen and (max-width: 599px) {
    .mod2-gotoContents {
        padding: 10px;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 20px
    }
}

.mod2-gotoContents-text {
    color: #4d4d4d;
    margin-bottom: 10px
}

.mod2-grayButton {
    display: inline-block;
    padding: 3px 10px 6px;
    color: #4d4d4d !important;
    background-color: #f7f7f7;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem
}

.mod2-grayButton:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    position: relative;
    top: 1px;
    color: #4d4d4d;
    font-size: 23px;
    margin-right: 10px
}

@media screen and (max-width: 599px) {
    .mod2-grayButton {
        text-align: center;
        padding: 3px 5px 6px
    }
}

.mod2-grayButton:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8
}

.mod-newsList {
    margin-bottom: 40px
}

.mod-newsList .mod-newsList-item {
    margin: 0;
    padding: 0
}

.mod-newsList .mod-newsList-date {
    margin: 0 0 5px;
    padding: 0
}

.mod-newsList .mod-newsList-text {
    margin: 0 0 20px;
    padding: 0
}

.mod-newsList .mod-newsList-text .mod-list2 {
    line-height: 1.6;
    margin-top: 6px;
    margin-bottom: 21px
}

.mod-newsList .mod-newsList-text .mod-list2 li {
    margin-bottom: 7px
}

@media screen and (max-width: 599px) {
    .mod-newsList .mod-newsList-text .mod-list2 li {
        line-height: 1.6
    }
}

.mod-newsList .mod-newsList-text+.mod-newsList-text {
    margin-top: -15px
}

.mod-selectArchivesBlock {
    margin-bottom: 10px
}

.mod-selectArchivesBlock .mod-selectArchivesBlock-select {
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 16px;
    color: #666;
    zoom: 1.01;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0 0 10px
}

.mod-awardsTable {
    margin-bottom: 20px
}

.mod-awardsTable .mod-awardsTable-inner {
    width: 100%;
    border: 1px solid #e3e3e3;
    border-width: 0 0 1px 1px
}

@media screen and (max-width: 599px) {
    .mod-awardsTable .mod-awardsTable-inner {
        display: block;
        border-width: 0
    }
}

@media screen and (max-width: 599px) {
    .mod-awardsTable .mod-awardsTable-inner tr {
        display: block
    }
}

.mod-awardsTable .mod-awardsTable-inner th {
    padding: 10px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #e3e3e3;
    background-color: #f1f1f1;
    text-align: left;
    font-weight: normal
}

@media screen and (max-width: 599px) {
    .mod-awardsTable .mod-awardsTable-inner th {
        display: block;
        border-width: 0;
        background-color: transparent
    }
}

.mod-awardsTable .mod-awardsTable-inner td {
    padding: 10px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #e3e3e3
}

@media screen and (max-width: 599px) {
    .mod-awardsTable .mod-awardsTable-inner td {
        display: block;
        border-width: 0
    }
}

@media screen and (max-width: 599px) {
    .mod-awardsTable .mod-awardsTable-head {
        display: none
    }
}

@media screen and (max-width: 599px) {
    .mod-awardsTable .mod-awardsTable-body {
        display: block
    }
}

@media screen and (max-width: 599px) {
    .mod-awardsTable .mod-awardsTable-product {
        position: relative;
        display: block;
        color: #4d4d4d;
        border-color: #d4d4d4;
        border-style: solid;
        border-width: 1px 0 1px 0 !important;
        padding: 15px 30px 15px 0 !important;
        margin-top: -1px !important;
        margin-bottom: 0 !important;
        font-weight: bold !important;
        font-size: 20px;
        font-size: 2rem
    }
}

.mod-awardsTable .mod-awardsTable-product.is-closed:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 36px;
    display: block;
    position: absolute;
    top: 12px;
    right: 0;
    color: #949494;
    top: 2px
}

.mod-awardsTable .mod-awardsTable-product.is-closed:before {
    display: none
}

@media screen and (max-width: 599px) {
    .mod-awardsTable .mod-awardsTable-product.is-closed:before {
        display: block
    }
}

@media screen and (max-width: 599px) {
    .mod-awardsTable .mod-awardsTable-product.is-opened {
        border-bottom-width: 0px
    }
}

.mod-awardsTable .mod-awardsTable-product.is-opened:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 36px;
    display: block;
    position: absolute;
    top: 12px;
    right: 0;
    color: #949494;
    top: 2px
}

.mod-awardsTable .mod-awardsTable-product.is-opened:before {
    display: none
}

@media screen and (max-width: 599px) {
    .mod-awardsTable .mod-awardsTable-product.is-opened:before {
        display: block
    }
}

@media screen and (max-width: 599px) {
    .mod-awardsTable .mod-awardsTable-prize {
        display: block;
        padding: 0 !important;
        margin-bottom: 20px
    }
}

.mod-awardsTableList {
    margin: 0;
    padding: 0
}

.mod-awardsTableList+.mod-awardsTableList {
    margin-top: 10px
}

.mod-awardsTableList>li {
    list-style: inside disc;
    padding-left: 1em;
    text-indent: -1em
}

.mod-awardsTableList .mod-awardsTableList-heading {
    list-style: inside disc;
    width: 100%;
    font-weight: bold
}

@media screen and (max-width: 599px) {
    .mod-awardsTableList .mod-awardsTableList-heading {
        list-style: none;
        display: block;
        width: auto;
        padding: 10px;
        margin-bottom: 10px;
        text-indent: 0;
        font-weight: bold;
        border-top: 2px solid #e3e3e3;
        background-color: #f1f1f1;
        color: #777777
    }
}

.mod-awardsTableList .mod-awardsTableList-organizer {
    display: block;
    list-style: none;
    padding-left: 1em;
    text-indent: 0
}

.mod-awardsTableList .mod-awardsTableList-region {
    display: inline
}

.mod-techBlock {
    margin-bottom: 20px
}

.mod-techBlock:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 599px) {
    .mod-techBlock {
        margin-bottom: 10px
    }
}

.mod-techBlock .mod-techBlock-subHeading {
    float: left;
    width: 468px
}

@media screen and (max-width: 599px) {
    .mod-techBlock .mod-techBlock-subHeading {
        float: none;
        width: auto;
        padding: 0
    }
}

.mod-techBlock .mod-techBlock-heroImage {
    float: right;
    width: 468px
}

@media screen and (max-width: 599px) {
    .mod-techBlock .mod-techBlock-heroImage {
        float: none;
        width: auto;
        padding: 0;
        margin-bottom: 20px;
        text-align: center
    }
}

@media screen and (max-width: 599px) {
    .mod-techBlock .mod-techBlock-heroImage img {
        max-width: 100%;
        width: auto;
        height: auto
    }
}

.mod-techBlock .mod-techBlock-group {
    clear: both
}

.mod-techBlock .mod-techBlock-article {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 480px;
    padding-right: 12px
}

@media screen and (max-width: 599px) {
    .mod-techBlock .mod-techBlock-article {
        float: none;
        width: auto;
        padding: 0
    }
}

.mod-techBlock .mod-techBlock-article.mod-techBlock-article--type-right {
    padding-left: 12px;
    padding-right: 0
}

@media screen and (max-width: 599px) {
    .mod-techBlock .mod-techBlock-article.mod-techBlock-article--type-right {
        padding: 0
    }
}

.mod-techBlock .mod-techBlock-article>.mod-heading5 {
    padding-bottom: 20px
}

@media screen and (max-width: 599px) {
    .mod-techBlock .mod-techBlock-article>.mod-heading5 {
        padding: 6px
    }
}

.mod-techBlock .mod-techBlock-text {
    margin: 0 0 20px;
    padding: 0
}

@media screen and (max-width: 599px) {
    .mod-techBlock .mod-techBlock-text {
        margin-bottom: 15px
    }
}

.mod-techBlock .mod-techBlock-text+.mod-techBlock-link {
    margin-top: -5px
}

.mod-techBlock .mod-techBlock-link {
    margin-bottom: 20px
}

@media screen and (max-width: 599px) {
    .mod-techBlock .mod-techBlock-link {
        margin-bottom: 15px
    }
}

.mod-techSubHeading {
    margin: 0 0 20px
}

@media screen and (max-width: 599px) {
    .mod-techSubHeading {
        margin: 0 0 15px
    }
}

.mod-techSubHeading .mod-techSubHeading-text {
    margin: 0;
    padding: 0;
    color: #4d4d4d;
    font-size: 24px;
    font-size: 2.4rem
}

@media screen and (max-width: 599px) {
    .mod-techSubHeading .mod-techSubHeading-text {
        font-size: 25px;
        font-size: 2.5rem
    }
}

.mod-historyFilter {
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 10px 15px 0;
    margin-bottom: 40px
}

@media screen and (max-width: 599px) {
    .mod-historyFilter {
        padding: 0;
        margin-bottom: 40px;
        overflow: hidden
    }
}

.mod-historyFilter-heading {
    font-size: 18px;
    font-weight: bold;
    color: #777777;
    padding: 0 0 10px
}

@media screen and (max-width: 599px) {
    .mod-historyFilter-heading {
        padding: 8px 15px
    }
}

.mod-historyFilter-ul {
    margin: 0;
    padding: 0;
    list-style: inside none
}

@media screen and (max-width: 599px) {
    .mod-historyFilter-ul {
        border-radius: 0 0 8px 8px
    }
}

.mod-historyFilter-item {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden
}

@media screen and (max-width: 599px) {
    .mod-historyFilter-item {
        display: block;
        margin-right: 0;
        margin-bottom: 0;
        padding: 10px 15px;
        border-top: 1px solid #e3e3e3;
        background-color: #e3e3e3
    }
}

@media screen and (max-width: 599px) {
    .mod-historyFilter-item.mod-historyFilter-item--is-selected {
        background-color: #ffffff
    }
}

.mod-historyFilter-checkbox {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-image: url('../img/mod-historyFilter/icon_01.png');
    background-position: top left
}

@media screen and (max-width: 599px) {
    .mod-historyFilter-checkbox {
        background-image: url('../img/mod-historyFilter/icon_01_2x.png');
        margin-top: 1px;
        overflow: hidden
    }
}

.mod-historyFilter-item--is-selected .mod-historyFilter-checkbox {
    background-position: bottom left
}

@media screen and (max-width: 599px) {
    .mod-historyFilter-item--is-selected .mod-historyFilter-checkbox {
        background-image: url('../img/mod-historyFilter/icon_01_2x.png');
        background-size: 20px 40px
    }
}

.mod-historyFilter-text {
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
    overflow: hidden;
    word-break: break-all
}

@media screen and (max-width: 599px) {
    .mod-historyFilter-text {
        display: block;
        margin-top: 0
    }
}

.mod-historyBlock {
    margin-bottom: 20px
}

@media screen and (max-width: 599px) {
    .mod-historyBlock+.mod-historyBlock {
        margin-top: -21px
    }
}

.mod-historyBlock-heading.is-closed {
    border-bottom: 1px solid #d4d4d4
}

.mod-historyBlock-heading h2 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-size: 2.4rem
}

@media screen and (max-width: 599px) {
    .mod-historyBlock-heading h2 {
        font-size: 20px;
        font-size: 2rem
    }
}

.mod-historyBlock-item {
    margin-left: -24px;
    word-spacing: -1em;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap
}

.mod-historyBlock-item:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 599px) {
    .mod-historyBlock-item {
        margin-left: 0
    }
}

@media screen and (max-width: 599px) {
    .is-opened+.mod-historyBlock-item {
        padding-bottom: 10px
    }
}

.mod-historyItem {
    display: inline-block;
    width: 468px;
    min-height: 145px;
    margin: 0 0 15px 24px;
    padding: 0 0 15px;
    word-spacing: normal;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid #cccccc
}

@media screen and (max-width: 599px) {
    .mod-historyItem {
        display: inline-block;
        width: 100%;
        height: auto !important;
        margin-left: 0
    }
}

.mod-historyItem-heading {
    margin-bottom: 15px
}

.mod-historyItem-heading strong {
    font-size: 16px;
    font-size: 1.6rem
}

.mod-historyItem-tag {
    display: inline-block;
    padding: 0 3px;
    font-size: 10px;
    color: #fff;
    background-color: #000;
    border-radius: 2px;
    vertical-align: baseline
}

.mod-historyItem-body {
    margin: 0;
    padding: 0
}

.mod-historyItem-image {
    display: table-cell;
    vertical-align: top;
    padding-right: 24px
}

@media screen and (max-width: 599px) {
    .mod-historyItem-image {
        display: block;
        margin-bottom: 15px;
        text-align: center
    }
}

.mod-historyItem-detail {
    display: table-cell;
    vertical-align: top
}

@media screen and (max-width: 599px) {
    .mod-historyItem-detail {
        display: block
    }
}

.mod-historyItem-worldfirsts {
    background-color: #f7f7f7;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    margin: 0 0 10px;
    padding: 10px
}

.mod-historyItem-worldfirsts>dt {
    margin: 0;
    padding: 0;
    font-weight: bold
}

.mod-historyItem-worldfirsts>dd {
    margin: 0;
    padding: 0
}

.mod-historyItem-specList>ul {
    margin: 0 0 10px;
    padding: 0;
    list-style: inside disc
}

.mod-historyItem-specList>ul>li {
    padding-left: 1em;
    text-indent: -1em
}

.mod-historyItem-links>ul {
    margin: 0 0 10px;
    padding: 0;
    list-style: none outside
}

.mod-historyItem-links>ul>li {
    margin-bottom: 10px
}