@charset "UTF-8";
/* --- Isolated Global Resets --- */
.pm-brand-pack *,
.pm-brand-pack *:before,
.pm-brand-pack *:after {
  box-sizing: inherit;
}

.pm-brand-pack * {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}

/* --- Typography & Icons --- */
@font-face {
  font-family: paris-miki-fonts;
  src: url(/font/brand/common/paris-miki-fonts.eot);
  src: url(/font/brand/common/paris-miki-fonts.eot?#iefix) format("eot"),
       url(/font/brand/common/paris-miki-fonts.woff) format("woff"),
       url(/font/brand/common/paris-miki-fonts.ttf) format("truetype"),
       url(/font/brand/common/paris-miki-fonts.svg#paris-miki-fonts) format("svg");
}

.pm-brand-pack .icon:before {
  display: inline-block;
  font-family: paris-miki-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pm-brand-pack .icon-lg { font-size: 1.3333333333333333em; line-height: .75em; vertical-align: -15%; }
.pm-brand-pack .icon-2x { font-size: 2em; }
.pm-brand-pack .icon-3x { font-size: 3em; }
.pm-brand-pack .icon-4x { font-size: 4em; }
.pm-brand-pack .icon-5x { font-size: 5em; }
.pm-brand-pack .icon-fw { width: 1.2857142857142858em; text-align: center; }

/* Icon Contents */
.pm-brand-pack .icon-facebook:before { content: "\EA01"; }
.pm-brand-pack .icon-instagram:before { content: "\EA02"; }
.pm-brand-pack .icon-twitter:before { content: "\EA03"; }
.pm-brand-pack .icon-youtube:before { content: "\EA04"; }
.pm-brand-pack .icon-product:before { content: "\EA05"; }
.pm-brand-pack .icon-store:before { content: "\EA06"; }
.pm-brand-pack .icon-favorite:before { content: "\EA07"; }
.pm-brand-pack .icon-search:before { content: "\EA08"; }
.pm-brand-pack .icon-arrow_left:before { content: "\EA09"; }
.pm-brand-pack .icon-arrow_right:before { content: "\EA10"; }
.pm-brand-pack .icon-arrow_top:before { content: "\EA11"; }
.pm-brand-pack .icon-arrow_bottom:before { content: "\EA12"; }
.pm-brand-pack .icon-contact:before { content: "\EA13"; }
.pm-brand-pack .icon-blank:before { content: "\EA14"; }
.pm-brand-pack .icon-line:before { content: "\EA15"; }
.pm-brand-pack .icon-facebook_02:before { content: "\EA16"; }
.pm-brand-pack .icon-glass_side:before { content: "\EA17"; }
.pm-brand-pack .icon-arrow_back:before { content: "\EA18"; }
.pm-brand-pack .icon-parking:before { content: "\EA19"; }
.pm-brand-pack .icon-barrier_free:before { content: "\EA20"; }
.pm-brand-pack .icon-star:before { content: "\EA21"; }
.pm-brand-pack .icon-close:before { content: "\EA22"; }
.pm-brand-pack .icon-lens_square:before { content: "\EA23"; }
.pm-brand-pack .icon-lens_oval:before { content: "\EA24"; }
.pm-brand-pack .icon-lens_boston:before { content: "\EA25"; }
.pm-brand-pack .icon-lens_wellington:before { content: "\EA26"; }
.pm-brand-pack .icon-lens_round:before { content: "\EA27"; }
.pm-brand-pack .icon-lens_barrel:before { content: "\EA28"; }
.pm-brand-pack .icon-frame_metal:before { content: "\EA29"; }
.pm-brand-pack .icon-frame_cell:before { content: "\EA30"; }
.pm-brand-pack .icon-frame_half-rim:before { content: "\EA31"; }
.pm-brand-pack .icon-frame_rimless:before { content: "\EA32"; }
.pm-brand-pack .icon-frame_combination:before { content: "\EA33"; }
.pm-brand-pack .icon-frame_blow:before { content: "\EA34"; }
.pm-brand-pack .icon-arrow_first:before { content: "\EA35"; }
.pm-brand-pack .icon-arrow_last:before { content: "\EA36"; }
.pm-brand-pack .icon-mail:before { content: "\EA37"; }
.pm-brand-pack .icon-pencil:before { content: "\EA38"; }
.pm-brand-pack .icon-camera:before { content: "\EA39"; }
.pm-brand-pack .icon-circle:before { content: "\EA40"; }
.pm-brand-pack .icon-arrow_bottom2:before { content: "\EA41"; }
.pm-brand-pack .icon-check:before { content: "\EA42"; }
.pm-brand-pack .icon-cart:before { content: "\EA43"; }
.pm-brand-pack .icon-exclamation:before { content: "\EA44"; }
.pm-brand-pack .icon-calendar:before { content: "\EA45"; }
.pm-brand-pack .icon-lens_polygon:before { content: "\EA46"; }

.pm-brand-pack .clearfix { zoom: 1; }
.pm-brand-pack .clearfix:after { content: ""; display: table; clear: both; }

/* --- Isolated Reset Library (ress.css modification) --- */
.pm-brand-pack audio:not([controls]) { display: none; height: 0; }
.pm-brand-pack hr { overflow: visible; }
.pm-brand-pack article, .pm-brand-pack aside, .pm-brand-pack details, .pm-brand-pack figcaption, .pm-brand-pack figure, .pm-brand-pack footer, .pm-brand-pack header, .pm-brand-pack main, .pm-brand-pack menu, .pm-brand-pack nav, .pm-brand-pack section, .pm-brand-pack summary { display: block; }
.pm-brand-pack summary { display: list-item; }
.pm-brand-pack small { font-size: 80%; }
.pm-brand-pack [hidden], .pm-brand-pack template { display: none; }
.pm-brand-pack abbr[title] { border-bottom: 1px dotted; text-decoration: none; }
.pm-brand-pack a { background-color: transparent; -webkit-text-decoration-skip: objects; }
.pm-brand-pack a:active, .pm-brand-pack a:hover { outline-width: 0; }
.pm-brand-pack code, .pm-brand-pack kbd, .pm-brand-pack pre, .pm-brand-pack samp { font-family: monospace, monospace; }
.pm-brand-pack b, .pm-brand-pack strong { font-weight: bolder; }
.pm-brand-pack dfn { font-style: italic; }
.pm-brand-pack mark { background-color: #ff0; color: #000; }
.pm-brand-pack sub, .pm-brand-pack sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.pm-brand-pack sub { bottom: -.25em; }
.pm-brand-pack sup { top: -.5em; }
.pm-brand-pack input { border-radius: 0; }
.pm-brand-pack button, .pm-brand-pack [type=button], .pm-brand-pack [type=reset], .pm-brand-pack [type="submit"] [role="button"] { cursor: pointer; }
.pm-brand-pack [disabled] { cursor: default; }
.pm-brand-pack [type=number] { width: auto; }
.pm-brand-pack [type=search] { -webkit-appearance: textfield; }
.pm-brand-pack [type=search]::-webkit-search-cancel-button, .pm-brand-pack [type=search]::-webkit-search-decoration { -webkit-appearance: none; }
.pm-brand-pack textarea { overflow: auto; resize: vertical; }
.pm-brand-pack button, .pm-brand-pack input, .pm-brand-pack optgroup, .pm-brand-pack select, .pm-brand-pack textarea { font: inherit; }
.pm-brand-pack optgroup { font-weight: 700; }
.pm-brand-pack button { overflow: visible; }
.pm-brand-pack button::-moz-focus-inner, .pm-brand-pack [type=button]::-moz-focus-inner, .pm-brand-pack [type=reset]::-moz-focus-inner, .pm-brand-pack [type=submit]::-moz-focus-inner { border-style: 0; padding: 0; }
.pm-brand-pack button:-moz-focusring, .pm-brand-pack [type=button]::-moz-focus-inner, .pm-brand-pack [type=reset]::-moz-focus-inner, .pm-brand-pack [type=submit]::-moz-focus-inner { outline: 1px dotted ButtonText; }
.pm-brand-pack button, .pm-brand-pack [type=button], .pm-brand-pack [type=reset], .pm-brand-pack [type=submit] { -webkit-appearance: button; }
.pm-brand-pack button, .pm-brand-pack select { text-transform: none; }
.pm-brand-pack button, .pm-brand-pack input, .pm-brand-pack select, .pm-brand-pack textarea { background-color: transparent; border-style: none; color: inherit; }
.pm-brand-pack select { -moz-appearance: none; -webkit-appearance: none; }
.pm-brand-pack select::-ms-expand { display: none; }
.pm-brand-pack select::-ms-value { color: currentColor; }
.pm-brand-pack legend { border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; }
.pm-brand-pack ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
.pm-brand-pack [type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
.pm-brand-pack img { border-style: none; }
.pm-brand-pack progress { vertical-align: baseline; }
.pm-brand-pack svg:not(:root) { overflow: hidden; }
.pm-brand-pack audio, .pm-brand-pack canvas, .pm-brand-pack progress, .pm-brand-pack video { display: inline-block; }

/* Media views */
.pm-brand-pack [data-view*=sp] { display: none; }
.pm-brand-pack [data-view*=tablet] { display: none; }
.pm-brand-pack [data-view*=pc] { display: block; }
.pm-brand-pack [data-view*=pc-inlineblock] { display: inline-block; }
@media screen and (max-width: 1000px) {
  .pm-brand-pack [data-view*=pc] { display: none; }
  .pm-brand-pack [data-view*=pc-inlineblock] { display: none; }
  .pm-brand-pack [data-view*=tablet] { display: block; }
  .pm-brand-pack [data-view*=tablet-inlineblock] { display: inline-block; }
}
@media screen and (max-width: 47.938em) {
  .pm-brand-pack [data-view*=pc] { display: none; }
  .pm-brand-pack [data-view*=pc-inlineblock] { display: none; }
  .pm-brand-pack [data-view*=tablet] { display: none; }
  .pm-brand-pack [data-view*=tablet-inlineblock] { display: none; }
  .pm-brand-pack [data-view*=sp] { display: block; }
  .pm-brand-pack [data-view*=sp-inlineblock] { display: inline-block; }
}

/* Pure Grid Isolated */
.pm-brand-pack .pure-g {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.pm-brand-pack .pure-u { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
.pm-brand-pack .pure-u-1-2 { width: 50%; }
.pm-brand-pack .pure-u-1-3 { width: 33.3333%; }
.pm-brand-pack .pure-u-1-4 { width: 25%; }
.pm-brand-pack .pure-u-1 { width: 100%; }
/* --- (Pure-U widths abbreviated for brevity, but all are inside .pm-brand-pack scope) --- */

/* --- Specialized Module Styles with Localized REM --- */
.pm-brand-pack .mod-link02 .icon { font-size: 19.2px; font-size: calc(1.2 * var(--base-rem)); margin-left: 10px; }
.pm-brand-pack .mod-head01 {
    min-height: 160px; padding: 60px 0; background-color: #fff;
    font-size: 48px; font-size: calc(3.0 * var(--base-rem));
    font-weight: 400; line-height: 1.4; text-align: center;
}
.pm-brand-pack .mod-head02 { font-size: 48px; font-size: calc(3.0 * var(--base-rem)); text-align: center; }
.pm-brand-pack .mod-head03 { font-size: 57.6px; font-size: calc(3.6 * var(--base-rem)); }
.pm-brand-pack .mod-head03_en { font-size: 64px; font-size: calc(4.0 * var(--base-rem)); }

.pm-brand-pack .mod-head-04_label { font-size: 25.6px; font-size: calc(1.6 * var(--base-rem)); background-color: #efefef; }
.pm-brand-pack .mod-head-04_text { font-size: 28.8px; font-size: calc(1.8 * var(--base-rem)); }

.pm-brand-pack .mod-head05 { color: #14195a; font-size: 35.2px; font-size: calc(2.2 * var(--base-rem)); }
.pm-brand-pack .mod-head06 { background-color: #e2e2e9; font-size: 38.4px; font-size: calc(2.4 * var(--base-rem)); }

.pm-brand-pack .mod-button-txt { font-size: 24px; font-size: calc(1.5 * var(--base-rem)); }

.pm-brand-pack .mod-iconArrowRight:before, .pm-brand-pack .mod-iconArrowLeft:before { font-size: 19.2px; font-size: calc(1.2 * var(--base-rem)); }
.pm-brand-pack .mod-iconRight:before, .pm-brand-pack .mod-iconLeft:before { font-size: 35.2px; font-size: calc(2.2 * var(--base-rem)); }

.pm-brand-pack .mod-topicPath-li { font-size: 19.2px; font-size: calc(1.2 * var(--base-rem)); }
.pm-brand-pack .mod-boxLink01-title { font-size: 25.6px; font-size: calc(1.6 * var(--base-rem)); }
.pm-brand-pack .mod-boxLink01-new { font-size: 19.2px; font-size: calc(1.2 * var(--base-rem)); }

.pm-brand-pack .mod-anchor02-body-li-a { font-size: 24px; font-size: calc(1.5 * var(--base-rem)); }
.pm-brand-pack .mod-anchor03 a { font-size: 28.8px; font-size: calc(1.8 * var(--base-rem)); border-bottom: 20px solid #14195a; }
.pm-brand-pack .mod-anchor03 a>span span { font-size: 24px; font-size: calc(1.5 * var(--base-rem)); }

.pm-brand-pack .mod-newsList-date, .pm-brand-pack .mod-newsList-cat, .pm-brand-pack .mod-newsList-new { font-size: 19.2px; font-size: calc(1.2 * var(--base-rem)); }

.pm-brand-pack .mod-news-selectYear-head { font-size: 25.6px; font-size: calc(1.6 * var(--base-rem)); }
.pm-brand-pack .mod-news-selectYear-head span, .pm-brand-pack .mod-news-selectYear-body li a { font-size: 24px; font-size: calc(1.5 * var(--base-rem)); }

.pm-brand-pack .mod-sideNav-nav-head { font-size: 28.8px; font-size: calc(1.8 * var(--base-rem)); }
.pm-brand-pack .mod-sideNav-nav-list { font-size: 24px; font-size: calc(1.5 * var(--base-rem)); }

/* Utility Classes with Isolated REM */
.pm-brand-pack .fs_10 { font-size: 16px; font-size: calc(1.0 * var(--base-rem)); }
.pm-brand-pack .fs_12 { font-size: 19.2px; font-size: calc(1.2 * var(--base-rem)); }
.pm-brand-pack .fs_14 { font-size: 22.4px; font-size: calc(1.4 * var(--base-rem)); }
.pm-brand-pack .fs_15 { font-size: 24px; font-size: calc(1.5 * var(--base-rem)); }
.pm-brand-pack .fs_16 { font-size: 25.6px; font-size: calc(1.6 * var(--base-rem)); }
.pm-brand-pack .fs_18 { font-size: 28.8px; font-size: calc(1.8 * var(--base-rem)); }
.pm-brand-pack .fs_20 { font-size: 32px; font-size: calc(2.0 * var(--base-rem)); }
.pm-brand-pack .fs_24 { font-size: 38.4px; font-size: calc(2.4 * var(--base-rem)); }
.pm-brand-pack .fs_30 { font-size: 48px; font-size: calc(3.0 * var(--base-rem)); }
.pm-brand-pack .fs_40 { font-size: 64px; font-size: calc(4.0 * var(--base-rem)); }

/* List Styles */
.pm-brand-pack .ul-star > li { position: relative; padding-left: 24px; padding-left: calc(1.5 * var(--base-rem)); margin-bottom: 5px; }

/* Product Details */
.pm-brand-pack .prod-detail-mainImg-soldout, .pm-brand-pack .prod-detail-mainImg-new { font-size: 25.6px; font-size: calc(1.6 * var(--base-rem)); }
.pm-brand-pack .prod-detail-price { font-size: 38.4px; font-size: calc(2.4 * var(--base-rem)); }
.pm-brand-pack .prod-detail-dl dt { font-size: 20.8px; font-size: calc(1.3 * var(--base-rem)); }
.pm-brand-pack .prod-detail-dl dd { font-size: 22.4px; font-size: calc(1.4 * var(--base-rem)); }
.pm-brand-pack .prod-detail-colors .colorList-item a { font-size: 22.4px; font-size: calc(1.4 * var(--base-rem)); }

/* Hearing Aid sections */
.pm-brand-pack .prod-hearingaid-hearing-head { font-size: 38.4px; font-size: calc(2.4 * var(--base-rem)); }
.pm-brand-pack .prod-hearingaid-purchase-step .step-num { font-size: 54.4px; font-size: calc(3.4 * var(--base-rem)); }
.pm-brand-pack .prod-hearingaid-purchase-step .step-num span { font-size: 25.6px; font-size: calc(1.6 * var(--base-rem)); }
.pm-brand-pack .prod-hearingaid-purchase-step .step-txt { font-size: 32px; font-size: calc(2.0 * var(--base-rem)); }
