@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
  font-family: 'Noto-B';
  src: url("/asset/font/NotoSansJP-Bold.eot");
  src: url("/asset/font/NotoSansJP-Bold.eot?iefix") format("eot"), url("/asset/font/NotoSansJP-Bold.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Noto-L';
  src: url("/asset/font/NotoSansJP-Light.eot");
  src: url("/asset/font/NotoSansJP-Light.eot?iefix") format("eot"), url("/asset/font/NotoSansJP-Light.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Noto-R';
  src: url("/asset/font/NotoSansJP-Regular.eot");
  src: url("/asset/font/NotoSansJP-Regular.eot?iefix") format("eot"), url("/asset/font/NotoSansJP-Regular.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Noto-M';
  src: url("/asset/font/NotoSansJP-Medium.eot");
  src: url("/asset/font/NotoSansJP-Medium.eot?iefix") format("eot"), url("/asset/font/NotoSansJP-Medium.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'TexGyreHeros';
  src: url("../font/texgyreheros-regular.eot");
  src: url("../font/texgyreheros-regular.eot?iefix") format("eot"), url("../font/texgyreheros-regular.woff") format("woff");
  font-display: swap; }

a {
  cursor: pointer; }

@media only screen and (max-width: 767px) {
  .dn-sp {
    display: none !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .dn-tablet {
    display: none !important; } }

@media only screen and (min-width: 1025px) {
  .dn-pc {
    display: none !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) {
  .dn-tab_pc {
    display: none !important; } }

@font-face {
  font-family: 'Noto-B';
  src: url("/asset/font/NotoSansJP-Bold.eot");
  src: url("/asset/font/NotoSansJP-Bold.eot?iefix") format("eot"), url("/asset/font/NotoSansJP-Bold.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Noto-L';
  src: url("/asset/font/NotoSansJP-Light.eot");
  src: url("/asset/font/NotoSansJP-Light.eot?iefix") format("eot"), url("/asset/font/NotoSansJP-Light.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Noto-R';
  src: url("/asset/font/NotoSansJP-Regular.eot");
  src: url("/asset/font/NotoSansJP-Regular.eot?iefix") format("eot"), url("/asset/font/NotoSansJP-Regular.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Noto-M';
  src: url("/asset/font/NotoSansJP-Medium.eot");
  src: url("/asset/font/NotoSansJP-Medium.eot?iefix") format("eot"), url("/asset/font/NotoSansJP-Medium.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'TexGyreHeros';
  src: url("../font/texgyreheros-regular.eot");
  src: url("../font/texgyreheros-regular.eot?iefix") format("eot"), url("../font/texgyreheros-regular.woff") format("woff");
  font-display: swap; }

body, div, p, form, input, textarea, select, option, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, address, button, figure, figcaption {
  margin: 0;
  padding: 0;
  font-style: normal;
  line-height: 1; }

select, input, textarea, button {
  font-family: 'Helvetica Neue',Arial, 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN W3', '游ゴシック Medium' , '游ゴシック体', 'Yu Gothic', YuGothic, Meiryo, メイリオ, sans-serif; }

select {
  border: 1px solid #dbdbdb;
  outline: none;
  border-radius: 0;
  -webkit-box-shadow: 0;
  -ms-box-shadow: 0;
  -o-box-shadow: 0;
  box-shadow: 0; }

input[type='text'], input[type='password'] {
  border: 1px solid #dbdbdb;
  outline: none;
  border-radius: 0;
  -webkit-box-shadow: 0;
  -ms-box-shadow: 0;
  -o-box-shadow: 0;
  box-shadow: 0; }

textarea {
  border: 1px solid #dbdbdb;
  outline: none;
  border-radius: 0;
  -webkit-box-shadow: 0;
  -ms-box-shadow: 0;
  -o-box-shadow: 0;
  box-shadow: 0; }

input[type='text'], input[type='password'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

table {
  border-collapse: collapse; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

img {
  border: 0;
  vertical-align: middle; }

ul, ol {
  list-style: none; }

html {
  font-size: 62.5%; }

body {
  font-size: 10px;
  font-size: 1.0rem; }

a {
  color: #000;
  text-decoration: none; }

@font-face {
  font-family: 'TexGyreHeros';
  src: url("../font/texgyreheros-bold-webfont.eot");
  src: url("../font/texgyreheros-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/texgyreheros-bold-webfont.woff") format("woff"), url("../font/texgyreheros-bold-webfont.ttf") format("truetype");
  font-display: swap; }

html {
  position: relative;
  min-height: 100%;
  background-color: #fff;
  font-family: 'Helvetica Neue',Arial, 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN W3', '游ゴシック Medium' , '游ゴシック体', 'Yu Gothic', YuGothic, Meiryo, メイリオ, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-print-color-adjust: exact;
  -webkit-text-size-adjust: none; }

body {
  position: relative;
  min-height: 100%;
  background-color: #fff;
  font-family: 'Helvetica Neue',Arial, 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN W3', '游ゴシック Medium' , '游ゴシック体', 'Yu Gothic', YuGothic, Meiryo, メイリオ, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-print-color-adjust: exact;
  -webkit-text-size-adjust: none; }
  body * {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    body * > img {
      vertical-align: middle; }

a {
  cursor: pointer; }

input, select {
  font-size: 14px; }

@media only screen and (max-width: 767px) {
  input, select {
    font-size: 12px; } }

#wrapper {
  overflow: hidden;
  padding: 0 0;
  background-color: #fff; }

@media only screen and (min-width: 768px) {
  #cartPage #wrapper {
    min-height: calc(100vh - 211px); } }

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

#topPage #wrapper {
  padding: 102px 0 0; }

@media only screen and (max-width: 767px) {
  #topPage #wrapper {
    padding: 80px 0 0; } }

@media only screen and (max-width: 767px) {
  #bread {
    display: none; } }

.block-header-nav > li:not([class]) > a {
  line-height: 21px; }

#menu_view .block-icon-image--center {
  line-height: 1.5; }

@media only screen and (min-width: 768px) {
  .pane-header div, .block-headernav--item-list > li:not([class]) > a {
    line-height: 1.5; }
  .pane-header .block-globalnav--item, .block-globalnav--item-list > div {
    line-height: 1; }
  .pane-header .block-header-logo {
    line-height: 1.8; } }

.mCSB_container {
  overflow: hidden; }
  .mCSB_container.mCS_no_scrollbar {
    margin-right: 0; }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
  margin-right: 30px; }

.mCustomScrollBox > .mCSB_scrollTools {
  top: 0;
  right: 0;
  width: 6px;
  height: 100%; }

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  background-color: rgba(255, 255, 255, 0.6); }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  height: 100%;
  margin: 0 auto; }

.mCSB_scrollTools .mCSB_dragger {
  width: 100%;
  height: 30px;
  cursor: pointer; }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    height: 100%;
    background-color: #000;
    opacity: 0.9; }

.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: relative;
  overflow: hidden;
  height: 20px;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: relative;
  overflow: hidden;
  height: 20px;
  margin: 0 auto;
  cursor: pointer;
  top: 100%;
  margin-top: -40px; }

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
  overflow: hidden;
  height: auto;
  margin-bottom: 30px;
  margin-right: 0; }
  .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0; }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-right: 0; }

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
  overflow: hidden;
  width: 100%;
  height: 16px; }

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
  width: 30px;
  height: 100%; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  width: 20px;
  height: 100%;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  width: 20px;
  height: 100%;
  margin: 0 auto;
  cursor: pointer;
  float: right;
  margin-left: -40px; }

.mCustomScrollBox {
  -ms-touch-action: none;
  /*MSPointer events - direct all pointer events to js*/ }

/* default scrollbar colors and backgrounds (default theme) */
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: .4;
  filter: 'alpha(opacity=40)';
  -ms-filter: 'alpha(opacity=40)';
  /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0; }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px; }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px; }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px; }

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: .9;
  filter: 'alpha(opacity=90)';
  -ms-filter: 'alpha(opacity=90)';
  /* old ie */ }

@media only screen and (max-width: 767px) {
  .dn-sp {
    display: none !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .dn-tablet {
    display: none !important; } }

@media only screen and (min-width: 1025px) {
  .dn-pc {
    display: none !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) {
  .dn-tab_pc {
    display: none !important; } }

#hiddenData, .ht, .dspNo {
  display: none;
  overflow: hidden;
  width: 0;
  height: 0;
  padding: 0 !important;
  line-height: 0;
  text-indent: 9999px; }

.red {
  color: #c00; }

.taC {
  text-align: center; }

.onlyMt {
  display: none; }

.txAdjust {
  display: block;
  padding-left: 1em !important;
  text-indent: -1em; }

.indent {
  display: block;
  padding-left: 1em;
  text-indent: -1em; }

.spDisplayNone, .tabletDisplayNone {
  display: inline; }

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

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tabletDisplayNone {
    display: none; } }

@media only screen and (max-width: 767px) {
  .tabletDisplayNone {
    display: inline; } }

.pcDisplayNone {
  display: none; }

@media only screen and (max-width: 767px) {
  .pcDisplayNone {
    display: inline; } }

.breadCrumb {
  margin: 12px 30px;
  font-family: 'Roboto', 'Helvetica Neue', Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 12px; }
  .breadCrumb a {
    display: inline-block;
    line-height: 1.5; }
  .breadCrumb i {
    display: inline-block;
    padding: 0 4px;
    color: #dbdbdb; }

@media only screen and (max-width: 767px) {
  .breadCrumb {
    margin: 20px 25px; } }

.narrowingBox {
  font-size: 11px;
  text-align: right; }
  .narrowingBox.top {
    position: relative; }
    .narrowingBox.top span {
      position: absolute;
      top: -34px;
      right: 0; }
  .narrowingBox span {
    display: inline-block; }
  .narrowingBox #SEARCH_MAX_ROW_LIST {
    margin-left: 5px;
    border: 1px #ccc solid;
    color: #333;
    font-size: 11px; }
  .narrowingBox .selectArrow select {
    padding: 4px 17px 4px 4px;
    color: #000; }

@media only screen and (min-width: 768px) {
  .narrowingBox {
    margin-right: 3%; } }

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

@media only screen and (min-width: 768px) {
  .narrowingBox.top span {
    right: 0; } }

@media only screen and (max-width: 767px) {
  .narrowingBox span {
    margin-right: 25px; } }

.pageList {
  position: relative;
  margin: 30px auto 60px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
  text-align: center; }
  .pageList a, .pageList span {
    font-weight: bold;
    font-size: 14px; }

@media only screen and (min-width: 768px) {
  .pageList {
    max-width: 1000px; } }

@media only screen and (max-width: 767px) {
  .pageList {
    margin: 30px auto;
    padding: 0 25px;
    border: 0; }
  #newsPage .pageList {
    padding: 0; } }

@media only screen and (min-width: 768px) {
  .pageList .pagerInr {
    min-height: 14px; } }

#newsPage .pageList i {
  position: absolute; }

.pageList i.fa {
  font-size: 23px;
  vertical-align: sub; }

.pageList .toList a {
  font-size: 14px; }

.pageList .pagerDirect {
  position: relative;
  width: 100%;
  zoom: 1; }
  .pageList .pagerDirect:before {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .pageList .pagerDirect:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020";
    clear: both; }
  .pageList .pagerDirect .prevPage i, .pageList .pagerDirect .nextPage i {
    pointer-events: none; }
  .pageList .pagerDirect .prevPage a, .pageList .pagerDirect .nextPage a {
    display: block; }
  .pageList .pagerDirect .prevPage {
    display: block; }
    .pageList .pagerDirect .prevPage i {
      padding-right: 9px; }

@media only screen and (max-width: 767px) {
  .pageList .toList {
    margin-top: 4px; }
    .pageList .toList a {
      display: block;
      border: 1px solid #ebebeb;
      font-size: 14px;
      line-height: 32px; } }

@media only screen and (min-width: 768px) {
  .pageList .pagerDirect .prevPage, .pageList .pagerDirect .nextPage {
    position: absolute;
    top: -4px; } }

@media only screen and (max-width: 767px) {
  .pageList .pagerDirect .prevPage, .pageList .pagerDirect .nextPage {
    display: block;
    width: 50%;
    text-align: center; }
  .pageList .pagerDirect .prevPage a, .pageList .pagerDirect .nextPage a {
    display: block;
    line-height: 32px; } }

#newsPage .pageList .pagerDirect .prevPage i {
  position: absolute;
  top: 0;
  left: 0; }

@media only screen and (max-width: 767px) {
  #newsPage .pageList .pagerDirect .prevPage i {
    top: 5px;
    left: 14%; } }

@media only screen and (min-width: 768px) {
  #newsPage .pageList .pagerDirect .prevPage a {
    padding: 5px 0 0 16px; } }

@media only screen and (min-width: 768px) {
  .pageList .pagerDirect .prevPage {
    left: 10px; } }

@media only screen and (max-width: 767px) {
  .pageList .pagerDirect .prevPage {
    float: left; }
    .pageList .pagerDirect .prevPage a {
      margin-right: 2px; } }

.pageList .pagerDirect .nextPage {
  display: block; }
  .pageList .pagerDirect .nextPage i {
    padding-left: 9px; }

#newsPage .pageList .pagerDirect .nextPage i {
  position: absolute;
  top: 0;
  right: 0; }

@media only screen and (max-width: 767px) {
  #newsPage .pageList .pagerDirect .nextPage i {
    top: 5px;
    right: 14%; } }

@media only screen and (min-width: 768px) {
  #newsPage .pageList .pagerDirect .nextPage a {
    padding: 5px 16px 0 0; } }

@media only screen and (min-width: 768px) {
  .pageList .pagerDirect .nextPage {
    right: 10px; } }

@media only screen and (max-width: 767px) {
  .pageList .pagerDirect .nextPage {
    float: right; }
    .pageList .pagerDirect .nextPage a {
      margin-left: 2px; } }

.pageList .pageNumList {
  display: inline-block; }
  .pageList .pageNumList .num {
    padding: 0 20px; }
  .pageList .pageNumList .currentNum {
    text-decoration: underline; }

@media only screen and (max-width: 767px) {
  .pageList .pageNumList {
    margin: 4px 0 0; } }

@media only screen and (max-width: 767px) {
  .pageList .pageNumList .num {
    display: inline-block;
    margin: 0 2px;
    padding: 0 12px;
    line-height: 32px; } }

#newsPage .pageList .pageNumList a {
  padding: 0 20px; }

#newsPage .pageList .pageNumList span {
  padding: 0 20px;
  text-decoration: underline; }

@media only screen and (max-width: 767px) {
  #newsPage .pageList .pageNumList a, #newsPage .pageList .pageNumList span {
    display: inline-block;
    margin: 0 2px;
    padding: 0 12px;
    border: 1px solid #ebebeb;
    line-height: 32px; } }

.slick-dots {
  display: block;
  width: 100%;
  margin: 20px 0 0;
  padding: 0;
  text-align: center;
  list-style: none; }
  .slick-dots li {
    display: inline-block;
    position: relative;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      display: block;
      width: 6px;
      height: 6px;
      padding: 5px;
      border: 0;
      background: transparent;
      color: transparent;
      font-size: 0;
      line-height: 0;
      cursor: pointer;
      outline: none; }
      .slick-dots li button:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 6px;
        height: 6px;
        background-color: #a8a8a8;
        color: black;
        font-size: 6px;
        line-height: 6px;
        text-align: center;
        content: '';
        border-radius: 6px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      background-color: #000; }

@media only screen and (max-width: 767px) {
  .slick-dots li {
    width: 5px;
    height: 5px;
    margin: 0 3px; } }

@media only screen and (max-width: 767px) {
  .slick-dots li button {
    width: 5px;
    height: 5px; } }

@media only screen and (max-width: 767px) {
  .slick-dots li button:before {
    width: 5px;
    height: 5px;
    background-color: #6b6b6b; } }

@media only screen and (max-width: 767px) {
  .slick-dots li.slick-active button:before {
    width: 7px;
    height: 7px; } }

.slick-list {
  overflow: hidden; }

/* Arrows */
.slick-prev, .slick-next {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 100;
  width: 14px;
  height: 26px;
  margin-top: -13px;
  padding: 0;
  border: none;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  outline: none; }

@media only screen and (max-width: 767px) {
  .slick-prev, .slick-next {
    width: 17px;
    height: 30px;
    -webkit-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s; } }

.slick-prev:hover, .slick-prev:focus {
  background: transparent;
  color: transparent;
  outline: none; }

.slick-next:hover, .slick-next:focus {
  background: transparent;
  color: transparent;
  outline: none; }

.slick-prev:hover:before, .slick-prev:focus:before {
  opacity: 1; }

.slick-next:hover:before, .slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before, .slick-next:before {
  display: block;
  width: 14px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  color: white;
  line-height: 1;
  content: '';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@media only screen and (max-width: 767px) {
  .slick-prev:before, .slick-next:before {
    width: 17px;
    height: 30px;
    background-size: 17px auto; } }

.slick-prev {
  left: 0; }

[dir='rtl'] .slick-prev {
  left: auto;
  right: 0; }

.slick-prev:before, [dir='rtl'] .slick-prev:before {
  background-image: url(../img/common/slide_prev.png); }

.slick-next {
  right: 0; }

[dir='rtl'] .slick-next {
  left: 0;
  right: auto; }

.slick-next:before, [dir='rtl'] .slick-next:before {
  background-image: url(../img/common/slide_next.png); }

.pageTitle {
  color: #000;
  margin: 60px 0;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: -.02em;
  text-align: center;
  text-transform: uppercase; }

@media only screen and (max-width: 767px) {
  .pageTitle {
    font-size: 28px; } }

.pageTitleSub {
  display: block;
  font-size: 15px;
  line-height: 1.8; }

.pageCap {
  width: 690px;
  margin: 0 auto 30px;
  padding: 0 12px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.6;
  text-align: center; }
  .pageCap .sub {
    display: block;
    margin-top: 10px;
    font-weight: normal;
    font-size: 12px; }
    .pageCap .sub a {
      text-decoration: underline; }

@media only screen and (max-width: 767px) {
  .pageCap {
    width: auto;
    margin: 0 0 30px;
    padding: 0 25px; } }

@media only screen and (max-width: 767px) {
  .pageCap .sub {
    margin-top: 5px; } }

@media only screen and (min-width: 768px) {
  .onlyS {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .onlyP {
    display: none !important; } }

.commonBtn {
  text-align: center; }

.commonBtn-gold a, .commonBtn-gold button, .commonBtn-gold .button, .commonBtn-gold input {
  border: 2px solid #aa8e62;
  background-color: #aa8e62; }

@media only screen and (min-width: 768px) {
  .commonBtn-gold a:hover, .commonBtn-gold button:hover, .commonBtn-gold .button:hover, .commonBtn-gold input:hover {
    color: #aa8e62; } }

.commonBtn-black a, .commonBtn-black button, .commonBtn-black .button, .commonBtn-black input {
  border: 2px solid #000000;
  background-color: #000000; }

@media only screen and (min-width: 768px) {
  .commonBtn-black a:hover, .commonBtn-black button:hover, .commonBtn-black .button:hover, .commonBtn-black input:hover {
    color: #000000 !important; } }

.commonBtn-grey a, .commonBtn-grey button, .commonBtn-grey .button, .commonBtn-grey input {
  border: 2px solid #7E7E7E;
  background-color: #7E7E7E; }

@media only screen and (min-width: 768px) {
  .commonBtn-grey a:hover, .commonBtn-grey button:hover, .commonBtn-grey .button:hover, .commonBtn-grey input:hover {
    color: #7E7E7E; } }

.commonBtn-dgrey a, .commonBtn-dgrey button, .commonBtn-dgrey .button, .commonBtn-dgrey input {
  border: 2px solid #8f8f8f;
  background-color: #8f8f8f; }

@media only screen and (min-width: 768px) {
  .commonBtn-dgrey a:hover, .commonBtn-dgrey button:hover, .commonBtn-dgrey .button:hover, .commonBtn-dgrey input:hover {
    color: #8f8f8f; } }

.commonBtn a, .commonBtn button, .commonBtn input {
  text-decoration: none !important;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

@media only screen and (max-width: 767px) {
  .commonBtn a, .commonBtn button, .commonBtn input {
    display: inline-block;
    width: 280px;
    height: 40px;
    padding: 0 26px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 35px; }
  #topPage .commonBtn a, #topPage .commonBtn button, #topPage .commonBtn input {
    color: #000;
    font-size: 12px; } }

@media only screen and (min-width: 768px) {
  .commonBtn > a, .commonBtn button, .commonBtn .button, .commonBtn input {
    display: inline-block;
    width: 300px;
    height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 38px;
    cursor: pointer;
    -webkit-transition: 300ms ease;
    transition: 300ms ease; }
  .commonBtn > a.reminder, .commonBtn button.reminder, .commonBtn .button.reminder, .commonBtn input.reminder {
    width: auto;
    height: auto;
    border: none;
    background: none;
    color: #000;
    font-weight: normal;
    line-height: auto; }
  .commonBtn > a:hover, .commonBtn button:hover, .commonBtn .button:hover, .commonBtn input:hover {
    background-color: #fff;
    color: #cac8c4; }
  #topPage .commonBtn > a, #topPage .commonBtn button, #topPage .commonBtn .button, #topPage .commonBtn input {
    font-size: 16px; } }

@media only screen and (min-width: 768px) {
  #topPage .commonBtn a, #topPage .commonBtn button, #topPage .commonBtn .button, #topPage .commonBtn input {
    font-size: 16px; } }

.commonBdBtn {
  font-size: 14px;
  text-align: center; }

.commonBdBtn-gold a, .commonBdBtn-gold input, .commonBdBtn-gold button, .commonBdBtn-gold .button {
  border: 2px solid #dac94c; }

@media only screen and (min-width: 768px) {
  .commonBdBtn-gold a:hover, .commonBdBtn-gold input:hover, .commonBdBtn-gold button:hover, .commonBdBtn-gold .button:hover {
    background-color: #dac94c; } }

.commonBdBtn-white a, .commonBdBtn-white input, .commonBdBtn-white button, .commonBdBtn-white .button {
  border: 2px solid #fff; }

@media only screen and (min-width: 768px) {
  .commonBdBtn-white a:hover, .commonBdBtn-white input:hover, .commonBdBtn-white button:hover, .commonBdBtn-white .button:hover {
    background-color: #fff; } }

@media only screen and (max-width: 767px) {
  .commonBdBtn {
    font-size: 12px; } }

.commonBdBtn > a, .commonBdBtn input, .commonBdBtn button, .commonBdBtn .button {
  display: inline-block;
  padding: 0 26px;
  color: #000;
  border: 2px solid #000;
  background: none;
  background-color: #fff;
  font-family: 'Helvetica Neue',Arial, 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN W3', '游ゴシック Medium' , '游ゴシック体', 'Yu Gothic', YuGothic, Meiryo, メイリオ, sans-serif;
  font-weight: bold;
  line-height: 36px;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 0;
  -webkit-transition: 500ms ease;
  transition: 500ms ease; }

@media only screen and (min-width: 768px) {
  .commonBdBtn > a:hover, .commonBdBtn input:hover, .commonBdBtn button:hover, .commonBdBtn .button:hover {
    background-color: #000;
    color: #fff; } }

.commonTtl {
  text-align: center; }
  .commonTtl .tp {
    font-weight: bold;
    font-size: 60px; }
  .commonTtl .bm {
    padding: 18px 0 0;
    font-weight: bold;
    font-size: 18px; }
    .commonTtl .bm:before {
      display: block;
      width: 12px;
      height: 3px;
      margin: 0 auto 18px;
      background-color: #000;
      content: ''; }
    .commonTtl .bm.md {
      font-size: 40px; }
      .commonTtl .bm.md:before {
        width: 24px;
        height: 4px; }
    .commonTtl .bm.bg {
      font-size: 60px; }
      .commonTtl .bm.bg:before {
        width: 14px;
        height: 4px; }

@media only screen and (max-width: 767px) {
  .commonTtl .tp {
    font-size: 35px; } }

@media only screen and (max-width: 767px) {
  .commonTtl .bm {
    padding: 12px 0 0; }
    .commonTtl .bm:before {
      margin: 0 auto 12px; } }

@media only screen and (max-width: 767px) {
  .commonTtl .bm.bg {
    font-size: 35px; }
    .commonTtl .bm.bg:before {
      width: 12px;
      height: 2px; } }

.selectArrow {
  position: relative; }
  .selectArrow:after {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 8px;
    height: 5px;
    margin-top: -3px;
    background-image: url(../img/common/arrow_select.png);
    background-repeat: no-repeat;
    background-size: 8px auto;
    content: ''; }
  .selectArrow select {
    padding: 2px 15px 2px 3px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0; }

@media only screen and (max-width: 767px) {
  .selectArrow select {
    padding: 2px 13px 2px 3px; } }

.limited .selectArrow {
  display: inline-block; }

@media only screen and (max-width: 767px) {
  .limited .selectArrow {
    display: inline-block !important; } }

@media only screen and (min-width: 768px) {
  .limited .selectArrow select {
    min-width: 100px;
    height: 40px; } }

@media only screen and (max-width: 767px) {
  .limited .selectArrow select {
    width: auto !important;
    height: 35px; } }

/*--------------------------------------------

	　ランキングの表

---------------------------------------------*/
.membership_block-ranking {
  position: relative;
  margin-top: 40px; }

@media only screen and (max-width: 767px) {
  .membership_block-ranking {
    margin-top: 20px; } }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .membershipRanking_head {
    margin-bottom: 40px;
    text-align: center; } }

@media only screen and (min-width: 1025px) {
  .membershipRanking_head {
    position: absolute;
    top: 0;
    left: 0; } }

.membershipRanking_head svg {
  fill: #000000;
  width: 231px;
  height: 26px; }

.membershipRanking_Tablehead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 2px; }

.membershipRanking_tableHead_node {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 62px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2; }
  .membershipRanking_tableHead_node + .membershipRanking_tableHead_node {
    margin-left: 2px; }
  .membershipRanking_tableHead_node i {
    font-size: 10px; }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .membershipRanking_tableHead_node {
    color: #999999;
    width: calc((100% - 4px) / 3);
    background-color: #F9F9F9;
    font-size: 14px;
    cursor: pointer; } }

@media only screen and (min-width: 1025px) {
  .membershipRanking_tableHead_node {
    width: 128px;
    color: #fff;
    font-size: 14px;
    letter-spacing: .06em;
    pointer-events: none; } }

@media only screen and (min-width: 1025px) {
  .membershipRanking_tableHead_node[data-rank="bronze"] {
    background-color: #82504F; } }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .membershipRanking_tableHead_node.is-current[data-rank="bronze"] {
    background-color: #82504F;
    color: #fff; } }

@media only screen and (min-width: 1025px) {
  .membershipRanking_tableHead_node[data-rank="silver"] {
    background-color: #9A9A9A; } }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .membershipRanking_tableHead_node.is-current[data-rank="silver"] {
    background-color: #9A9A9A;
    color: #fff; } }

@media only screen and (min-width: 1025px) {
  .membershipRanking_tableHead_node[data-rank="gold"] {
    background-color: #A4835E; } }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .membershipRanking_tableHead_node.is-current[data-rank="gold"] {
    background-color: #A4835E;
    color: #fff; } }

.membershipRanking_tableDlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0 !important; }
  .membershipRanking_tableDlist + .membershipRanking_tableDlist {
    margin-top: 2px !important; }
  .membershipRanking_tableDlist .head, .membershipRanking_tableDlist .item {
    background-color: #F6F3F1;
    font-size: 12px;
    letter-spacing: .08em;
    line-height: 1.6;
    text-align: left; }
  .membershipRanking_tableDlist .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .membershipRanking_tableDlist .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .membershipRanking_tableDlist .head, .membershipRanking_tableDlist .item {
    padding: 6px 15px;
    min-height: 32px; } }

@media only screen and (max-width: 767px) {
  .membershipRanking_tableDlist .head, .membershipRanking_tableDlist .item {
    font-size: 12px; } }

@media only screen and (min-width: 1025px) {
  .membershipRanking_tableDlist .head, .membershipRanking_tableDlist .item {
    padding: 0 15px; } }

@media only screen and (min-width: 1025px) {
  .membershipRanking_tableDlist .head {
    width: calc(100% - (128px + 2px)*3);
    height: 48px; } }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .membershipRanking_tableDlist .item {
    display: none; } }

@media only screen and (min-width: 1025px) {
  .membershipRanking_tableDlist .item {
    margin-left: 2px;
    width: 128px; } }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .membershipRanking_tableTab_node.is-current[data-rank="bronze"] .item[data-rank="bronze"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .membershipRanking_tableTab_node.is-current[data-rank="silver"] .item[data-rank="silver"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .membershipRanking_tableTab_node.is-current[data-rank="gold"] .item[data-rank="gold"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

.membership_box_text {
  margin-top: 16px; }
  .membership_box_text + .membership_box_text {
    margin-top: 36px;
    padding-top: 16px;
    border-top: 1px solid #EBEBEB; }

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

.membership_blockText-caution {
  text-align: left; }

@media only screen and (max-width: 767px) {
  .membership_blockText-caution {
    font-size: 10px; } }

.membershipRanking_tableTab {
  position: relative; }

.membershipRanking_tableTab_node {
  position: absolute;
  display: none; }
  .membershipRanking_tableTab_node.is-current {
    position: relative;
    display: block; }
  .membershipRanking_tableTab_node .head {
    width: 100%; }
  .membershipRanking_tableTab_node .item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 113px;
    margin-left: 2px; }

.membershipRanking_check {
  display: inline-block;
  width: 15px;
  height: 15px; }
  .membershipRanking_check::after {
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(../img/members/icon_ranking.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center; }

.membershipRanking_bar {
  display: inline-block; }
  .membershipRanking_bar::after {
    content: "ー"; }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .membershipRanking_text {
    margin-top: 18px; } }

.onlyMt {
  display: block; }

p {
  font-size: 14px;
  line-height: 1.6;
  color: #000; }

.commonBdBtn a {
  width: 400px; }

.commonBtn a, .commonBtn input {
  width: 400px; }

.commonBdBtn input {
  width: 400px; }

@media only screen and (max-width: 767px) {
  .commonBdBtn a {
    width: 100%; }
  .commonBtn a, .commonBtn input {
    width: 100%; }
  .commonBdBtn input {
    width: 100%; } }

.commonBtn-gold input {
  background-color: #aa8e62; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.careersWrapBox {
  width: 100%;
  padding: 0; }

.careersTopCont {
  padding: 0 0 70px; }
  .careersTopCont .mainImg {
    margin: 0 0 60px;
    text-align: center; }
  .careersTopCont .mainVisual {
    width: 100%;
    margin: 0;
    padding-bottom: calc(100%*480/1580);
    background: url("/img/usr/freepage/careers/careers_mv.jpg") 0 0 no-repeat;
    background-size: contain; }
  .careersTopCont .lead {
    max-width: 550px;
    margin: 0 auto;
    padding: 30px 0 60px; }
  .careersTopCont .commonBdBtn {
    margin: 0 0 20px; }

@media only screen and (max-width: 767px) {
  .careersTopCont {
    margin: 0 25px;
    padding: 0 0 35px; } }

@media only screen and (max-width: 767px) {
  .careersTopCont .mainImg {
    margin: 0 0 30px; }
    .careersTopCont .mainImg img {
      width: 100%; } }

@media only screen and (max-width: 767px) {
  .careersTopCont .mainVisual {
    width: 100%;
    padding-bottom: calc(100%*480/750);
    background: url("/img/usr/freepage/careers/careers_mv_sp.jpg") 0 0 no-repeat;
    background-size: contain; } }

@media only screen and (max-width: 767px) {
  .careersTopCont .commonBdBtn {
    margin: 0 0 10px; } }

.careersShopCont {
  width: 690px;
  margin: 0 auto;
  padding: 0 0 70px; }
  .careersShopCont #sec1 .commonBtn {
    margin: 60px 0 0; }
  .careersShopCont .sec {
    margin: 0 0 60px; }
  .careersShopCont h3 {
    margin: 0 0 20px;
    font-weight: bold;
    font-size: 18px; }
  .careersShopCont h4, .careersShopCont dt {
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 14px; }
  .careersShopCont dd {
    font-size: 14px; }
    .careersShopCont dd a {
      display: inline-block;
      font-size: 14px;
      line-height: 1.6;
      text-decoration: underline; }
    .careersShopCont dd.update {
      margin: 10px 0 20px; }
  .careersShopCont p a {
    text-decoration: underline; }
  .careersShopCont .img {
    margin: 0 0 40px; }

@media only screen and (max-width: 767px) {
  .careersShopCont {
    width: inherit;
    margin: 0 25px;
    padding: 0 0 35px; } }

@media only screen and (max-width: 767px) {
  .careersShopCont #sec1 .commonBtn {
    margin: 30px 0 0; } }

@media only screen and (max-width: 767px) {
  .careersShopCont .img {
    margin: 0 0 20px; }
    .careersShopCont .img img {
      width: 94%; } }

.careersShopEntryCont {
  width: 690px;
  margin: 0 auto;
  padding: 0 0 70px;
  position: relative; }
  .careersShopEntryCont:after {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 8px;
    height: 5px;
    margin-top: -3px;
    background-image: url(../img/common/arrow_select.png);
    background-repeat: no-repeat;
    background-size: 8px auto;
    content: ''; }
  .careersShopEntryCont select {
    padding: 2px 15px 2px 3px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0; }
  .careersShopEntryCont #error {
    max-width: 1000px;
    margin: 0 auto 10px;
    font-size: 12px;
    line-height: 1.6; }
    .careersShopEntryCont #error * {
      color: #c00;
      line-height: 1.6; }
    .careersShopEntryCont #error .error {
      color: #c00; }
    .careersShopEntryCont #error strong {
      display: block;
      margin-bottom: 5px;
      font-size: 13px; }
    .careersShopEntryCont #error li {
      margin-bottom: 5px; }
  .careersShopEntryCont h4 {
    margin: 0 0 20px;
    font-weight: bold;
    font-size: 18px; }
    .careersShopEntryCont h4 .sm {
      padding-left: 5px;
      font-weight: normal;
      font-size: 14px; }
  .careersShopEntryCont em {
    padding-left: 5px;
    color: #c00;
    font-style: normal; }
  .careersShopEntryCont .description {
    font-size: 12px;
    line-height: 1.6; }
  .careersShopEntryCont #payment #creditDetail, .careersShopEntryCont #payment #creditInfo {
    margin-top: 10px; }
  .careersShopEntryCont a {
    text-decoration: underline; }
  .careersShopEntryCont .joinFp {
    margin-bottom: 10px; }
    .careersShopEntryCont .joinFp * {
      font-size: 12px; }
    .careersShopEntryCont .joinFp label {
      display: inline-block;
      vertical-align: top; }
  .careersShopEntryCont #tryOn2 {
    display: none; }
  .careersShopEntryCont table {
    border-collapse: separate; }
    .careersShopEntryCont table tr {
      padding: 0 0 30px; }
      .careersShopEntryCont table tr tr:last-child {
        padding: 0; }
      .careersShopEntryCont table tr small {
        display: block;
        padding: 10px 0 0;
        font-weight: normal;
        font-size: 12px;
        line-height: 1.6; }
      .careersShopEntryCont table tr th, .careersShopEntryCont table tr td {
        padding: 0 0 30px;
        font-size: 14px; }
      .careersShopEntryCont table tr th {
        width: 175px;
        text-align: left; }
        .careersShopEntryCont table tr th small {
          padding: 0; }
      .careersShopEntryCont table tr td input[type='text'], .careersShopEntryCont table tr td input[type='password'] {
        display: inline-block;
        max-width: 100%;
        padding-left: 3px;
        border: 1px solid #ebebeb;
        outline: 0; }
      .careersShopEntryCont table tr td input[type='radio'], .careersShopEntryCont table tr td input[type='checkbox'] {
        height: 40px;
        line-height: 40px;
        vertical-align: middle; }
      .careersShopEntryCont table tr td input[type='radio'] + label, .careersShopEntryCont table tr td input[type='checkbox'] + label {
        padding-right: 10px; }
      .careersShopEntryCont table tr td dl {
        display: table; }
        .careersShopEntryCont table tr td dl dt, .careersShopEntryCont table tr td dl dd {
          display: table-cell;
          vertical-align: middle;
          -webkit-box-sizing: content-box;
          -ms-box-sizing: content-box;
          -o-box-sizing: content-box;
          box-sizing: content-box; }
      .careersShopEntryCont table tr.inputPost input[type='text'] {
        width: 150px; }
      .careersShopEntryCont table tr.inputPost input[type='button'] {
        padding: 1px 3px;
        font-size: 11px; }
      .careersShopEntryCont table tr.inputMn input {
        width: 80px; }
        .careersShopEntryCont table tr.inputMn input[type='text'] {
          width: 80px; }
      .careersShopEntryCont table tr.mailNews td > div {
        margin: 0 0 10px; }
  .careersShopEntryCont::after {
    display: none; }
  .careersShopEntryCont input[type='submit'] {
    border-radius: 0;
    -webkit-appearance: none; }
  .careersShopEntryCont table tr input[type='submit'] {
    display: inline-block;
    padding: 0 0 10px; }
  .careersShopEntryCont table tr label {
    display: inline-block;
    padding: 0 10px 10px 0; }
  .careersShopEntryCont table tr #inputTxt {
    width: 340px;
    height: 250px;
    padding: 5px; }
    .careersShopEntryCont table tr #inputTxt textarea {
      width: 100%;
      height: 100%; }
  .careersShopEntryCont .error {
    display: inline-block;
    padding: 10px 0 0;
    color: #c00;
    font-size: 12px; }
  .careersShopEntryCont .zipCaution {
    display: block;
    padding-top: 10px; }
    .careersShopEntryCont .zipCaution div {
      display: none; }
  .careersShopEntryCont .birth select {
    width: 70px;
    margin-bottom: 0; }
  .careersShopEntryCont .birth .text {
    padding: 0 5px; }
  .careersShopEntryCont .birth_inputWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .careersShopEntryCont .ageWrap {
    display: inline-block; }
  .careersShopEntryCont select {
    display: inline-block;
    max-width: 100%;
    height: 40px;
    padding-left: 3px;
    border: 1px solid #ebebeb;
    outline: 0; }
  .careersShopEntryCont #input50 {
    width: 50px;
    margin: 0 0 0 10px; }
  .careersShopEntryCont #input100, .careersShopEntryCont #input200 {
    display: inline-block; }
  .careersShopEntryCont #input300 {
    display: inline-block;
    margin: 0 0 0 10px; }
  .careersShopEntryCont .cap {
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    line-height: 1.6; }
  .careersShopEntryCont .mt10 {
    margin-top: 10px; }
  .careersShopEntryCont .pb10 {
    padding-bottom: 10px; }
  .careersShopEntryCont #careers-caution {
    margin: 20px 0 0;
    text-align: center; }
  .careersShopEntryCont #form-btn-confirm {
    margin: 30px 0 0; }
  .careersShopEntryCont .commonBdBtn {
    margin-top: 20px; }
    .careersShopEntryCont .commonBdBtn a {
      width: 400px;
      max-width: inherit; }
  .careersShopEntryCont .commonBtn a, .careersShopEntryCont .commonBtn input {
    width: 400px;
    max-width: inherit; }
  .careersShopEntryCont .commonBdBtn input {
    width: 400px;
    max-width: inherit; }
  .careersShopEntryCont #form-btn-send {
    margin: 0 0 20px; }
  .careersShopEntryCont .main-block {
    margin: 60px 0 0; }
  .careersShopEntryCont .form-table img {
    width: 100%;
    max-width: 100%; }

.mainLogo {
  text-align: center; }
  @media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
    .mainLogo {
      padding: 200px 0; }
      .mainLogo img {
        width: 150px; } }
  @media only screen and (max-width: 767px) {
    .mainLogo {
      padding: 150px 0; }
      .mainLogo img {
        width: 130px; } }

@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-section:nth-of-type(2) .useImg {
    width: 650px; } }

@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-section:nth-of-type(2) .bgColor, .c-section:nth-of-type(5) .bgColor {
    margin: 55px 0;
    padding: 10px 0 40px; } }

@media only screen and (max-width: 767px) {
  .c-section:nth-of-type(2) .bgColor, .c-section:nth-of-type(5) .bgColor {
    margin: 40px 0;
    padding: 10px 0 40px; } }

@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-section:nth-of-type(4) .unisizeTitle {
    margin-top: 45px; } }

@media only screen and (max-width: 767px) {
  .c-section:nth-of-type(4) .unisizeTitle {
    margin-top: 30px; } }

@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-section:nth-of-type(4) .bgColor {
    padding: 20px 0 40px;
    margin: 20px 0 30px; } }

@media only screen and (max-width: 767px) {
  .c-section:nth-of-type(4) .bgColor {
    padding: 20px 0 40px;
    margin: 20px 0 30px; } }

@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-section:nth-of-type(4) .unisizeUse_list {
    width: 805px; } }

@media only screen and (max-width: 767px) {
  .c-section:nth-of-type(4) .useImg {
    padding: 0 20px; } }

@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-section:nth-of-type(5) .unisizeTitle {
    margin-top: 45px; } }

@media only screen and (max-width: 767px) {
  .c-section:nth-of-type(5) .unisizeTitle {
    margin-top: 30px; } }

@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-section:nth-of-type(5) .bgColor {
    padding: 20px 0 40px;
    margin: 20px 0 0; } }

@media only screen and (max-width: 767px) {
  .c-section:nth-of-type(5) .bgColor {
    padding: 20px 20px 40px;
    margin: 20px 0 0; } }

@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-section:nth-of-type(6) .unisizeTitle {
    margin-top: 45px; } }

@media only screen and (max-width: 767px) {
  .c-section:nth-of-type(6) .unisizeTitle {
    margin-top: 30px; } }

@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-section:nth-of-type(6) .bgColor {
    padding: 20px 0 60px;
    margin: 20px 0 0; } }

@media only screen and (max-width: 767px) {
  .c-section:nth-of-type(6) .bgColor {
    padding: 20px 0 60px;
    margin: 20px 0 0; } }

@media only screen and (max-width: 767px) {
  .c-section:nth-of-type(6) .useImg {
    padding: 0 20px; } }

.bgColor {
  background-color: #f1f1f1; }

.pageText {
  text-align: center;
  margin-bottom: 50px; }
  @media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
    .pageText {
      padding: 30px 0;
      font-size: 14px;
      line-height: 1.6; } }
  @media only screen and (max-width: 767px) {
    .pageText {
      color: #000;
      font-weight: normal;
      padding: 20px;
      font-size: 14px;
      line-height: 1.6; } }

.unisizeTitle {
  text-align: center;
  font-weight: 600; }
  @media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
    .unisizeTitle {
      font-size: 20px; } }
  @media only screen and (max-width: 767px) {
    .unisizeTitle {
      font-size: 17px; } }

.unisizeText {
  text-align: center; }
  @media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
    .unisizeText {
      width: 450px;
      margin: 30px auto 0; } }
  @media only screen and (max-width: 767px) {
    .unisizeText {
      text-align: left;
      margin-top: 15px;
      padding: 0 20px; } }

@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .useImg {
    text-align: center;
    width: 350px;
    margin: 30px auto 0; } }

@media only screen and (max-width: 767px) {
  .useImg {
    margin-top: 20px;
    padding: 0 20px; } }

.useImg img {
  width: 100%; }

.unisizeUse_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
    .unisizeUse_list {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 1040px;
      margin: 40px auto 0; } }
  @media only screen and (max-width: 767px) {
    .unisizeUse_list {
      width: 100%;
      overflow-x: scroll;
      margin-top: 20px; } }

@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .unisizeUse_listNode_img img {
    width: 235px; } }

@media only screen and (max-width: 767px) {
  .unisizeUse_listNode {
    width: 90%;
    margin: 0 5%;
    -ms-flex-negative: 0;
    flex-shrink: 0; } }

/* スクロールバーの幅と高さを設定する */
@media only screen and (max-width: 767px) {
  .unisizeUse_list::-webkit-scrollbar {
    width: 20px;
    height: 5px; } }

/* スクロールバーの形を設定する */
@media only screen and (max-width: 767px) {
  .unisizeUse_list::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 5px; } }

/* スクロールバーの色を設定する */
@media only screen and (max-width: 767px) {
  .unisizeUse_list::-webkit-scrollbar-track-piece {
    background-color: #efefef; } }

.bgSection {
  overflow: hidden;
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  z-index: 0; }
  @media only screen and (max-width: 767px) {
    .bgSection {
      height: 333px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) {
    .bgSection {
      height: 350px; } }

.bgSection_img {
  width: 100%;
  height: 100%;
  z-index: -1111;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 767px) {
    .bgSection_img {
      position: absolute;
      top: 0;
      left: 0;
      background-position: top center;
      background-size: cover; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .bgSection_img {
      background-position: top center; } }
  @media only screen and (min-width: 1025px) {
    .bgSection_img {
      background-attachment: fixed;
      background-position: top center; } }
  .bgSection_img > a {
    display: block;
    height: 100%;
    width: 100%; }

@media only screen and (max-width: 767px) {
  .footerImg {
    background-image: url(../img/the_fred_perry_shirt/202311/womens/prl_m-sp.webp); } }

@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) {
  .footerImg {
    background-image: url(../img/the_fred_perry_shirt/202311/womens/prl_m-pc.webp); } }

.category_fixed_bg_title {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  line-height: 1em; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .category_fixed_bg_title {
      font-size: 30px; } }
  @media only screen and (max-width: 767px) {
    .category_fixed_bg_title {
      width: 90%;
      font-size: 28px;
      margin-top: 19px;
      line-height: 32px; } }

.category_fixed_bg_title_kana {
  display: block;
  font-size: 14px;
  line-height: 1.3; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .category_fixed_bg_title_kana {
      font-size: 12px;
      margin: 5px 0 15px; } }
  @media only screen and (max-width: 767px) {
    .category_fixed_bg_title_kana {
      font-size: 12px;
      margin-top: 5px; } }

.category_fixed_bg_sex {
  display: block;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.9px;
  line-height: 1em;
  padding-bottom: 17px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .category_fixed_bg_sex {
      font-weight: 500; } }
  @media only screen and (max-width: 767px) {
    .category_fixed_bg_sex {
      padding-bottom: 10px;
      font-weight: 500; } }

.category_fixed_bg_button {
  cursor: pointer;
  position: absolute;
  pointer-events: none;
  left: 50%;
  font-size: 12px;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 9px 25px 10px 25px;
  background: #fff;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 1.5;
  display: inline-block;
  bottom: 70px;
  font-weight: bold; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .category_fixed_bg_button {
      bottom: 85px; } }
  @media only screen and (max-width: 767px) {
    .category_fixed_bg_button {
      font-size: 12px;
      bottom: 14%; } }