/*! 2019-07-30 */
@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(/common2/css/font/fontawesome-webfont.eot?v=3.2.1);
    src: url(/common2/css/font/fontawesome-webfont.eot?#iefix&v=3.2.1) format("embedded-opentype"), url(/cms/common2/css/font/fontawesome-webfont.woff?v=3.2.1) format("woff"), url(/common2/css/font/fontawesome-webfont.ttf?v=3.2.1) format("truetype"), url(/common2/css/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format("svg");
    font-weight: 400;
    font-style: normal
}

/*! 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%
}

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

body {
    margin: 0
}

a:focus {
    outline: dotted thin
}

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

h1 {
    margin: .67em 0
}

h2 {
    margin: .83em 0
}

h3 {
    margin: 1em 0
}

h4 {
    margin: 1.33em 0
}

h5 {
    margin: 1.67em 0
}

h6 {
    margin: 2.33em 0
}

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

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

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

p,
pre {
    margin: 1em 0
}

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: none
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ol,
nav ul {
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

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

figure,
form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .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
}

.placeholder {
    color: #d0d0d0
}

.mod-btnComparing,
.mod-compareTable .mod-compareTable-removeAll,
.mod-linkBlock3-button,
.mod-membershipBlock .mod-membershipBlock-loginButton,
.mod-membershipBlock .mod-membershipBlock-logoutButton,
.mod-membershipBlock .mod-membershipBlock-menuToggler,
.mod-membershipBlock .mod-membershipBlock-registerButton,
.mod-searchForm-submit,
.mod-searchForm2-reset,
.mod-searchForm2-submit,
.support-buttonLink {
    display: inline-block;
    padding: 10px;
    background: -webkit-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e5e5dd;
    background: -moz-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e5e5dd;
    background: linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e5e5dd;
    box-shadow: inset 0 1px 0 #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000
}

.ex-fa,
.mod-arrowDownIcon:before,
.mod-arrowLink:before,
.mod-arrowList li:before,
.mod-backToTopNav .mod-backToTopNav-link:before,
.mod-btn2:before,
.mod-btnComparing:before,
.mod-categoryLabelList-item:before,
.mod-compareBalloonBtn>span:before,
.mod-compareSubmitBtn:before,
.mod-footer .mod-footer-ul>li:before,
.mod-goodsList .mod-goodsList-heading--type-arrow:before,
.mod-headerNav-link--type-close:before,
.mod-lenskitBlock .mod-lenskitBlock-subHeading--is-closed:before,
.mod-lenskitBlock .mod-lenskitBlock-subHeading--is-opened:before,
.mod-linkBlock3-button:before,
.mod-linkBlock4-heading>span:before,
.mod-membershipBlock .mod-membershipBlock-loginButton:before,
.mod-membershipBlock .mod-membershipBlock-menu a:before,
.mod-membershipBlock .mod-membershipBlock-menuToggler.mod-membershipBlock-menuToggler--is-hovered:after,
.mod-membershipBlock .mod-membershipBlock-menuToggler:after,
.mod-membershipBlock .mod-membershipBlock-registerButton:before,
.mod-moreinfoLink a:before,
.mod-overlayedVideo--close a:before,
.mod-photoGallery .mod-photoGallery-next:before,
.mod-photoGallery .mod-photoGallery-prev:before,
.mod-productInfoBlock .mod-productInfoBlock-toggler--is-closed:before,
.mod-productInfoBlock .mod-productInfoBlock-toggler--is-opened:before,
.mod-productsGallery .mod-productsGallery-next:before,
.mod-productsGallery .mod-productsGallery-prev:before,
.mod-recommend .mod-recommend-next:before,
.mod-recommend .mod-recommend-prev:before,
.mod-searchPager-next>a:after,
.mod-searchPager-next>span:after,
.mod-searchPager-prev>a:before,
.mod-searchPager-prev>span:before,
.mod-shootingInfoBlock .mod-shootingInfoBlock-heading--is-closed:before,
.mod-shootingInfoBlock .mod-shootingInfoBlock-heading--is-opened:before,
.mod-sitemapNav .mod-sitemapNav-heading--is-closed:before,
.mod-sitemapNav .mod-sitemapNav-heading--is-opened:before,
.mod-sitemapNav .mod-sitemapNav-heading--type-link:before,
.mod-sitemapNav .mod-sitemapNav-list li:before,
.mod-subNav .mod-subNav-link:before,
.mod-supportBlock .mod-supportBlock-ul li:before,
.mod-togglable-heading--is-closed:before,
.mod-togglable-heading--is-opened:before,
.mod-togglableTable .mod-togglableTable-heading:before,
.mod-togglableTable .mod-togglableTable-item--is-closed .mod-togglableTable-heading:before,
.mod-topHero .mod-topHero-index li.mod-topHero-index--current:before,
.mod-topHero .mod-topHero-index li:before,
.mod-topHero .mod-topHero-next:before,
.mod-topHero .mod-topHero-prev:before,
.mod-topHero3 .mod-topHero3-index li.mod-topHero3-index--current:before,
.mod-topHero3 .mod-topHero3-index li:before,
.mod-topHero3 .mod-topHero3-next:before,
.mod-topHero3 .mod-topHero3-prev:before,
.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;
    color: #a8a8a8;
    font-size: 20px;
    margin-right: 10px
}

.ex-push {
    margin: 10px !important
}

.ex-push--top {
    margin-top: 10px !important
}

.ex-push--bottom {
    margin-bottom: 10px !important
}

.ex-push--right {
    margin-right: 10px !important
}

.ex-push--left {
    margin-left: 10px !important
}

.ex-push-ng1x {
    margin: -10px !important
}

.ex-push-ng1x--top {
    margin-top: -10px !important
}

.ex-push-ng1x--bottom {
    margin-bottom: -10px !important
}

.ex-push-2x {
    margin: 20px !important
}

.ex-push-2x--top {
    margin-top: 20px !important
}

.ex-push-2x--bottom {
    margin-bottom: 20px !important
}

.ex-push-2x--right {
    margin-right: 20px !important
}

.ex-push-2x--left {
    margin-left: 20px !important
}

.ex-push-ng2x {
    margin: -20px !important
}

.ex-push-ng2x--top {
    margin-top: -20px !important
}

.ex-push-ng2x--bottom {
    margin-bottom: -20px !important
}

.ex-push-3x {
    margin: 30px !important
}

.ex-push-3x--top {
    margin-top: 30px !important
}

.ex-push-3x--bottom {
    margin-bottom: 30px !important
}

.ex-push-3x--right {
    margin-right: 30px !important
}

.ex-push-3x--left {
    margin-left: 30px !important
}

.ex-push-ng3x {
    margin: -30px !important
}

.ex-push-ng3x--top {
    margin-top: -30px !important
}

.ex-push-ng3x--bottom {
    margin-bottom: -30px !important
}

.ex-push-4x {
    margin: 40px !important
}

.ex-push-4x--top {
    margin-top: 40px !important
}

.ex-push-4x--bottom {
    margin-bottom: 40px !important
}

.ex-push-4x--right {
    margin-right: 40px !important
}

.ex-push-4x--left {
    margin-left: 40px !important
}

.ex-push-ng4x {
    margin: -40px !important
}

.ex-push-ng4x--top {
    margin-top: -40px !important
}

.ex-push-ng4x--bottom {
    margin-bottom: -40px !important
}

.ex-push-base {
    margin: 24px !important
}

.ex-push-base--top {
    margin-top: 24px !important
}

.ex-push-base--bottom {
    margin-bottom: 24px !important
}

.ex-push-base--right {
    margin-right: 24px !important
}

.ex-push-base--left {
    margin-left: 24px !important
}

.ex-flush {
    margin: 0 !important
}

.ex-flush--top {
    margin-top: 0 !important
}

.ex-flush--bottom {
    margin-bottom: 0 !important
}

.ex-flush--right {
    margin-right: 0 !important
}

.ex-flush--left {
    margin-left: 0 !important
}

.ex-soft {
    padding: 24px !important
}

.ex-soft--top {
    padding-top: 24px !important
}

.ex-soft--right {
    padding-right: 24px !important
}

.ex-soft--bottom {
    padding-bottom: 24px !important
}

.ex-soft--left {
    padding-left: 24px !important
}

.ex-hard {
    padding: 0 !important
}

.ex-hard--top {
    padding-top: 0 !important
}

.ex-hard--right {
    padding-right: 0 !important
}

.ex-hard--bottom {
    padding-bottom: 0 !important
}

.ex-hard--left {
    padding-left: 0 !important
}

.ex-adjust--1x {
    height: 10px
}

.ex-adjust--2x {
    height: 20px
}

.ex-adjust--3x {
    height: 30px
}

.ex-adjust--4x {
    height: 40px
}

.ex-adjust--5x {
    height: 50px
}

.ex-ta-left {
    text-align: left !important
}

.ex-ta-center {
    text-align: center !important
}

.ex-ta-right {
    text-align: right !important
}

.ex-va-top {
    vertical-align: top !important
}

.ex-va-middle {
    vertical-align: middle !important
}

.ex-va-bottom {
    vertical-align: bottom !important
}

.ex-va-baseline {
    vertical-align: baseline !important
}

.ex-only-small {
    display: none !important
}

.ex-only-large {
    display: block !important
}

.ex-halfImage {
    zoom: .5
}

.ie8 .ex-halfImage {
    zoom: 1
}

.loading-ex-halfImage .ex-halfImage {
    display: none
}

html {
    font-size: 62.5%
}

body {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7;
    font-family: Verdana, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    color: #333
}

.no-mediaqueries body {
    min-width: 960px;
    padding-left: 20px;
    padding-right: 20px
}

.mod-wrapper {
    width: 960px;
    min-width: 320px;
    margin: 0 auto
}

.mod-wrapper:after {
    content: "";
    display: table;
    clear: both
}

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

a:hover {
    text-decoration: underline
}

a:active {
    text-decoration: none
}

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

h1 {
    font-size: 30px;
    font-size: 3rem;
    color: #333
}

h2 {
    font-size: 24px;
    font-size: 2.4rem;
    color: #333
}

h3 {
    font-size: 20px;
    font-size: 2rem;
    color: #333
}

h4 {
    font-size: 18px;
    font-size: 1.8rem;
    color: #333
}

h5,
h6 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #666
}

img {
    vertical-align: baseline
}

a:hover img {
    filter: alpha(Opacity=80);
    opacity: .8
}

.ie8 a:hover img[src*=".png"] {
    filter: ""
}

label {
    cursor: pointer
}

.mod-productHeroImage {
    margin-bottom: 30px;
    text-align: center;
    background: -webkit-linear-gradient(top, #fff, #f2f2f2) #f2f2f2;
    background: -moz-linear-gradient(top, #fff, #f2f2f2) #f2f2f2;
    background: linear-gradient(top, #fff, #f2f2f2) #f2f2f2
}

.mod-productHeroImage .mod-productHeroImage-inner {
    display: table;
    width: 100%;
    height: 360px
}

.mod-productHeroImage .mod-productHeroImage-image {
    display: table-cell;
    vertical-align: middle
}

.mod-productHero {
    position: relative
}

.mod-productHero .mod-productHero-body {
    display: table;
    table-layout: fixed;
    width: 100%
}

.mod-productHero .mod-productHero-main {
    display: table-cell;
    vertical-align: top
}

.mod-productHero .mod-productHero-sub {
    display: table-cell;
    vertical-align: top;
    width: 304px;
    padding-left: 30px
}

.mod-productHero .mod-productHero-heading {
    display: table
}

.mod-productHero .mod-productHero-heading h1 {
    display: inline-block;
    line-height: 1;
    margin: 0 0 20px
}

.mod-productHero .mod-productHero-headingMainItem {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding-right: 150px
}

.mod-productHero .mod-productHero-headingSubItem {
    display: table-cell;
    padding-left: 20px
}

.mod-productHero .mod-productHero-note {
    margin-bottom: 20px
}

.mod-productHero .mod-productHero-releasedate {
    font-weight: 700
}

.mod-productHero .mod-productHero-social {
    margin-top: 18px;
    margin-left: -5px
}

.mod-productHero .mod-productHero-social .mod-socialBlock {
    text-align: left
}

.mod-productHero .mod-productHero-detail {
    margin-bottom: 10px
}

.mod-productHero .mod-productHero-detail p {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem
}

.mod-productInfoBlock {
    margin-bottom: 30px
}

.mod-productInfoBlock .mod-productInfoBlock-heading {
    margin-bottom: 10px;
    padding: 8px 5px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    border-bottom: 1px solid #cdcbc4;
    background-color: #f7f6f5;
    color: #333;
    line-height: 1
}

.mod-productInfoBlock .mod-productInfoBlock-ul li {
    font-size: 14px;
    font-size: 1.4rem
}

.mod-productInfoBlock .mod-productInfoBlock-toggler {
    display: none;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #e1e1d7;
    line-height: 0;
    text-align: center
}

.mod-productInfoBlock .mod-productInfoBlock-toggler--is-closed:before {
    content: "\f107";
    margin-right: 0
}

.mod-productInfoBlock .mod-productInfoBlock-toggler--is-opened:before {
    content: "\f106";
    margin-right: 0
}

.mod-arrowList {
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-arrowList li {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-left: 17px;
    font-size: 16px;
    font-size: 1.6rem
}

.mod-arrowList li:first-child {
    margin-top: 0
}

.mod-arrowList li:before {
    content: "\f105";
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    text-decoration: none !important;
    vertical-align: top;
    line-height: 1
}

.mod-arrowList li>* {
    display: inline-block;
    text-indent: 0;
    vertical-align: top
}

.mod-arrowList--type-small li {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 10px;
    padding-left: 12px
}

.mod-arrowList--type-small li:before {
    top: 2px;
    font-size: 16px
}

.mod-arrowList--type-inline li {
    display: inline-block;
    min-width: 30%
}

.mod-arrowList--push-bottom {
    margin-bottom: 15px
}

.mod-specList {
    margin-bottom: 20px
}

.mod-specList .mod-specList-main {
    display: block;
    width: 100%;
    margin-bottom: 4px
}

.mod-specList .mod-specList-sub {
    display: table-cell;
    display: block;
    width: 100%;
    vertical-align: top
}

.mod-specList .mod-specList-ul {
    list-style: none;
    margin: 0 0 -4px;
    padding: 0;
    font-size: 0
}

.mod-specList .mod-specList-ul>li {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 4px;
    margin-bottom: 4px;
    vertical-align: top
}

.mod-specList3 {
    margin-bottom: 15px
}

.mod-specList3 .mod-specList3-main,
.mod-specList3 .mod-specList3-sub {
    list-style: none;
    margin: 0;
    padding: 0;
    word-spacing: -1em;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap
}

.mod-specList3 .mod-specList3-main li,
.mod-specList3 .mod-specList3-sub li {
    word-spacing: normal;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}

.mod-specList3 .mod-specList3-main {
    margin-left: -4px;
    overflow: hidden
}

.mod-specList3 .mod-specList3-main li {
    display: table;
    min-height: 36px;
    height: 100%;
    width: 50%;
    padding-left: 4px;
    margin-bottom: 4px;
    float: left
}

.mod-specList3 .mod-specList3-main li:nth-child(odd) {
    clear: left
}

.mod-specList3 .mod-specList3-sub {
    margin-left: -4px;
    line-height: 0
}

.mod-specList3 .mod-specList3-sub li {
    width: 50%;
    padding-left: 4px;
    margin-bottom: 4px
}

.mod-caption+.mod-productItemList {
    margin-top: -10px
}

.mod-productItemList+.mod-headingV4 {
    margin-top: 30px
}

.mod-productItemList .mod-productItemList-heading {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 5px;
    color: #000
}

.mod-productItemList .mod-productItemList-ul {
    list-style: none;
    margin: 0 0 10px -30px;
    padding: 0
}

.mod-productItemList .mod-productItemList-ul li {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 30px
}

.mod-productItemList .mod-productItemList-ul--type-single li {
    float: none;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.mod-tab,
.mod-tab2,
.mod-tab3 {
    border: 1px solid #cdcbc4;
    border-width: 0 0 1px;
    margin-bottom: 20px;
    position: relative
}

.mod-tab2:before,
.mod-tab3:before,
.mod-tab:before {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 40px;
    background: -webkit-linear-gradient(top, #f8f8f8, #fff);
    background: -moz-linear-gradient(top, #f8f8f8, #fff);
    background: linear-gradient(top, #f8f8f8, #fff)
}

.mod-tab .mod-tab-ul,
.mod-tab2 .mod-tab2-ul,
.mod-tab3 .mod-tab3-ul {
    list-style: none;
    margin: 0 0 -1px;
    padding: 0 0 0 18px;
    width: 100%;
    font-size: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

.mod-tab .mod-tab-item,
.mod-tab2 .mod-tab2-item a,
.mod-tab3 .mod-tab3-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-box-shadow: inset 0 1px #fff;
    -moz-box-shadow: inset 0 1px #fff;
    box-shadow: inset 0 1px #fff;
    background: -webkit-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    background: -moz-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    background: linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    display: inline-block;
    width: 15.625%;
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    margin: 0 .2125%;
    border-radius: 5px 5px 0 0;
    border: 1px solid #cdcbc4
}

.mod-tab .mod-tab-item:hover,
.mod-tab2 .mod-tab2-item a:hover,
.mod-tab3 .mod-tab3-item:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-tab .mod-tab-item a,
.mod-tab2 .mod-tab2-item a a,
.mod-tab3 .mod-tab3-item a {
    display: block;
    color: #333;
    text-align: center;
    vertical-align: middle
}

.mod-tab .mod-tab-item a:hover,
.mod-tab2 .mod-tab2-item a a:hover,
.mod-tab3 .mod-tab3-item a:hover {
    text-decoration: none
}

.mod-tab .mod-tab-item--is-current,
.mod-tab2 .mod-tab2-item--is-current a,
.mod-tab3 .mod-tab3-item--is-current {
    font-weight: 700;
    background-image: none;
    background-color: #f8f8f8;
    border-bottom-color: #f8f8f8
}

.mod-tab .mod-tab-item--is-current:hover,
.mod-tab2 .mod-tab2-item--is-current a:hover,
.mod-tab3 .mod-tab3-item--is-current:hover {
    background-image: none;
    background-color: #f8f8f8;
    border-bottom-color: #f8f8f8
}

.mod-tab .mod-tab-ul--type-1>.mod-tab-item {
    min-width: 147px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px
}

.mod-tab2 {
    text-align: left;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mod-tab2:before {
    top: 36px;
    bottom: auto;
    height: 36px
}

.mod-tab2 .mod-tab2-ul {
    display: inline-block;
    width: auto;
    height: inherit
}

.mod-tab2 .mod-tab2-item {
    display: table-cell;
    padding: 0 2px;
    vertical-align: middle
}

.mod-tab2 .mod-tab2-item a {
    display: table-cell;
    width: auto;
    height: 36px;
    padding: 0 10px;
    margin: 0;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    color: inherit;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-tab2 .mod-tab2-item a span {
    display: inline-block;
    text-align: left
}

.mod-tab3 {
    border-width: 0
}

.mod-tab3:before {
    top: 36px;
    bottom: auto;
    height: 36px
}

.mod-tab3 .mod-tab3-ul {
    text-align: left;
    padding-left: 18px
}

.mod-tab3 .mod-tab3-ul>li {
    display: inline-block;
    margin-right: 5px
}

.mod-tab3 .mod-tab3-item {
    font-size: 14px;
    font-size: 1.4rem;
    width: 150px;
    height: 36px;
    line-height: 36px;
    color: inherit;
    text-align: center;
    text-decoration: none
}

.mod-tab3 .mod-tab3-body {
    display: none;
    border-top: 1px solid #cdcbc4;
    padding-top: 35px
}

.mod-tab3 .mod-tab3-body--is-current {
    display: block
}

.mod-rssBlock {
    margin-bottom: 20px
}

.mod-rssBlock-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right
}

.mod-rssBlock-ul li {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    padding-left: 30px
}

.mod-rssBlock-ul li .mod-arrowLink:before {
    top: 2px
}

.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 0 0 8px;
    float: left;
    font-size: 0
}

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

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

.mod-withinPageNav2 {
    margin-top: 30px;
    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 0 0 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-socialBlock {
    font-size: 0;
    display: block;
    text-align: right
}

.mod-socialBlock.mod-socialBlock--type-ss {
    display: none
}

.mod-socialBlock .mod-socialBlock-item {
    display: inline-block;
    margin-left: 5px
}

.fb_iframe_widget span {
    height: 20px !important;
}

.mod-socialBlock iframe.twitter-count-horizontal {
    width: 105px !important
}

.mod-relatedLinkBlock2 {
    overflow: hidden;
    margin-left: -24px;
    margin-bottom: 20px
}

.mod-relatedLinkBlock2 .mod-relatedLinkBlock2-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    padding-left: 24px;
    display: inline-block;
    vertical-align: top;
    margin-right: -6px;
    margin-bottom: 20px
}

.mod-relatedLinkBlock2 .mod-relatedLinkBlock2-image {
    margin-bottom: 15px;
    vertical-align: top
}

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

.mod-relatedLinkBlock2 .mod-relatedLinkBlock2-image--type-1>a {
    position: relative;
    z-index: 1;
    display: block
}

.ie8 .mod-relatedLinkBlock2 .mod-relatedLinkBlock2-image--type-1>a>img {
    position: relative;
    z-index: -1
}

.mod-relatedLinkBlock2 .mod-relatedLinkBlock2-image--type-1>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: url(/common2/img/misc/icon_banner222.png) top left no-repeat;
    background-size: 100%
}

.mod-relatedLinkBlock2 .mod-relatedLinkBlock2-detail {
    margin-bottom: 10px
}

.mod-relatedLinkBlock2 .mod-relatedLinkBlock2-heading {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.3
}

.mod-relatedLinkBlock2 .mod-relatedLinkBlock2-heading .mod-arrowLink:before {
    top: -1px
}

.mod-relatedLinkBlock2 .mod-relatedLinkBlock2-text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6
}

.mod-relatedLinkBlock3 {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 50px
}

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

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

.mod-relatedLinkBlock3 .mod-relatedLinkBlock3-itemInner {
    display: table;
    table-layout: fixed;
    width: 100%
}

.mod-relatedLinkBlock3 .mod-relatedLinkBlock3-image {
    display: table-cell;
    width: 47.5%;
    vertical-align: top
}

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

.mod-relatedLinkBlock3 .mod-relatedLinkBlock3-item--type-single .mod-relatedLinkBlock3-image {
    width: 23.5%
}

.mod-relatedLinkBlock3 .mod-relatedLinkBlock3-detail {
    display: table-cell;
    padding-left: 10px
}

.mod-relatedLinkBlock3 .mod-relatedLinkBlock3-heading {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.3
}

.mod-relatedLinkBlock3 .mod-relatedLinkBlock3-heading .mod-arrowLink:before {
    top: -1px
}

.mod-relatedLinkBlock3 .mod-relatedLinkBlock3-text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6
}

.mod-relatedLinkBlock4 {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #cdcbc4;
    padding-top: 30px;
    margin-top: 10px;
    margin-bottom: 50px
}

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

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

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

.mod-relatedLinkBlock4 .mod-relatedLinkBlock4-item--type-2 {
    overflow: hidden
}

.mod-relatedLinkBlock4 .mod-relatedLinkBlock4-item--type-2>a {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 468px;
    overflow: hidden;
    font-size: 0
}

.ie8 .mod-relatedLinkBlock4 .mod-relatedLinkBlock4-item--type-2>a>img {
    position: relative;
    z-index: -1
}

.mod-relatedLinkBlock4 .mod-relatedLinkBlock4-item--type-2>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(/common2/img/misc/icon_banner468.png) top left no-repeat;
    background-size: 100%;
    image-rendering: optimizeQuality
}

.mod-relatedLinkBlock4 .mod-relatedLinkBlock4-item--type-2>a .mod-unprintable {
    z-index: -1
}

[class^=mod-mainFeatureBlock]+.mod-headingV2 {
    margin-top: 50px
}

.mod-mainFeatureBlock {
    overflow: hidden;
    margin-bottom: 30px
}

.mod-mainFeatureBlock .mod-mainFeatureBlock-heading {
    float: left;
    width: 55.5%
}

.mod-mainFeatureBlock .mod-mainFeatureBlock-heading .mod-headingV3 {
    margin-bottom: 10px
}

.mod-mainFeatureBlock .mod-mainFeatureBlock-image {
    float: right;
    width: 40.2%;
    overflow: hidden;
    padding-left: 24px
}

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

.mod-mainFeatureBlock .mod-mainFeatureBlock-detail {
    clear: left
}

.mod-mainFeatureBlock .mod-mainFeatureBlock-text {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px
}

.mod-mainFeatureBlock2 {
    margin: 0 80px 30px
}

.mod-mainFeatureBlock2 .mod-mainFeatureBlock2-text {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px
}

.mod-mainFeatureBlock2 .mod-mainFeatureBlock2-image {
    margin: 30px -80px
}

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

.mod-mainFeatureBlock3 {
    overflow: hidden;
    margin-bottom: 30px
}

.mod-mainFeatureBlock3 .mod-mainFeatureBlock3-detail {
    vertical-align: middle;
    padding-top: 50px;
    overflow: hidden
}

.mod-mainFeatureBlock3 .mod-mainFeatureBlock3-text {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px
}

.mod-mainFeatureBlock3 .mod-mainFeatureBlock3-image {
    float: right;
    width: 47.5%;
    padding-left: 48px
}

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

.mod-mainFeatureBlock3 .mod-mainFeatureBlock3-image--type-rev {
    float: left;
    padding-right: 48px;
    padding-left: 0
}

.mod-mainFeatureBlock4 {
    overflow: hidden;
    margin-bottom: 30px;
    width: 47.5%;
    margin-right: 5%;
    float: left
}

.mod-mainFeatureBlock4+* {
    clear: both
}

.mod-mainFeatureBlock4+.mod-mainFeatureBlock4 {
    clear: none;
    float: left;
    margin-right: 0
}

.mod-mainFeatureBlock4+.mod-mainFeatureBlock4+* {
    clear: both
}

.mod-mainFeatureBlock4 .mod-mainFeatureBlock4-image {
    margin-bottom: 30px
}

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

.mod-mainFeatureBlock4 .mod-mainFeatureBlock4-text {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px
}

.mod-mainFeatureBlock5 {
    overflow: hidden;
    margin-bottom: 30px
}

.mod-mainFeatureBlock5 .mod-mainFeatureBlock5-list {
    font-size: 16px;
    font-size: 1.6rem
}

.mod-basicInfoBlock {
    overflow: hidden;
    margin-bottom: 30px
}

.mod-basicInfoBlock .mod-basicInfoBlock-heading {
    float: left;
    overflow: hidden
}

.mod-basicInfoBlock .mod-basicInfoBlock-detail {
    float: left;
    clear: left;
    overflow: hidden;
    max-width: 385px;
    padding-right: 24px
}

.mod-basicInfoBlock .mod-basicInfoBlock-subHeading {
    font-size: 20px;
    font-size: 2rem;
    margin-top: -6px;
    margin-bottom: 3px;
    font-weight: 700;
    color: #333
}

.mod-basicInfoBlock .mod-basicInfoBlock-note {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px
}

.mod-basicInfoBlock .mod-basicInfoBlock-price {
    line-height: 1;
    margin-bottom: 10px
}

.mod-basicInfoBlock .mod-basicInfoBlock-jan {
    line-height: 1;
    margin-bottom: 20px
}

.mod-basicInfoBlock .mod-basicInfoBlock-caption {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 24px
}

.mod-basicInfoBlock .mod-basicInfoBlock-caption ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-basicInfoBlock .mod-basicInfoBlock-caption li {
    color: #555;
    text-indent: -1em;
    padding-left: 1em
}

.mod-basicInfoBlock .mod-basicInfoBlock-slider {
    float: right;
    overflow: hidden;
    width: 550px
}

.mod-varietyColorList .mod-varietyColorList-ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-varietyColorList .mod-varietyColorList-ul li {
    margin-bottom: 10px;
    overflow: hidden
}

.mod-varietyColorList .mod-varietyColorList-colorImage,
.mod-varietyColorList .mod-varietyColorList-image,
.mod-varietyColorList .mod-varietyColorList-productImage {
    display: table-cell;
    padding-right: 10px
}

.mod-varietyColorList .mod-varietyColorList-colorImage img,
.mod-varietyColorList .mod-varietyColorList-image img,
.mod-varietyColorList .mod-varietyColorList-productImage img {
    height: auto
}

.mod-varietyColorList .mod-varietyColorList-productImage img {
    width: 60px
}

.mod-varietyColorList .mod-varietyColorList-colorImage img {
    width: 25px;
    height: auto
}

.mod-varietyColorList .mod-varietyColorList-colorImage span {
    display: inline-block;
    width: 25px;
    height: 25px
}

.mod-varietyColorList .mod-varietyColorList-detail {
    display: table-cell;
    vertical-align: middle
}

.mod-varietyColorList .mod-varietyColorList-name {
    line-height: 1.4
}

.mod-varietyColorList .mod-varietyColorList-name small {
    font-size: 12px;
    font-size: 1.2rem
}

.mod-varietyColorList .mod-varietyColorList-name .mod-newIcon,
.mod-varietyColorList .mod-varietyColorList-name .mod-oldIcon {
    margin-top: 0;
    margin-bottom: 2px
}

.mod-varietyColorList .mod-varietyColorList-date {
    font-size: 14px;
    font-size: 1.4rem;
    color: #555;
    line-height: 1.3
}

.mod-varietyColorList .mod-varietyColorList-note {
    font-size: 14px;
    font-size: 1.4rem;
    color: #555;
    line-height: 1.2
}

.mod-varietyColorList .mod-varietyColorList-option {
    margin-top: 20px
}

.mod-lenskitBlock {
    margin-left: -24px;
    overflow: hidden
}

.mod-lenskitBlock .mod-lenskitBlock-heading {
    margin-bottom: 24px
}

.mod-lenskitBlock .mod-lenskitBlock-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.3%;
    padding-left: 24px;
    margin-bottom: 30px
}

.mod-lenskitBlock .mod-lenskitBlock-item:nth-child(3n+1) {
    clear: left
}

.mod-lenskitBlock .mod-lenskitBlock-itemCaption {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 24px
}

.mod-lenskitBlock .mod-lenskitBlock-itemCaption ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-lenskitBlock .mod-lenskitBlock-itemCaption li {
    color: #555;
    text-indent: -1em;
    padding-left: 1em
}

.mod-lenskitBlock .mod-lenskitBlock-caption {
    clear: both;
    color: #555;
    padding-left: 24px;
    margin-bottom: 30px;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-lenskitBlock .mod-lenskitBlock-caption ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-lenskitBlock .mod-lenskitBlock-caption li {
    text-indent: -1em;
    padding-left: 1em
}

.mod-lenskitBlock .mod-lenskitBlock-subHeading {
    position: relative;
    margin-bottom: 10px
}

.mod-lenskitBlock .mod-lenskitBlock-subHeading h4 {
    margin: 0;
    line-height: 1.4
}

.mod-lenskitBlock .mod-lenskitBlock-subHeading--is-opened:before {
    content: "\f106";
    display: none;
    position: absolute;
    top: 12px;
    right: 0;
    margin-right: 0;
    line-height: 1;
    font-size: 30px
}

.mod-lenskitBlock .mod-lenskitBlock-subHeading--is-closed:before {
    content: "\f107";
    display: none;
    position: absolute;
    top: 12px;
    right: 0;
    margin-right: 0;
    line-height: 1;
    font-size: 30px
}

.mod-lenskitBlock .mod-lenskitBlock-note {
    margin-bottom: 10px;
    line-height: 1
}

.mod-lenskitBlock .mod-lenskitBlock-price {
    line-height: 1;
    margin-bottom: 20px
}

.mod-lenskitBlock .mod-lenskitBlock-price+.mod-lenskitBlock-jan {
    margin-top: -10px
}

.mod-lenskitBlock .mod-lenskitBlock-jan {
    line-height: 1;
    margin-bottom: 20px
}

.mod-lenskitBlock .mod-lenskitBlock-detail {
    margin-bottom: 20px
}

.mod-lenskitBlock .mod-lenskitBlock-detail a {
    display: block
}

.mod-lenskitBlock .mod-lenskitBlock-image {
    display: table-cell
}

.mod-lenskitBlock .mod-lenskitBlock-image img {
    display: block;
    border: 1px solid #cdcbc4
}

.mod-lenskitBlock .mod-lenskitBlock-link {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
    line-height: 1.3
}

.mod-lenskitBlock .mod-lenskitBlock-link .mod-arrowLink:before {
    top: -1px
}

.mod-awardList {
    margin-left: -24px;
    overflow: hidden
}

.mod-awardList .mod-awardList-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 33.3%;
    margin-right: -6px;
    padding-left: 24px;
    padding-bottom: 24px;
    vertical-align: top
}

.mod-awardList .mod-awardList-image {
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
    width: 53%
}

.mod-awardList .mod-awardList-image img {
    width: 100%;
    height: auto;
    image-rendering: optimizequality
}

.mod-awardList .mod-awardList-link {
    display: table-cell;
    line-height: 1.4;
    padding-left: 10px
}

.mod-awardList .mod-awardList-link .mod-arrowLink:before {
    top: -3px
}

.mod-nikonDirectBlock {
    margin: 50px 80px;
    border: 2px solid #e6e5de;
    border-radius: 5px
}

.mod-nikonDirectBlock .mod-nikonDirectBlock-image {
    display: table-cell;
    width: 200px;
    border-width: 0 1px 0 0;
    border-color: #e6e5de;
    border-style: solid;
    background-color: #f7f6f5;
    text-align: center;
    vertical-align: middle
}

.mod-nikonDirectBlock .mod-nikonDirectBlock-image img {
    margin-top: 2px;
    width: 157px;
    height: auto
}

.mod-nikonDirectBlock .mod-nikonDirectBlock-detail {
    display: table-cell;
    padding: 10px 30px
}

.mod-nikonDirectBlock .mod-nikonDirectBlock-text {
    font-size: 14px;
    font-size: 1.4rem
}

.mod-nikonDirectBlock .mod-nikonDirectBlock-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-nikonDirectBlock .mod-nikonDirectBlock-list li {
    display: inline-block;
    margin-right: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700
}

.mod-nikonDirectBlock .mod-nikonDirectBlock-list .mod-arrowLink:before {
    position: relative;
    top: 3px
}

.mod-supportBlock {
    margin-bottom: 30px;
    overflow: hidden
}

.mod-supportBlock .mod-headingV5 {
    margin-top: 0
}

.mod-supportBlock .mod-supportBlock-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700
}

.mod-supportBlock .mod-supportBlock-ul li {
    margin-top: 5px;
    text-indent: -8px;
    padding-left: 8px
}

.mod-supportBlock .mod-supportBlock-ul li:first-child {
    margin-top: 0
}

.mod-supportBlock .mod-supportBlock-ul li:before {
    content: "\f105";
    position: relative;
    top: 4px;
    line-height: 1;
    vertical-align: top;
    margin-right: 7px;
    text-decoration: none !important;
    color: #a8a8a8
}

.mod-lensChartBlock {
    overflow: hidden;
    margin-bottom: 30px
}

.mod-lensChartBlock .mod-lensChartBlock-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-left: 12px;
    margin-bottom: 10px
}

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

.mod-lensChartBlock .mod-lensChartBlock-note {
    clear: both
}

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

.mod-lensChartBlock .mod-lensChartBlock-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-lensChartBlock .mod-lensChartBlock-list li {
    margin-bottom: 10px
}

.mod-lensChartBlock .mod-lensChartBlock-colortip {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 15px;
    vertical-align: middle
}

.mod-shootingInfoBlock {
    margin-bottom: 30px
}

.mod-shootingInfoBlock+.mod-shootingInfoBlock {
    margin-top: -20px
}

.mod-shootingInfoBlock .mod-shootingInfoBlock-heading {
    display: none
}

.mod-shootingInfoBlock .mod-shootingInfoBlock-heading:before {
    display: none !important;
    font-size: 40px !important;
    margin-right: 0 !important;
    color: #949494 !important;
    line-height: 1
}

.mod-shootingInfoBlock .mod-shootingInfoBlock-heading--is-opened:before {
    content: "\f106"
}

.mod-shootingInfoBlock .mod-shootingInfoBlock-heading--is-closed:before {
    content: "\f107"
}

.mod-shootingInfoBlock .mod-shootingInfoBlock-detail {
    display: block
}

.mod-line {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: auto;
    height: 1px;
    margin-bottom: 30px;
    background-color: #e6e5de
}

.mod-line--type-maincolor {
    background-color: #cdcbc4
}

.mod-btnComparing {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-size: 1.4rem;
    width: 140px;
    line-height: 1;
    padding: 7px 10px 9px
}

.mod-btnComparing:before {
    content: "\f105";
    position: relative;
    top: 1px;
    margin-right: 5px;
    font-weight: 700;
    color: #4d4d4d
}

.mod-btnComparing:hover,
.mod-btnComparing:visited {
    color: inherit
}

.mod-btnComparing:hover,
.mod-btnComparing:hover:before {
    text-decoration: none
}

.mod-btnComparing:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-compareSubmitBtn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 160px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-decoration: none !important;
    border: 1px solid #cdcbc4;
    border-radius: 4px;
    color: #9a9a9a !important;
    background-color: #f2f2f2;
    box-shadow: inset 0 1px 0 #fff;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-compareSubmitBtn:before {
    content: "\f105";
    position: relative;
    top: -1px;
    margin-right: 5px;
    font-weight: 700;
    color: #9a9a9a;
    vertical-align: top
}

.mod-compareSubmitBtn.mod-compareSubmitBtn--type-done {
    color: #000 !important;
    box-shadow: none;
    background: -webkit-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    background: -moz-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    background: linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    border-color: #ccc
}

.mod-compareSubmitBtn.mod-compareSubmitBtn--type-done:before {
    content: "\f105" " ";
    color: #4d4d4d
}

.mod-compareSubmitBtn.mod-compareSubmitBtn--type-done:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-compareSubmitBtn strong {
    font-weight: 700
}

.mod-compareAddBtn {
    display: inline-block;
    width: 88px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    outline: 0 !important;
    border: 1px solid #cdcbc4;
    border-radius: 5px;
    color: #333 !important;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem
}

.mod-compareAddBtn:hover {
    filter: alpha(Opacity=80);
    opacity: .8
}

.mod-compareAddBtn:before {
    content: '';
    position: relative;
    top: -2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(/common2/img/mod-compareAddBtn/icon_01.png) top left no-repeat
}

.mod-compareAddBtn.mod-compareAddBtn--type-done {
    background-color: #e6e6e6 !important
}

.mod-compareAddBtn.mod-compareAddBtn--type-done:before {
    background-position: bottom left;
    content: '' ''
}

.mod-compareBalloonBtn {
    display: none;
    width: 136px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: -webkit-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #f7f6f5;
    background: -moz-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #f7f6f5;
    background: linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #f7f6f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #000 !important
}

.mod-compareBalloonBtn:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-compareBalloonBtn:hover:before {
    border-color: transparent transparent #e8e7e4
}

.mod-compareBalloonBtn:after,
.mod-compareBalloonBtn:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    z-index: 3;
    border-style: solid;
    border-width: 0 5px 8px;
    border-color: transparent transparent #f7f6f5
}

.mod-compareBalloonBtn:after {
    border-color: transparent transparent #ccc;
    z-index: -1;
    top: -8px;
    border-width: 0 6px 9px;
    margin-left: -6px
}

.mod-compareBalloonBtn>span:before {
    content: "\f105";
    position: relative;
    top: 1px;
    color: #000
}

.mod-compareBalloonBtn.mod-compareBalloonBtn--is-visible {
    display: block
}

.mod-compareBalloonBtn.mod-compareBalloonBtn--is-visible:after,
.mod-compareBalloonBtn.mod-compareBalloonBtn--is-visible:before {
    content: '' ''
}

.mod-btn2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 400px;
    min-height: 50px;
    padding: 0 15px;
    line-height: 50px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 20px;
    font-size: 2rem;
    background-color: #222;
    color: #fff !important;
    text-decoration: none !important
}

.mod-btn2:hover {
    filter: alpha(Opacity=80);
    opacity: .8
}

.mod-btn2:before {
    content: "\f105";
    position: relative;
    top: -1px;
    margin-right: 2px;
    font-weight: 700;
    color: inherit
}

.mod-pdfLink {
    display: inline-block;
    min-height: 32px;
    padding-left: 42px;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(/common2/img/mod-pdfLink/icon_pdf_large.png)
}

.mod-pdfLink small {
    word-break: break-word
}

.mod-zoomLink {
    display: inline-block;
    min-height: 20px;
    padding-left: 25px;
    vertical-align: top;
    background-position: 0 2px;
    background-repeat: no-repeat;
    background-image: url(/common2/img/mod-zoomLink/icon_01.png)
}

.mod-zoomLink+* {
    margin-top: 15px
}

.mod-rssLink {
    display: inline-block;
    min-height: 22px;
    padding-left: 27px;
    vertical-align: top;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(/common2/img/mod-rssLink/icon_01.png)
}

.mod-moreinfoLink {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1
}

.mod-moreinfoLink a {
    display: inline-block;
    text-decoration: none
}

.mod-moreinfoLink a:before {
    content: "\f105";
    color: #a8a8a8
}

.mod-moreinfoLink a:hover>span {
    text-decoration: underline
}

.mod-newIcon,
.mod-oldIcon {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    line-height: 1.7;
    vertical-align: middle;
    padding: 0 10px;
    margin-top: -4px;
    border-radius: 2px;
    background-color: #6775ff;
    color: #fff;
    font-family: Verdana, Roboto, "Droid Sans", sans-serif;
    font-weight: 700
}

.mod-newIcon--type-small,
.mod-oldIcon--type-small {
    padding: 1px 3px;
    line-height: 14px;
    height: 14px;
    font-size: 10px;
    font-size: 1rem
}

.mod-oldIcon {
    background-color: #4d4d4d;
    font-family: Verdana, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif
}

.mod-oldIcon--type-small {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 1px 2px
}

.mod-goodsIcon {
    display: block;
    height: 22px;
    line-height: 18px
}

.mod-goodsIcon img {
    width: 150px;
    height: auto;
    vertical-align: middle
}

.mod-specIcon,
.mod-specIcon2,
.mod-specIcon3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 2px;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 0
}

.mod-specIcon .mod-specIcon-text,
.mod-specIcon2 .mod-specIcon2-text,
.mod-specIcon3 .mod-specIcon3-text {
    font-size: 11px;
    font-size: 1.1rem;
    display: block;
    text-align: center;
    line-height: 1.2
}

.mod-specIcon .mod-specIcon-text--is-strong,
.mod-specIcon2 .mod-specIcon2-text--is-strong {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700
}

.mod-specIcon {
    min-width: 60px;
    height: 60px;
    background-color: #666;
    color: #fff
}

.mod-specList3-main .mod-specIcon {
    display: table-cell;
    width: 100%;
    height: 36px;
    min-height: 36px;
    padding: 5px 1px 3px
}

.mod-specIcon .mod-specIcon-text {
    min-width: 60px;
    color: inherit
}

.mod-specList3-main .mod-specIcon .mod-specIcon-text {
    font-size: 11px;
    font-size: 1.1rem;
    width: 100%
}

.mod-specIcon .mod-specIcon-text+.mod-specIcon-text {
    margin-top: 4px
}

.mod-specList3-main .mod-specIcon .mod-specIcon-text+.mod-specIcon-text {
    margin-top: 0
}

.mod-specList3-main .mod-specIcon .mod-specIcon-text--is-strong {
    font-size: 12px;
    font-size: 1.2rem
}

.mod-specIcon--type-フルサイズ {
    color: #fff;
    border: 1px solid #b39954;
    background-color: #b39954
}

.mod-specIcon--type-CX {
    color: #fff;
    border: 1px solid #74a774;
    background-color: #74a774
}

.mod-specIcon--type-APS-Cサイズ {
    color: #fff;
    border: 1px solid #909ab6;
    background-color: #909ab6
}

.mod-specIcon2 {
    min-width: 70px;
    min-height: 20px;
    background-color: #949494;
    color: #fff
}

.mod-specList3-sub .mod-specIcon2 {
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    vertical-align: top
}

.mod-specIcon2 .mod-specIcon2-text {
    min-width: 70px;
    color: inherit;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700
}

.mod-specList3-sub .mod-specIcon2 .mod-specIcon2-text {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    min-width: 100%;
    color: #fff;
    margin-top: 2px
}

.mod-specIcon2 .mod-specIcon2-text+.mod-specIcon2-text {
    margin-top: 4px
}

.mod-specList3-sub .mod-specIcon2 .mod-specIcon2-text+.mod-specIcon2-text {
    margin-top: 2px
}

.mod-specIcon3 {
    min-width: 44px;
    height: 44px;
    background-color: #4d4d4d
}

.mod-specIcon3 .mod-specIcon3-text {
    font-size: 12px;
    font-size: 1.2rem;
    min-width: 44px;
    font-weight: 700;
    color: #fff
}

.mod-specIcon3 .mod-specIcon3-text+.mod-specIcon3-text {
    margin-top: 4px
}

.mod-formatIcon {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    text-align: center;
    box-sizing: border-box;
    width: 92px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff
}

.mod-formatIcon.mod-formatIcon--type-フルサイズ {
    background-color: #b39954;
    border-color: #b39954
}

.mod-formatIcon.mod-formatIcon--type-APS-Cサイズ {
    background-color: #909ab6;
    border-color: #909ab6
}

.mod-formatIcon.mod-formatIcon--type-CX {
    background-color: #74a774;
    border-color: #74a774
}

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

.mod-logoBlock {
    float: left;
    margin-bottom: 20px
}

.mod-logoBlock .mod-logoBlock-image {
    width: 50%
}

.mod-logoBlock+.mod-compareSubmitBlock {
    overflow: hidden
}

.mod-logoBlock+.mod-compareSubmitBlock+.mod-withinPageNav {
    clear: both
}

.mod-compareSubmitBlock {
    padding-bottom: 1px;
    margin-bottom: 20px;
    overflow: hidden
}

.mod-compareSubmitBlock+.mod-headingV2,
.mod-compareSubmitBlock+.mod-headingV8 {
    margin-top: 0
}

.mod-compareSubmitBlock .mod-compareSubmitBlock-button {
    float: right
}

.mod-compareSubmitBlock .mod-compareSubmitBlock-text {
    overflow: hidden;
    margin-top: 4px;
    padding-right: 20px;
    text-align: right
}

.mod-caption {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    text-indent: -12px;
    text-indent: -1.2rem;
    padding-left: 1.2rem;
    color: #555;
    line-height: 1.6
}

.mod-caption+.mod-caption {
    margin-top: -15px
}

.mod-rwdImage {
    display: table;
    table-layout: fixed;
    width: 100%
}

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

.mod-layout-item>.mod-rwdImage {
    margin-bottom: 10px
}

.mod-rwdImage--type-border {
    border: 1px solid #e3e3e3;
    box-sizing: border-box
}

.mod-header {
    position: relative;
    width: 960px;
    z-index: 10;
    margin: 0 auto 5px;
    font-family: Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif
}

.mod-header-brand {
    position: absolute;
    top: 20px;
    left: 0;
    height: 68px
}

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

.mod-header-brandStatement {
    position: absolute;
    top: 51px;
    left: 82px;
    display: block
}

.mod-header-brandStatement img {
    vertical-align: top
}

.mod-header-utility {
    height: 108px
}

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

.ie8 .mod-headerSearch {
    padding: 6px 5px 5px
}

.mod-headerSearch-input {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 2px;
    width: 149px;
    height: 14px;
    padding: 2px 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-headerSearch-submit {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 34px;
    height: 21px;
    padding: 0;
    font-size: 10px;
    vertical-align: top;
    box-shadow: inset 0 -1px #ccc;
    background: -webkit-linear-gradient(top, #fdfdfd, #bfbfbf) #fefefe;
    background: -moz-linear-gradient(top, #fdfdfd, #bfbfbf) #fefefe;
    background: linear-gradient(top, #fdfdfd, #bfbfbf) #fefefe;
    border: 1px solid #cbcbcb;
    border-color: #cbcbcb #7b7b7b #7b7b7b #cbcbcb;
    border-radius: 4px
}

.ie8 .mod-headerSearch-submit {
    top: 0
}

.mod-headerSearch-submit:hover {
    background-color: #fff27f;
    background-image: none
}

.mod-headerRegion {
    position: absolute;
    top: 14px;
    right: 0;
    overflow: hidden;
    padding: 2px 0
}

.mod-headerRegion-item {
    float: left;
    color: #000;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: Verdana, Roboto, "Droid Sans", sans-serif
}

.mod-headerRegion-item:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 5px;
    background-color: #000;
    vertical-align: middle
}

.mod-headerRegion-item:first-child:before {
    display: none
}

.mod-headerRelated {
    position: absolute;
    top: 70px;
    right: 0;
    font-size: 0
}

.mod-headerRelated li {
    font-size: 11px;
    font-size: 1.1rem;
    display: inline-block;
    padding-left: 10px
}

.mod-headerRelated a {
    color: #000;
    padding-left: 12px;
    background: url(/common2/img/mod-headerRelated/icon_01.png) left top no-repeat
}

.mod-headerBtnGroup {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    height: 50px;
    font-size: 0
}

.mod-headerBtnGroup-globalnetwork,
.mod-headerBtnGroup-menu,
.mod-headerBtnGroup-search {
    display: inline-block;
    margin-top: 8px;
    vertical-align: top
}

.mod-headerBtnGroup-globalnetwork {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 50px;
    height: 50px;
    background: url(/common2/img/mod-headerBtnGroup/btn_01.png) no-repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

.mod-headerBtnGroup-search {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 50px;
    height: 50px;
    background: url(/common2/img/mod-headerBtnGroup/btn_02.png) no-repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

.mod-headerBtnGroup-menu {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 50px;
    height: 50px;
    background: url(/common2/img/mod-headerBtnGroup/btn_03.png) no-repeat;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px
}

.mod-headerNav {
    position: relative;
    z-index: 4;
    width: 960px;
    height: 45px;
    margin: -5px auto 5px;
    display: block;
    font-family: Verdana, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    border-radius: 3px;
    background-color: #e8e8e8;
    background-color: rgba(229, 229, 229, .925);
    border-bottom: 1px solid #d5d5d5
}

.ie9 .mod-headerNav {
    border-bottom-left-radius: 4px
}

.mod-headerNav-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    height: 100%;
    font-size: 0;
    line-height: 1;
    border-radius: 3px;
    border-right: 1px solid #f3f3f3
}

.ie9 .mod-headerNav-ul {
    border-bottom-left-radius: 4px
}

.mod-headerNav-item {
    display: table-cell;
    vertical-align: middle;
    padding: 0
}

.mod-headerNav-item--is-last {
    background-image: none
}

.mod-headerNav-item--type-close {
    display: none
}

.mod-headerNav-link {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1.4rem;
    display: table-cell;
    height: 46px;
    color: #737373 !important;
    border-width: 1px;
    border-style: solid;
    border-color: transparent #d9d9d9 #d5d5d5 #f3f3f3;
    text-decoration: none;
    vertical-align: middle;
    padding: 0 9px
}

.mod-headerNav-link.mod-headerNav-link--hover {
    color: #000 !important;
    text-decoration: none;
    border-color: transparent #f7df00 #f1da00 #ffeb2e;
    background: url(/common2/img/mod-headerNav/global_nav_bg_06.png) left bottom #f7df00
}

.mod-headerNav-item:first-child .mod-headerNav-link {
    border-left-width: 0;
    border-radius: 3px 0 0 3px;
    overflow: hidden
}

.ie9 .mod-headerNav-item:first-child .mod-headerNav-link {
    border-bottom-left-radius: 4px
}

.mod-headerNav-link br {
    display: none
}

.mod-headerNav-link--is-current {
    color: #fff !important;
    border-color: transparent grey #767676 #767676;
    background: url(/common2/img/mod-headerNav/global_nav_bg_05.png) left bottom #8e8e8e
}

.mod-headerNav-link--type-close:before {
    content: "\f106";
    margin-right: 5px;
    font-weight: 700;
    color: #fff;
    margin-top: -8px
}

.mod-categoryNav {
    display: none;
    position: relative;
    z-index: 2
}

.mod-headerNav-link--hover~.mod-categoryNav {
    display: block
}

.mod-categoryNav-group {
    position: absolute;
    top: 0;
    width: 345px;
    box-shadow: 0 0 10px #666;
    background-color: #ebebeb;
    border-radius: 6px;
    overflow: hidden
}

.mod-categoryNav-ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-categoryNav-ul li {
    border-top: 1px solid #ccc;
    padding: 0
}

.mod-categoryNav-ul li:first-child {
    border-top: none
}

.mod-categoryNav-ul li:first-child a {
    border-radius: 6px 6px 0 0
}

.mod-categoryNav-ul a {
    font-size: 13px;
    font-size: 1.3rem;
    display: block;
    padding: 16px 10px 14px;
    line-height: 1.3;
    color: #404040;
    text-decoration: none
}

.mod-categoryNav-ul a:focus,
.mod-categoryNav-ul a:hover {
    color: #000;
    background: url(/common2/img/mod-headerNav/global_nav_bg_06.png) left bottom #f7df00
}

.mod-topicPath {
    margin-bottom: 10px
}

.mod-topicPath .mod-topicPath-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1
}

.mod-topicPath .mod-topicPath-item {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    vertical-align: top;
    color: #666;
    line-height: 1.7;
    margin-right: -5px
}

.mod-topicPath .mod-topicPath-item.mod-topicPath-item--is-visible {
    display: inline-block !important
}

.mod-topicPath .mod-topicPath-item.mod-topicPath-item--is-visible a:after {
    display: none
}

.mod-topicPath .mod-topicPath-item .mod-homeIcon {
    position: relative;
    top: 4px
}

.mod-topicPath .mod-topicPath-item a,
.mod-topicPath .mod-topicPath-item span {
    display: block;
    z-index: 1;
    box-sizing: border-box;
    vertical-align: top;
    color: #666
}

.mod-topicPath .mod-topicPath-item:first-child a {
    min-height: 20px
}

.mod-topicPath .mod-topicPath-item a {
    position: relative;
    padding-right: 23px
}

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

.mod-topicPath .mod-topicPath-item a:after {
    position: absolute;
    top: 8px;
    right: 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 3px;
    height: 5px;
    background: url(/common2/img/mod-topicPath/icon_02.png) no-repeat;
    -webkit-background-size: 3px 5px;
    -moz-background-size: 3px 5px;
    background-size: 3px 5px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.mod-topicPath--type-footer {
    margin: 0;
    border-width: 0;
    border-style: solid;
    border-color: #cdcbc4
}

.mod-topicPath--type-footer .mod-topicPath-ul {
    padding: 20px 30px 18px
}

.mod-topicPath--type-footer .mod-topicPath-ul+.mod-topicPath-ul {
    padding-top: 0;
    margin-top: -18px
}

.mod-topicPath--show-all .mod-topicPath-item {
    display: inline-block !important
}

.mod-lowestBlock {
    display: none;
}

.no-mediaqueries .mod-lowestBlock {
    min-width: 960px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px
}

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

.mod-subNav {
    padding-bottom: 25px;
    border-bottom: 1px solid #cdcbc4
}

.mod-subNav .mod-subNav-heading {
    line-height: 1.3;
    margin-bottom: 20px
}

.mod-subNav .mod-subNav-heading h2 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-size: 2rem
}

.mod-subNav .mod-subNav-subHeading {
    line-height: 1.3;
    margin-bottom: 15px
}

.mod-subNav .mod-subNav-subHeading h3 {
    margin: 0;
    padding: 0;
    color: #4d4d4d;
    font-size: 16px;
    font-size: 1.6rem
}

.mod-subNav .mod-subNav-ul {
    list-style: none;
    margin: 0 -24px 0 0;
    padding: 0;
    word-spacing: -1em;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    width: 100%
}

.mod-subNav .mod-subNav-link {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    line-height: 1.3;
    margin-bottom: 15px;
    padding-right: 24px;
    word-spacing: normal;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-subNav .mod-subNav-link:before {
    content: "\f105";
    font-size: 16px;
    margin-right: 6px;
    float: left;
    width: 5px;
    position: relative;
    top: -1px
}

.mod-subNav .mod-subNav-link--is-active {
    color: #333
}

.mod-surveyBlock {
    text-align: center;
    margin-top: -5px;
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #cdcbc4
}

.mod-surveyBlock .mod-surveyBlock-heading,
.mod-surveyBlock .mod-surveyBlock-link {
    display: inline;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-surveyBlock .mod-surveyBlock-link .mod-arrowLink {
    position: relative;
    top: 3px
}

.mod-surveyBlock .mod-surveyBlock-link .mod-arrowLink:before {
    top: 2px
}

.mod-sitemapBlock {
    border: 1px solid #cdcbc4;
    border-radius: 5px
}

.mod-sitemapBlock .mod-sitemapBlock-item {
    border-top: 1px solid #e6e5de
}

.mod-sitemapBlock .mod-sitemapBlock-item:first-child {
    border-top: none
}

.mod-sitemapBlock .mod-sitemapBlock-item--type-p30 {
    padding: 30px 30px 10px
}

.mod-sitemapNav .mod-sitemapNav-heading {
    position: relative
}

.mod-sitemapNav .mod-sitemapNav-heading a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    padding-bottom: 20px
}

.mod-sitemapNav .mod-sitemapNav-heading--is-opened:before {
    content: "\f106";
    display: none
}

.mod-sitemapNav .mod-sitemapNav-heading--is-closed:before {
    content: "\f107";
    display: none
}

.mod-sitemapNav .mod-sitemapNav-heading--type-link:before {
    content: "\f105";
    display: none
}

.mod-sitemapNav .mod-sitemapNav-ul {
    list-style: none;
    margin: 0 -24px -10px 0;
    padding: 0;
    font-size: 0
}

.mod-sitemapNav .mod-sitemapNav-ul>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 25%;
    line-height: 1.3;
    margin-bottom: 30px;
    padding-right: 24px;
    vertical-align: top;
    font-size: 12px;
    font-size: 1.2rem
}

.mod-sitemapNav .mod-sitemapNav-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-sitemapNav .mod-sitemapNav-list li {
    position: relative;
    margin-top: 10px;
    padding-left: 12px;
    text-indent: -12px;
    font-size: 12px;
    font-size: 1.2rem
}

.mod-sitemapNav .mod-sitemapNav-list li:first-child {
    margin-top: 0
}

.mod-sitemapNav .mod-sitemapNav-list li:before {
    content: "\f105";
    position: relative;
    top: 0;
    font-size: 16px;
    line-height: 1;
    vertical-align: top;
    margin-right: 7px;
    text-decoration: none !important
}

.mod-signature {
    padding-bottom: 8px
}

.mod-signature .mod-signature-item {
    margin-bottom: 4px;
    font-weight: 700
}

.mod-signature .mod-signature-text {
    display: none
}

.mod-signature .mod-signature-image {
    display: block;
    margin-top: 12px
}

.mod-signature-item:first-child .mod-signature .mod-signature-image {
    margin-top: 0
}

.mod-footer {
    width: 960px;
    margin: 0 auto 13px;
    font-family: Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif
}

.mod-footer .mod-footer-inner {
    overflow: hidden;
    border-color: #dedede;
    border-style: solid;
    border-width: 1px 0 0
}

.mod-footer .mod-footer-link {
    overflow: hidden;
    float: left
}

.mod-footer .mod-footer-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0
}

.mod-footer .mod-footer-ul>li {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    margin-right: 10px;
    padding-left: 12px;
    text-indent: -12px
}

.mod-footer .mod-footer-ul>li:before {
    content: "\f138";
    position: relative;
    top: 1px;
    font-size: 11px;
    margin-right: 2px;
    vertical-align: top;
    color: #333
}

.mod-footer .mod-footer-ul a {
    color: #333;
    text-decoration: none !important
}

.mod-footer .mod-footer-globalLink {
    display: none
}

.mod-footer .mod-footer-copyright {
    overflow: hidden;
    float: right;
    margin: 0;
    padding: 0;
    line-height: 1
}

.mod-footer .mod-footer-copyright small {
    font-size: 12px;
    font-size: 1.2rem
}

.mod-list {
    padding: 0;
    margin: 0 0 20px;
    list-style: none
}

.mod-list li {
    line-height: 1.3;
    margin-bottom: 10px
}

.mod-list--type-disc {
    list-style: disc;
    padding-left: 17px
}

.mod-list--type-circle {
    list-style: circle;
    padding-left: 17px
}

.mod-list--type-decimal {
    list-style: decimal;
    padding-left: 23px
}

.mod-homeIcon {
    display: inline-block;
    vertical-align: middle;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 14px;
    height: 12px;
    background: url(/common2/img/mod-homeIcon/icon_01.png) no-repeat;
    -webkit-background-size: 14px 12px;
    -moz-background-size: 14px 12px;
    background-size: 14px 12px
}

.mod-exlinkIcon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 12px;
    height: 10px;
    background: url(/common2/img/mod-exlinkIcon/icon_01.png) no-repeat;
    -webkit-background-size: 12px 10px;
    -moz-background-size: 12px 10px;
    background-size: 12px 10px
}

.mod-headingV1,
.mod-headingV10,
.mod-headingV11,
.mod-headingV2,
.mod-headingV3,
.mod-headingV4,
.mod-headingV5,
.mod-headingV6,
.mod-headingV7,
.mod-headingV8,
.mod-headingV9,
.mod-noResultHeading,
.mod-searchRecommendHeading,
.mod-searchResultHeading {
    margin-bottom: 10px;
    clear: both
}

.mod-headingV2,
.mod-headingV8,
.mod-searchResultHeading {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.4;
    padding: 10px 20px;
    background-color: #f7f6f5;
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 5px;
    border: 1px solid #cdcbc4;
    margin-top: 50px;
    margin-bottom: 25px
}

.mod-headingV5,
.mod-searchRecommendHeading {
    padding: 8px 10px 7px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #f7f6f5;
    border-top: 1px solid #cdcbc4
}

.mod-headingV1 .mod-headingV1-title,
.mod-headingV10 .mod-headingV10-title,
.mod-headingV11 .mod-headingV11-title,
.mod-headingV2 .mod-headingV2-title,
.mod-headingV3 .mod-headingV3-title,
.mod-headingV4 .mod-headingV4-title,
.mod-headingV5 .mod-headingV5-title,
.mod-headingV6 .mod-headingV6-title,
.mod-headingV7 .mod-headingV7-title,
.mod-headingV8 .mod-headingV8-title,
.mod-headingV9 .mod-headingV9-title,
.mod-noResultHeading .mod-noResultHeading-title,
.mod-searchResultHeading .mod-searchResultHeading-title {
    display: table-cell;
    width: 100%;
    margin: 0;
    line-height: 1.3
}

.mod-headingV1 .mod-headingV1-title img,
.mod-headingV10 .mod-headingV10-title img,
.mod-headingV11 .mod-headingV11-title img,
.mod-headingV2 .mod-headingV2-title img,
.mod-headingV3 .mod-headingV3-title img,
.mod-headingV4 .mod-headingV4-title img,
.mod-headingV5 .mod-headingV5-title img,
.mod-headingV6 .mod-headingV6-title img,
.mod-headingV7 .mod-headingV7-title img,
.mod-headingV8 .mod-headingV8-title img,
.mod-headingV9 .mod-headingV9-title img,
.mod-noResultHeading .mod-noResultHeading-title img,
.mod-searchResultHeading .mod-searchResultHeading-title img {
    position: relative;
    top: 2px;
    vertical-align: baseline
}

.mod-headingV1 .mod-headingV1-title img.ex-halfImage,
.mod-headingV10 .mod-headingV10-title img.ex-halfImage,
.mod-headingV11 .mod-headingV11-title img.ex-halfImage,
.mod-headingV2 .mod-headingV2-title img.ex-halfImage,
.mod-headingV3 .mod-headingV3-title img.ex-halfImage,
.mod-headingV4 .mod-headingV4-title img.ex-halfImage,
.mod-headingV5 .mod-headingV5-title img.ex-halfImage,
.mod-headingV6 .mod-headingV6-title img.ex-halfImage,
.mod-headingV7 .mod-headingV7-title img.ex-halfImage,
.mod-headingV8 .mod-headingV8-title img.ex-halfImage,
.mod-headingV9 .mod-headingV9-title img.ex-halfImage,
.mod-noResultHeading .mod-noResultHeading-title img.ex-halfImage,
.mod-searchResultHeading .mod-searchResultHeading-title img.ex-halfImage {
    top: 5px
}

.firefox .mod-headingV1 .mod-headingV1-title img.ex-halfImage,
.firefox .mod-headingV10 .mod-headingV10-title img.ex-halfImage,
.firefox .mod-headingV11 .mod-headingV11-title img.ex-halfImage,
.firefox .mod-headingV2 .mod-headingV2-title img.ex-halfImage,
.firefox .mod-headingV3 .mod-headingV3-title img.ex-halfImage,
.firefox .mod-headingV4 .mod-headingV4-title img.ex-halfImage,
.firefox .mod-headingV5 .mod-headingV5-title img.ex-halfImage,
.firefox .mod-headingV6 .mod-headingV6-title img.ex-halfImage,
.firefox .mod-headingV7 .mod-headingV7-title img.ex-halfImage,
.firefox .mod-headingV8 .mod-headingV8-title img.ex-halfImage,
.firefox .mod-headingV9 .mod-headingV9-title img.ex-halfImage,
.firefox .mod-noResultHeading .mod-noResultHeading-title img.ex-halfImage,
.firefox .mod-searchResultHeading .mod-searchResultHeading-title img.ex-halfImage,
.mod-headingV1 .firefox .mod-headingV1-title img.ex-halfImage,
.mod-headingV10 .firefox .mod-headingV10-title img.ex-halfImage,
.mod-headingV11 .firefox .mod-headingV11-title img.ex-halfImage,
.mod-headingV2 .firefox .mod-headingV2-title img.ex-halfImage,
.mod-headingV3 .firefox .mod-headingV3-title img.ex-halfImage,
.mod-headingV4 .firefox .mod-headingV4-title img.ex-halfImage,
.mod-headingV5 .firefox .mod-headingV5-title img.ex-halfImage,
.mod-headingV6 .firefox .mod-headingV6-title img.ex-halfImage,
.mod-headingV7 .firefox .mod-headingV7-title img.ex-halfImage,
.mod-headingV8 .firefox .mod-headingV8-title img.ex-halfImage,
.mod-headingV9 .firefox .mod-headingV9-title img.ex-halfImage,
.mod-noResultHeading .firefox .mod-noResultHeading-title img.ex-halfImage,
.mod-searchResultHeading .firefox .mod-searchResultHeading-title img.ex-halfImage {
    top: 2px
}

.mod-headingV1 .mod-headingV1-item,
.mod-headingV10 .mod-headingV10-item,
.mod-headingV11 .mod-headingV11-item,
.mod-headingV2 .mod-headingV2-item,
.mod-headingV3 .mod-headingV3-item,
.mod-headingV4 .mod-headingV4-item,
.mod-headingV5 .mod-headingV5-item,
.mod-headingV6 .mod-headingV6-item,
.mod-headingV7 .mod-headingV7-item,
.mod-headingV9 .mod-headingV9-item,
.mod-searchResultHeading .mod-searchResultHeading-length {
    display: table-cell;
    padding-left: .5em;
    white-space: nowrap;
    text-align: right;
    vertical-align: bottom
}

.mod-headingV1 {
    margin-bottom: 30px
}

.mod-headingV1 .mod-headingV1-title {
    font-size: 30px;
    font-size: 3rem
}

.mod-headingV1 .mod-headingV1-title [class*=Icon] {
    margin-left: 10px
}

.mod-headingV1--bottom-unit2 {
    margin-bottom: 20px
}

.mod-headingV1+.mod-headingV2 {
    margin-top: 30px
}

.mod-layout+.mod-headingV2,
.mod-layout4+.mod-headingV2 {
    margin-top: 10px
}

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

.mod-headingV3 {
    position: relative;
    line-height: 1;
    margin-bottom: 20px;
    padding-left: 16px
}

.mod-headingV3:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 6px;
    height: 100%;
    background-color: #ccc;
    border-radius: 2px
}

.mod-headingV3.mod-headingV3--type-noborder {
    padding-left: 0
}

.mod-headingV3.mod-headingV3--type-noborder:before {
    display: none
}

.mod-productItemList+.mod-headingV3 {
    margin-top: 30px
}

.mod-mainFeatureBlock2-heading .mod-headingV3 {
    margin-bottom: 10px
}

.mod-headingV4 {
    position: relative;
    line-height: 1;
    margin-bottom: 16px
}

.mod-headingV5 .mod-headingV5-title {
    font-size: 18px;
    font-size: 1.8rem
}

.mod-headingV5--bottom-unit2 {
    margin-bottom: 20px
}

.mod-headingV6 {
    line-height: 1;
    padding-bottom: 24px;
    margin-top: 20px;
    margin-bottom: 24px;
    border-bottom: 2px solid #cdcbc4
}

.mod-headingV6 .mod-headingV6-title {
    font-size: 30px;
    font-size: 3rem
}

.mod-headingV7 {
    margin-bottom: 20px
}

.mod-headingV7 .mod-headingV7-title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1
}

.mod-headingV8 {
    margin-bottom: 15px
}

.mod-headingV1+.mod-headingV8 {
    margin-top: 30px
}

.mod-goodsList+.mod-headingV8 {
    margin-top: 20px
}

.mod-headingV8 .mod-headingV8-title {
    vertical-align: middle
}

.mod-headingV8.mod-headingV8--type-smalltext .mod-headingV8-title {
    font-size: 17px;
    font-size: 1.7rem
}

.mod-headingV10 {
    border-top: 1px solid #e4e4e4;
    padding-top: 15px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #000
}

.mod-headingV10 .mod-headingV10-title {
    font-size: 18px;
    font-size: 1.8rem
}

.mod-headingV11 {
    border-top: 1px solid #e4e4e4;
    padding-top: 15px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #000
}

.mod-headingV11 .mod-headingV11-title {
    font-size: 18px;
    font-size: 1.8rem
}

.mod-togglable-heading--is-opened:before {
    content: "\f106"
}

.mod-togglable-heading--is-closed:before {
    content: "\f107"
}

.mod-togglable-content {
    clear: both
}

.mod-togglable-content--is-opened {
    display: block
}

.mod-togglable-content--is-closed {
    display: none
}

.mod-togglable-content--is-closed+.mod-compareSubmitBlock,
.mod-togglable-content--is-closed+[class*=mod-table] {
    margin-top: 20px
}

.mod-table,
.mod-togglableTable,
.mod-verticalTable,
.mod-verticalTable2 {
    margin-bottom: 40px;
    word-break: break-all;
    word-wrap: break-word;
    border-color: #cdcbc4;
    border-style: solid;
    border-width: 0 0 1px 1px
}

.mod-table td,
.mod-table th,
.mod-togglableTable td,
.mod-togglableTable th,
.mod-verticalTable td,
.mod-verticalTable th,
.mod-verticalTable2 td,
.mod-verticalTable2 th {
    font-size: 14px;
    font-size: 1.4rem;
    border-color: #cdcbc4;
    border-style: solid;
    border-width: 1px 1px 0 0;
    padding: 10px
}

.mod-table th,
.mod-togglableTable th,
.mod-verticalTable th,
.mod-verticalTable2 th {
    font-weight: 400;
    text-align: left;
    background-color: #f7f6f5
}

.mod-table td,
.mod-togglableTable td,
.mod-verticalTable td,
.mod-verticalTable2 td {
    background-color: #fff
}

.mod-table td img,
.mod-togglableTable td img,
.mod-verticalTable td img,
.mod-verticalTable2 td img {
    vertical-align: baseline
}

.mod-table--type-full {
    width: 100%;
    table-layout: fixed
}

.mod-table--type-fullfixed {
    width: 960px;
    min-width: 100%;
    table-layout: fixed
}

.mod-verticalTable--type-full {
    width: 100%;
    table-layout: fixed
}

.mod-verticalTable2 td,
.mod-verticalTable2 th {
    padding: 4px 10px
}

.mod-verticalTable2--type-full {
    width: 100%;
    table-layout: fixed
}

.mod-togglableTable+.mod-specialtyCaption {
    margin-top: -20px
}

.mod-togglableTable .mod-togglableTable-heading:before {
    display: none !important;
    position: absolute;
    top: 5px;
    right: 0;
    margin-right: 0 !important;
    line-height: 1;
    font-size: 40px !important;
    content: "\f106"
}

.mod-togglableTable .mod-togglableTable-heading th {
    font-weight: 700;
    background-color: #ededeb
}

.mod-togglableTable .mod-togglableTable-item--is-closed .mod-togglableTable-heading:before {
    content: "\f107"
}

.mod-togglableTable--type-full {
    width: 100%;
    table-layout: fixed
}

.mod-scrollableX {
    margin-bottom: 40px
}

.mod-scrollableX>.mod-table {
    margin-bottom: 0
}

.mod-downloadBlock,
.mod-thumbMedia2,
.mod-thumbMedia3,
.mod-thumbMedia6 {
    overflow: hidden
}

.mod-downloadBlock .mod-headingV5,
.mod-thumbMedia2 .mod-headingV5,
.mod-thumbMedia3 .mod-headingV5,
.mod-thumbMedia6 .mod-headingV5 {
    margin-top: 0
}

.mod-downloadBlock-itemOuter,
.mod-thumbMedia2-itemOuter,
.mod-thumbMedia3-itemOuter,
.mod-thumbMedia6-itemOuter {
    overflow: hidden;
    margin-left: -24px;
    margin-bottom: 30px
}

.mod-downloadBlock-item,
.mod-thumbMedia2-item,
.mod-thumbMedia3-item,
.mod-thumbMedia6-item {
    margin-left: 24px;
    margin-bottom: 20px;
    clear: both
}

.mod-downloadBlock-item--is-small,
.mod-thumbMedia2-item--is-small {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
    margin-right: -3px;
    width: 50%;
    padding-left: 24px
}

.mod-downloadBlock-item--is-small+.mod-downloadBlock-item--is-small,
.mod-downloadBlock-item--is-small+.mod-thumbMedia2-item--is-small,
.mod-thumbMedia2-item--is-small+.mod-downloadBlock-item--is-small,
.mod-thumbMedia2-item--is-small+.mod-thumbMedia2-item--is-small {
    overflow: hidden
}

.mod-downloadBlock-image,
.mod-thumbMedia2-image,
.mod-thumbMedia3-image,
.mod-thumbMedia6-image {
    display: table-cell;
    vertical-align: top;
    padding-right: 10px
}

.mod-downloadBlock-imageFrame,
.mod-thumbMedia2-imageFrame,
.mod-thumbMedia3-imageFrame,
.mod-thumbMedia6-imageFrame {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 90px;
    height: 90px;
    border: 1px solid #cdcbc4
}

.mod-downloadBlock-imageFrame img,
.mod-thumbMedia2-imageFrame img,
.mod-thumbMedia3-imageFrame img,
.mod-thumbMedia6-imageFrame img {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    height: auto
}

.mod-downloadBlock-imageFrame .mod-unprintable,
.mod-thumbMedia2-imageFrame .mod-unprintable,
.mod-thumbMedia3-imageFrame .mod-unprintable,
.mod-thumbMedia6-imageFrame .mod-unprintable {
    position: absolute;
    width: 100%;
    height: 100%
}

.mod-downloadBlock-imageFrame .mod-unprintable>img:first-child,
.mod-thumbMedia2-imageFrame .mod-unprintable>img:first-child,
.mod-thumbMedia3-imageFrame .mod-unprintable>img:first-child,
.mod-thumbMedia6-imageFrame .mod-unprintable>img:first-child {
    position: absolute;
    max-width: 86px;
    height: auto
}

.ie8 .mod-downloadBlock-imageFrame .mod-unprintable>.mod-unprintable-img--horizontal,
.ie8 .mod-thumbMedia2-imageFrame .mod-unprintable>.mod-unprintable-img--horizontal,
.ie8 .mod-thumbMedia3-imageFrame .mod-unprintable>.mod-unprintable-img--horizontal,
.ie8 .mod-thumbMedia6-imageFrame .mod-unprintable>.mod-unprintable-img--horizontal {
    width: 86px;
    height: auto
}

.ie8 .mod-downloadBlock-imageFrame .mod-unprintable>.mod-unprintable-img--vertical,
.ie8 .mod-thumbMedia2-imageFrame .mod-unprintable>.mod-unprintable-img--vertical,
.ie8 .mod-thumbMedia3-imageFrame .mod-unprintable>.mod-unprintable-img--vertical,
.ie8 .mod-thumbMedia6-imageFrame .mod-unprintable>.mod-unprintable-img--vertical {
    width: auto;
    height: 86px
}

.mod-downloadBlock-detail,
.mod-thumbMedia2-detail,
.mod-thumbMedia3-detail,
.mod-thumbMedia6-detail {
    display: table-cell
}

.mod-downloadBlock-heading,
.mod-thumbMedia2-heading,
.mod-thumbMedia3-heading,
.mod-thumbMedia6-heading {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px
}

.mod-downloadBlock-heading small,
.mod-thumbMedia2-heading small,
.mod-thumbMedia3-heading small,
.mod-thumbMedia6-heading small {
    font-weight: 400
}

.mod-downloadBlock-heading .mod-arrowLink:before,
.mod-thumbMedia2-heading .mod-arrowLink:before,
.mod-thumbMedia3-heading .mod-arrowLink:before,
.mod-thumbMedia6-heading .mod-arrowLink:before {
    top: 0
}

.mod-downloadBlock-text,
.mod-thumbMedia2-text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6
}

.mod-downloadBlock-text>.mod-arrowLink:before,
.mod-thumbMedia2-text>.mod-arrowLink:before {
    top: 0
}

.mod-thumbMedia {
    width: 100%;
    max-width: 468px;
    margin-bottom: 30px
}

.mod-thumbMedia .mod-thumbMedia-main {
    display: table;
    width: 100%;
    table-layout: fixed;
    vertical-align: top
}

.mod-thumbMedia .mod-thumbMedia-main+.mod-thumbMedia-text {
    margin-top: 10px
}

.mod-thumbMedia .mod-thumbMedia-image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #1a1a1a;
    background-repeat: no-repeat;
    background-position: 0 100%;
    border: 2px solid transparent
}

.mod-thumbMedia .mod-thumbMedia-image>img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle
}

.mod-thumbMedia .mod-thumbMedia-text .mod-arrowLink,
.mod-thumbMedia .mod-thumbMedia-text .mod-zoomLink {
    margin-bottom: 10px
}

.mod-thumbMedia .mod-thumbMedia-text+.mod-thumbMedia-caption {
    margin-top: 0
}

.mod-thumbMedia .mod-thumbMedia-caption {
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    margin-top: 10px;
    margin-bottom: 20px
}

.mod-thumbMedia2-item--is-small:nth-child(2n+1) {
    clear: none
}

.mod-thumbMedia2-item--is-small+.mod-thumbMedia2-item--is-small {
    overflow: hidden
}

.mod-thumbMedia3-itemOuter {
    margin-bottom: 0
}

.mod-thumbMedia3-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
    margin-left: 0;
    padding-left: 24px;
    clear: none;
    display: table;
    table-layout: fixed
}

.mod-thumbMedia3-item:nth-child(4n+1) {
    clear: left
}

.mod-thumbMedia3-image {
    width: 47%
}

.mod-thumbMedia3-imageFrame {
    width: 100%;
    height: auto;
    max-width: 93px;
    max-height: 70px;
    border-color: #cdcbc4
}

.mod-thumbMedia3-imageFrame img {
    position: static;
    width: 100%;
    height: auto;
    vertical-align: middle
}

.mod-thumbMedia3-heading {
    font-size: 14px;
    font-size: 1.4rem;
    word-break: break-all;
    font-weight: 400
}

.mod-thumbMedia4 {
    margin-left: -1.2%;
    margin-bottom: 50px
}

.mod-thumbMedia4:after {
    content: "";
    display: table;
    clear: both
}

.mod-thumbMedia4-item {
    float: left;
    width: 32.1%;
    padding-left: 1.2%
}

.mod-thumbMedia4-image img {
    width: 100%;
    height: auto;
    vertical-align: top
}

.mod-thumbMedia4-image--type-1>a {
    position: relative;
    z-index: 1;
    display: block
}

.ie8 .mod-thumbMedia4-image--type-1>a>img {
    position: relative;
    z-index: -1
}

.mod-thumbMedia4-image--type-1>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: url(/common2/img/misc/icon_banner312.png) top left no-repeat;
    background-size: 100%
}

.mod-thumbMedia4-detail {
    display: none
}

.mod-thumbMedia5 {
    margin-bottom: 30px
}

.mod-thumbMedia5-item {
    margin-bottom: 10px
}

.mod-thumbMedia5-item:after {
    content: "";
    display: table;
    clear: both
}

.mod-thumbMedia5-image {
    float: left;
    border: 1px solid #cdcbc4;
    font-size: 0;
    margin-right: 20px;
    width: 90px
}

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

.mod-thumbMedia5-detail {
    overflow: hidden;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-thumbMedia5-text {
    margin-bottom: 10px
}

.mod-thumbMedia5-links .mod-arrowLink:before {
    top: 2px
}

.mod-thumbMedia6-itemOuter {
    margin-bottom: 0
}

.mod-thumbMedia6-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.3%;
    margin-left: 0;
    padding-left: 24px;
    clear: none
}

.mod-thumbMedia6-item:nth-child(3n+1) {
    clear: left
}

.mod-thumbMedia6-image {
    width: 35%
}

.mod-thumbMedia6-imageFrame {
    width: 100%;
    height: auto;
    max-width: 93px;
    max-height: 70px
}

.mod-thumbMedia6-imageFrame img {
    position: static;
    width: 100%;
    height: auto;
    vertical-align: middle
}

.mod-thumbMedia6-heading {
    margin-bottom: 3px;
    word-break: break-all
}

.mod-thumbMedia6-text {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 14px
}

.mod-thumbMedia7 {
    word-spacing: -1em;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -24px
}

.mod-thumbMedia7.mod-thumbMedia7--type-full {
    margin-left: 0
}

.mod-thumbMedia7-item {
    word-spacing: normal;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding-left: 24px;
    margin-bottom: 20px;
    overflow: hidden
}

.mod-thumbMedia7--type-full .mod-thumbMedia7-item {
    width: 100%;
    padding-left: 0
}

.mod-thumbMedia7-image {
    float: left;
    border: 1px solid #cdcbc4;
    font-size: 0;
    margin-right: 10px;
    width: 62px
}

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

.mod-thumbMedia7-image--no-frame {
    border: none
}

.mod-thumbMedia7-detail {
    overflow: hidden
}

.mod-thumbMedia7-heading {
    font-weight: 400
}

.mod-thumbMedia8 {
    margin-bottom: 30px
}

.mod-thumbMedia8:after {
    content: "";
    display: table;
    clear: both
}

.mod-thumbMedia8-heading {
    width: 100%;
    margin-bottom: 3px
}

.mod-thumbMedia8-image {
    float: left;
    border: 1px solid #cdcbc4;
    margin-right: 10px;
    padding-top: 5px
}

.mod-thumbMedia8--type-rev .mod-thumbMedia8-image {
    float: right;
    margin-right: 0;
    margin-left: 10px
}

.mod-thumbMedia8-image img {
    display: block
}

.mod-thumbMedia8-image--no-frame {
    border: none
}

.mod-thumbMedia8-text {
    overflow: hidden;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-specialtyText2>p,
.mod-specialtyText>p {
    padding: 0;
    margin: 0
}

.mod-specialtyText2>p a,
.mod-specialtyText>p a {
    text-decoration: underline
}

.mod-specialtyText2>p img,
.mod-specialtyText>p img {
    vertical-align: baseline
}

.mod-specialtyText {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 40px
}

.mod-specialtyText>p {
    margin-bottom: 20px
}

.mod-specialtyText2 {
    margin-bottom: 40px
}

.mod-specialtyText2>p {
    margin-bottom: 10px
}

.mod-specialtyText2--bottom-unit2 {
    margin-bottom: 20px
}

.mod-specialtyCaption {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
    color: #555;
    height: 100%;
    line-height: 1.6
}

.mod-specialtyCaption:before {
    content: attr(data-icon);
    display: block;
    float: left;
    min-width: 25px;
    margin-right: 6px
}

.mod-goodsList+.mod-specialtyCaption {
    margin-top: -20px
}

.mod-specialtyCaption>span {
    display: block;
    overflow: hidden;
    height: 100%
}

.mod-specialtyCaption+.mod-specialtyCaption {
    margin-top: -10px
}

.mod-specialtyCaption--type-2 a {
    text-decoration: underline !important
}

.mod-specialtyMedia {
    margin-bottom: 40px
}

.mod-specialtyMedia .mod-specialtyMedia-heading {
    font-weight: 700;
    margin-top: -5px;
    margin-bottom: 5px
}

.mod-specialtyMedia .mod-specialtyMedia-image {
    margin-bottom: 10px
}

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

.mod-specialtyMedia .mod-specialtyMedia-image img~.mod-zoomLink {
    margin-top: 10px
}

.mod-specialtyMedia .mod-specialtyMedia-caption {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px
}

.mod-specialtyMedia--type-small {
    max-width: 304px
}

.mod-layout .mod-layout-item,
.mod-layout .mod-layout-media {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    display: table-cell;
    vertical-align: top;
    padding-left: 12px
}

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

.mod-layout .mod-layout-media .mod-thumbMedia {
    margin-bottom: 40px
}

.mod-layout .mod-layout-row {
    display: table;
    width: 100%
}

.mod-layout2 .mod-layout2-row {
    display: table;
    table-layout: fixed;
    width: 100%
}

.mod-layout2 .mod-layout2-item,
.mod-layout2 .mod-layout2-media {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top
}

.mod-layout2 .mod-layout2-item:first-child,
.mod-layout2 .mod-layout2-media:first-child {
    padding-right: 24px
}

.mod-layout2 .mod-layout2-media {
    width: 31.7%
}

.mod-layout2 .mod-layout2-note {
    margin-top: -30px;
    margin-bottom: 40px
}

.mod-layout3 {
    margin-bottom: 40px
}

.mod-layout3 .mod-layout3-media {
    text-align: center
}

.mod-layout3 .mod-layout3-media img {
    max-width: 100%;
    height: auto
}

.mod-layout3 .mod-layout3-note {
    margin-top: 20px
}

.mod-layout4 .mod-layout4-group {
    display: block;
    margin-left: -24px
}

.mod-layout4 .mod-layout4-item {
    vertical-align: top;
    display: inline-block;
    width: 33.333333%;
    padding-left: 24px;
    margin-right: -4px;
    box-sizing: border-box
}

.mod-layout5 {
    margin-left: -24px
}

.mod-layout5:after {
    content: "";
    display: table;
    clear: both
}

.mod-layout5 .mod-layout5-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
    padding-left: 24px;
    vertical-align: top;
    word-break: break-all
}

.mod-layout6 {
    margin-bottom: 30px
}

.mod-layout6 .mod-layout6-media {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-left: 12px;
    margin-bottom: 24px
}

.mod-layout6 .mod-layout6-media:first-child {
    padding-left: 0;
    padding-right: 12px
}

.mod-layout6 .mod-layout6-table {
    clear: both;
    margin-bottom: 20px
}

.mod-layout6 .mod-layout6-table .mod-table {
    margin-bottom: 0
}

.mod-layout6 .mod-layout6-note {
    clear: both
}

.mod-layout7 {
    display: table;
    width: 100%;
    table-layout: fixed
}

.mod-layout7 .mod-layout7-support {
    display: table-cell;
    width: 31.7%;
    vertical-align: top
}

.mod-layout7 .mod-layout7-download {
    display: table-cell;
    padding-left: 24px
}

.mod-layout7 .mod-layout7-download:first-child {
    padding-left: 0
}

.mod-layout8 {
    word-spacing: -1em;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    margin-left: -24px
}

.mod-layout8-item {
    word-spacing: normal;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding-left: 24px
}

.mod-layout8-item>.mod-headingV8.mod-togglable-heading {
    margin-top: 0
}

.mod-layout9 {
    margin-left: -24px
}

.mod-layout9:after {
    content: "";
    display: table;
    clear: both
}

.mod-layout9 .mod-layout9-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
    padding-left: 24px;
    vertical-align: top;
    word-break: break-all
}

.mod-layout9 .mod-layout9-item:nth-child(4n+1) {
    clear: left
}

.mod-backToTopNav {
    clear: both;
    margin-bottom: 30px;
    text-align: right
}

.mod-backToTopNav .mod-backToTopNav-link {
    display: inline-block;
    padding-left: 12px;
    text-indent: -12px;
    vertical-align: top
}

.mod-backToTopNav .mod-backToTopNav-link:before {
    content: "\f106";
    font-size: 22px;
    margin-right: 6px
}

.mod-backToTopNav .mod-backToTopNav-link a {
    color: #333
}

.mod-topHero {
    position: relative;
    width: 960px;
    z-index: 1;
    padding-bottom: 18px;
    margin: 0 auto 30px;
    border-bottom: 1px solid #cdcbc4
}

.mod-topHero:after {
    content: "";
    display: table;
    clear: both
}

.mod-topHero .mod-topHero-viewport {
    visibility: hidden;
    overflow: hidden;
    width: 960px;
    height: 360px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none
}

.mod-topHero .mod-topHero-inner1,
.mod-topHero .mod-topHero-inner2 {
    position: absolute;
    height: 360px
}

.mod-topHero .mod-topHero-inner2 {
    left: -20px
}

.mod-topHero .mod-topHero-graphic {
    float: left;
    position: relative;
    width: 960px;
    height: 100%;
    margin: 0 0 0 20px
}

.mod-topHero .mod-topHero-graphic img {
    width: 960px;
    height: 360px;
    display: block
}

.mod-topHero .mod-topHero-button {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/common2/img/mod-topHero/btn_01.png);
    background-repeat: no-repeat;
    background-size: contain
}

.mod-topHero .mod-topHero-button:hover {
    filter: alpha(Opacity=80);
    opacity: .8
}

.mod-topHero .mod-topHero-button--type-exlink {
    background-image: url(/common2/img/mod-topHero/btn_02.png)
}

.mod-topHero .mod-topHero-next,
.mod-topHero .mod-topHero-prev {
    cursor: pointer
}

.mod-topHero .mod-topHero-next:before,
.mod-topHero .mod-topHero-prev:before {
    line-height: 360px;
    vertical-align: middle;
    position: absolute;
    width: 40px;
    height: 360px;
    -webkit-transition: .5s color ease;
    -moz-transition: .5s color ease;
    transition: .5s color ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mod-topHero .mod-topHero-prev:before {
    left: -40px;
    text-align: left
}

.mod-topHero .mod-topHero-prev:hover,
.mod-topHero .mod-topHero-prev:hover:before {
    color: #999
}

.mod-topHero .mod-topHero-prev:before {
    content: "\f104";
    color: inherit;
    font-size: 60px;
    margin: 0
}

.mod-topHero .mod-topHero-next:before {
    right: -40px;
    text-align: right
}

.mod-topHero .mod-topHero-next:hover,
.mod-topHero .mod-topHero-next:hover:before {
    color: #999
}

.mod-topHero .mod-topHero-next:before {
    content: "\f105";
    color: inherit;
    font-size: 60px;
    margin: 0
}

.mod-topHero .mod-topHero-index {
    font-size: 0;
    text-align: center;
    list-style: none;
    vertical-align: middle;
    float: none;
    width: 180px;
    padding: 15px 0 0;
    margin: 0 auto
}

.mod-topHero .mod-topHero-index ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.mod-topHero .mod-topHero-index li {
    color: #ddd;
    display: inline-block;
    padding: 0 0 2px;
    margin: 0 0 0 10px;
    cursor: pointer
}

.mod-topHero .mod-topHero-index li.mod-topHero-index--current:before,
.mod-topHero .mod-topHero-index li:before {
    color: inherit;
    font-size: 14px;
    margin: 0;
    height: 20px;
    line-height: 20px
}

.mod-topHero .mod-topHero-index li:before {
    content: "\f111"
}

.mod-topHero .mod-topHero-index li.mod-topHero-index--current {
    color: #333
}

.mod-topHero .mod-topHero-index li.mod-topHero-index--current:before {
    content: "\f111" " "
}

.mod-topHero .mod-topHero-texts {
    visibility: hidden;
    color: #333;
    float: none;
    padding: 10px 0 0;
    width: auto;
    font-size: 16px;
    font-size: 1.6rem
}

.mod-topHero2 {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 19px 0;
    margin: 0 auto 30px;
    border-top: 1px solid #cdcbc4;
    border-bottom: 1px solid #cdcbc4;
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    transition: background-color .4s
}

.mod-topHero2:after {
    content: "";
    display: table;
    clear: both
}

.no-mediaqueries .mod-topHero2 {
    margin-left: -20px;
    margin-right: -20px
}

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

.mod-topHero2 .mod-topHero2-viewport {
    visibility: hidden;
    width: 960px;
    height: 360px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none
}

.mod-topHero2 .mod-topHero2-inner1,
.mod-topHero2 .mod-topHero2-inner2 {
    position: absolute;
    height: 360px
}

.mod-topHero2 .mod-topHero2-inner2 {
    left: -60px
}

.mod-topHero2 .mod-topHero2-graphic {
    float: left;
    position: relative;
    width: 960px;
    height: 100%;
    margin: 0 0 0 60px;
    overflow: hidden;
    -webkit-transition: 400ms opacity ease-out;
    -webkit-transition-delay: 250ms;
    -moz-transition: 400ms opacity ease-out 250ms;
    transition: 400ms opacity ease-out 250ms
}

.mod-topHero2 .mod-topHero2-graphic img {
    width: 960px;
    height: 360px;
    display: block
}

.mod-topHero2 .mod-topHero2-graphic .mod-unprintable img:first-child {
    max-width: none
}

.mod-topHero2 .mod-topHero2-graphic--not-current {
    filter: alpha(Opacity=30);
    opacity: .3
}

.mod-topHero2 .mod-topHero2-button {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/common2/img/mod-topHero/btn_01.png);
    background-repeat: no-repeat;
    background-size: contain
}

.mod-topHero2 .mod-topHero2-button:hover {
    filter: alpha(Opacity=80);
    opacity: .8
}

.mod-topHero2 .mod-topHero2-button--type-exlink {
    background-image: url(/common2/img/mod-topHero/btn_02.png)
}

.mod-topHero2 .mod-topHero2-next,
.mod-topHero2 .mod-topHero2-prev {
    cursor: pointer;
    position: relative;
    z-index: 1;
    width: 960px;
    margin: 0 auto
}

.mod-topHero2 .mod-topHero2-next:hover .ex-fa,
.mod-topHero2 .mod-topHero2-prev:hover .ex-fa {
    opacity: .8
}

.mod-topHero2 .mod-topHero2-next .ex-fa,
.mod-topHero2 .mod-topHero2-prev .ex-fa {
    line-height: 360px;
    vertical-align: middle;
    position: absolute;
    width: 40px;
    height: 360px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

.mod-topHero2.mod-topHero2--dragging .mod-topHero2-next,
.mod-topHero2.mod-topHero2--dragging .mod-topHero2-prev {
    display: none
}

.mod-topHero2 .mod-topHero2-prev .ex-fa {
    left: -40px;
    text-align: left;
    color: inherit;
    font-size: 60px;
    margin: 0
}

.mod-topHero2 .mod-topHero2-next .ex-fa {
    right: -40px;
    text-align: right;
    color: inherit;
    font-size: 60px;
    margin: 0
}

.mod-topHero2 .mod-topHero2-index {
    font-size: 0;
    text-align: center;
    list-style: none;
    vertical-align: middle;
    padding: 20px 0 0;
    margin: 0
}

.mod-topHero2 .mod-topHero2-index ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.mod-topHero2 .mod-topHero2-index li {
    color: #333;
    filter: alpha(Opacity=30);
    opacity: .3;
    display: inline-block;
    padding: 0;
    margin: 0 5px;
    cursor: pointer
}

.mod-topHero2 .mod-topHero2-index li .ex-fa,
.mod-topHero2 .mod-topHero2-index li.mod-topHero2-index--current .ex-fa {
    color: inherit;
    font-size: 14px;
    margin: 0;
    height: 20px;
    line-height: 20px
}

.mod-topHero2 .mod-topHero2-index li.mod-topHero2-index--current {
    filter: alpha(Opacity=100);
    opacity: 1
}

.mod-topHero3 {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0 auto 30px;
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    transition: background-color .4s
}

.mod-topHero3:after {
    content: "";
    display: table;
    clear: both
}

.no-mediaqueries .mod-topHero3 {
    margin-left: -20px;
    margin-right: -20px
}

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

.mod-topHero3 .mod-topHero3-viewport {
    visibility: hidden;
    width: 960px;
    height: 310px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none
}

.mod-topHero3 .mod-topHero3-inner1,
.mod-topHero3 .mod-topHero3-inner2 {
    position: absolute;
    height: 310px
}

.mod-topHero3 .mod-topHero3-inner2 {
    left: -60px
}

.mod-topHero3 .mod-topHero3-graphicGroup {
    float: left;
    position: relative;
    width: 960px;
    height: 100%;
    margin: 0 0 0 60px;
    -webkit-transition: 400ms opacity ease-out;
    -webkit-transition-delay: 100ms;
    -moz-transition: 400ms opacity ease-out 100ms;
    transition: 400ms opacity ease-out 100ms
}

.mod-topHero3 .mod-topHero3-graphicGroup .mod-unprintable img:first-child {
    max-width: none;
    width: 100%
}

.mod-topHero3 .mod-topHero3-graphicGroup--not-current {
    filter: alpha(Opacity=30);
    opacity: .3
}

.mod-topHero3 .mod-topHero3-graphicPrimary {
    position: relative;
    width: 640px;
    height: 310px;
    font-size: 0;
    overflow: hidden
}

.mod-topHero3 .mod-topHero3-graphicPrimary img {
    display: block;
    width: 640px;
    height: 310px
}

.mod-topHero3 .mod-topHero3-graphicSub {
    position: absolute;
    right: 0;
    overflow: hidden;
    width: 310px;
    height: 150px
}

.mod-topHero3 .mod-topHero3-graphicSub img {
    display: block;
    width: 310px;
    height: 150px
}

.mod-topHero3 .mod-topHero3-graphicSub {
    top: 0
}

.mod-topHero3 .mod-topHero3-graphicSub+.mod-topHero3-graphicSub {
    top: auto;
    bottom: 0
}

.mod-topHero3 .mod-topHero3-button {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain
}

.mod-topHero3 .mod-topHero3-button:hover {
    filter: alpha(Opacity=80);
    opacity: .8
}

.mod-topHero3 .mod-topHero3-graphicPrimary .mod-topHero3-button--type-exlink {
    background-image: url(/common2/img/mod-topHero3/btn_02.png)
}

.mod-topHero3 .mod-topHero3-graphicSub .mod-topHero3-button--type-exlink {
    background-image: url(/common2/img/mod-topHero3/btn_02b.png)
}

.mod-topHero3 .mod-topHero3-next,
.mod-topHero3 .mod-topHero3-prev {
    cursor: pointer;
    position: relative;
    z-index: 1;
    width: 960px;
    margin: 0 auto
}

.mod-topHero3 .mod-topHero3-next:hover:before,
.mod-topHero3 .mod-topHero3-prev:hover:before {
    opacity: .8
}

.mod-topHero3 .mod-topHero3-next:before,
.mod-topHero3 .mod-topHero3-prev:before {
    line-height: 310px;
    vertical-align: middle;
    position: absolute;
    width: 40px;
    height: 310px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

.mod-topHero3.mod-topHero3--dragging .mod-topHero3-next,
.mod-topHero3.mod-topHero3--dragging .mod-topHero3-prev {
    display: none
}

.mod-topHero3 .mod-topHero3-prev:before {
    left: -40px;
    text-align: left;
    content: "\f104";
    color: inherit;
    font-size: 60px;
    margin: 0
}

.mod-topHero3 .mod-topHero3-next:before {
    right: -40px;
    text-align: right;
    content: "\f105";
    color: inherit;
    font-size: 60px;
    margin: 0
}

.mod-topHero3 .mod-topHero3-index {
    font-size: 0;
    text-align: center;
    list-style: none;
    vertical-align: middle;
    padding: 20px 0 0;
    margin: 0
}

.mod-topHero3 .mod-topHero3-index ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.mod-topHero3 .mod-topHero3-index li {
    color: #333;
    filter: alpha(Opacity=30);
    opacity: .3;
    display: inline-block;
    padding: 0;
    margin: 0 5px;
    cursor: pointer
}

.mod-topHero3 .mod-topHero3-index li.mod-topHero3-index--current:before,
.mod-topHero3 .mod-topHero3-index li:before {
    color: inherit;
    font-size: 14px;
    margin: 0;
    height: 20px;
    line-height: 20px
}

.mod-topHero3 .mod-topHero3-index li:before {
    content: "\f111"
}

.mod-topHero3 .mod-topHero3-index li.mod-topHero3-index--current {
    filter: alpha(Opacity=100);
    opacity: 1
}

.mod-topHero3 .mod-topHero3-index li.mod-topHero3-index--current:before {
    content: "\f111" " "
}

.inc-recommend {
    clear: both
}

.mod-recommend {
    margin-bottom: 30px;
    border: 1px solid #d4d4d4;
    border-radius: 3px
}

.mod-recommend .mod-recommend-heroHeading {
    position: relative;
    padding: 4px 10px;
    background-color: #f4f4f4;
    border-color: #e9e9e9;
    border-style: solid;
    border-width: 0 0 1px
}

.mod-recommend .mod-recommend-heroHeading h2 {
    display: table-cell;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem
}

.mod-recommend .mod-recommend-length {
    display: table-cell;
    padding-left: .5em;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem
}

.mod-recommend .mod-recommend-carousel {
    position: relative;
    padding: 20px 30px 15px
}

.mod-recommend .mod-recommend-next,
.mod-recommend .mod-recommend-prev {
    position: absolute;
    top: 80px;
    width: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

.mod-recommend .mod-recommend-next:before,
.mod-recommend .mod-recommend-prev:before {
    font-size: 50px !important;
    line-height: 0;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    width: 30px
}

.no-touch .mod-recommend .mod-recommend-next:hover:before,
.no-touch .mod-recommend .mod-recommend-prev:hover:before {
    color: #999;
    -webkit-transition: .5s color ease;
    -moz-transition: .5s color ease;
    transition: .5s color ease
}

.mod-recommend .mod-recommend-prev {
    left: 3px;
    vertical-align: middle
}

.mod-recommend .mod-recommend-prev:before {
    content: "\f104";
    color: inherit
}

.mod-recommend .mod-recommend-next {
    right: 3px;
    vertical-align: middle
}

.mod-recommend .mod-recommend-next:before {
    content: "\f105";
    color: inherit
}

.mod-recommend .mod-recommend-next--disable,
.mod-recommend .mod-recommend-prev--disable {
    color: #ccc;
    cursor: auto
}

.no-touch .mod-recommend .mod-recommend-next--disable:hover:before,
.no-touch .mod-recommend .mod-recommend-prev--disable:hover:before {
    color: #ccc
}

.mod-recommend .mod-recommend-viewport {
    width: 900px;
    margin: 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move;
    position: relative;
    overflow: hidden
}

.mod-recommend .mod-recommend-viewport,
.mod-recommend .mod-recommend-viewport * {
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none
}

.mod-recommend .mod-recommend-itemContainer {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff
}

.mod-recommend .mod-recommend-item {
    position: relative;
    float: left
}

.mod-recommend .mod-recommend-item a {
    color: inherit;
    text-decoration: none;
    display: block
}

.mod-recommend .mod-recommend-item a:hover {
    color: inherit
}

.mod-recommend .mod-recommend-image {
    position: relative;
    width: 160px;
    height: 120px;
    margin: 0 auto 10px
}

.mod-recommend .mod-recommend-image>img {
    display: block;
    width: 160px;
    height: 120px;
    margin: 0 auto 10px
}

.mod-recommend .mod-recommend-goodsIcon {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%
}

.mod-recommend .mod-recommend-goodsIcon img {
    width: 100%;
    height: auto
}

.mod-recommend .mod-recommend-heading {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: left;
    padding: 0 10px;
    margin-bottom: 10px
}

.mod-recommend .mod-recommend-heading strong {
    padding-right: 5px
}

.mod-recommend .mod-recommend-text {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 10px
}

.mod-recommend .mod-recommend-status {
    display: inline-block
}

.mod-productsGallery {
    overflow: hidden;
    position: relative;
    width: 550px;
    margin: 0 auto
}

.mod-productsGallery .mod-productsGallery-carosel {
    border: 1px solid #cdcbc4
}

.mod-productsGallery .mod-productsGallery-viewport {
    width: 480px;
    height: 360px;
    background: #ccc;
    margin: 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move;
    position: relative;
    overflow: hidden
}

.mod-productsGallery .mod-productsGallery-images {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    margin: 0;
    padding: 0;
    list-style: none
}

.mod-productsGallery .mod-productsGallery-images li {
    margin: 0;
    padding: 0;
    float: left
}

.mod-productsGallery .mod-productsGallery-images img {
    display: block;
    width: 480px;
    height: 360px
}

.mod-productsGallery .mod-productsGallery-next,
.mod-productsGallery .mod-productsGallery-prev {
    color: #333;
    line-height: 360px;
    text-align: center;
    width: 35px;
    height: 360px;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s;
    cursor: pointer
}

.mod-productsGallery .mod-productsGallery-next:before,
.mod-productsGallery .mod-productsGallery-prev:before {
    font-size: 50px !important
}

.no-touch .mod-productsGallery .mod-productsGallery-next:hover:before,
.no-touch .mod-productsGallery .mod-productsGallery-prev:hover:before {
    color: #999;
    -webkit-transition: .5s color ease;
    -moz-transition: .5s color ease;
    transition: .5s color ease
}

.mod-productsGallery .mod-productsGallery-prev {
    left: 2px
}

.mod-productsGallery .mod-productsGallery-prev:before {
    content: "\f104";
    color: inherit;
    margin-right: 0
}

.mod-productsGallery .mod-productsGallery-next {
    right: 2px
}

.mod-productsGallery .mod-productsGallery-next:before {
    content: "\f105";
    color: inherit;
    margin-right: 0
}

.mod-productsGallery .mod-productsGallery-next--disable,
.mod-productsGallery .mod-productsGallery-prev--disable,
.no-touch .mod-productsGallery .mod-productsGallery-next--disable:hover:before,
.no-touch .mod-productsGallery .mod-productsGallery-prev--disable:hover:before {
    color: #ccc
}

.mod-productsGallery .mod-productsGallery-colors {
    overflow: hidden;
    margin: 8px 0 0;
    padding: 0 0 0 5px;
    list-style: none
}

.mod-productsGallery .mod-productsGallery-colors li {
    position: relative;
    float: left;
    width: 25px;
    height: 25px;
    margin: 2px 0 8px 8px;
    cursor: pointer;
    border: 1px solid #fff
}

.mod-productsGallery .mod-productsGallery-colors li:hover {
    filter: alpha(Opacity=80);
    opacity: .8
}

.mod-productsGallery .mod-productsGallery-colors li:before {
    display: none;
    content: ""
}

.mod-productsGallery .mod-productsGallery-colors li.mod-productsGallery-colors--current:before {
    position: absolute;
    top: -3px;
    left: -3px;
    width: 100%;
    height: 100%;
    display: block;
    content: " ";
    border: 2px solid #cdcbc4;
    padding: 1px;
    z-index: -1
}

.mod-productsGallery .mod-productsGallery-texture {
    width: 100%;
    height: auto
}

.mod-productsGallery .mod-productsGallery-thumbnails {
    margin: 0 0 0 -9px;
    padding: 0;
    list-style: none
}

.mod-productsGallery .mod-productsGallery-thumbnails li {
    float: left;
    padding: 0;
    border: 1px solid #cdcbc4;
    margin: 8px 0 0 9px;
    cursor: pointer
}

.mod-productsGallery .mod-productsGallery-thumbnails li:hover {
    filter: alpha(Opacity=80);
    opacity: .8
}

.mod-productsGallery .mod-productsGallery-thumbnails img {
    display: block;
    width: 80px;
    height: 60px;
    border: 1px solid #fff
}

.mod-productsGallery .mod-productsGallery-thumbnails li.mod-productsGallery-thumbnails--current img {
    border-color: #cdcbc4
}

.mod-photoGallery {
    margin-bottom: 30px
}

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

.mod-photoGallery .mod-photoGallery-length {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right
}

.mod-photoGallery .mod-photoGallery-carousel {
    position: relative;
    padding: 0 30px
}

.mod-photoGallery .mod-photoGallery-link {
    margin-top: 15px;
    margin-right: 24px;
    text-align: right;
    line-height: 1.6;
    font-size: 16px;
    font-size: 1.6rem
}

.mod-photoGallery .mod-photoGallery-next,
.mod-photoGallery .mod-photoGallery-prev {
    line-height: 160px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0;
    width: 30px;
    height: 160px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

.mod-photoGallery .mod-photoGallery-next:before,
.mod-photoGallery .mod-photoGallery-prev:before {
    font-size: 50px !important
}

.no-touch .mod-photoGallery .mod-photoGallery-next:hover:before,
.no-touch .mod-photoGallery .mod-photoGallery-prev:hover:before {
    color: #999;
    -webkit-transition: .5s color ease;
    -moz-transition: .5s color ease;
    transition: .5s color ease
}

.mod-photoGallery .mod-photoGallery-prev {
    left: 0
}

.mod-photoGallery .mod-photoGallery-prev:before {
    content: "\f104";
    color: inherit;
    display: inline;
    margin: 0
}

.mod-photoGallery .mod-photoGallery-next {
    right: 0
}

.mod-photoGallery .mod-photoGallery-next:before {
    content: "\f105";
    color: inherit;
    display: inline;
    margin: 0
}

.mod-photoGallery .mod-photoGallery-next--disable,
.mod-photoGallery .mod-photoGallery-prev--disable {
    color: #ccc;
    cursor: auto
}

.no-touch .mod-photoGallery .mod-photoGallery-next--disable:hover:before,
.no-touch .mod-photoGallery .mod-photoGallery-prev--disable:hover:before {
    color: #ccc
}

.mod-photoGallery .mod-photoGallery-viewport {
    width: 900px;
    height: 160px;
    margin: 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move;
    position: relative;
    overflow: hidden
}

.mod-photoGallery .mod-photoGallery-viewport,
.mod-photoGallery .mod-photoGallery-viewport * {
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none
}

.mod-photoGallery .mod-photoGallery-itemContainer {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff
}

.mod-photoGallery .mod-photoGallery-item {
    float: left;
    width: 180px;
    padding: 0
}

.mod-photoGallery .mod-photoGallery-item-inner {
    margin: auto;
    width: 160px
}

.mod-photoGallery .mod-photoGallery-item-inner a {
    color: inherit;
    text-decoration: none;
    display: table;
    table-layout: fixed;
    width: inherit
}

.mod-photoGallery .mod-photoGallery-item-inner a:hover {
    color: inherit
}

.mod-photoGallery .mod-photoGallery-image {
    width: 154px;
    height: 154px;
    padding: 2px;
    display: table-cell;
    vertical-align: middle;
    background-color: #1a1a1a
}

.mod-photoGallery .mod-photoGallery-image img {
    display: block;
    max-width: 154px;
    max-height: 154px;
    margin: 0 auto
}

.mod-compareToolbar {
    position: relative;
    z-index: 2;
    display: table;
    border-radius: 6px;
    padding: 14px 0;
    margin: 35px 0 20px;
    background: #f7f6f5
}

.mod-compareToolbar .mod-compareToolbar-label {
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    width: 1%;
    border-right: 1px solid #D4D4D4;
    padding: 0 30px
}

.mod-compareToolbar .mod-compareToolbar-body {
    vertical-align: middle;
    display: table-cell;
    padding-left: 30px;
    border-left: 1px solid #fff
}

.mod-compareToolbar .mod-compareToolbar-selects {
    margin-bottom: 12px
}

.mod-compareToolbar .mod-compareToolbar-categorySelect,
.mod-compareToolbar .mod-compareToolbar-productSelect {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    color: #666;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 340px;
    max-width: 380px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 5px;
    zoom: 1.01
}

.mod-compareToolbar .mod-compareToolbar-categorySelect option,
.mod-compareToolbar .mod-compareToolbar-productSelect option {
    vertical-align: middle
}

.mod-compareToolbar .mod-compareToolbar-keyword {
    font-size: 14px;
    font-size: 1.4rem;
    position: relative
}

.mod-compareToolbar .mod-compareToolbar-keywordInput {
    position: relative;
    z-index: 3;
    width: 220px;
    height: 30px;
    border: none;
    background: url(/common2/img/mod-compareToolbar/bg_01.png)
}

.mod-compareToolbar .mod-compareToolbar-keywordInput input {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    width: 160px;
    height: 18px;
    padding: 6px 30px;
    border: none;
    background: 0 0
}

.mod-compareToolbar .mod-compareToolbar-keywordClear {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.mod-compareToolbar .mod-compareToolbar-keywordSuggest {
    text-align: left;
    position: absolute;
    top: -5px;
    left: -80px;
    z-index: 1;
    width: 360px;
    border: 1px solid #E5E5E5;
    background: #fff
}

.mod-compareToolbar .mod-compareToolbar-suggestHead {
    color: #fff;
    height: 20px;
    border: 1px solid #fff;
    padding: 8px;
    background: #666
}

.mod-compareToolbar .mod-compareToolbar-suggestTotal {
    font-size: 14px;
    font-size: 1.4rem
}

.mod-compareToolbar .mod-compareToolbar-suggestTotal strong {
    font-weight: 700
}

.mod-compareToolbar ul.mod-compareToolbar-suggestItems {
    font-size: 12px;
    font-size: 1.2rem;
    list-style: none;
    padding: 0;
    margin: 0
}

.mod-compareToolbar ul.mod-compareToolbar-suggestItems li {
    padding: 6px;
    margin: 0;
    border-top: 1px solid #E5E5E5
}

.mod-compareToolbar li.mod-compareToolbar-suggestItem--even {
    background: #F3F3F3
}

.mod-compareToolbar li.mod-compareToolbar-suggestItem--highlight {
    background: #FFFCD5
}

.mod-compareToolbar .mod-compareToolbar-suggestNav {
    color: #666;
    font-size: 0;
    text-align: right;
    padding: 8px;
    border-top: 2px solid #E5E5E5
}

.mod-compareToolbar .mod-compareToolbar-suggestNavDown,
.mod-compareToolbar .mod-compareToolbar-suggestNavUp {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 2px;
    background: url(/common2/img/mod-compareToolbar/ico_01.png) no-repeat;
    cursor: pointer
}

.mod-compareToolbar .mod-compareToolbar-suggestNavUp {
    background-position: 0 0
}

.mod-compareToolbar .mod-compareToolbar-suggestNavDown {
    background-position: 0 -16px
}

.mod-compareToolbar .mod-compareToolbar-suggestNavUp.mod-compareToolbar-suggestNavItem--disabled {
    background-position: -16px 0
}

.mod-compareToolbar .mod-compareToolbar-suggestNavDown.mod-compareToolbar-suggestNavItem--disabled {
    background-position: -16px -16px
}

.mod-compareToolbar .mod-compareToolbar-suggestNavItem--disabled {
    cursor: auto
}

.mod-compareTable {
    margin: 20px 0
}

.mod-compareTable .mod-compareTable-removeAll {
    display: table;
    white-space: nowrap;
    line-height: 1;
    padding-bottom: 12px;
    margin: 20px 0 20px auto;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-compareTable .mod-compareTable-removeAll:hover,
.mod-compareTable .mod-compareTable-removeAll:hover:before {
    text-decoration: none
}

.mod-compareTable .mod-compareTable-removeAll:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-compareTable .mod-compareTable-removeAll:after {
    position: relative;
    top: 1px;
    content: "\f057";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    color: inherit;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 -2px 5px
}

.mod-compareTable table {
    width: 1%;
    border: 1px solid #cdcbc4;
    margin: 0
}

.mod-compareTable thead tr:first-child th:first-child {
    width: 142px;
    min-width: 142px;
    padding: 0
}

.mod-compareTable thead th {
    font-weight: 400;
    text-align: left;
    vertical-align: top;
    width: 272px;
    min-width: 272px;
    max-width: 272px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    border-left: 1px solid #cdcbc4;
    border-right: 1px solid #cdcbc4
}

.mod-compareTable .mod-compareTable-remove {
    font-size: 12px;
    font-size: 1.2rem;
    color: #FFF;
    text-align: right;
    padding: 4px 30px 4px 0;
    margin: 0 -10px;
    position: relative;
    background: #000;
    cursor: pointer
}

.mod-compareTable .mod-compareTable-remove:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    display: block;
    width: 15px;
    height: 15px;
    margin-top: -8px;
    background: url(/common2/img/mod-compareTable/ico_01.png) 100% 50% no-repeat
}

.mod-compareTable .mod-compareTable-name {
    font-size: 18px;
    font-size: 1.8rem;
    color: #1F2B9A;
    font-weight: 700;
    word-break: break-all;
    padding: 5px 0 0
}

.mod-compareTable .mod-compareTable-icon {
    position: absolute;
    z-index: 1
}

.mod-compareTable .mod-compareTable-image {
    padding: 5px 0
}

.mod-compareTable .mod-compareTable-image img {
    display: block;
    margin: 0 auto
}

.mod-compareTable ul.mod-compareTable-color {
    font-size: 0;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 10px 0
}

.mod-compareTable ul.mod-compareTable-color li {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 3px;
    border: 1px solid #ddd;
    cursor: pointer
}

.mod-compareTable ul.mod-compareTable-color li img {
    width: 100%;
    height: auto
}

.mod-compareTable ul.mod-compareTable-color li:after {
    content: "";
    display: none
}

.mod-compareTable ul.mod-compareTable-color li.mod-compareTable-color--current:before {
    display: block;
    content: " ";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    z-index: 2
}

.mod-compareTable ul.mod-compareTable-color li.mod-compareTable-color--current:after {
    display: block;
    content: " ";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 100%;
    height: 100%;
    border: 2px solid #949494;
    padding: 2px;
    z-index: 2
}

.mod-compareTable .mod-compareTable-addHighlight {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    width: 160px;
    padding: 4px 0;
    border: 1px solid #d4d4d4;
    margin: 0 auto 20px;
    border-radius: 4px;
    cursor: pointer
}

.mod-compareTable .mod-compareTable-addHighlight:hover {
    filter: alpha(Opacity=80);
    opacity: .8
}

.mod-compareTable .mod-compareTable-addHighlight--disabled {
    color: #fff;
    font-weight: 700;
    border-color: #a4a39c;
    background: #a4a39c
}

.mod-compareTable tbody td,
.mod-compareTable tbody th {
    word-break: break-all;
    vertical-align: top;
    padding: 2px 6px;
    border: 1px solid #cdcbc4
}

.mod-compareTable tbody th {
    font-weight: 400;
    text-align: left;
    background: #f7f6f5
}

.mod-compareTable thead .mod-compareTable-cell--highlight {
    background: url(/common2/img/mod-compareTable/bg_01.png) repeat-x #fffcd5
}

.mod-compareTable tbody .mod-compareTable-cell--highlight {
    background: #FFFCD5
}

.mod-compareTable .mod-compareTable-cell--note {
    color: #555;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-compareTable .mod-compareTable-cellText {
    word-wrap: break-word;
    word-break: break-all
}

.mod-unprintable {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none
}

.mod-unprintable img.mod-unprintable-cover {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 3;
    width: 100%;
    height: 100%;
    -webkit-pointer-events: auto;
    -moz-pointer-events: auto;
    -ms-pointer-events: auto;
    pointer-events: auto
}

.mod-unprintable>img:first-child {
    position: relative;
    z-index: 2;
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none
}

.ie8 .mod-unprintable>img:first-child {
    width: inherit;
    max-width: inherit;
    height: inherit;
    z-index: 1
}

.ie8 .mod-unprintable>img:first-child[width="960"] {
    max-width: 960px;
    width: 960px
}

.ie8 .mod-unprintable>img:first-child[width="692"] {
    max-width: 692px;
    width: 692px
}

.ie8 .mod-unprintable>img:first-child[width="480"] {
    max-width: 480px;
    width: 480px
}

.ie8 .mod-unprintable>img:first-child[width="468"] {
    max-width: 468px;
    width: 468px
}

.ie8 .mod-unprintable>img:first-child[width="466"] {
    max-width: 466px;
    width: 466px
}

.ie8 .mod-unprintable>img:first-child[width="456"] {
    max-width: 456px;
    width: 456px
}

.ie8 .mod-unprintable>img:first-child[width="400"] {
    max-width: 400px;
    width: 400px
}

.ie8 .mod-unprintable>img:first-child[width="386"] {
    max-width: 386px;
    width: 386px
}

.ie8 .mod-unprintable>img:first-child[width="330"] {
    max-width: 330px;
    width: 330px
}

.ie8 .mod-unprintable>img:first-child[width="309"] {
    max-width: 309px;
    width: 309px
}

.ie8 .mod-unprintable>img:first-child[width="304"] {
    max-width: 304px;
    width: 304px
}

.ie8 .mod-unprintable>img:first-child[width="222"] {
    max-width: 222px;
    width: 222px
}

.ie8 .mod-unprintable>img:first-child[width="161"] {
    max-width: 161px;
    width: 161px
}

.ie8 .mod-unprintable>img:first-child[width="154"] {
    max-width: 154px;
    width: 154px
}

.ie8 .mod-unprintable>img:first-child[width="103"] {
    max-width: 103px;
    width: 103px
}

.ie8 .mod-thumbMedia-image .mod-unprintable>img:first-child[width="468"] {
    max-width: 464px;
    width: 464px
}

.mod-overlayedVideo--close {
    display: table;
    position: absolute;
    right: -25px;
    top: -25px;
    width: 34px;
    height: 34px;
    border-radius: 20px;
    background: #FFF;
    line-height: 1
}

.mod-overlayedVideo--close a {
    position: absolute;
    top: -2px;
    left: 4px;
    color: #000;
    display: table-cell;
    width: 36px;
    height: 36px
}

.mod-overlayedVideo--close a:before {
    content: "\f057";
    position: relative;
    color: inherit;
    font-size: 30px;
    line-height: 1;
    margin: 0;
    top: 5px
}

.mod-overlayedVideo--close a:hover {
    text-decoration: none
}

.ui-hideoverlay {
    position: fixed;
    text-align: left;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none
}

.ui-hideoverlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #000
}

.ui-hideoverlay-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    background: url(/common2/img/misc/spinner128.gif) 50% 50% no-repeat;
    z-index: 10000
}

.ui-domwindowdialog {
    text-align: left;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10001;
    display: none;
    border: 4px solid #fff;
    background: #fff
}

.mod-membershipLoginLink {
    display: none !important
}

.mod-membershipBlock {
    display: none;
    position: relative;
    z-index: 3;
    margin-top: 40px;
    padding: 0 80px
}

.mod-membershipBlock:first-child {
    padding: 0 80px;
    border-top-width: 0;
    margin-top: 0
}

.mod-membershipBlock .mod-membershipBlock-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 15px 20px 10px;
    border-radius: 6px;
    border: 2px solid #e6e5de;
    background-color: #f7f6f5;
    margin: 0 0 40px
}

.mod-membershipBlock .mod-membershipBlock-wrap {
    display: table;
    width: 100%;
}

.mod-membershipBlock .mod-membershipBlock-heading {
    display: table-cell;
    vertical-align: middle;
    color: #333;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem
}

.mod-membershipBlock .mod-membershipBlock-body {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    min-width: 50%
}

.mod-membershipBlock .mod-membershipBlock-item {
    display: none;
    font-size: 12px;
    font-size: 1.2rem
}

.mod-membershipBlock .mod-membershipBlock-item:after {
    content: "";
    display: table;
    clear: both
}

.mod-membershipBlock .mod-membershipBlock-item--is-visible {
    display: block
}

.mod-membershipBlock .mod-membershipBlock-loginButton,
.mod-membershipBlock .mod-membershipBlock-logoutButton,
.mod-membershipBlock .mod-membershipBlock-menuToggler,
.mod-membershipBlock .mod-membershipBlock-registerButton {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    margin-bottom: 5px;
    text-align: center;
    color: #000;
    border-color: #cdcbc4;
    vertical-align: top;
    text-decoration: none !important;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-membershipBlock .mod-membershipBlock-loginButton:before,
.mod-membershipBlock .mod-membershipBlock-menuToggler:after,
.mod-membershipBlock .mod-membershipBlock-registerButton:before {
    vertical-align: top;
    color: #4e4e4e;
    font-size: 18px;
    font-weight: 700
}

.mod-membershipBlock .mod-membershipBlock-loginButton {
    min-width: 140px
}

.mod-membershipBlock .mod-membershipBlock-loginButton:before {
    content: "\f105";
    position: relative;
    top: -1px;
    margin-right: 5px
}

.mod-membershipBlock .mod-membershipBlock-loginButton:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-membershipBlock .mod-membershipBlock-registerButton {
    min-width: 140px;
    margin-left: 16px
}

.mod-membershipBlock .mod-membershipBlock-registerButton:before {
    content: "\f105";
    position: relative;
    top: -1px;
    margin-right: 5px
}

.mod-membershipBlock .mod-membershipBlock-registerButton:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-membershipBlock .mod-membershipBlock-menuToggler {
    position: relative;
    min-width: 185px
}

.mod-membershipBlock .mod-membershipBlock-menuToggler:after {
    width: 12px;
    margin-left: 5px;
    margin-right: 0;
    content: "\f107"
}

.mod-membershipBlock .mod-membershipBlock-menuToggler.mod-membershipBlock-menuToggler--is-hovered {
    border-radius: 5px 5px 0 0;
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-membershipBlock .mod-membershipBlock-menuToggler.mod-membershipBlock-menuToggler--is-hovered:after {
    margin-right: 0;
    content: "\f106";
    position: relative;
    top: -2px
}

.mod-membershipBlock .mod-membershipBlock-logoutButton {
    min-width: 140px;
    margin-left: 10px
}

.mod-membershipBlock .mod-membershipBlock-logoutButton:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-membershipBlock .mod-membershipBlock-menu {
    display: none;
    position: absolute;
    top: 36px;
    left: -1px;
    width: 100%;
    padding: 0;
    background-color: #fcfcfc;
    border-radius: 0 0 6px 6px;
    border: 1px solid #cdcbc4
}

.mod-membershipBlock .mod-membershipBlock-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-membershipBlock .mod-membershipBlock-menu li {
    border-top: 1px solid #cdcbc4;
    padding: 3px
}

.mod-membershipBlock .mod-membershipBlock-menu li:first-child {
    border-top: none
}

.mod-membershipBlock .mod-membershipBlock-menu a {
    display: block;
    padding: 4px 15px 6px;
    text-indent: -5px;
    line-height: 1.3;
    color: #333;
    text-decoration: none;
    text-align: left
}

.mod-membershipBlock .mod-membershipBlock-menu a:hover {
    border-radius: 2px;
    background-color: #f0f0ed
}

.mod-membershipBlock .mod-membershipBlock-menu a:before {
    content: "\f105";
    color: #333;
    font-size: 15px;
    margin-right: 5px
}

.mod-membershipBlock .mod-membershipBlock-menu a:hover:before {
    text-decoration: none
}

.mod-membershipBlock .mod-membershipBlock-menu--is-visible {
    display: block
}

.mod-membershipBlock .membershipBlockAreaNonIntegrated a:hover {
    text-decoration: underline !important;
}

.mod-membershipBlock__top {
    margin-top: 8px;
    padding: 0;
    text-align: right;
}

.mod-membershipBlock__top:first-child {
    margin-top: 8px;
    padding: 0;
}

.mod-membershipBlock__top .membershipBlockAreaNonIntegrated {
    display: inline-block;
    margin-right: 15px;
}

.mod-membershipBlock__top .membershipBlockAreaNonIntegrated p {
    margin: 0;
    line-height: 28px;
    font-size: 13px;
}

.mod-membershipBlock__top .mod-membershipBlock-loginButton {
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.mod-membershipBlock__top .mod-membershipBlock-menuToggler {
    padding: 0 20px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.mod-membershipBlock__top .mod-membershipBlock-menu {
    top: 27px;
}

.mod-notify {
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    text-align: left;
    background-color: #e5e8ff;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-notify .mod-notify-list {
    margin: 0
}

.mod-notify .mod-notify-date {
    float: left;
    margin-right: 15px
}

.mod-notify .mod-notify-text {
    overflow: hidden;
    margin: 0
}

.mod-notify .mod-arrowLink:before {
    font-size: 16px;
    margin-right: 6px;
    top: 4px
}

.mod-notify--type-2 {
    background-color: #ffe8e6
}

.mod-linkSelect {
    margin-bottom: 20px
}

.mod-linkSelect-select {
    font-size: 16px;
    font-size: 1.6rem;
    -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-newsList {
    margin-top: -5px;
    margin-bottom: 10px
}

.mod-newsList-ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mod-newsList-ul+.mod-newsList-ul {
    padding-top: 10px;
    border-top: 1px solid #e6e5de
}

.mod-newsList-item {
    display: table;
    width: 100%;
    padding: 0 0 12px
}

.mod-newsList-date {
    display: table-cell;
    vertical-align: top;
    width: 140px;
    line-height: 1;
    padding-top: .4em
}

.mod-newsList-category {
    display: table-cell;
    vertical-align: top;
    width: 140px;
    padding-top: 5px
}

.mod-newsList-text {
    display: table-cell;
    vertical-align: top
}

.mod-newsList-text:after {
    content: "";
    display: table;
    clear: both
}

.mod-newsList-text>span {
    display: inline-block;
    padding-left: 9px
}

.mod-newsList-text .mod-arrowLink {
    padding-left: 10px;
    text-indent: -10px
}

.mod-newsList-text .mod-arrowLink:before {
    top: 5px;
    font-size: 16px;
    margin-right: 3px
}

.mod-newsList-image {
    display: table-cell;
    width: 60px;
    padding-top: 7px;
    padding-right: 10px
}

.mod-newsList-note {
    border-top: 1px solid #e6e5de;
    text-align: right;
    width: 100%;
    padding-top: 15px
}

.mod-newsList-note .mod-arrowLink {
    font-size: 14px;
    font-size: 1.4rem
}

.mod-newsList-note .mod-arrowLink:before {
    top: 4px;
    font-size: 16px;
    margin-right: 5px
}

.mod-newsTag {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 11px;
    font-size: 1.1rem;
    display: inline-block;
    width: 128px;
    height: 18px;
    vertical-align: top;
    color: #fff;
    border: 1px solid #666;
    border-radius: 2px;
    background-color: #666;
    text-align: center
}

.mod-newsTag--type-2 {
    color: #333;
    border-color: #666;
    background-color: #f7f6f5
}

.mod-searchForm-input,
.mod-searchForm2-input,
.mod-searchForm2-input2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    padding: 0 5px;
    border: 1px solid #ccc
}

.mod-searchForm-select,
.mod-searchForm2-select,
.mod-searchForm2-select2,
.mod-searchForm2-select3 {
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 16px;
    color: #666;
    padding-top: 5px;
    padding-bottom: 5px;
    zoom: 1.01
}

.mod-searchForm {
    padding: 15px;
    margin-bottom: 25px;
    border-radius: 6px;
    background-color: #f7f6f5
}

.mod-headingV1+.mod-searchForm {
    margin-top: -5px
}

.mod-searchForm-word {
    float: left
}

.mod-searchForm-input {
    vertical-align: top;
    width: 230px
}

.mod-searchForm-submit {
    background: -webkit-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    background: -moz-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    background: linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    padding: 0;
    width: 85px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-searchForm-submit.mod-searchForm-submit--ss {
    display: none;
    width: 92%;
    margin: 10px auto 0
}

.mod-searchForm-submit:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-searchForm-moreOption {
    padding-top: 1px;
    overflow: hidden
}

.mod-searchForm-selects {
    display: table-cell;
    padding-left: 15px
}

.mod-searchForm-links {
    display: table-cell;
    vertical-align: bottom;
    padding-left: 15px
}

.mod-searchForm-links .mod-arrowLink {
    margin-right: 10px
}

.mod-searchForm-radios {
    clear: both;
    padding-top: 15px
}

.mod-searchForm-radio {
    margin-right: 15px
}

.mod-searchForm-radio input[type=radio] {
    position: relative;
    top: -2px;
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer
}

.mod-searchForm2-body {
    padding: 15px 15px 5px;
    margin-bottom: 25px;
    border-radius: 6px;
    background-color: #f7f6f5
}

.mod-searchForm2-content,
.mod-searchForm2-content2 {
    display: table;
    width: 100%;
    table-layout: fixed
}

.mod-searchForm2-row {
    display: table-row-group
}

.mod-searchForm2-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    width: 62.2%;
    padding-right: 10px;
    padding-bottom: 10px
}

.mod-searchForm2-col+.mod-searchForm2-col {
    width: auto
}

.mod-searchForm2-content2 .mod-searchForm2-col {
    width: 53%;
    padding-right: 20px
}

.mod-searchForm2-col2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    width: 105px
}

.mod-searchForm2-col2+.mod-searchForm2-col2 {
    width: auto
}

.mod-searchForm2-note {
    overflow: hidden
}

.mod-searchForm2-key {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 42%;
    float: left;
    padding-right: 10px
}

.mod-searchForm2-key+* {
    overflow: hidden
}

.mod-searchForm2-key2 {
    display: block;
    width: 50.6%;
    float: left
}

.mod-searchForm2-key2+* {
    overflow: hidden
}

.mod-searchForm2-key3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 28.5%;
    float: left;
    padding-right: 5px
}

.mod-searchForm2-key3+* {
    overflow: hidden
}

.mod-searchForm2-ex {
    display: inline-block
}

.mod-searchForm2-input {
    width: 58%
}

.mod-searchForm2-input2 {
    width: 55.7%
}

.mod-searchForm2-select2 {
    width: 48.1%
}

.mod-searchForm2-select3 {
    width: 52.8%
}

.mod-searchForm2-buttons {
    margin-bottom: 30px
}

.mod-searchForm2-submit {
    background: -webkit-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    background: -moz-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    background: linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    padding: 0;
    width: 160px;
    height: 34px;
    line-height: 34px;
    margin-right: 4px;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-searchForm2-submit:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-searchForm2-reset {
    background: -webkit-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    background: -moz-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    background: linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
    padding: 0;
    width: 85px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-searchForm2-reset:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-searchCandidate {
    margin-bottom: 25px
}

.mod-searchCandidate:after {
    content: "";
    display: table;
    clear: both
}

.mod-searchCandidate+.mod-searchRecommendHeading {
    margin-top: 0
}

.mod-searchCandidate-title {
    float: left
}

.mod-searchCandidate-links {
    overflow: hidden
}

.mod-searchRecommendHeading .mod-searchRecommendHeading-title {
    display: inline;
    font-size: 18px;
    font-size: 1.8rem
}

.mod-searchRecommendHeading .mod-searchRecommendHeading-detail {
    display: inline;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700
}

.mod-searchResultHeading {
    margin-bottom: 15px
}

.mod-searchResultHeading .mod-searchResultHeading-length {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
    font-weight: 400
}

.mod-noResultHeading {
    margin-bottom: 50px
}

.mod-noResultHeading .mod-noResultHeading-title {
    font-size: 20px;
    font-size: 2rem
}

.mod-noResultHeading .mod-noResultHeading-title b {
    padding-right: 5px
}

.mod-searchListSort {
    margin-bottom: 20px
}

.mod-searchListSort-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    line-height: 1
}

.mod-searchListSort-item {
    display: inline-block
}

.mod-searchListSort-item:first-child {
    padding-right: 7px;
    border-right: 1px solid #cdcbc4
}

.mod-searchPager {
    margin-bottom: 15px
}

.mod-searchPager-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.mod-searchPager-item,
.mod-searchPager-next,
.mod-searchPager-prev {
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    margin-bottom: 10px;
    border-left: 1px solid #cdcbc4;
    padding-left: 5px
}

.mod-searchPager-prev {
    border-left: none;
    padding-right: 15px
}

.mod-searchPager-prev>a:before,
.mod-searchPager-prev>span:before {
    content: "\f104";
    text-decoration: none !important;
    line-height: 1.3;
    height: 0;
    vertical-align: top
}

.mod-searchPager-prev.mod-searchPager-prev--type-hidden {
    visibility: hidden
}

.mod-searchPager-next {
    padding-left: 10px;
    border-right: none
}

.mod-searchPager-next>a:after,
.mod-searchPager-next>span:after {
    margin-right: 0;
    content: "\f105";
    text-decoration: none !important;
    margin-left: 10px;
    line-height: 1.3;
    height: 0;
    vertical-align: top
}

.mod-searchPager-next.mod-searchPager-next--type-hidden {
    visibility: hidden
}

.mod-searchPager-item {
    text-align: center
}

.mod-searchPager-item:first-child {
    border-left: none
}

.mod-searchPager-item>a {
    display: block;
    min-width: 27px
}

.mod-searchPager-item>span {
    display: block;
    min-width: 27px;
    border-radius: 3px;
    background-color: #cdcbc4;
    color: #fff
}

.mod-searchItem {
    margin: 0 0 30px;
    padding: 0
}

.mod-searchItem.mod-searchItem--type-more {
    margin-left: 50px
}

.mod-searchItem-heading {
    margin: 0;
    padding: 0
}

.mod-searchItem-matchedWord {
    font-weight: 700
}

.mod-searchItem-fileType {
    position: relative;
    top: -2px;
    display: inline;
    padding-right: 5px;
    font-weight: 700
}

.mod-searchItem-title {
    display: inline
}

.mod-searchItem-title .mod-arrowLink {
    display: inline;
    padding-left: 0;
    text-indent: 0
}

.mod-searchItem-body {
    margin: 0;
    padding: 0;
    width: 65%
}

.mod-searchItem-info,
.mod-searchItem-url {
    font-size: 14px;
    font-size: 1.4rem;
    color: #a8a8a8
}

.mod-searchItem-more {
    font-size: 14px;
    font-size: 1.4rem
}

.mod-goodsList {
    clear: both
}

.mod-goodsList a:hover {
    text-decoration: none
}

.mod-goodsList a:hover .mod-goodsList-title {
    text-decoration: underline
}

.mod-goodsList .mod-goodsList-ul {
    list-style: none;
    margin: 0 0 10px -24px;
    padding: 0;
    word-spacing: -1em;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap
}

.mod-goodsList .mod-goodsList-ul>li {
    word-spacing: normal;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 25%;
    padding-left: 24px;
    margin-bottom: 30px
}

.mod-goodsList .mod-goodsList-ul>li:after {
    position: absolute;
    bottom: 0;
    content: '';
    display: block;
    width: 90.1%;
    height: 1px;
    background-color: #cdcbc4
}

.mod-goodsList .mod-goodsList-ul>li>a {
    display: block
}

.mod-goodsList .mod-goodsList-ul>li.mod-goodsList-discontinueItem:after {
    display: none
}

.mod-goodsList .mod-goodsList-ul.mod-goodsList-ul--type-simple>li {
    margin-bottom: 10px
}

.mod-goodsList .mod-goodsList-ul.mod-goodsList-ul--type-simple>li:after {
    display: none
}

.mod-goodsList .mod-goodsList-heading {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1
}

.mod-goodsList .mod-goodsList-heading--type-arrow {
    overflow: hidden
}

.mod-goodsList .mod-goodsList-heading--type-arrow:before {
    content: "\f105";
    position: relative;
    margin-right: 10px;
    float: left
}

.mod-goodsList .mod-goodsList-heading--type-arrow .mod-goodsList-title {
    overflow: hidden
}

.mod-goodsList .mod-goodsList-title {
    display: block;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 5px
}

.mod-goodsList .mod-goodsList-title b {
    font-weight: inherit;
    padding-right: 5px
}

.mod-goodsList .mod-goodsList-image {
    position: relative;
    padding-bottom: 5px;
    z-index: 1
}

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

.mod-goodsList .mod-goodsList-image .mod-goodsIcon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

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

.mod-goodsList .mod-goodsList-colorList {
    text-align: center;
    padding-bottom: 10px;
    line-height: 1.3
}

.mod-goodsList .mod-goodsList-colorList .mod-goodsList-colorListInner {
    display: inline-block
}

.mod-goodsList .mod-goodsList-colorList ul {
    list-style: none;
    margin: 0 0 0 -6px;
    padding: 2px 0 0;
    position: relative;
    left: 2px;
    display: block;
    text-align: left;
    letter-spacing: -.35em
}

.mod-goodsList .mod-goodsList-colorList li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    padding-top: 1px;
    margin-left: 6px
}

.mod-goodsList .mod-goodsList-colortip {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd
}

.mod-goodsList .mod-goodsList-colortip img {
    width: 100%;
    height: auto
}

.mod-goodsList .mod-goodsList-colortip:before {
    content: '';
    display: none
}

.mod-goodsList .mod-goodsList-colortip--is-active {
    border-color: #fff
}

.mod-goodsList .mod-goodsList-colortip--is-active:before {
    content: ' ';
    display: block;
    position: absolute;
    top: -4px;
    left: -4px;
    width: 100%;
    height: 100%;
    padding: 2px;
    border: 2px solid #949494;
    border-radius: 1px
}

.mod-goodsList .mod-goodsList-detail {
    margin-bottom: 10px
}

.mod-goodsList .mod-goodsList-detail+.mod-goodsList-compare {
    margin-top: 0
}

.mod-goodsList .mod-goodsList-retailPrice,
.mod-goodsList .mod-goodsList-text {
    color: #333;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-goodsList .mod-goodsList-retailPrice {
    font-size: 12px;
    font-size: 1.2rem;
    word-break: break-all
}

.mod-goodsList .mod-goodsList-price {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: .2rem
}

.mod-goodsList .mod-goodsList-spec {
    margin-top: 15px
}

.mod-goodsList .mod-goodsList-compare {
    position: relative;
    text-align: right;
    margin-top: 12px;
    margin-bottom: 15px;
    height: 32px
}

.mod-goodsList .mod-goodsList-compare .mod-compareBalloonBtn {
    position: absolute;
    bottom: -45px;
    right: 0;
    margin-left: -68px
}

.mod-goodsList2 {
    position: relative;
    z-index: 1;
    margin-bottom: 25px
}

.mod-goodsList2-body {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    text-align: center
}

.mod-goodsList2-group1,
.mod-goodsList2-group2,
.mod-goodsList2-group3,
.mod-goodsList2-group4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left
}

.mod-goodsList2-group1 {
    width: 26%
}

.mod-goodsList2-group2 {
    width: 25%
}

.mod-goodsList2-group3 {
    width: 23%
}

.mod-goodsList2-group4 {
    width: 26%
}

.mod-goodsList2-item {
    display: block
}

.mod-goodsList2-name {
    text-align: left;
    line-height: 1.5;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-goodsList2-group1 .mod-goodsList2-name {
    padding-left: 20.1%
}

.mod-goodsList2-group2 .mod-goodsList2-name {
    padding-left: 8.5%;
    padding-right: 8.5%
}

.mod-goodsList2-group3 .mod-goodsList2-name {
    padding-right: 9%
}

.mod-goodsList2-group4 .mod-goodsList2-name {
    padding-right: 19.5%
}

.mod-goodsList2-logo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    text-align: center;
    font-size: 0;
    margin-bottom: 7px;
    min-height: 22px
}

.mod-goodsList2-logo img {
    max-width: 100%;
    height: auto
}

.mod-goodsList2-group1 .mod-goodsList2-logo {
    margin-left: 21.3%;
    width: 80%
}

.mod-goodsList2-group2 .mod-goodsList2-logo {
    margin-left: 9%;
    width: 83.5%
}

.mod-goodsList2-group3 .mod-goodsList2-logo {
    width: 90.5%
}

.mod-goodsList2-group4 .mod-goodsList2-logo {
    width: 80%
}

.mod-goodsList2-thumb {
    position: relative
}

.mod-goodsList2-group1 .mod-goodsList2-thumb {
    padding-left: 20.1%
}

.mod-goodsList2-group2 .mod-goodsList2-thumb {
    padding-left: 8.5%
}

.mod-goodsList2-groupBG {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

a:hover .mod-goodsList2-groupBG {
    opacity: 1
}

.mod-goodsList2-image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    font-size: 0
}

.mod-goodsList2-group1 .mod-goodsList2-image {
    width: 100%;
    padding: 0 10% 10px
}

.mod-goodsList2-group2 .mod-goodsList2-image {
    width: 91%;
    padding: 0 9% 10px
}

.mod-goodsList2-group3 .mod-goodsList2-image {
    width: 90.5%;
    padding: 0 9% 10px
}

.mod-goodsList2-group4 .mod-goodsList2-image {
    width: 80%;
    padding: 0 8% 10px
}

.mod-goodsList2-image img {
    vertical-align: top;
    max-width: 100%;
    width: auto;
    height: auto
}

.mod-goodsList2-state {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8.1% 10px;
    height: 30px
}

.mod-goodsList2-state>.mod-newIcon,
.mod-goodsList2-state>.mod-oldIcon {
    vertical-align: top;
    margin-top: 0
}

.mod-goodsList2-group1 .mod-goodsList2-state {
    width: 100%
}

.mod-goodsList2-group2 .mod-goodsList2-state {
    width: 91%
}

.mod-goodsList2-group3 .mod-goodsList2-state {
    width: 90.5%
}

.mod-goodsList2-group4 .mod-goodsList2-state {
    width: 80%
}

.mod-linkBlock {
    margin-bottom: 40px;
    text-align: center
}

.mod-linkBlock.portal {
    text-align: right
}

.mod-linkBlock--type-2 {
    margin-top: -30px;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #f7f6f5;
    border-bottom: 1px solid #e6e5de
}

.ie8 .mod-linkBlock--type-2 {
    min-width: 960px;
    margin-left: -20px;
    margin-right: -20px
}

.mod-linkBlock--type-2 .mod-linkBlock-inner {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.mod-linkBlock-group {
    margin-left: -24px
}

.mod-linkBlock-group:after {
    content: "";
    display: table;
    clear: both
}

.mod-linkBlock-group+.mod-linkBlock-group {
    margin-top: 10px
}

.mod-linkBlock-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-left: 24px
}

.mod-linkBlock-heading {
    padding-top: 15px;
    border-top: 1px solid #e4e4e4;
    margin-bottom: 5px;
    text-align: left;
    width: 100%
}

.mod-linkBlock-heading>strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-size: 1.8rem
}

.ie8 .mod-linkBlock-heading>strong {
    margin-right: 1px
}

.mod-linkBlock-text {
    margin-bottom: 10px;
    text-align: left
}

.mod-linkBlock-links {
    display: inline-block
}

.mod-linkBlock-button {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px
}

.mod-linkBlock-button img {
    max-width: 100%;
    width: auto;
    height: auto
}

.mod-linkBlock-button--type-1 {
    max-width: 796px
}

.mod-linkBlock-button--type-1 img {
    max-width: 796px;
    width: 100%
}

.mod-linkBlock-button--type-2,
.mod-linkBlock-button--type-3 {
    max-width: 468px
}

.mod-linkBlock-button--type-2 img,
.mod-linkBlock-button--type-3 img {
    max-width: 468px;
    width: 100%
}

.mod-linkBlock-button--type-3 {
    position: relative;
    z-index: 1
}

.mod-linkBlock-button--type-3>a {
    display: block;
    max-width: 468px;
    overflow: hidden;
    font-size: 0
}

.ie8 .mod-linkBlock-button--type-3>a>img {
    position: relative;
    z-index: -1
}

.mod-linkBlock-button--type-3>a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url(/common2/img/misc/icon_banner468.png) top left no-repeat;
    background-size: 100%;
    image-rendering: optimizeQuality
}

.ie8 .mod-linkBlock-button--type-3>a .mod-unprintable {
    z-index: -1
}

.mod-linkBlock-linktext {
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 24px
}

.mod-linkBlock2 {
    clear: both;
    margin-bottom: 30px
}

.mod-linkBlock2-links {
    text-align: right
}

.mod-linkBlock3 {
    display: block;
    position: relative;
    z-index: 3;
    margin: 0 auto 40px
}

.mod-linkBlock3+.mod-linkBlock3 {
    margin-top: -20px
}

.mod-linkBlock3-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    width: 100%;
    padding: 15px;
    border-radius: 6px;
    border: 2px solid #e6e5de;
    background-color: #f7f6f5;
    margin: 0 0 40px
}

.mod-linkBlock3-heading {
    color: #333;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 18px;
    font-size: 1.8rem
}

.mod-linkBlock3-body {
    display: table;
    width: 100%;
    table-layout: fixed;
    vertical-align: middle
}

.mod-linkBlock3-text {
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell
}

.mod-linkBlock3-buttons:first-child+.mod-linkBlock3-text {
    vertical-align: middle
}

.mod-linkBlock3-buttons {
    display: table-cell;
    width: 140px;
    padding-left: 20px;
    padding-right: 20px
}

.mod-linkBlock3-buttons:first-child {
    padding-left: 0;
    padding-right: 20px
}

.mod-linkBlock3-buttons--type-2 {
    width: 308px;
    padding-left: 20px;
    padding-right: 0
}

.mod-linkBlock3-buttons--type-2:first-child {
    padding-left: 0;
    padding-right: 20px
}

.mod-linkBlock3-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    padding: 0 10px;
    min-width: 140px;
    height: 38px;
    line-height: 38px;
    margin-bottom: 0;
    text-align: center;
    color: #000 !important;
    border-color: #cdcbc4;
    vertical-align: top;
    text-decoration: none !important
}

.ie8 .mod-linkBlock3-button {
    min-width: 120px
}

.mod-linkBlock3-button:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.mod-linkBlock3-button:before {
    content: "\f105";
    position: relative;
    top: -1px;
    margin-right: 5px;
    vertical-align: top;
    color: #4e4e4e;
    font-size: 18px;
    font-weight: 700
}

.mod-linkBlock3-button+.mod-linkBlock3-button {
    margin-left: 15px
}

.mod-linkBlock4 {
    margin-bottom: 10px;
    max-width: 304px
}

.mod-linkBlock4-link {
    display: block;
    border: 1px solid #c2bfb9;
    border-radius: 5px;
    overflow: hidden;
    font-weight: 700
}

.mod-linkBlock4-image>img {
    display: block;
    width: 100%;
    height: auto
}

.mod-linkBlock4-heading {
    display: block;
    background-color: #f7f6f5
}

.mod-linkBlock4-heading>span {
    display: block;
    padding: 10px;
    border: 1px solid #fff;
    border-top-width: 0;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box
}

.mod-linkBlock4-heading>span:before {
    content: "\f105";
    position: relative;
    top: 3px;
    line-height: 1;
    vertical-align: top;
    margin-right: 7px;
    text-decoration: none !important
}

.mod-linkBlock4-caption {
    margin-top: 10px
}

.mod-importantNotice {
    margin-bottom: 30px
}

.mod-importantNotice:after {
    content: "";
    display: table;
    clear: both
}

.mod-importantNotice-item {
    display: block
}

.mod-importantNotice-attention,
.mod-importantNotice-info24green,
.mod-importantNotice-info24red {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 27px;
    margin-right: 25px
}

.mod-importantNotice-attention:before,
.mod-importantNotice-info24green:before,
.mod-importantNotice-info24red:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    content: ""
}

.mod-importantNotice-info24red:before {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 24px;
    background: url(/common2/img/misc/icon_information/3_icon_24_red.gif) top center no-repeat;
    -webkit-background-size: 15px 24px;
    -moz-background-size: 15px 24px;
    background-size: 15px 24px;
    width: 21px
}

.mod-importantNotice-attention:before {
    top: 2px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 21px;
    background: url(/common2/img/mod-importantNotice/icon_02.gif) no-repeat;
    -webkit-background-size: 21px 19px;
    -moz-background-size: 21px 19px;
    background-size: 21px 19px;
    height: 24px
}

.mod-importantNotice-info24green:before {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 24px;
    background: url(/common2/img/misc/icon_information/4_icon_24_green.gif) top center no-repeat;
    -webkit-background-size: 15px 24px;
    -moz-background-size: 15px 24px;
    background-size: 15px 24px;
    width: 21px
}

.mod-importantNotice-body {
    display: inline-block;
    vertical-align: top
}

.mod-importantNotice-footer {
    display: block;
    margin-top: 15px
}

.mod-arrowLink {
    display: inline-block;
    margin-left: 0;
    padding-left: 18px;
    text-indent: -18px;
    vertical-align: top
}

.mod-arrowLink:before {
    content: "\f105";
    position: relative;
    top: 3px;
    line-height: 1;
    vertical-align: top;
    margin-right: 7px;
    text-decoration: none !important
}

.mod-arrowLink.mod-arrowLink--type-caption>span {
    padding-right: 3px
}

.mod-arrowLink.mod-arrowLink--type-caption:after {
    content: "※";
    color: #555;
    text-decoration: none
}

.mod-arrowLink:hover,
a:hover .mod-arrowLink {
    text-decoration: none !important
}

.mod-arrowLink:hover span,
a:hover .mod-arrowLink span {
    text-decoration: underline
}

.mod-telLink {
    position: relative;
    display: inline-block
}

.mod-telLink-tel {
    display: none
}

.mod-telLink-text {
    display: inline
}

.mod-globalLink {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem
}

.mod-globalLink:before {
    display: inline-block;
    vertical-align: top;
    content: '';
    margin-top: 3px;
    margin-right: 6px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 14px;
    height: 14px;
    background: url(/common2/img/mod-globalLink/icon_01.jpg) no-repeat;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px
}

.mod-globalLink span {
    color: #333;
    text-decoration: underline
}

.mod-categoryLabelList-body {
    list-style: none;
    padding: 0;
    margin: 0
}

.mod-categoryLabelList-item {
    position: relative;
    z-index: 1;
    padding: 0 0 0 15px;
    margin: 0;
    line-height: 1;
    font-size: 10px;
    font-size: 1rem
}

.mod-categoryLabelList-item:before {
    content: "\f111";
    position: absolute;
    top: -1px;
    left: 0;
    font-size: 12px
}

.mod-categoryLabelList-item+.mod-categoryLabelList-item {
    margin-top: 4px
}

.mod-categoryLabelList-item--type-1:before {
    color: #448aca
}

.mod-categoryLabelList-item--type-2:before {
    color: #edad0b
}

.mod-categoryLabelList-item--type-3:before {
    color: #6cbd6e
}

.mod-categoryLabelList-item--type-4:before {
    color: #ae77be
}

.mod-categoryLabelList--horizontal {
    line-height: 1;
    margin-bottom: 5px;
    margin-left: -15px;
    margin-right: -15px
}

.mod-categoryLabelList--horizontal .mod-categoryLabelList-item {
    display: inline-block;
    margin-top: 0;
    margin-left: 15px;
    font-size: 11px;
    font-size: 1.1rem
}

div.mod-notify.mod-notify--home-2 {
    border: 2px solid #e6e5de;
    border-radius: 6px;
    margin-top: -10px;
    background: 0 0
}

strong#enjoy-lead-strong {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400
}

div#aboutFT1 .mod-arrowList li:before,
div#aboutMTF .mod-arrowList li:before,
div#important-information .mod-arrowList li:before,
div#legal .mod-arrowList li:before,
div#lensCombination .mod-arrowList li:before,
div#lensTechnology .mod-arrowList li:before,
div#search-help-toc .mod-arrowList li:before {
    content: "\f107"
}

div#aboutFT1 .mod-arrowList li>a,
div#aboutMTF .mod-arrowList li>a,
div#important-information .mod-arrowList li>a,
div#legal .mod-arrowList li>a,
div#lensCombination .mod-arrowList li>a,
div#lensTechnology .mod-arrowList li>a,
div#search-help-toc .mod-arrowList li>a {
    margin-left: .25em
}

div#aboutFT1 .mod-closeWindow-button-block,
div#aboutMTF .mod-closeWindow-button-block,
div#important-information .mod-closeWindow-button-block,
div#legal .mod-closeWindow-button-block,
div#lensCombination .mod-closeWindow-button-block,
div#lensTechnology .mod-closeWindow-button-block,
div#search-help-toc .mod-closeWindow-button-block {
    margin-top: -10px;
    margin-bottom: 30px;
    text-align: right
}

div#aboutFT1 .mod-closeWindow-button-block .mod-closeWindow-button:before,
div#aboutMTF .mod-closeWindow-button-block .mod-closeWindow-button:before,
div#important-information .mod-closeWindow-button-block .mod-closeWindow-button:before,
div#legal .mod-closeWindow-button-block .mod-closeWindow-button:before,
div#lensCombination .mod-closeWindow-button-block .mod-closeWindow-button:before,
div#lensTechnology .mod-closeWindow-button-block .mod-closeWindow-button:before,
div#search-help-toc .mod-closeWindow-button-block .mod-closeWindow-button:before {
    content: "\f00d";
    font-weight: 400
}

div#legal ul {
    padding-left: 0
}

div#legal ul li {
    list-style: disc;
    position: relative;
    margin-left: 1.5em;
    margin-bottom: .5em
}

div#legal ul li ul li {
    list-style: circle !important
}

div#legal ul.inline-marked-ol li {
    list-style: none
}

div#legal ul.inline-marked-ol li span.marker {
    position: absolute;
    left: -1.5em
}

div#legal ul.mod-arrowList li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0
}

div#legal ul.mod-arrowList--relativeSites li:before {
    content: "\f105"
}

div#important-information div.mod-informationHeading h1,
div#important-information div.mod-informationHeading h2,
div#important-information div.mod-informationHeading h3,
div#important-information div.mod-informationHeading h4,
div#important-information div.mod-informationHeading h5,
div#important-information div.mod-informationHeading h6 {
    padding-left: 29px;
    background: url(/common2/img/misc/icon_information/3_icon_24_red.gif) 0 3px no-repeat
}

div#aboutFT1 .mod-table,
div#aboutMTF .mod-table {
    margin-bottom: 0
}

div#aboutFT1 .mod-specialtyCaption,
div#aboutMTF .mod-specialtyCaption {
    margin-top: 10px
}

div#lensTechnology .mod-headingV3 {
    padding-top: .4em
}

div#lensTechnology .mod-headingV3 .mod-headingV3-title {
    font-size: 1.1em
}

div#lensTechnology .mod-arrowList li a {
    text-decoration: none
}

div#lensTechnology .mod-arrowList li a:hover>span {
    text-decoration: underline
}

div#lensTechnology em.mod-lenstechnologyIcon {
    display: inline-block;
    position: relative;
    top: -.15em;
    margin-bottom: -.25em;
    padding: 0;
    border-radius: 4px;
    width: 4em;
    height: 1.9em;
    line-height: 2em;
    text-align: center;
    vertical-align: baseline;
    font-weight: 700;
    font-style: normal;
    font-size: .8em;
    color: #fff;
    background: #606060
}

div#lensTechnology em.mod-lenstechnologyIcon small,
div#lensTechnology em.mod-lenstechnologyIcon span {
    display: inline-block;
    line-height: 1.1
}

div#lensTechnology em.mod-lenstechnologyIcon small {
    position: absolute;
    left: 0;
    top: .1em;
    width: 100%;
    text-align: center;
    font-size: .8em
}

div#lensTechnology em.mod-lenstechnologyIcon span {
    position: relative;
    top: .4em
}

div#lensTechnology .mod-headingV8 .mod-headingV8-title {
    line-height: 1.8
}

div#lensTechnology .mod-headingV8 .mod-headingV8-title .mod-lenstechnologyIcon {
    left: -10px;
    margin-right: -.5em
}

div#lensTechnology .mod-specialtyText {
    margin-bottom: 20px
}

div#sportsoptics div.mod-sportopticsColumn {
    margin: 0 0 30px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 0 20px;
    background: #f0f0f0;
    font-size: .9em;
    color: #404040
}

div#sitemapPageNav div.mod-layout4 div.mod-layout4-item {
    padding-bottom: 20px
}

div#sitemapPageNav div.mod-layout4 div.mod-layout4-item>a {
    font-weight: 700
}

div#sitemapPageNav div.mod-layout4 div.mod-layout4-item ul {
    margin: .5em 0 0;
    padding: 0
}

div#sitemapPageNav div.mod-layout4 div.mod-layout4-item ul li {
    list-style: none
}

div#sitemapPageNav div.mod-layout4 div.mod-layout4-item ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    color: #a8a8a8;
    font-size: 1.25;
    margin-right: .5em
}

div#sitemapPageNav div.mod-layout4 div.mod-layout4-item ul li ul {
    margin: 0 0 .5em;
    padding: 0 0 0 1em
}

div#sitemapPageNav div.mod-layout4 div.mod-layout4-item ul li ul li {
    font-size: .8em
}

div#socialMedia .mod-thumbMedia2-heading .mod-arrowLink:before,
div#socialMedia .mod-thumbMedia2-heading .mod-arrowLink>img,
div#socialMedia .mod-thumbMedia2-heading .mod-arrowLink>span {
    display: inline-block;
    vertical-align: middle
}

div#socialMedia .mod-thumbMedia2-heading .mod-arrowLink>img {
    margin-right: 8px
}

div#socialMedia .mod-thumbMedia2-heading .mod-arrowLink>span {
    text-indent: 0
}

div#search-help-toc ul li ul {
    margin-top: .4em;
    margin-left: 30px
}

div#search-help-toc ul li ul li {
    font-size: .96em
}

.uppercase {
    text-transform: uppercase
}

.mod-goodsList.support-mod-goodsList ul.mod-goodsList-ul li a.mod-goodsList-textlink div.mod-goodsList-heading.mod-goodsList-heading--type-arrow span.mod-goodsList-title {
    font-weight: 400
}

.mod-layout4 .mod-layout4-group .mod-layout4-item.support-mod-layout4-item--double {
    width: 66.66667%
}

.mod-layout4 .mod-layout4-group .mod-layout4-item .mod-linkBlock4 {
    margin-bottom: 30px
}

.mod-layout4 .mod-layout4-group .mod-layout4-item .mod-linkBlock4 .mod-linkBlock4-caption ul {
    margin-top: 0;
    padding-left: 20px
}

.support-phone-number {
    font-style: normal;
    font-weight: 700
}

.support-floatingImage {
    display: inline-block;
    float: left;
    padding-right: 15px
}

.support-boxContained-image,
.support-boxContainedImage {
    max-width: 100%;
    height: auto
}

.support-column-a,
.support-column-b {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 40px
}

.support-column-a {
    padding: 0 15px;
    border: 2px solid #e6e5de;
    border-radius: 6px;
    background-color: #f7f6f5
}

.support-column-b {
    padding: 15px;
    border-radius: 4px;
    background-color: #ededeb
}

.support-column-b p {
    margin: -10px 0 10px
}

.support-buttonLinkBlock {
    position: relative;
    margin-bottom: 10px
}

.support-buttonLinkBlock.support-buttonLinkBlock-english {
    top: 5px;
    float: right;
    text-align: right
}

.support-buttonLink {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 7px 10px 9px
}

.support-buttonLink:before {
    content: "" !important;
    display: none !important
}

.support-buttonLink:hover,
.support-buttonLink:visited {
    color: inherit
}

.support-buttonLink:hover,
.support-buttonLink:hover:before {
    text-decoration: none
}

.support-buttonLink:hover {
    background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
    background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
}

.support-panelLink {
    overflow: hidden;
    display: block;
    position: relative;
    padding: 15px 10px 15px 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-weight: 700;
    color: #000 !important;
    text-decoration: none !important;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    box-shadow: 0 2px 0 0 rgba(204, 204, 204, .4);
    background: -webkit-linear-gradient(to bottom, #fff, #f2f2f2);
    background: -moz-linear-gradient(to bottom, #fff, #f2f2f2);
    background: linear-gradient(to bottom, #fff, #f2f2f2)
}

.support-panelLink img.support-panelLink-icon,
.support-panelLink span,
.support-panelLink:after {
    display: inline-block;
    vertical-align: middle
}

.support-panelLink img.support-panelLink-icon {
    width: auto;
    height: 28px
}

.support-panelLink span {
    padding-left: 15px
}

.support-panelLink:after {
    content: "\f105";
    padding-left: 15px;
    font-family: FontAwesome;
    font-size: 1.2em;
    font-weight: 400
}

.support-panelLink:hover {
    color: #606060 !important;
    background: -webkit-linear-gradient(to bottom, #fff, #f8f8f8);
    background: -moz-linear-gradient(to bottom, #fff, #f8f8f8);
    background: linear-gradient(to bottom, #fff, #f8f8f8)
}

.support-panelLink:active {
    top: 2px;
    box-shadow: 0 0 0 0 rgba(204, 204, 204, .4)
}

.mod-specialtyCaption.support-tableCaption {
    text-align: right
}

.mod-specialtyCaption.support-tableCaption span,
.mod-specialtyCaption.support-tableCaption:before {
    display: inline-block;
    vertical-align: top
}

.mod-specialtyCaption.support-tableCaption:before {
    float: none
}

.mod-layout.support-panelLinkGroup {
    margin-bottom: 40px
}

.mod-linkBlock3.support-loginStatusBlock {
    z-index: 1
}

.mod-linkBlock3.support-loginStatusBlock .mod-linkBlock3-inner {
    display: block;
    border-color: #666;
    background: #e8e7e6
}

.mod-linkBlock3.support-loginStatusBlock .mod-linkBlock3-inner .mod-linkBlock3-body .mod-linkBlock3-text {
    overflow: hidden
}

.mod-linkBlock3.support-loginStatusBlock .mod-linkBlock3-inner .mod-linkBlock3-body .mod-linkBlock3-text em,
.mod-linkBlock3.support-loginStatusBlock .mod-linkBlock3-inner .mod-linkBlock3-body .mod-linkBlock3-text strong {
    display: inline-block;
    font-style: normal;
    line-height: 38px
}

.mod-linkBlock3.support-loginStatusBlock .mod-linkBlock3-inner .mod-linkBlock3-body .mod-linkBlock3-text strong {
    padding-right: 1em;
    font-size: 1.1em;
    font-weight: 700
}

.mod-linkBlock3.support-loginStatusBlock .mod-linkBlock3-inner .mod-linkBlock3-body .mod-linkBlock3-buttons .mod-linkBlock3-button {
    margin-top: -5px
}

.mod-linkBlock3.support-loginStatusBlock.support-loginStatusBlock--member .mod-linkBlock3-inner,
.mod-linkBlock3.support-loginStatusBlock.support-loginStatusBlock--premium .mod-linkBlock3-inner {
    padding-top: 5px;
    padding-bottom: 5px
}

.mod-linkBlock3.support-loginStatusBlock.support-loginStatusBlock--premium .mod-linkBlock3-inner {
    border-color: #f0a800;
    background: #fdf5e3
}

div#support-optionservice-content div.mod-layout2-media:first-child {
    padding-right: 0
}

div#support-optionservice-content div.mod-layout2-item {
    padding-left: 24px
}

div#support-optionservice-content div.mod-layout2-item div.mod-specialtyHeading {
    font-weight: 700
}

.mod-layout5.support-nikonplaza .mod-layout5-item .mod-specialtyText {
    margin-bottom: 20px
}

.mod-arrowList.support-childPages ul,
.mod-arrowList.support-pageList ul,
.mod-arrowList.support-siblingPages ul {
    margin: 5px 0 30px;
    padding-left: 0
}

.mod-arrowList.support-childPages ul li,
.mod-arrowList.support-pageList ul li,
.mod-arrowList.support-siblingPages ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 5px;
    padding-right: 30px;
    vertical-align: top
}

.mod-arrowList.support-childPages ul li a.mod-arrowLink:hover span,
.mod-arrowList.support-pageList ul li a.mod-arrowLink:hover span,
.mod-arrowList.support-siblingPages ul li a.mod-arrowLink:hover span {
    text-decoration: underline
}

.mod-arrowList.support-childPages--half-and-half ul,
.mod-arrowList.support-pageList--half-and-half ul,
.mod-arrowList.support-siblingPages--half-and-half ul {
    margin: 5px 0 30px;
    padding-left: 0
}

.mod-arrowList.support-childPages--half-and-half ul li,
.mod-arrowList.support-pageList--half-and-half ul li,
.mod-arrowList.support-siblingPages--half-and-half ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-right: 30px;
    vertical-align: top
}

.mod-arrowList.support-childPages--half-and-half ul li a.mod-arrowLink:hover span,
.mod-arrowList.support-pageList--half-and-half ul li a.mod-arrowLink:hover span,
.mod-arrowList.support-siblingPages--half-and-half ul li a.mod-arrowLink:hover span {
    text-decoration: underline
}

.mod-arrowList.support-childPages--half-and-half ul li,
.mod-arrowList.support-pageList--half-and-half ul li,
.mod-arrowList.support-siblingPages--half-and-half ul li {
    margin: 15px 0 0;
    width: 49%
}

.support-srsc-servicecenterMenu ul {
    margin: 5px 0 30px;
    padding-left: 0
}

.support-srsc-servicecenterMenu ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-right: 30px;
    vertical-align: top
}

.support-srsc-servicecenterMenu ul li a.mod-arrowLink:hover span {
    text-decoration: underline
}

.support-srsc-servicecenterMenu ul {
    margin-bottom: 20px
}

.support-srsc-servicecenterMenu ul li {
    margin-bottom: 0
}

.mod-layout2#support-nikonplaza-sendai .mod-layout2-row .mod-layout2-media.mod-layout2-media--type-first {
    width: 222px
}

div.support-srsc-access {
    margin-bottom: 20px
}

div.support-srsc-access div.support-srsc-access-row {
    display: table;
    width: 100%
}

div.support-srsc-access div.support-srsc-access-row div.mod-layout2-note,
div.support-srsc-access div.support-srsc-access-row div.support-srsc-access-printablePage {
    display: table-cell
}

div.support-srsc-access div.support-srsc-access-row div.support-srsc-access-printablePage {
    width: 222px;
    text-align: right
}

div.support-srsc-access div.support-srsc-access-row div.support-srsc-access-printablePage a {
    position: relative;
    margin-bottom: 20px
}

div.support-srsc-access .support-srsc-access-map div.support-srsc-access-map-box {
    width: auto;
    height: 720px
}

div.support-srsc-access .support-srsc-access-map div.support-srsc-access-map-box .support-srsc-access-map-baloon-box {
    width: 210px;
    height: 4.5em;
    font-size: 14px;
    line-height: 1.25
}

div.support-srsc-access .support-srsc-access-map div.support-srsc-access-map-box .support-srsc-access-map-baloon-box .support-srsc-access-map-baloon-label,
div.support-srsc-access .support-srsc-access-map div.support-srsc-access-map-box .support-srsc-access-map-baloon-box .support-srsc-access-map-baloon-phoneNumber {
    margin-top: .25em
}

div.support-srsc-access .support-srsc-access-map ul.support-srsc-access-map-link {
    margin-top: 10px
}

.support-srsc-eventTable tbody tr td p {
    margin: 0
}

.support-srsc-eventTable tbody tr td p.support-srsc-eventTable-eventName {
    margin-bottom: 5px
}

.support-srsc-eventTable tbody tr td p.support-srsc-eventTable-eventName strong {
    font-weight: 700
}

.support-srsc-eventTable tbody tr td p.support-srsc-eventTable-eventExhibitor {
    margin-top: 5px;
    margin-bottom: 10px
}

.support-srsc-eventTable tbody tr td p.support-srsc-eventTable-eventDetail {
    margin-top: 10px;
    margin-bottom: 20px
}

.support-srsc-eventTable tbody tr td p.support-srsc-eventTable-eventImage {
    margin-top: 20px
}

.support-srsc-eventTable tbody tr td p.support-srsc-eventTable-eventImage img {
    max-width: 100%;
    height: auto
}

.support-linearTableSections .mod-headingV2,
.support-linearTableSections .mod-headingV4,
.support-linearTableSections .mod-table {
    margin-bottom: 0
}

.support-linearTableSections .mod-headingV2 {
    margin-top: 60px
}

.support-linearTableSections .mod-headingV4 {
    margin-top: 30px
}

.support-linearTableSections .mod-table {
    margin-top: 15px
}

.support-section {
    margin: 30px 0
}

.support-section .mod-specialtyText p {
    margin: 0
}

.support-section .mod-specialtyText ul {
    margin-top: 12px;
    padding-left: 24px
}

.support-qa-section h2.support-qa-question abbr,
.support-qa-section h2.support-qa-question--with-double-digits abbr,
.support-qa-section h2.support-qa-question--with-single-digits abbr,
.support-qa-section p.support-qa-answer abbr {
    display: block;
    position: absolute;
    left: 21px;
    border-style: none;
    border-width: 0;
    width: 1em;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    text-decoration: none
}

.support-qa-section h2.support-qa-question abbr span,
.support-qa-section h2.support-qa-question--with-double-digits abbr span,
.support-qa-section h2.support-qa-question--with-single-digits abbr span,
.support-qa-section p.support-qa-answer abbr span {
    display: inline-block;
    opacity: 0;
    left: -9999px;
    top: -9999px;
    margin: 0;
    padding: 0;
    border-style: none;
    border-width: 0;
    width: 0;
    height: 0;
    color: transparent;
    background: 0 0
}

html.ie8 .support-qa-section h2.support-qa-question abbr span,
html.ie8 .support-qa-section h2.support-qa-question--with-double-digits abbr span,
html.ie8 .support-qa-section h2.support-qa-question--with-single-digits abbr span,
html.ie8 .support-qa-section p.support-qa-answer abbr span {
    display: none
}

.support-qa-section .mod-togglable-heading {
    margin-top: 0;
    position: relative
}

.support-qa-section .mod-togglable-heading h2.support-qa-question,
.support-qa-section .mod-togglable-heading h2.support-qa-question--with-double-digits,
.support-qa-section .mod-togglable-heading h2.support-qa-question--with-single-digits {
    border-left: solid transparent
}

.support-qa-section .mod-togglable-heading h2.support-qa-question abbr.support-qa-q,
.support-qa-section .mod-togglable-heading h2.support-qa-question--with-double-digits abbr.support-qa-q,
.support-qa-section .mod-togglable-heading h2.support-qa-question--with-single-digits abbr.support-qa-q {
    top: 10px
}

html.ie8 .support-qa-section .mod-togglable-heading h2.support-qa-question abbr.support-qa-q,
html.ie8 .support-qa-section .mod-togglable-heading h2.support-qa-question--with-double-digits abbr.support-qa-q,
html.ie8 .support-qa-section .mod-togglable-heading h2.support-qa-question--with-single-digits abbr.support-qa-q {
    top: .25em
}

.support-qa-section .mod-togglable-heading h2.support-qa-question {
    padding-left: 1em;
    border-left-width: 10px
}

.support-qa-section .mod-togglable-heading h2.support-qa-question--with-single-digits {
    padding-left: 1.9em;
    border-left-width: .9em
}

.support-qa-section .mod-togglable-heading h2.support-qa-question--with-double-digits {
    padding-left: 2.8em;
    border-left-width: 0
}

.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-heading,
.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-headingV1,
.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-headingV2,
.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-headingV3,
.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-headingV4,
.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-layout2-note,
.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText {
    padding-left: 21px
}

.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText {
    position: relative
}

.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText ol.mod-list,
.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText p.support-qa-answer,
.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText ul.mod-list {
    border-left: solid 10px transparent
}

.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText p.support-qa-answer {
    padding-left: 1.5em
}

.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText p.support-qa-answer abbr.support-qa-a {
    top: -.33333em
}

html.ie8 .support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText p.support-qa-answer abbr.support-qa-a {
    top: -.5em
}

.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText ol.mod-list,
.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText ul.mod-list {
    margin-left: 1.75em
}

.support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-media .mod-specialtyMedia .mod-specialtyMedia-caption small a.mod-arrowLink span {
    position: relative;
    top: .125em
}

.support-arrow--bottom:after {
    content: "\f107";
    display: block;
    margin: 30px 0;
    line-height: 0;
    text-align: center;
    font-family: FontAwesome;
    font-size: 60px;
    font-size: 6rem;
    color: #666
}

.support-appInfoBlock .mod-thumbMedia2-image {
    padding-right: 24px
}

.support-appInfoBlock p {
    margin: 0 0 1em;
    font-size: 16px
}

html body.print .mod-header {
    height: 108px
}

html body.print .mod-footer {
    margin-top: 40px
}

html body.print ul.support-srsc-access-map-link {
    display: none
}

.print-pageBreakInside--avoid {
    page-break-inside: avoid !important
}

@media screen and (min-width:599px) and (max-width:960px) {
    .mod-tab2 .mod-tab2-item a {
        font-size: 12px;
        font-size: 1.2rem
    }

    .mod-basicInfoBlock .mod-basicInfoBlock-detail {
        padding-right: 0
    }

    .mod-basicInfoBlock .mod-basicInfoBlock-slider {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px
    }

    .mod-varietyColorList .mod-varietyColorList-name .mod-newIcon,
    .mod-varietyColorList .mod-varietyColorList-name .mod-oldIcon {
        position: relative;
        top: 2px;
        margin-bottom: 3px
    }

    .mod-specList3-sub .mod-specIcon2,
    .mod-specList3-sub .mod-specIcon2 .mod-specIcon2-text {
        min-width: 100%
    }

    .mod-headerNav {
        width: auto;
        margin: -5px 20px 5px
    }

    .mod-lowestBlock .mod-lowestBlock-inner {
        width: auto;
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px
    }

    .mod-footer {
        width: auto;
        margin-left: 20px;
        margin-right: 20px
    }

    .mod-topHero {
        width: auto;
        margin-left: -20px;
        margin-right: -20px
    }

    .mod-linkBlock--type-2 .mod-linkBlock-inner {
        width: auto;
        margin-left: 20px;
        margin-right: 20px
    }
}

@media screen and (min-width:599px) and (max-width:1000px) {
    .mod-header {
        width: auto;
        margin: 0 20px 5px
    }

    .mod-headerNav {
        width: auto;
        margin: -5px 20px 5px
    }
}

@media screen and (min-width:599px) and (max-width:879px) {
    .mod-headerNav-link br {
        display: block
    }
}

@media screen and (min-width:600px) and (max-width:719px) {
    .mod-tab .mod-tab-ul--type-1>.mod-tab-item {
        min-width: 110px;
        font-size: 15px;
        font-size: 1.5rem
    }

    .mod-headerNav-link {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media screen and (min-width:600px) and (max-width:659px) {
    .mod-tab2 .mod-tab2-item a {
        padding: 0 3px;
        font-size: 10px;
        font-size: 1rem
    }
}

@media screen and (min-width:600px) and (max-width:959px) {
    .mod-headerNav-link {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.2;
        letter-spacing: -.1em
    }
}

@media screen and (min-width:600px) and (max-width:879px) {
    .mod-categoryNav-group {
        width: 220px
    }
}

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

    .mod-line,
    .mod-productHeroImage,
    .mod-tab,
    .mod-tab2,
    .mod-tab3 {
        margin-left: 0;
        margin-right: 0
    }

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

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

    .mod-topHero .mod-topHero-next,
    .mod-topHero .mod-topHero-prev,
    .mod-topHero2 .mod-topHero2-next,
    .mod-topHero2 .mod-topHero2-prev,
    .mod-topHero3 .mod-topHero3-next,
    .mod-topHero3 .mod-topHero3-prev {
        display: none
    }
}

@media screen and (max-width:999px) {
    .mod-wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: auto;
        margin: 0 20px;
        overflow-x: hidden
    }
}

@media screen and (max-width:979px) {
    .mod-photoGallery .mod-photoGallery-viewport {
        width: 720px
    }
}

@media screen and (max-width:960px) {
    .mod-compareAddBtn {
        width: 88px;
        height: 33px;
        line-height: 36px
    }

    .mod-compareToolbar {
        display: block;
        padding: 10px 14px
    }

    .mod-compareToolbar .mod-compareToolbar-label {
        display: block;
        padding: 0;
        margin: 0 0 10px;
        border: none
    }

    .mod-compareToolbar .mod-compareToolbar-body {
        display: block;
        padding: 0;
        border-left: none
    }

    .mod-compareToolbar .mod-compareToolbar-selects {
        border-bottom: 1px solid #fff;
        margin-bottom: 10px
    }

    .mod-compareToolbar .mod-compareToolbar-categorySelect,
    .mod-compareToolbar .mod-compareToolbar-productSelect {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 0 0 10px
    }

    .mod-compareToolbar .mod-compareToolbar-keywordInput {
        width: 100%;
        height: 45px;
        border: 1px solid #D4D4D4;
        border-radius: 22px;
        background: url(/common2/img/mod-compareToolbar/bg_01_01@2x.png) 0 50% no-repeat, url(/common2/img/mod-compareToolbar/bg_01_02@2x.png) 100% 50% no-repeat, #fff;
        background-size: 30px 45px, 35px 45px
    }

    .mod-compareToolbar .mod-compareToolbar-keywordInput input {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        margin: 0 0 4px
    }

    .mod-compareToolbar .mod-compareToolbar-keywordClear {
        width: 32px;
        height: 32px
    }

    .mod-compareToolbar .mod-compareToolbar-keywordSuggest {
        top: -12px;
        left: -14px;
        right: -14px;
        width: auto
    }

    .mod-compareToolbar .mod-compareToolbar-suggestHead {
        height: 50px
    }

    .mod-compareToolbar .mod-compareToolbar-suggestTotal {
        font-size: 12px;
        font-size: 1.2rem;
        display: none
    }

    .mod-compareToolbar ul.mod-compareToolbar-suggestItems {
        font-size: 14px;
        font-size: 1.4rem
    }

    .mod-compareTable {
        margin: 20px -15px
    }

    .mod-compareTable .mod-compareTable-viewport {
        overflow: scroll;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .mod-compareTable .mod-compareTable-removeAll {
        margin-right: 15px
    }

    .mod-compareTable table {
        font-size: 10px;
        font-size: 1rem;
        margin: 0
    }

    .mod-compareTable thead tr:first-child th:first-child {
        width: 42px;
        max-width: 42px;
        min-width: 42px
    }

    .mod-compareTable thead th {
        position: relative;
        width: 120px;
        max-width: 120px;
        min-width: 0;
        padding: 0 5px 5px
    }

    .mod-compareTable .mod-compareTable-remove {
        font-size: 10px;
        font-size: 1rem;
        margin: 0 -5px
    }

    .mod-compareTable .mod-compareTable-name {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0
    }

    .mod-compareTable .mod-compareTable-image {
        padding: 0;
        width: 110px
    }

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

    .mod-compareTable ul.mod-compareTable-color {
        margin-bottom: 0
    }

    .mod-compareTable ul.mod-compareTable-color li {
        margin: 0 2px
    }

    .mod-compareTable .mod-compareTable-addHighlight {
        font-size: 10px;
        font-size: 1rem;
        width: auto;
        margin: 5px 0 8px;
        padding: 12px 0
    }

    .mod-compareTable tbody td,
    .mod-compareTable tbody th {
        font-size: 10px
    }

    .mod-compareTable thead .mod-compareTable-cell--highlight {
        background: #FFFCD5
    }

    .mod-compareTable .mod-compareTable-cell--note {
        font-size: 10px;
        font-size: 1rem
    }
}

@media screen and (max-width:959px) {
    .mod-topHero .mod-topHero-viewport {
        width: auto;
        height: auto
    }

    .mod-topHero .mod-topHero-graphic,
    .mod-topHero .mod-topHero-inner1,
    .mod-topHero .mod-topHero-inner2 {
        height: auto
    }

    .mod-topHero .mod-topHero-graphic img {
        width: 100%;
        height: auto;
        padding-bottom: 0
    }

    .mod-topHero .mod-topHero-button {
        background-image: url(/common2/img/mod-topHero/btn_01_2x.png)
    }

    .mod-topHero .mod-topHero-button--type-exlink {
        background-image: url(/common2/img/mod-topHero/btn_02_2x.png)
    }

    .mod-topHero .mod-topHero-index {
        padding: 10px 0 0
    }

    .mod-topHero .mod-topHero-index li {
        margin: 0 5px 5px
    }

    .mod-topHero .mod-topHero-index li.mod-topHero-index--current:before,
    .mod-topHero .mod-topHero-index li:before {
        font-size: 16px;
        padding: 0 1px
    }

    .mod-topHero .mod-topHero-texts {
        padding: 0 15px
    }

    .mod-topHero2 {
        padding: 9px 0
    }

    .mod-topHero2 .mod-topHero2-content {
        width: auto
    }

    .mod-topHero2 .mod-topHero2-viewport {
        width: auto;
        height: auto
    }

    .mod-topHero2 .mod-topHero2-graphic,
    .mod-topHero2 .mod-topHero2-inner1,
    .mod-topHero2 .mod-topHero2-inner2 {
        height: auto
    }

    .mod-topHero2 .mod-topHero2-graphic img {
        width: 100%;
        height: auto;
        padding-bottom: 0
    }

    .mod-topHero2 .mod-topHero2-button {
        background-image: url(/common2/img/mod-topHero/btn_01_2x.png)
    }

    .mod-topHero2 .mod-topHero2-button--type-exlink {
        background-image: url(/common2/img/mod-topHero/btn_02_2x.png)
    }

    .mod-topHero2 .mod-topHero2-index {
        margin: 0 auto;
        padding: 10px 0 0
    }

    .mod-topHero2 .mod-topHero2-index li {
        margin: 0 5px 5px
    }

    .mod-topHero2 .mod-topHero2-index li .ex-fa,
    .mod-topHero2 .mod-topHero2-index li.mod-topHero2-index--current .ex-fa {
        font-size: 16px;
        padding: 0 1px
    }

    .mod-topHero3 {
        padding: 9px 0
    }

    .mod-topHero3 .mod-topHero3-content {
        width: auto
    }

    .mod-topHero3 .mod-topHero3-viewport {
        width: auto;
        height: auto
    }

    .mod-topHero3 .mod-topHero3-graphicGroup,
    .mod-topHero3 .mod-topHero3-inner1,
    .mod-topHero3 .mod-topHero3-inner2 {
        height: auto
    }

    .mod-topHero3 .mod-topHero3-graphicPrimary {
        width: 66.66667%;
        height: 0;
        padding-bottom: 32.29167%
    }

    .mod-topHero3 .mod-topHero3-graphicPrimary img {
        width: 100%;
        height: auto
    }

    .mod-topHero3 .mod-topHero3-graphicSub {
        width: 32.70833%;
        height: 0;
        padding-bottom: 15.83333%
    }

    .mod-topHero3 .mod-topHero3-graphicSub img {
        width: 100%;
        height: auto
    }

    .mod-topHero3 .mod-topHero3-graphicPrimary .mod-topHero3-button--type-exlink {
        background-image: url(/common2/img/mod-topHero3/btn_02_2x.png)
    }

    .mod-topHero3 .mod-topHero3-graphicSub .mod-topHero3-button--type-exlink {
        background-image: url(/common2/img/mod-topHero3/btn_02b_2x.png)
    }

    .mod-topHero3 .mod-topHero3-index {
        margin: 0 auto;
        padding: 10px 0 0
    }

    .mod-topHero3 .mod-topHero3-index li {
        margin: 0 5px 5px
    }

    .mod-topHero3 .mod-topHero3-index li.mod-topHero3-index--current:before,
    .mod-topHero3 .mod-topHero3-index li:before {
        font-size: 16px;
        padding: 0 1px
    }

    .mod-recommend .mod-recommend-viewport {
        width: 720px
    }
}

@media screen and (max-width:900px) {
    .support-panelLink {
        font-size: 16px
    }
}

@media screen and (max-width:819px) {
    .mod-photoGallery .mod-photoGallery-viewport {
        width: 540px
    }
}

@media screen and (max-width:800px) {
    .support-panelLink {
        font-size: 14px;
        padding-left: 15px
    }

    .support-panelLink img.support-panelLink-icon {
        margin-bottom: 0;
        height: 20px
    }

    .support-panelLink span {
        padding-left: 12px
    }
}

@media screen and (max-width:799px) {
    .mod-recommend .mod-recommend-viewport {
        width: 540px
    }
}

@media screen and (max-width:720px) {
    .mod-layout.support-panelLinkGroup .mod-layout-row .mod-layout-item {
        display: table-row-group;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

@media screen and (max-width:639px) {
    .mod-photoGallery .mod-photoGallery-viewport {
        width: 360px
    }
}

@media screen and (max-width:619px) {
    .mod-recommend .mod-recommend-viewport {
        width: 360px
    }
}

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

    .mod-line,
    .mod-productHeroImage,
    .mod-tab,
    .mod-tab2,
    .mod-tab3 {
        width: auto !important;
        display: block !important;
        margin-left: -15px;
        margin-right: -15px
    }

    .ex-only-small {
        display: block !important
    }

    .ex-only-large {
        display: none !important
    }

    body {
        line-height: 1.7;
        font-family: "Helvetica Neue", Roboto, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", MotoyaLCedar, sans-serif
    }

    .mod-wrapper {
        margin: 0 auto;
        padding: 0 15px
    }

    h1 {
        font-size: 24px;
        font-size: 2.4rem
    }

    h2 {
        font-size: 22px;
        font-size: 2.2rem
    }

    h3 {
        font-size: 20px;
        font-size: 2rem
    }

    h4 {
        font-size: 18px;
        font-size: 1.8rem
    }

    h5,
    h6 {
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-productHeroImage .mod-productHeroImage-inner {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 100px;
        height: auto
    }

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

    .mod-productHero {
        padding-top: 37px;
        margin-bottom: 30px
    }

    .mod-productHeroImage+.mod-productHero,
    .mod-topHero+.mod-productHero {
        margin-top: -20px
    }

    .mod-productHero .mod-productHero-body {
        display: block
    }

    .mod-productHero .mod-productHero-main {
        display: block;
        margin-bottom: 20px
    }

    .mod-productHero .mod-productHero-sub {
        display: block;
        width: auto;
        border-left: none;
        padding-left: 0
    }

    .mod-productHero .mod-productHero-heading {
        width: 100%;
        margin-bottom: 10px
    }

    .mod-productHero .mod-productHero-heading h1 {
        margin: 0
    }

    .mod-productHero .mod-productHero-headingMainItem {
        padding-right: 0;
        display: block
    }

    .mod-productHero .mod-productHero-headingSubItem {
        display: block;
        width: auto;
        padding-left: 0
    }

    .mod-productHero .mod-productHero-note {
        margin-bottom: 20px;
        font-weight: 700
    }

    .mod-productHero .mod-productHero-releasedate {
        display: block;
        padding-left: 0
    }

    .mod-productHero .mod-productHero-social {
        display: block;
        padding-left: 0;
        margin-top: 10px;
        margin-left: 0
    }

    .mod-productInfoBlock {
        padding: 0 15px 15px;
        background-color: #f7f6f5
    }

    .mod-productInfoBlock .mod-productInfoBlock-heading {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 5px;
        margin: 0 -15px 15px;
        background-color: #ededed;
        border-bottom-color: #e1e1d7
    }

    .mod-productInfoBlock .mod-productInfoBlock-ul li {
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-productInfoBlock .mod-productInfoBlock-toggler {
        display: block
    }

    .mod-arrowList--type-inline li {
        min-width: 49%
    }

    .mod-arrowList--push-bottom {
        margin-bottom: 20px
    }

    .mod-specList {
        padding: 0 15px
    }

    .mod-specList .mod-specList-main {
        display: block;
        margin-bottom: 0
    }

    .mod-specList .mod-specList-sub {
        display: block;
        width: auto;
        padding-left: 0
    }

    .mod-specList .mod-specList-ul {
        overflow: hidden;
        margin-bottom: 0
    }

    .mod-specList .mod-specList-ul>li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        float: left;
        width: 50%;
        margin: 0 0 4px
    }

    .mod-specList .mod-specList-ul>li:nth-child(odd) {
        padding-right: 2px
    }

    .mod-specList .mod-specList-ul>li:nth-child(even) {
        padding-left: 2px
    }

    .mod-specList3 .mod-specList3-main {
        margin-left: -5px
    }

    .mod-specList3 .mod-specList3-main li {
        padding-left: 5px;
        margin-bottom: 5px;
        min-height: 28px
    }

    .mod-specList3 .mod-specList3-sub {
        margin-left: -5px
    }

    .mod-specList3 .mod-specList3-sub li {
        padding-left: 5px;
        margin-bottom: 5px
    }

    .mod-productItemList .mod-productItemList-heading {
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-productItemList .mod-productItemList-ul {
        overflow: hidden;
        margin-left: 0
    }

    .mod-productItemList .mod-productItemList-ul li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        display: block;
        width: 50%;
        margin-left: 0
    }

    .mod-productItemList .mod-productItemList-ul li:nth-child(odd) {
        padding-right: 10px
    }

    .mod-productItemList .mod-productItemList-ul li:nth-child(even) {
        padding-left: 10px
    }

    .mod-productItemList .mod-productItemList-ul--type-single li {
        float: none;
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mod-tab,
    .mod-tab2,
    .mod-tab3 {
        border-color: #333;
        border-width: 5px 0 0;
        margin-bottom: 0
    }

    .mod-tab2:before,
    .mod-tab3:before,
    .mod-tab:before {
        display: none
    }

    .mod-tab .mod-tab-ul,
    .mod-tab2 .mod-tab2-ul,
    .mod-tab3 .mod-tab3-ul {
        padding-left: 0;
        margin-bottom: 0;
        overflow: hidden
    }

    .mod-tab .mod-tab-item,
    .mod-tab2 .mod-tab2-item a,
    .mod-tab3 .mod-tab3-item {
        float: left;
        width: 50%;
        margin: 0;
        border-radius: 0;
        border-width: 0 1px 1px 0;
        background: -webkit-linear-gradient(#f7f6f5 10%, #e0dfdc 85%, #f7f6f5) #e8e7e4;
        background: -moz-linear-gradient(#f7f6f5 10%, #e0dfdc 85%, #f7f6f5) #e8e7e4;
        background: linear-gradient(#f7f6f5 10%, #e0dfdc 85%, #f7f6f5) #e8e7e4
    }

    .mod-tab .mod-tab-item--is-current,
    .mod-tab2 .mod-tab2-item--is-current a,
    .mod-tab3 .mod-tab3-item--is-current {
        background-image: none;
        background-color: #fff;
        -webkit-box-shadow: inset 0 0 10px #ddddda;
        -moz-box-shadow: inset 0 0 10px #ddddda;
        box-shadow: inset 0 0 10px #ddddda;
        border-bottom-color: #cdcbc4;
        color: #666
    }

    .mod-tab .mod-tab-item--is-current a,
    .mod-tab2 .mod-tab2-item--is-current a a,
    .mod-tab3 .mod-tab3-item--is-current a {
        color: #666
    }

    .mod-tab .mod-tab-item--is-current:hover,
    .mod-tab2 .mod-tab2-item--is-current a:hover,
    .mod-tab3 .mod-tab3-item--is-current:hover {
        border-bottom-color: #cdcbc4
    }

    .mod-tab .mod-tab-ul--type-1>.mod-tab-item {
        width: 50%;
        padding-left: 0;
        padding-right: 0
    }

    .mod-tab3 .mod-tab3-ul {
        padding-left: 0
    }

    .mod-tab3 .mod-tab3-ul>li {
        float: left;
        width: 50%;
        margin-right: 0
    }

    .mod-tab3 .mod-tab3-item {
        font-size: 16px;
        font-size: 1.6rem;
        width: 100%;
        height: 46px;
        line-height: 46px
    }

    .mod-tab3 .mod-tab3-body {
        border-top: none;
        padding: 20px 15px 0
    }

    .mod-rssBlock-ul {
        text-align: right
    }

    .mod-rssBlock-ul li {
        font-size: 16px;
        font-size: 1.6rem;
        padding-left: 0
    }

    .mod-rssBlock-ul li:first-child {
        padding-right: 5px
    }

    .mod-rssBlock-ul li .mod-arrowLink:before {
        top: 3px
    }

    .mod-withinPageNav.mod-withinPageNav--type-enclosure {
        display: none
    }

    .mod-withinPageNav .mod-withinPageNav-ul {
        display: block;
        width: auto;
        float: none
    }

    .mod-withinPageNav .mod-withinPageNav-ul li {
        margin-bottom: 5px
    }

    .mod-withinPageNav2 {
        display: none
    }

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

    .mod-withinPageNav3 .mod-withinPageNav3-ul {
        display: block;
        width: auto;
        float: none
    }

    .mod-withinPageNav3 .mod-withinPageNav3-ul li {
        margin-bottom: 5px
    }

    .mod-socialBlock {
        display: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        table-layout: fixed;
        background-color: #f7f6f5;
        border: 1px solid #cdcbc4;
        border-radius: 5px
    }

    .mod-socialBlock.mod-socialBlock--type-ls {
        display: none
    }

    .mod-socialBlock.mod-socialBlock--type-ss {
        display: table
    }

    .mod-socialBlock .mod-socialBlock-item {
        display: table-cell;
        padding: 10px;
        margin-left: 0;
        border-style: solid;
        border-width: 0 1px;
        border-left-color: #fff;
        border-right-color: #cdcbc4;
        text-align: center;
    }

    .mod-socialBlock .mod-socialBlock-item a {
        display: block;
        text-align: center
    }

    .mod-socialBlock .mod-socialBlock-item:first-child {
        border-left: none
    }

    .mod-socialBlock .mod-socialBlock-item:last-child {
        border-right: none
    }

    .mod-relatedLinkBlock2 {
        margin-bottom: 10px
    }

    .mod-relatedLinkBlock2.mod-relatedLinkBlock2--type-banner .mod-relatedLinkBlock2-item {
        margin-bottom: 0
    }

    .mod-relatedLinkBlock2 .mod-relatedLinkBlock2-item {
        width: 50%;
        margin-bottom: 20px
    }

    .mod-relatedLinkBlock2 .mod-relatedLinkBlock2-image {
        text-align: center
    }

    .mod-relatedLinkBlock2 .mod-relatedLinkBlock2-image--type-1>a:before {
        background-image: url(/common2/img/misc/icon_banner222_2x.png)
    }

    .mod-relatedLinkBlock2 .mod-relatedLinkBlock2-text {
        display: none
    }

    .mod-relatedLinkBlock3 .mod-relatedLinkBlock3-item {
        display: block;
        width: auto;
        padding-left: 0;
        margin-bottom: 30px
    }

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

    .mod-relatedLinkBlock3 .mod-relatedLinkBlock3-image,
    .mod-relatedLinkBlock3 .mod-relatedLinkBlock3-item--type-single .mod-relatedLinkBlock3-image {
        width: auto
    }

    .mod-relatedLinkBlock4 .mod-relatedLinkBlock4-item--type-2>a:before {
        background-image: url(/common2/img/misc/icon_banner468_2x.png)
    }

    .mod-relatedLinkBlock4 {
        display: block;
        margin-top: 0;
        margin-bottom: 30px
    }

    .mod-relatedLinkBlock4 .mod-relatedLinkBlock4-item {
        display: block;
        padding: 0 !important;
        margin-bottom: 15px;
        text-align: center
    }

    [class^=mod-mainFeatureBlock]+.mod-headingV2 {
        margin-top: 0
    }

    .mod-mainFeatureBlock .mod-mainFeatureBlock-heading {
        width: auto;
        float: none;
        margin-bottom: 20px
    }

    .mod-mainFeatureBlock .mod-mainFeatureBlock-image {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0
    }

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

    .mod-mainFeatureBlock .mod-mainFeatureBlock-detail {
        float: none
    }

    .mod-mainFeatureBlock .mod-mainFeatureBlock-text {
        margin-bottom: 20px
    }

    .mod-mainFeatureBlock2 {
        margin-left: 0;
        margin-right: 0
    }

    .mod-mainFeatureBlock2 .mod-mainFeatureBlock2-text {
        margin-bottom: 20px
    }

    .mod-mainFeatureBlock2 .mod-mainFeatureBlock2-image {
        margin: 30px 0
    }

    .mod-mainFeatureBlock3 .mod-mainFeatureBlock3-detail {
        float: none;
        display: block;
        width: auto;
        padding-top: 0
    }

    .mod-mainFeatureBlock3 .mod-mainFeatureBlock3-text {
        margin-bottom: 20px
    }

    .mod-mainFeatureBlock3 .mod-mainFeatureBlock3-image {
        float: none;
        display: block;
        width: auto;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 30px
    }

    .mod-mainFeatureBlock4 {
        float: none;
        width: 100%;
        margin-right: 0;
        text-align: center
    }

    .mod-mainFeatureBlock4 .mod-mainFeatureBlock4-image {
        text-align: center
    }

    .mod-basicInfoBlock .mod-basicInfoBlock-heading {
        float: none
    }

    .mod-basicInfoBlock .mod-basicInfoBlock-detail {
        padding-right: 0;
        float: none
    }

    .mod-basicInfoBlock .mod-basicInfoBlock-note,
    .mod-basicInfoBlock .mod-basicInfoBlock-price {
        margin-bottom: 8px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .mod-basicInfoBlock .mod-basicInfoBlock-jan {
        font-size: 14px;
        font-size: 1.4rem
    }

    .mod-basicInfoBlock .mod-basicInfoBlock-slider {
        float: none;
        width: 290px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px
    }

    .mod-varietyColorList .mod-varietyColorList-ul li {
        margin-bottom: 24px
    }

    .mod-varietyColorList .mod-varietyColorList-ul--type-small li {
        margin-bottom: 10px
    }

    .mod-varietyColorList .mod-varietyColorList-productImage img {
        width: 95px
    }

    .mod-varietyColorList .mod-varietyColorList-colorImage img {
        width: 34px
    }

    .mod-varietyColorList .mod-varietyColorList-colorImage span {
        width: 34px;
        height: 34px
    }

    .mod-varietyColorList .mod-varietyColorList-option--is-small {
        line-height: 1;
        margin-top: 15px
    }

    .mod-lenskitBlock {
        width: auto;
        margin-left: 0;
        margin-bottom: 30px
    }

    .mod-lenskitBlock .mod-lenskitBlock-item {
        width: auto;
        float: none;
        padding-left: 0;
        margin-bottom: 0;
        border-bottom: 1px solid #cdcbc4
    }

    .mod-lenskitBlock .mod-lenskitBlock-item:first-child {
        border-top: 1px solid #cdcbc4
    }

    .mod-lenskitBlock .mod-lenskitBlock-caption {
        margin-top: 30px;
        margin-bottom: 0;
        padding-left: 0
    }

    .mod-lenskitBlock .mod-lenskitBlock-content {
        margin-bottom: 15px
    }

    .mod-lenskitBlock .mod-lenskitBlock-subHeading {
        padding: 15px 30px 15px 0
    }

    .mod-lenskitBlock .mod-lenskitBlock-subHeading--is-opened:before {
        display: block
    }

    .mod-lenskitBlock .mod-lenskitBlock-subHeading--is-closed {
        margin-bottom: 0
    }

    .mod-lenskitBlock .mod-lenskitBlock-subHeading--is-closed:before {
        display: block
    }

    .mod-lenskitBlock .mod-lenskitBlock-note {
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 14px;
        font-size: 1.4rem
    }

    .mod-lenskitBlock .mod-lenskitBlock-price+.mod-lenskitBlock-jan {
        margin-top: -8px
    }

    .mod-lenskitBlock .mod-lenskitBlock-jan,
    .mod-lenskitBlock .mod-lenskitBlock-price {
        margin-bottom: 15px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .mod-lenskitBlock .mod-lenskitBlock-image img {
        width: 140px;
        height: auto
    }

    .mod-awardList {
        margin-left: 0
    }

    .mod-awardList .mod-awardList-item {
        display: block;
        float: none;
        width: auto;
        padding: 0 0 20px;
        margin-bottom: 20px;
        margin-right: 0;
        border-bottom: 1px solid #cdcbc4
    }

    .mod-awardList .mod-awardList-item:last-child {
        border-bottom: none;
        margin-bottom: 0
    }

    .mod-awardList .mod-awardList-image {
        display: block;
        width: 161px;
        text-align: center;
        margin: 0 auto 20px
    }

    .mod-awardList .mod-awardList-link {
        display: block
    }

    .mod-nikonDirectBlock {
        margin-left: 0;
        margin-right: 0;
        background-color: #f7f6f5
    }

    .mod-nikonDirectBlock .mod-nikonDirectBlock-image {
        display: block;
        width: auto;
        border-width: 0;
        margin: 0;
        padding: 15px 0 10px
    }

    .mod-nikonDirectBlock .mod-nikonDirectBlock-detail {
        display: block;
        padding: 15px;
        border-top: 1px solid #cdcbc4;
        background-color: #fff
    }

    .mod-nikonDirectBlock .mod-nikonDirectBlock-text {
        line-height: 1.3;
        margin-bottom: 10px
    }

    .mod-nikonDirectBlock .mod-nikonDirectBlock-list li {
        display: block
    }

    .mod-supportBlock {
        overflow: visible;
        width: auto;
        margin-right: 0;
        margin-bottom: 30px
    }

    .mod-supportBlock .mod-supportBlock-ul {
        overflow: hidden
    }

    .mod-supportBlock .mod-supportBlock-ul li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 50%;
        margin-top: 0;
        margin-bottom: 10px
    }

    .mod-lensChartBlock {
        text-align: center
    }

    .mod-lensChartBlock .mod-lensChartBlock-item {
        float: none;
        width: 100%;
        padding-left: 0
    }

    .mod-lensChartBlock .mod-lensChartBlock-item:first-child {
        padding-right: 0
    }

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

    .mod-lensChartBlock .mod-lensChartBlock-detail {
        display: inline-block;
        text-align: left;
        width: 330px;
        max-width: 100%
    }

    .mod-shootingInfoBlock {
        margin-top: -20px;
        margin-bottom: 15px
    }

    .mod-shootingInfoBlock+.mod-shootingInfoBlock {
        margin-top: -16px
    }

    .mod-shootingInfoBlock .mod-shootingInfoBlock-heading {
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: block;
        margin-bottom: -1px;
        border-width: 1px 0;
        border-color: #cdcbc4;
        border-style: solid;
        padding: 15px 35px 15px 15px;
        font-weight: 700;
        color: #333
    }

    .mod-shootingInfoBlock .mod-shootingInfoBlock-heading:before {
        position: absolute;
        top: 10px;
        right: 0;
        display: block !important
    }

    .mod-shootingInfoBlock .mod-shootingInfoBlock-heading--is-opened+.mod-shootingInfoBlock-detail .mod-specialtyText2 {
        padding-top: 15px
    }

    .mod-shootingInfoBlock .mod-shootingInfoBlock-detail {
        display: none
    }

    .mod-shootingInfoBlock .mod-shootingInfoBlock-detail .mod-table {
        border-width: 0 0 1px
    }

    .mod-shootingInfoBlock .mod-shootingInfoBlock-detail .mod-table td,
    .mod-shootingInfoBlock .mod-shootingInfoBlock-detail .mod-table th {
        border-width: 1px 0 0
    }

    .mod-line {
        background-color: #cdcbc4
    }

    .mod-line--type-2 {
        margin-left: 0;
        margin-right: 0
    }

    .mod-btnComparing {
        color: #1d3994 !important;
        text-decoration: none;
        width: auto;
        padding: 0;
        border: none;
        box-shadow: none;
        background: 0 0;
        text-align: right
    }

    .mod-btnComparing:hover {
        text-decoration: underline;
        background: 0 0
    }

    .mod-btnComparing:visited {
        color: #6a3d99 !important
    }

    .mod-btnComparing:before {
        color: #a8a8a8;
        font-weight: 400
    }

    .mod-compareSubmitBtn {
        width: 240px
    }

    .mod-compareAddBtn:before {
        background-image: url(/common2/img/mod-compareAddBtn/icon_01_2x.png);
        background-size: 20px 40px
    }

    .mod-btn2 {
        min-width: 240px;
        min-height: 46px;
        line-height: 46px;
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-btn2:before {
        top: 0
    }

    .mod-zoomLink {
        background-image: url(/common2/img/mod-zoomLink/icon_01_2x.png);
        min-height: 20px;
        padding-left: 25px;
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        background-size: 20px 20px
    }

    .mod-rssLink {
        background-image: url(/common2/img/mod-rssLink/icon_01_2x.png);
        background-position: 0 2px;
        min-height: 22px;
        padding-left: 27px;
        -webkit-background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        background-size: 22px 22px
    }

    .mod-moreinfoLink {
        text-align: center
    }

    .mod-moreinfoLink a {
        display: inline-block;
        min-width: 170px;
        padding: 12px 10px;
        font-weight: 400;
        -webkit-box-shadow: inset 0 1px #fff;
        -moz-box-shadow: inset 0 1px #fff;
        box-shadow: inset 0 1px #fff;
        background: -webkit-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
        background: -moz-linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
        background: linear-gradient(#f7f6f5 10%, #e8e7e4 85%, #f7f6f5) #e8e7e4;
        border-radius: 5px;
        border: 1px solid #cdcbc4;
        color: #333
    }

    .mod-moreinfoLink a:hover {
        background: -webkit-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
        background: -moz-linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2;
        background: linear-gradient(#e8e7e4 10%, #d4d3d2 85%, #ccccca) #d4d3d2
    }

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

    .mod-goodsIcon img {
        width: 113px;
        height: auto
    }

    .mod-specIcon {
        display: block;
        width: 100%;
        height: 44px;
        padding-top: 7px;
        margin-bottom: 0;
        vertical-align: middle
    }

    .mod-specList3-main .mod-specIcon {
        min-height: 30px;
        padding-bottom: 4px
    }

    .mod-specIcon .mod-specIcon-text br {
        display: none
    }

    .mod-specList3-main .mod-specIcon .mod-specIcon-text {
        font-size: 7px;
        font-size: .7rem
    }

    .mod-specIcon .mod-specIcon-text+.mod-specIcon-text {
        margin-top: 1px
    }

    .mod-specIcon .mod-specIcon-text--is-strong {
        font-size: 14px;
        font-size: 1.4rem
    }

    .mod-specList3-main .mod-specIcon .mod-specIcon-text--is-strong {
        font-size: 9px;
        font-size: .9rem
    }

    .mod-specIcon2 {
        display: block;
        width: 100%;
        min-height: 24px;
        padding-top: 5px;
        margin-bottom: 0;
        vertical-align: middle
    }

    .mod-specList3-sub .mod-specIcon2 {
        display: inline-block;
        width: 100%;
        min-width: 100%;
        min-height: 20px
    }

    .mod-specIcon2 .mod-specIcon2-text br {
        display: none
    }

    .mod-specList3-sub .mod-specIcon2 .mod-specIcon2-text {
        margin-top: 0;
        font-size: 9px;
        font-size: .9rem
    }

    .mod-specIcon2 .mod-specIcon2-text+.mod-specIcon2-text {
        margin-top: 1px
    }

    .mod-specList3-sub .mod-specIcon2 .mod-specIcon2-text+.mod-specIcon2-text {
        margin-top: 2px
    }

    .mod-specIcon3 {
        min-width: 84px;
        height: 42px
    }

    .mod-specIcon3 .mod-specIcon3-text {
        font-size: 12px;
        font-size: 1.2rem
    }

    .mod-formatIcon {
        width: 92px;
        height: 18px;
        line-height: 18px
    }

    .mod-logoBlock {
        float: none;
        text-align: center;
        margin-bottom: 0
    }

    .mod-logoBlock .mod-logoBlock-image {
        width: 40%
    }

    .mod-logoBlock+.mod-compareSubmitBlock {
        overflow: visible
    }

    .mod-logoBlock+.mod-compareSubmitBlock+.mod-withinPageNav {
        clear: none
    }

    .mod-logoBlock+.mod-compareSubmitBlock+.mod-withinPageNav+*,
    .mod-logoBlock+.mod-withinPageNav+* {
        margin-top: 20px
    }

    .mod-compareSubmitBlock {
        padding: 10px;
        border-radius: 3px;
        margin-bottom: 0
    }

    .mod-compareSubmitBlock .mod-compareSubmitBlock-button {
        float: none;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 8px
    }

    .mod-compareSubmitBlock .mod-compareSubmitBlock-text {
        float: none;
        text-align: center;
        padding-right: 0;
        font-size: 12px;
        font-size: 1.2rem
    }

    .mod-header {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        min-width: 320px;
        margin: 0 auto 10px;
        font-family: "Helvetica Neue", Roboto, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", MotoyaLCedar, sans-serif
    }

    .mod-header-inner {
        position: relative;
        height: 64px;
        border-bottom: 1px solid #cdcbc4
    }

    .mod-header-brand {
        top: 12px;
        left: 12px;
        height: 40px
    }

    .mod-header-brandLogo img {
        width: 40px
    }

    .mod-header-brandStatement {
        top: 30px;
        left: 48px
    }

    .mod-header-brandStatement img {
        width: 90px;
        height: auto
    }

    .mod-header-utility {
        height: auto
    }

    .mod-headerSearch {
        display: block;
        top: 100%;
        left: 0;
        right: auto;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 10px 53px 10px 12px;
        border-radius: 0;
        background-color: #666
    }

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

    .mod-headerSearch-input {
        top: 0;
        width: 100%;
        height: 36px;
        padding: 0 0 0 5px;
        margin-top: -1px;
        margin-bottom: 1px;
        border: 0;
        border-radius: 2px 0 0 2px;
        background-color: #f7f7f7;
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-headerSearch-submit {
        white-space: nowrap;
        background: url(/common2/img/mod-headerBtnGroup/btn_04.png) no-repeat #fff;
        -webkit-background-size: 36px 36px;
        -moz-background-size: 36px 36px;
        background-size: 36px 36px;
        position: absolute;
        top: 9px;
        right: 12px;
        width: 36px;
        height: 36px;
        -webkit-appearance: none;
        appearance: none;
        border: 0;
        border-radius: 0 2px 2px 0;
        text-indent: -9999px;
        overflow: hidden;
        box-shadow: none
    }

    .mod-headerSearch-submit:hover {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 36px;
        height: 36px;
        background: url(/common2/img/mod-headerBtnGroup/btn_04.png) no-repeat #fff;
        -webkit-background-size: 36px 36px;
        -moz-background-size: 36px 36px;
        background-size: 36px 36px
    }

    .mod-headerRegion {
        box-sizing: border-box;
        position: static;
        top: 0;
        left: 0;
        background-color: #e6e6e6;
        padding: 2px 12px;
        text-align: right;
        height: 20px;
        line-height: 1.6;
        font-size: 10px;
        font-size: 1rem
    }

    .mod-headerRegion-item {
        float: none;
        display: inline-block;
        font-size: 10px;
        font-size: 1rem
    }

    .mod-headerRelated {
        display: none
    }

    .mod-headerBtnGroup {
        display: block;
        top: 0;
        bottom: auto;
        height: 64px
    }

    .mod-headerBtnGroup-menu.is-active,
    .mod-headerBtnGroup-search.is-active {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 50px;
        background: url(/common2/img/mod-headerBtnGroup/btn_03_active.png) 0 8px no-repeat #666;
        -webkit-background-size: 50px 50px;
        -moz-background-size: 50px 50px;
        background-size: 50px 50px;
        margin-top: 0;
        height: 64px
    }

    .mod-headerNav {
        font-family: "Helvetica Neue", Roboto, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", MotoyaLCedar, sans-serif;
        display: block;
        position: absolute;
        top: 84px;
        left: 0;
        width: 100% !important;
        height: auto;
        margin: 0 !important;
        box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .5);
        z-index: 11;
        border-bottom-width: 0
    }

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

    .mod-headerNav-ul {
        display: block;
        height: auto;
        padding: 0;
        border-right-width: 0
    }

    .mod-headerNav-item {
        display: block;
        padding: 0;
        color: inherit;
        background: #333;
        border-top: 1px solid #666
    }

    .mod-headerNav-item:first-child {
        padding: 0;
        border-top: none
    }

    .mod-headerNav-item--type-close {
        display: block;
        background-color: #000;
        font-weight: 700;
        text-align: center
    }

    .mod-headerNav-link.mod-headerNav-link--hover {
        color: #fff !important;
        border-radius: 0;
        border-color: transparent;
        background-image: none;
        background-color: transparent;
        box-shadow: none
    }

    .mod-headerNav-link {
        display: block;
        border-width: 0;
        background: 0 0;
        padding: 15px 35px;
        color: #fff !important;
        font-size: 14px;
        font-size: 1.4rem
    }

    .mod-headerNav-item:first-child .mod-headerNav-link {
        padding: 15px;
        font-weight: 700
    }

    .mod-headerNav-link--is-current {
        color: #fff;
        border-radius: 0;
        border-color: transparent;
        background-image: none;
        background-color: transparent;
        box-shadow: none
    }

    .mod-headerNav-link--hover~.mod-categoryNav {
        display: none
    }

    .mod-topicPath .mod-topicPath-item {
        font-size: 12px;
        font-size: 1.2rem;
        display: none
    }

    .mod-topicPath .mod-topicPath-item.mod-topicPath-item--type-accessory.mod-topicPath-item--cat01b,
    .mod-topicPath .mod-topicPath-item:nth-child(2) {
        display: none
    }

    .mod-topicPath .mod-topicPath-item.mod-topicPath-item--is-visible {
        display: inline-block !important
    }

    .mod-topicPath .mod-topicPath-item .mod-homeIcon {
        top: 3px
    }

    .mod-topicPath .mod-topicPath-item a:after {
        top: 7px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 4px;
        height: 6px;
        background: url(/common2/img/mod-topicPath/icon_02_2x.png) no-repeat;
        -webkit-background-size: 4px 6px;
        -moz-background-size: 4px 6px;
        background-size: 4px 6px
    }

    .mod-topicPath--type-footer {
        display: block;
        margin-bottom: 0;
        background-color: #fbfafa;
        border-width: 1px 0 0
    }

    .mod-topicPath--type-footer .mod-topicPath-ul {
        padding: 15px
    }

    .mod-topicPath--type-footer .mod-topicPath-ul+.mod-topicPath-ul {
        padding: 15px;
        margin-top: -15px
    }

    .mod-topicPath--type-footer .mod-topicPath-item {
        display: inline-block
    }

    .mod-topicPath--show-all .mod-topicPath-item {
        display: inline-block !important
    }

    .mod-lowestBlock {
        border-top-width: 0;
        box-shadow: none;
        background-color: transparent;
        padding-top: 0;
        padding-bottom: 0
    }

    .mod-lowestBlock .mod-lowestBlock-inner {
        width: auto
    }

    .mod-subNav {
        background-color: #fbfafa;
        padding: 15px 15px 5px;
        margin-bottom: 0;
        border-radius: 0;
        border-width: 1px 0 0;
        border-style: solid;
        border-color: #cdcbc4;
        box-shadow: inset 0 1px 0 #fff
    }

    .mod-subNav .mod-subNav-inner {
        padding: 0 10px
    }

    .mod-subNav .mod-subNav-link {
        width: 50%
    }

    .mod-subNav .mod-subNav-link--is-active {
        font-weight: 700
    }

    .mod-surveyBlock {
        margin-bottom: 20px;
        padding-bottom: 0;
        border-bottom-width: 0
    }

    .mod-surveyBlock:first-child {
        border-top: 1px solid #cdcbc4;
        padding-top: 20px
    }

    .mod-surveyBlock .mod-surveyBlock-heading {
        display: block;
        font-weight: 400;
        margin-bottom: -3px
    }

    .mod-surveyBlock .mod-surveyBlock-link {
        display: block;
        font-weight: 400;
        line-height: 1.5
    }

    .mod-surveyBlock .mod-surveyBlock-link .mod-arrowLink:before {
        top: 0
    }

    .mod-sitemapBlock {
        border: none;
        border-radius: 0
    }

    .mod-sitemapBlock .mod-sitemapBlock-item {
        border: none;
        padding: 0
    }

    .mod-sitemapBlock .mod-sitemapBlock-item--type-p30 {
        padding: 0
    }

    .mod-sitemapNav {
        background-color: #333
    }

    .mod-sitemapNav .mod-sitemapNav-heading a {
        display: block;
        padding: 15px;
        color: #fff;
        font-weight: 400
    }

    .mod-sitemapNav .mod-sitemapNav-heading:before {
        position: absolute;
        top: 10px;
        right: 15px;
        margin-right: 0;
        line-height: 1;
        font-size: 30px;
        color: #fff;
        -webkit-pointer-events: none;
        -moz-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none
    }

    .mod-sitemapNav .mod-sitemapNav-heading--is-closed:before,
    .mod-sitemapNav .mod-sitemapNav-heading--is-opened:before,
    .mod-sitemapNav .mod-sitemapNav-heading--type-link:before {
        display: block
    }

    .mod-sitemapNav .mod-sitemapNav-ul {
        margin: 0
    }

    .mod-sitemapNav .mod-sitemapNav-ul>li {
        width: auto;
        display: block;
        margin: 0;
        padding-right: 0;
        border-bottom: 1px solid #666;
        text-indent: 0;
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-sitemapNav .mod-sitemapNav-list {
        display: none;
        padding: 0 15px;
        background-color: #fff
    }

    .mod-sitemapNav .mod-sitemapNav-list.mod-sitemapNav-list--is-opened {
        display: block
    }

    .mod-sitemapNav .mod-sitemapNav-list.mod-sitemapNav-list--is-closed {
        display: none
    }

    .mod-sitemapNav .mod-sitemapNav-list li {
        margin-top: 0;
        padding-left: 0;
        text-indent: 0;
        font-size: 14px;
        font-size: 1.4rem;
        border-bottom: 1px solid #cdcbc4
    }

    .mod-sitemapNav .mod-sitemapNav-list li:last-child {
        border-width: 0
    }

    .mod-sitemapNav .mod-sitemapNav-list li:before {
        position: absolute;
        display: block;
        top: 10px;
        right: 0;
        margin-right: 0;
        line-height: 1;
        font-size: 30px;
        -webkit-pointer-events: none;
        -moz-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none
    }

    .mod-sitemapNav .mod-sitemapNav-list a {
        display: block;
        padding: 15px 15px 15px 0;
        color: #333 !important
    }

    .mod-signature {
        padding: 37px 12px 3px;
        border-color: #dedede;
        border-style: solid;
        border-width: 0 0 1px
    }

    .mod-signature .mod-signature-item {
        margin-bottom: 7px;
        font-size: 12px;
        font-size: 1.2rem
    }

    .mod-signature .mod-signature-text {
        display: block
    }

    .mod-signature .mod-signature-image {
        display: none
    }

    .mod-footer {
        font-family: "Helvetica Neue", Roboto, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", MotoyaLCedar, sans-serif;
        width: 100%;
        min-width: 320px;
        margin: 0;
        border-color: #dedede;
        border-style: solid;
        border-width: 1px 0 0
    }

    .mod-footer .mod-footer-inner {
        border-width: 0
    }

    .mod-footer .mod-footer-link {
        float: none;
        padding: 16px 12px 4px;
        text-align: left;
        border-color: #dedede;
        border-style: solid;
        border-width: 0 0 1px
    }

    .mod-footer .mod-footer-ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .mod-footer .mod-footer-ul>li {
        float: left;
        min-width: 50px;
        text-align: left;
        margin-right: 20px;
        margin-bottom: 12px;
        padding-left: 0;
        text-indent: 0;
        border: none;
        font-size: 12px;
        font-size: 1.2rem
    }

    .mod-footer .mod-footer-ul>li:nth-child(odd) {
        clear: left
    }

    .mod-footer .mod-footer-ul>li:before {
        display: none
    }

    .mod-footer .mod-footer-ul a {
        text-decoration: underline !important
    }

    .mod-footer .mod-footer-globalLink {
        display: block;
        border-bottom: 1px solid #dedede;
        padding: 12px 12px 11px
    }

    .mod-footer .mod-footer-copyright {
        float: none;
        padding: 15px 12px 18px;
        text-align: right
    }

    .mod-homeIcon {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 15.5px;
        height: 13px;
        background: url(/common2/img/mod-homeIcon/icon_01_2x.png) no-repeat;
        -webkit-background-size: 15.5px 13px;
        -moz-background-size: 15.5px 13px;
        background-size: 15.5px 13px
    }

    .mod-exlinkIcon {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 15px;
        height: 12px;
        background: url(/common2/img/mod-exlinkIcon/icon_01_2x.png) no-repeat;
        -webkit-background-size: 15px 12px;
        -moz-background-size: 15px 12px;
        background-size: 15px 12px
    }

    .mod-headingV5,
    .mod-searchRecommendHeading {
        margin-bottom: 20px;
        margin-right: -15px;
        margin-left: -15px;
        padding-left: 15px;
        padding-right: 15px
    }

    .mod-headingV1 {
        margin-bottom: 20px
    }

    .mod-headingV1 .mod-headingV1-title {
        font-size: 24px;
        font-size: 2.4rem
    }

    .mod-headingV2 {
        border-radius: 0;
        border-width: 1px 0;
        box-shadow: inset 0 1px #fff, inset 0 -1px #fff;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
        margin-right: -15px;
        margin-left: -15px
    }

    .mod-withinPageNav+.mod-headingV2 {
        margin-top: 0
    }

    .mod-photoGallery .mod-headingV2 {
        padding-left: 35px;
        padding-right: 35px
    }

    .mod-headingV3,
    .mod-headingV4,
    .mod-headingV6 {
        margin-bottom: 20px
    }

    .mod-headingV6 .mod-headingV6-title {
        font-size: 24px;
        font-size: 2.4rem
    }

    .mod-headingV7 {
        margin-bottom: 20px;
        padding: 7px;
        background-color: #eee
    }

    .mod-headingV7 .mod-headingV7-title {
        font-size: 18px;
        font-size: 1.8rem
    }

    .mod-headingV8 {
        border-radius: 0;
        border-width: 0;
        border-top: 1px solid #cdcbc4;
        padding-right: 40px;
        padding-left: 10px;
        box-shadow: none;
        background-color: #f7f6f5
    }

    .mod-headingV8:before {
        right: 10px !important
    }

    .mod-headingV6+.mod-compareSubmitBlock+.mod-withinPageNav+.mod-headingV8 {
        margin-top: 30px
    }

    .mod-headingV8.mod-headingV8--type-smalltext .mod-headingV8-title {
        font-size: 22px;
        font-size: 2.2rem
    }

    .mod-headingV11 {
        padding: 10px 15px;
        background-color: #f4f4f4;
        border-top-color: #d4d4d4;
        margin-left: -15px;
        margin-right: -15px
    }

    .mod-togglable-heading {
        position: relative;
        margin-bottom: 0
    }

    .mod-togglable-heading~.mod-togglable-heading {
        margin-top: 0;
        margin-bottom: 0
    }

    .mod-togglable-heading:before {
        position: absolute;
        top: 8px;
        right: 0;
        margin-right: 0 !important;
        line-height: 1;
        font-size: 40px !important
    }

    .mod-togglable-content--is-opened>:first-child {
        margin-top: 20px
    }

    .mod-table th,
    .mod-togglableTable th,
    .mod-verticalTable th,
    .mod-verticalTable2 th {
        font-weight: 700
    }

    .mod-table {
        width: 100%
    }

    .mod-verticalTable {
        display: block;
        width: 100%;
        border-width: 0;
        margin-bottom: 30px
    }

    .mod-verticalTable tbody,
    .mod-verticalTable td,
    .mod-verticalTable tfoot,
    .mod-verticalTable th,
    .mod-verticalTable thead,
    .mod-verticalTable tr {
        display: block;
        text-align: left
    }

    .mod-verticalTable th {
        color: #333;
        border-width: 2px 0 0;
        border-color: #cdcbc4;
        background-color: #f7f6f5
    }

    .mod-verticalTable td {
        border: none
    }

    .mod-verticalTable2 {
        display: block;
        overflow: hidden;
        border: none;
        background-color: none;
        border-bottom: 1px solid #cdcbc4
    }

    .mod-verticalTable2 tbody,
    .mod-verticalTable2 td,
    .mod-verticalTable2 th,
    .mod-verticalTable2 tr {
        display: block;
        border: none;
        background-color: #fff
    }

    .mod-verticalTable2 td,
    .mod-verticalTable2 th {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        border-color: #cdcbc4;
        border-style: solid;
        border-width: 1px 0 0
    }

    .mod-verticalTable2 td:empty,
    .mod-verticalTable2 th:empty {
        display: none
    }

    .mod-verticalTable2 th {
        width: 20%
    }

    .mod-verticalTable2 td {
        width: 80%
    }

    .mod-togglableTable {
        display: block;
        width: 100%;
        border-width: 0;
        margin-bottom: 30px
    }

    .mod-togglableTable tbody,
    .mod-togglableTable td,
    .mod-togglableTable tfoot,
    .mod-togglableTable th,
    .mod-togglableTable thead,
    .mod-togglableTable tr {
        display: block;
        text-align: left
    }

    .mod-togglableTable tr {
        padding: 14px 10px 0
    }

    .mod-togglableTable th {
        color: #333;
        border-width: 0;
        background-color: #f7f6f5;
        padding: 5px 10px
    }

    .mod-togglableTable td {
        border: none
    }

    .mod-togglableTable .mod-togglableTable-heading {
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding: 0
    }

    .mod-togglableTable .mod-togglableTable-heading:before {
        display: block !important
    }

    .mod-togglableTable .mod-togglableTable-heading th {
        background-color: #fff;
        border-width: 1px 0;
        margin-bottom: -1px;
        padding: 10px 30px 10px 10px;
        font-size: 18px;
        font-size: 1.8rem
    }

    .mod-togglableTable .mod-togglableTable-item--is-closed .mod-togglableTable-heading {
        display: block
    }

    .mod-togglableTable .mod-togglableTable-item--is-closed tr {
        display: none
    }

    .mod-scrollableX {
        overflow: scroll;
        overflow-y: visible
    }

    .mod-downloadBlock,
    .mod-thumbMedia2,
    .mod-thumbMedia3,
    .mod-thumbMedia6 {
        overflow: visible;
        padding-left: 0;
        margin-bottom: 10px
    }

    .mod-downloadBlock-itemOuter,
    .mod-thumbMedia2-itemOuter,
    .mod-thumbMedia3-itemOuter,
    .mod-thumbMedia6-itemOuter {
        margin-left: 0
    }

    .mod-downloadBlock-item,
    .mod-thumbMedia2-item,
    .mod-thumbMedia3-item,
    .mod-thumbMedia6-item {
        float: none;
        width: auto;
        margin-left: 0
    }

    .mod-downloadBlock-item--is-small,
    .mod-thumbMedia2-item--is-small {
        display: block;
        width: auto;
        padding-left: 0;
        margin-right: 0
    }

    .mod-downloadBlock-imageFrame,
    .mod-thumbMedia2-imageFrame,
    .mod-thumbMedia3-imageFrame,
    .mod-thumbMedia6-imageFrame {
        width: 75px;
        height: 75px
    }

    .mod-downloadBlock-imageFrame .mod-unprintable>img:first-child,
    .mod-downloadBlock-imageFrame img,
    .mod-thumbMedia2-imageFrame .mod-unprintable>img:first-child,
    .mod-thumbMedia2-imageFrame img,
    .mod-thumbMedia3-imageFrame .mod-unprintable>img:first-child,
    .mod-thumbMedia3-imageFrame img,
    .mod-thumbMedia6-imageFrame .mod-unprintable>img:first-child,
    .mod-thumbMedia6-imageFrame img {
        width: auto;
        height: auto;
        max-width: 71px;
        max-height: 71px
    }

    .mod-thumbMedia {
        width: auto;
        margin: 0 auto 30px
    }

    .mod-thumbMedia .mod-thumbMedia-image {
        width: auto;
        height: auto
    }

    .mod-thumbMedia .mod-thumbMedia-caption {
        margin-bottom: 10px
    }

    .mod-thumbMedia3-item {
        width: 100%;
        padding-left: 0
    }

    .mod-thumbMedia3-image {
        width: 77px;
        padding-right: 15px
    }

    .mod-thumbMedia3-imageFrame {
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 100%
    }

    .mod-thumbMedia3-imageFrame img {
        max-width: 100%;
        max-height: 100%
    }

    .mod-thumbMedia3-heading {
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-thumbMedia4 {
        margin-left: 0
    }

    .mod-thumbMedia4-item {
        float: none;
        width: auto;
        padding-left: 0
    }

    .mod-thumbMedia4-item+.mod-thumbMedia4-item {
        margin-top: 20px
    }

    .mod-thumbMedia4-image {
        display: table-cell;
        padding-right: 20px;
        width: 50%
    }

    .mod-thumbMedia4-image--type-1>a:before {
        background-image: url(/common2/img/misc/icon_banner312_2x.png)
    }

    .mod-thumbMedia4-detail {
        display: table-cell
    }

    .mod-thumbMedia5-image {
        width: 75px
    }

    .mod-thumbMedia5-detail {
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-thumbMedia5-links .mod-arrowLink:before {
        top: 3px
    }

    .mod-thumbMedia6-item {
        padding-left: 0
    }

    .mod-thumbMedia6-image {
        width: 77px;
        padding-right: 15px
    }

    .mod-thumbMedia6-imageFrame {
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 100%
    }

    .mod-thumbMedia6-imageFrame img {
        max-width: 100%;
        max-height: 100%
    }

    .mod-thumbMedia6-text {
        padding-left: 0
    }

    .mod-thumbMedia7 {
        margin-left: 0;
        margin-bottom: 10px
    }

    .mod-thumbMedia7-item {
        width: 100%;
        padding-left: 0
    }

    .mod-thumbMedia7-image {
        width: 73px
    }

    .mod-specialtyCaption+.mod-specialtyCaption {
        margin-top: -6px
    }

    .mod-specialtyMedia {
        margin-bottom: 30px
    }

    .mod-specialtyMedia .mod-specialtyMedia-image img {
        min-width: initial
    }

    .mod-specialtyMedia--type-small {
        max-width: 100%
    }

    .mod-layout {
        width: 100%
    }

    .mod-layout .mod-layout-item,
    .mod-layout .mod-layout-media {
        display: table-row-group;
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .mod-layout .mod-layout-item:first-child,
    .mod-layout .mod-layout-media:first-child {
        padding-right: 0;
        padding-left: 0
    }

    .mod-layout .mod-layout-media .mod-thumbMedia {
        margin-bottom: 30px
    }

    .mod-layout .mod-layout-media--type-first {
        display: table-header-group
    }

    .mod-layout .mod-layout-row {
        display: table;
        width: 100%
    }

    .mod-layout2 .mod-layout2-item,
    .mod-layout2 .mod-layout2-media {
        padding-right: 0;
        display: table-row-group;
        width: 100%
    }

    .mod-layout2 .mod-layout2-media--type-first {
        display: table-header-group
    }

    .mod-layout3 {
        margin-bottom: 30px
    }

    .mod-layout4 .mod-layout4-group {
        margin-left: 0
    }

    .mod-layout4 .mod-layout4-item {
        display: block;
        width: 100%;
        padding-left: 0;
        margin-right: 0
    }

    .mod-layout4 {
        margin-bottom: 30px;
        width: 100%
    }

    .mod-layout5 {
        margin-left: 0;
        margin-bottom: 30px;
        width: 100%;
        overflow: hidden
    }

    .mod-layout5 .mod-layout5-item {
        display: block;
        width: 50%;
        float: left
    }

    .mod-layout5 .mod-layout5-item:first-child {
        padding-left: auto
    }

    .mod-layout5 .mod-layout5-item:nth-child(odd) {
        padding-right: 10px;
        padding-left: 0;
        clear: left
    }

    .mod-layout5 .mod-layout5-item:nth-child(even) {
        padding-left: 10px;
        padding-right: 0
    }

    .mod-layout6 .mod-layout6-media {
        float: none;
        width: 100%;
        padding-left: 0
    }

    .mod-layout6 .mod-layout6-media:first-child {
        padding-right: 0
    }

    .mod-layout7 {
        display: block
    }

    .mod-layout7 .mod-layout7-support {
        display: block;
        width: 100%
    }

    .mod-layout7 .mod-layout7-download {
        display: block;
        padding-left: 0
    }

    .mod-layout8 {
        margin-left: 0
    }

    .mod-layout8-item {
        display: block;
        width: 100%;
        padding-left: 0
    }

    .mod-layout9 {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 30px;
        width: auto
    }

    .mod-layout9 .mod-layout9-item {
        display: block;
        width: 100%;
        float: none;
        padding-left: 15px;
        padding-right: 15px
    }

    .mod-backToTopNav {
        margin-bottom: 15px;
        text-align: center
    }

    .mod-backToTopNav .mod-backToTopNav-link {
        padding-left: 0;
        text-indent: 0
    }

    .mod-backToTopNav .mod-backToTopNav-link:before {
        display: block;
        color: #4d4d4d;
        font-weight: 700;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: -10px
    }

    .mod-topHero {
        width: auto;
        margin-left: -15px;
        margin-right: -15px
    }

    .mod-topHero3 .mod-topHero3-graphicPrimary {
        width: 100%;
        height: auto;
        padding-bottom: 0;
        margin-bottom: 6px
    }

    .mod-topHero3 .mod-topHero3-graphicSub {
        position: relative;
        width: 49.0625%;
        height: auto;
        padding-bottom: 0;
        float: left
    }

    .mod-topHero3 .mod-topHero3-graphicSub+.mod-topHero3-graphicSub {
        float: right
    }

    .mod-recommend {
        width: auto;
        border: none;
        border-radius: 0;
        overflow: hidden;
        margin-right: -15px;
        margin-left: -15px
    }

    .mod-recommend .mod-recommend-heroHeading {
        border-top-color: #d4d4d4;
        border-width: 1px 0 0
    }

    .mod-recommend .mod-recommend-next,
    .mod-recommend .mod-recommend-prev {
        top: 20px;
        border: auto;
        height: 184px
    }

    .mod-recommend .mod-recommend-viewport {
        width: auto
    }

    .mod-recommend .mod-recommend-image,
    .mod-recommend .mod-recommend-image>img {
        width: 222px;
        height: 167px
    }

    .mod-recommend .mod-recommend-heading,
    .mod-recommend .mod-recommend-text {
        padding: 0
    }

    .mod-productsGallery {
        width: 290px
    }

    .mod-productsGallery .mod-productsGallery-viewport {
        width: 254px;
        height: 190px;
        margin: 0 auto
    }

    .mod-productsGallery .mod-productsGallery-images img {
        width: 254px;
        height: 190px
    }

    .mod-productsGallery .mod-productsGallery-next,
    .mod-productsGallery .mod-productsGallery-prev {
        top: 18px;
        line-height: 190px;
        width: 18px;
        height: 190px
    }

    .mod-productsGallery .mod-productsGallery-next:before,
    .mod-productsGallery .mod-productsGallery-prev:before {
        font-size: 40px !important
    }

    .mod-productsGallery .mod-productsGallery-colors {
        padding: 0 0 2px 2px
    }

    .mod-productsGallery .mod-productsGallery-colors li {
        width: 34px;
        height: 34px;
        margin: 2px 0 3px 10px
    }

    .mod-productsGallery .mod-productsGallery-thumbnails {
        margin-left: -8px
    }

    .mod-productsGallery .mod-productsGallery-thumbnails li {
        margin: 8px 0 0 8px
    }

    .mod-productsGallery .mod-productsGallery-thumbnails img {
        width: 62px;
        height: 45px
    }

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

    .mod-photoGallery {
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
        overflow: hidden
    }

    .mod-photoGallery .mod-photoGallery-carousel {
        padding: 0 20px
    }

    .mod-photoGallery .mod-photoGallery-next,
    .mod-photoGallery .mod-photoGallery-prev {
        line-height: 115px;
        top: 0;
        bottom: 0;
        border: auto;
        height: 115px
    }

    .mod-photoGallery .mod-photoGallery-viewport {
        width: 390px;
        height: 115px
    }

    .mod-photoGallery .mod-photoGallery-item {
        width: 130px
    }

    .mod-photoGallery .mod-photoGallery-item-inner {
        width: 115px
    }

    .mod-photoGallery .mod-photoGallery-image {
        width: 109px;
        height: 109px
    }

    .mod-photoGallery .mod-photoGallery-image img {
        max-width: 109px;
        max-height: 109px
    }

    .mod-membershipLoginLink.mod-membershipLoginLink--is-visible {
        display: block !important
    }

    .mod-membershipBlock {
        position: relative;
        background-color: #fbfafa;
        margin: 0;
        padding: 0 15px 25px
    }

    .mod-membershipBlock:before {
        display: block;
        width: 100%;
        height: 1px;
        margin-bottom: 25px;
        background-color: #cdcbc4;
        content: ''
    }

    .mod-membershipBlock:first-child:before {
        display: none
    }

    .mod-membershipBlock:first-child {
        margin: 0;
        padding: 20px 15px;
        border-top: 1px solid #cdcbc4
    }

    .mod-membershipBlock .mod-membershipBlock-inner {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0
    }

    .mod-membershipBlock .mod-membershipBlock-heading {
        display: block;
        width: 100%;
        padding-bottom: 10px
    }

    .mod-membershipBlock .mod-membershipBlock-body {
        display: table;
        width: 100%;
        text-align: center
    }

    .mod-membershipBlock .mod-membershipBlock-loginButton {
        min-width: 124px
    }

    .mod-membershipBlock .mod-membershipBlock-registerButton {
        min-width: 124px;
        margin-left: 8px
    }

    .mod-membershipBlock .mod-membershipBlock-menuToggler {
        font-size: 13px;
        padding-left: 3px;
        padding-right: 3px
    }

    .mod-membershipBlock .mod-membershipBlock-menuToggler:after {
        margin-left: -1px
    }

    .mod-membershipBlock .mod-membershipBlock-logoutButton {
        min-width: initial;
        width: 76px;
        margin-left: 5px;
        font-size: 13px;
        padding-left: 2px;
        padding-right: 2px
    }

    .mod-membershipBlock .membershipBlockAreaNonIntegrated p {
        font-size: 13px;
    }

    .mod-membershipBlock__top {
        background-color: transparent;
        padding: 0;
    }

    .mod-membershipBlock__top:first-child {
        padding: 0;
        border-top: 0 none;
    }

    .mod-membershipBlock__top .membershipBlockAreaNonIntegrated {
        margin-right: 5px;
    }

    .mod-membershipBlock__top .membershipBlockAreaNonIntegrated p {
        font-size: 12px;
    }

    .mod-membershipBlock__top .mod-membershipBlock-menuToggler {
        padding: 0 10px;
        min-width: 170px;
        font-size: 12px;
    }

    .mod-linkBlock.mod-linkBlock--type-2 .mod-notify {
        margin-bottom: 15px
    }

    .mod-notify {
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-notify .mod-notify-date {
        float: none;
        margin-right: 0
    }

    .mod-notify .mod-notify-text {
        margin-bottom: 10px
    }

    .mod-notify .mod-notify-text:last-child {
        margin-bottom: 0
    }

    .mod-notify .mod-arrowLink:before {
        top: 3px;
        font-size: 20px
    }

    .mod-newsList-item {
        display: block;
        position: relative
    }

    .mod-newsList-date {
        display: inline-block
    }

    .mod-newsList-category {
        display: inline-block;
        padding-top: 3px
    }

    .mod-newsList-text {
        display: block;
        line-height: 1.5;
        padding-left: 0
    }

    .mod-newsList-text .mod-arrowLink:before {
        top: 4px
    }

    .mod-newsList-image {
        display: block;
        position: absolute;
        top: 30px;
        top: 3rem;
        left: 0;
        padding-top: 0;
        padding-right: 0
    }

    .mod-newsList-image+.mod-newsList-text {
        padding-left: 70px;
        min-height: 63px
    }

    .mod-newsList-note {
        text-align: left
    }

    .mod-searchForm-word {
        float: none
    }

    .mod-searchForm-input {
        width: 100%
    }

    .mod-searchForm-submit {
        display: none
    }

    .mod-searchForm-submit.mod-searchForm-submit--ss {
        display: block !important
    }

    .mod-searchForm-moreOption {
        display: none
    }

    .mod-searchForm-radio {
        display: block;
        margin-right: 0;
        margin-bottom: 5px
    }

    .mod-searchForm2-col {
        display: block;
        width: 100%
    }

    .mod-searchForm2-col+.mod-searchForm2-col {
        width: 100%
    }

    .mod-searchForm2-content2 .mod-searchForm2-col {
        display: block;
        width: 100%;
        padding-right: 0
    }

    .mod-searchForm2-col2 {
        display: block
    }

    .mod-searchForm2-key,
    .mod-searchForm2-key2 {
        width: 100%;
        float: none
    }

    .mod-searchForm2-input,
    .mod-searchForm2-input2,
    .mod-searchForm2-select,
    .mod-searchForm2-select2,
    .mod-searchForm2-select3 {
        width: 100%
    }

    .mod-searchCandidate {
        margin-bottom: 20px
    }

    .mod-searchResultHeading {
        border-radius: 0;
        border-width: 1px 0;
        box-shadow: inset 0 1px #fff, inset 0 -1px #fff;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
        margin-right: -15px;
        margin-left: -15px
    }

    .mod-searchResultHeading .mod-searchResultHeading-word {
        display: none
    }

    .mod-searchResultHeading .mod-searchResultHeading-length {
        font-size: 16px;
        font-size: 1.6rem
    }

    .mod-searchPager-ul {
        width: 100%
    }

    .mod-searchPager-ul:after {
        content: "";
        display: table;
        clear: both
    }

    .mod-searchPager-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-searchPager-prev>a:before,
    .mod-searchPager-prev>span:before {
        line-height: 1.2
    }

    .mod-searchPager-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-searchPager-next>a:after,
    .mod-searchPager-next>span:after {
        line-height: 1.2
    }

    .mod-searchPager-item {
        display: none
    }

    .mod-searchItem-body {
        width: auto
    }

    .mod-goodsList .mod-goodsList-ul {
        margin-left: -20px
    }

    .mod-goodsList .mod-goodsList-ul>li {
        width: 50%;
        padding-left: 20px
    }

    .mod-goodsList .mod-goodsList-heading {
        line-height: 1.4
    }

    .mod-goodsList .mod-goodsList-heading--type-arrow:before {
        font-size: 16px
    }

    .mod-goodsList .mod-goodsList-colorList ul {
        left: 0;
        margin-left: -8px
    }

    .mod-goodsList .mod-goodsList-colorList li {
        margin-left: 10px
    }

    .mod-goodsList .mod-goodsList-retailPrice,
    .mod-goodsList .mod-goodsList-text {
        padding-bottom: 0;
        font-size: 12px;
        font-size: 1.2rem
    }

    .mod-goodsList .mod-goodsList-retailPrice {
        font-size: 10px;
        font-size: 1rem
    }

    .mod-goodsList .mod-goodsList-price {
        padding-left: 0;
        letter-spacing: -.3px;
        letter-spacing: -.03rem
    }

    .mod-goodsList2-group1,
    .mod-goodsList2-group2,
    .mod-goodsList2-group3,
    .mod-goodsList2-group4 {
        width: 50%;
        margin-bottom: 25px
    }

    .mod-goodsList2-group1:nth-child(odd),
    .mod-goodsList2-group2:nth-child(odd),
    .mod-goodsList2-group3:nth-child(odd),
    .mod-goodsList2-group4:nth-child(odd) {
        padding-right: 10px
    }

    .mod-goodsList2-group1:nth-child(even),
    .mod-goodsList2-group2:nth-child(even),
    .mod-goodsList2-group3:nth-child(even),
    .mod-goodsList2-group4:nth-child(even) {
        padding-left: 10px
    }

    .mod-goodsList2-group1 .mod-goodsList2-name {
        padding-left: 0
    }

    .mod-goodsList2-group2 .mod-goodsList2-name {
        padding-left: 0;
        padding-right: 0
    }

    .mod-goodsList2-group3 .mod-goodsList2-name,
    .mod-goodsList2-group4 .mod-goodsList2-name {
        padding-right: 0
    }

    .mod-goodsList2-logo {
        text-align: left
    }

    .mod-goodsList2-group1 .mod-goodsList2-logo,
    .mod-goodsList2-group2 .mod-goodsList2-logo,
    .mod-goodsList2-group3 .mod-goodsList2-logo,
    .mod-goodsList2-group4 .mod-goodsList2-logo {
        width: 100%;
        margin-left: 0
    }

    .mod-goodsList2-group1 .mod-goodsList2-thumb,
    .mod-goodsList2-group2 .mod-goodsList2-thumb {
        padding-left: 0
    }

    .mod-goodsList2-groupBG {
        display: none
    }

    .mod-goodsList2-group1 .mod-goodsList2-image,
    .mod-goodsList2-group2 .mod-goodsList2-image,
    .mod-goodsList2-group3 .mod-goodsList2-image,
    .mod-goodsList2-group4 .mod-goodsList2-image {
        width: 100%;
        padding: 0
    }

    .mod-goodsList2-state {
        height: auto
    }

    .mod-goodsList2-group1 .mod-goodsList2-state,
    .mod-goodsList2-group2 .mod-goodsList2-state,
    .mod-goodsList2-group3 .mod-goodsList2-state,
    .mod-goodsList2-group4 .mod-goodsList2-state {
        width: 100%;
        padding: 0 10px
    }

    .mod-linkBlock.portal {
        text-align: left
    }

    .mod-linkBlock--type-2 {
        padding-top: 15px;
        padding-bottom: 3px
    }

    .mod-linkBlock--type-2 .mod-linkBlock-inner {
        width: auto;
        margin-left: 15px;
        margin-right: 15px
    }

    .mod-linkBlock-group {
        margin-left: 0
    }

    .mod-linkBlock-item {
        float: none;
        width: 100%;
        padding-left: 0
    }

    .mod-linkBlock-item+.mod-linkBlock-item {
        margin-top: 10px
    }

    .mod-linkBlock-button--type-3>a:before {
        background-image: url(/common2/img/misc/icon_banner468_2x.png)
    }

    .mod-linkBlock-linktext {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: left
    }

    .mod-layout8+.mod-linkBlock2 {
        margin-top: 10px
    }

    .mod-linkBlock2-links {
        text-align: left
    }

    .mod-linkBlock3-inner {
        display: block;
        width: auto;
        border-radius: 0;
        border-left-width: 0;
        border-right-width: 0;
        margin-left: -15px;
        margin-right: -15px
    }

    .mod-linkBlock3-body,
    .mod-linkBlock3-text {
        display: block
    }

    .mod-linkBlock3-buttons {
        display: block;
        margin: 10px auto 0;
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }

    .mod-linkBlock3-buttons:first-child {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 10px
    }

    .mod-linkBlock3-buttons--type-2 {
        width: auto;
        padding-left: 0;
        padding-right: 0
    }

    .mod-linkBlock3-buttons--type-2:first-child {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 10px
    }

    .mod-linkBlock3-buttons--type-left-ss {
        text-align: left
    }

    .mod-linkBlock3-button+.mod-linkBlock3-button {
        margin-left: 5px
    }

    .mod-linkBlock4 {
        max-width: 100%
    }

    .mod-importantNotice {
        margin-bottom: 20px
    }

    .mod-importantNotice-info24red:before {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        height: 24px;
        background: url(/common2/img/misc/icon_information/3_icon_24_red_2x.gif) top center no-repeat;
        -webkit-background-size: 15px 24px;
        -moz-background-size: 15px 24px;
        background-size: 15px 24px;
        width: 21px
    }

    .mod-importantNotice-attention:before {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 21px;
        height: 19px;
        background: url(/common2/img/misc/icon_attention_2x.gif) no-repeat;
        -webkit-background-size: 21px 19px;
        -moz-background-size: 21px 19px;
        background-size: 21px 19px
    }

    .mod-importantNotice-info24green:before {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        height: 24px;
        background: url(/common2/img/misc/icon_information/4_icon_24_green_2x.gif) top center no-repeat;
        -webkit-background-size: 15px 24px;
        -moz-background-size: 15px 24px;
        background-size: 15px 24px;
        width: 21px
    }

    .mod-telLink-tel {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: transparent
    }

    .mod-telLink-tel+.mod-telLink-text {
        color: #1d3994;
        text-decoration: underline
    }

    .mod-categoryLabelList--horizontal .mod-categoryLabelList-item {
        font-size: 10px;
        font-size: 1rem
    }

    div#aboutFT1 .mod-closeWindow-button-block,
    div#aboutMTF .mod-closeWindow-button-block,
    div#important-information .mod-closeWindow-button-block,
    div#legal .mod-closeWindow-button-block,
    div#lensCombination .mod-closeWindow-button-block,
    div#lensTechnology .mod-closeWindow-button-block,
    div#search-help-toc .mod-closeWindow-button-block {
        margin-top: 0;
        text-align: center
    }

    div#lensTechnology .mod-headingV8 .mod-headingV8-title .mod-lenstechnologyIcon {
        margin-left: 10px
    }

    div#search-help-toc {
        margin-top: -20px
    }

    div#search-help-toc ul {
        display: none
    }

    .mod-layout4 .mod-layout4-group .mod-layout4-item.support-mod-layout4-item--double {
        width: 100%
    }

    .support-small-in-small {
        font-size: .75em
    }

    .support-center-in-small {
        text-align: center
    }

    .support-trim-in-small {
        display: block;
        overflow: hidden;
        margin-left: 5%;
        width: 90%;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .support-trim-in-small[data-support-clipped] {
        position: relative;
        overflow: visible;
        text-overflow: clip;
        color: transparent
    }

    .support-trim-in-small[data-support-clipped]:before {
        content: attr(data-support-clipped);
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -50%;
        width: 100%;
        color: #333
    }

    .support-buttonLinkBlock.support-buttonLinkBlock-english {
        top: auto;
        float: none
    }

    .mod-withinPageNav.mod-withinPageNav--type-enclosure.support-withinPageNav--type-always {
        display: block;
        padding: 15px 3px
    }

    .mod-withinPageNav.mod-withinPageNav--type-enclosure.support-withinPageNav--type-always ul.mod-withinPageNav-ul li {
        position: relative;
        margin-bottom: 10px;
        padding-left: 18px;
        font-size: 14px;
        line-height: 18px
    }

    .mod-withinPageNav.mod-withinPageNav--type-enclosure.support-withinPageNav--type-always ul.mod-withinPageNav-ul li:last-child {
        margin-bottom: 0
    }

    .mod-withinPageNav.mod-withinPageNav--type-enclosure.support-withinPageNav--type-always ul.mod-withinPageNav-ul li:before {
        position: absolute;
        display: inline-block;
        top: .15em;
        left: 0
    }

    .mod-linkBlock3.support-loginStatusBlock .mod-linkBlock3-inner .mod-linkBlock3-body .mod-linkBlock3-text em,
    .mod-linkBlock3.support-loginStatusBlock .mod-linkBlock3-inner .mod-linkBlock3-body .mod-linkBlock3-text strong {
        display: block;
        line-height: 1.7
    }

    .mod-layout5.support-nikonplaza .mod-layout5-item {
        width: auto;
        float: none
    }

    .mod-layout5.support-nikonplaza .mod-layout5-item:first-child,
    .mod-layout5.support-nikonplaza .mod-layout5-item:nth-child(even),
    .mod-layout5.support-nikonplaza .mod-layout5-item:nth-child(odd) {
        padding-left: 0;
        padding-right: 0
    }

    .mod-arrowList.support-childPages ul li,
    .mod-arrowList.support-childPages--half-and-half ul li,
    .mod-arrowList.support-pageList ul li,
    .mod-arrowList.support-pageList--half-and-half ul li,
    .mod-arrowList.support-siblingPages ul li,
    .mod-arrowList.support-siblingPages--half-and-half ul li {
        display: block;
        margin-bottom: 0;
        padding-right: 0
    }

    .mod-arrowList.support-childPages--half-and-half ul li,
    .mod-arrowList.support-pageList--half-and-half ul li,
    .mod-arrowList.support-siblingPages--half-and-half ul li {
        width: auto
    }

    .support-srsc-servicecenterMenu ul li {
        display: block;
        margin-bottom: 0;
        padding-right: 0
    }

    div.support-srsc-access div.support-srsc-access-row {
        display: block;
        width: auto
    }

    div.support-srsc-access div.support-srsc-access-row div.mod-layout2-note {
        display: block
    }

    div.support-srsc-access div.support-srsc-access-row div.support-srsc-access-printablePage {
        display: none
    }

    div.support-srsc-access .support-srsc-access-map div.support-srsc-access-map-box {
        margin: 0 15px;
        height: 400px
    }

    div.support-srsc-access .support-srsc-access-map div.support-srsc-access-map-box .support-srsc-access-map-baloon-box {
        width: 190px
    }

    .support-qa-section h2.support-qa-question abbr,
    .support-qa-section h2.support-qa-question--with-double-digits abbr,
    .support-qa-section h2.support-qa-question--with-single-digits abbr,
    .support-qa-section p.support-qa-answer abbr {
        left: 10px;
        font-size: 22px;
        top: -.25em
    }

    .support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-heading,
    .support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-headingV1,
    .support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-headingV2,
    .support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-headingV3,
    .support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-headingV4,
    .support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-layout2-note,
    .support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText {
        padding-left: 10px;
        padding-right: 10px
    }

    .support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-item .mod-specialtyText p.support-qa-answer abbr.support-qa-a {
        top: -.27273em
    }

    .support-qa-section .mod-togglable-content .mod-layout2 .mod-layout2-row .mod-layout2-media .mod-specialtyMedia {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width:469px) {
    .mod-photoGallery .mod-photoGallery-viewport {
        width: 260px
    }
}

@media print {
    .mod-unprintable>img:first-child {
        visibility: hidden
    }
}