@charset "UTF-8";
/*変数*/
/*ミックスイン*/
/*html リセット*/
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/*
  # Global selectors
*/
@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/*
  # General elements
 */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
  # Forms
    */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto;
  /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

/*
  # Specify media element style
   */
img {
  max-width: 100%;
  vertical-align: bottom;
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/*
  # Accessibility
    */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/*
  # Selection
    */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

body {
  font-size: 1.3rem;
  font-size: 10px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
}

ul {
  list-style: none;
}

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

a {
  color: #000;
  text-decoration: none;
  transition: all 0.5s;
}

a img {
  transition: all 0.5s;
}

a:hover {
  color: #ff6f9b;
}

a:hover img {
  opacity: 0.7;
}

input[type=text]:focus {
  outline: 0;
}

.tb_only {
  display: none !important;
}

.sp_only {
  display: none !important;
}

.pc_only {
  display: block !important;
}

#sysAll {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 auto;
}

#sysAll .sysContent {
  padding: 0 !important;
}

#sysAll #sysHeader {
  padding: 0 !important;
  margin: 0 !important;
}

#sysAll div#sysMain, #sysAll div#sysAside {
  float: none !important;
}

#sysAll div#sysMain {
  width: 100%;
  padding: 0 !important;
}

/*ヘッダーのレイアウト*/
@keyframes h_open {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#sysHeader {
  width: 100%;
  position: relative;
  z-index: 150;
  animation: h_open 1s both;
}

#sysHeader #header_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1160px;
  height: 80px;
  margin: 0 auto;
}

#sysHeader #header_inner .h_parts {
  margin-bottom: 0 !important;
}

#sysHeader #header_inner .h_menu {
  width: 370px;
}

#sysHeader #header_inner .h_menu .sysContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}

#sysHeader #header_inner .h_menu .h_logo {
  width: 160px;
}

#sysHeader #header_inner .h_menu .h_logo a {
  display: block;
  width: 160px;
  height: 80px;
}

#sysHeader #header_inner .h_menu .h_logo a.peakpine {
  background-image: url("https://www.peakpine.com/img/layout/header/h_logo.png");
  background-position: center center;
  background-size: 138px;
}

#sysHeader #header_inner .h_menu .h_logo a.riberce {
  background-image: url("https://www.peakpine.com/img/layout/header/h_logo_riberce.png");
  background-position: center center;
  background-size: 138px;
}

#sysHeader #header_inner .h_menu .h_logo a.defilious {
  background-image: url("https://www.peakpine.com/img/layout/header/h_logo_defilious.png");
  background-position: center center;
  background-size: 138px;
}

#sysHeader #header_inner .h_menu .h_logo a.homme {
  background-image: url("https://www.peakpine.com/img/layout/header/h_logo_homme.png");
  background-position: center center;
  background-size: 138px;
}

#sysHeader #header_inner .h_menu .h_logo a.gottex {
  background-image: url("https://www.peakpine.com/img/layout/header/h_logo_gottex.png");
  background-position: center center;
  background-size: 140px;
}

#sysHeader #header_inner .h_menu .h_logo a.lspace {
  background-image: url("https://www.peakpine.com/img/layout/header/h_logo_lspace.png");
  background-position: center center;
  background-size: 120px;
}

#sysHeader #header_inner .h_menu .h_logo a.albove {
  background-image: url("https://www.peakpine.com/img/layout/header/h_logo_albove.png");
  background-position: center center;
  background-size: 138px;
}

#sysHeader #header_inner .h_menu .h_logo a:hover {
  opacity: 0.7;
}

#sysHeader #header_inner .h_menu #h_menu {
  width: 200px;
}

#sysHeader #header_inner .h_menu #h_menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#sysHeader #header_inner .h_menu #h_menu ul li {
  width: 90px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  transition: all 1s;
  background-image: none;
  background-size: 20px;
  background-position: center bottom 10px;
}

#sysHeader #header_inner .h_menu #h_menu ul li a {
  font-size: 14px;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-weight: bold;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  position: absolute;
  z-index: 150;
  padding: 30px 0;
  top: 80px;
  left: 0;
  right: 0;
  margin: auto;
  background: #ededed;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner {
  text-align: left;
  max-width: 1000px;
  margin: 0 auto;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner .sysContent {
  display: block;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner .sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 20px;
}

@media screen and (max-width: 1100px) {
  #sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  #sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner .sysHeadline span {
  font-size: 18px;
  display: block;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_brand_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_brand_list ul li {
  float: none !important;
  width: 235px;
  margin-right: 20px;
  margin-bottom: 0;
  text-align: left;
  height: auto;
  line-height: 1.6;
  margin-bottom: 30px;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_brand_list ul li:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  #sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_brand_list ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
  }
  #sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_brand_list ul li:nth-child(even) {
    margin-right: 0;
  }
}
#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_brand_list ul li a span {
  display: block;
  margin-top: 5px;
  font-size: 15px;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_item_list .sysHeadline {
  padding: 0;
  line-height: 1.4;
  margin-bottom: 10px;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_item_list .sysHeadline a {
  font-size: 12px;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_item_list .sysHeadline a span {
  display: block;
  font-size: 18px;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_item_list .item_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_item_list .item_list .list_wrap {
  width: 20%;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_item_list .item_list .list_wrap .keyword {
  margin-bottom: 30px;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_item_list .item_list .h_category ul {
  display: block;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_item_list .item_list .h_category ul li {
  text-align: left;
  width: auto;
  height: auto;
  line-height: 1.2;
  margin: 0;
}

#sysHeader #header_inner .h_menu #h_menu ul li .toggle .toggle_inner#h_item_list .item_list .h_category ul li a {
  display: block;
  font-weight: 500;
  font-size: 10px;
  padding: 0;
  margin: 10px 10px 0 0;
}

#sysHeader #header_inner .search {
  width: 260px;
}

#sysHeader #header_inner .search .sysContent {
  padding: 0 !important;
}

#sysHeader #header_inner .search .sysContent form.sysItemSearchForm {
  position: relative;
  width: 230px;
  height: 30px;
  border-radius: 50px;
  border: 1px solid #000;
  margin-top: 5px;
}

#sysHeader #header_inner .search .sysContent form.sysItemSearchForm input[name=q] {
  display: inline-block;
  font-size: 12px;
  height: 30px;
  padding-left: 30px;
}

#sysHeader #header_inner .search .sysContent form.sysItemSearchForm .sysSearchButton {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  left: 0;
  text-indent: -9999px;
  background-image: url("https://www.peakpine.com/img/layout/header/baseline-search.svg");
  background-size: 90%;
  background-position: center center;
}

#sysHeader #header_inner .header_copy,
#sysHeader #header_inner .header_copy_under {
  width: 260px;
  height: 25px;
}

#sysHeader #header_inner .header_copy .sysContent,
#sysHeader #header_inner .header_copy_under .sysContent {
  padding: 0;
}

#sysHeader #header_inner .header_copy .h_txt_wrap .h_title,
#sysHeader #header_inner .header_copy_under .h_txt_wrap .h_title {
  font-size: 10px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 !important;
  padding: 0 !important;
}

#sysHeader #header_inner .header_copy .h_txt_wrap .h_title span,
#sysHeader #header_inner .header_copy_under .h_txt_wrap .h_title span {
  display: block;
}

#sysHeader #header_inner .h_navi #h_navi ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#sysHeader #header_inner .h_navi #h_navi ul li {
  display: inline-block;
  margin-right: 20px;
}

#sysHeader #header_inner .h_navi #h_navi ul li a {
  display: block;
  padding-left: 30px;
  height: 80px;
  line-height: 80px;
  font-size: 10px;
  background-size: 20px;
  background-position: center left;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-weight: bold;
}

#sysHeader #header_inner .h_navi #h_navi ul li a.nav_shop {
  background-image: url("https://www.peakpine.com/img/layout/header/h_shop.png");
}

#sysHeader #header_inner .h_navi #h_navi ul li a.nav_blog {
  background-image: url("https://www.peakpine.com/img/layout/header/h_blog.png");
}

#sysHeader #header_inner .h_navi #h_navi ul li a.nav_cart {
  background-image: url("https://www.peakpine.com/img/layout/header/h_cart.png");
}

#sysHeader #mainSlider {
  max-width: 1600px;
  margin: 25px auto 0;
  position: relative;
}

#sysHeader #mainSlider #sliderButton .caretButton {
  text-align: center;
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  line-height: 52px;
  margin: auto;
  border-radius: 100%;
  background: #000;
}

#sysHeader #mainSlider #sliderButton .caretButton#nextButton {
  right: 20px;
}

#sysHeader #mainSlider #sliderButton .caretButton#nextButton::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#sysHeader #mainSlider #sliderButton .caretButton#nextButton::before {
  right: 5px;
  left: 0;
  width: 10px;
  height: 10px;
}

#sysHeader #mainSlider #sliderButton .caretButton#prevButton {
  left: 20px;
}

#sysHeader #mainSlider #sliderButton .caretButton#prevButton:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#sysHeader #mainSlider #sliderButton .caretButton#prevButton:before {
  right: 0;
  left: 5px;
  width: 10px;
  height: 10px;
}

#sysHeader #mainSlider .main_slider {
  position: relative;
  height: 600px;
  overflow: hidden;
}

#sysHeader #mainSlider .main_slider ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 4800px;
  height: 600px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 1600px) {
  #sysHeader #mainSlider .main_slider ul {
    width: 500%;
  }
}
#sysHeader #mainSlider .main_slider ul li {
  width: 33.3333333333%;
}

#sysHeader #mainSlider .main_slider ul li a:hover img {
  opacity: 1 !important;
}

@media screen and (max-width: 1600px) {
  #sysHeader #mainSlider .main_slider {
    height: 37.5vw;
  }
  #sysHeader #mainSlider .main_slider ul {
    height: 37.5vw;
  }
}
#sysHeader #mainSlider .main_slider_sp {
  display: none;
}

#sysHeader .h_hummenu {
  display: none;
}

body #h_brands:hover {
  background-color: #ededed;
  background-image: url("https://www.peakpine.com/img/layout/header/h_caret.png") !important;
  background-size: 20px;
  background-position: center bottom 10px;
}

body #h_brands:hover .toggle {
  opacity: 1 !important;
  pointer-events: all !important;
}

body #h_items:hover {
  background-color: #ededed;
  background-image: url("https://www.peakpine.com/img/layout/header/h_caret.png") !important;
  background-size: 20px;
  background-position: center bottom 10px;
}

body #h_items:hover .toggle {
  opacity: 1 !important;
  pointer-events: all !important;
}

@media screen and (max-width: 1100px) {
  #sysHeader #header_inner {
    position: relative;
    display: block;
    height: 55px;
  }
  #sysHeader #header_inner .h_menu {
    width: 100%;
  }
  #sysHeader #header_inner .h_menu .sysContent {
    display: block;
  }
  #sysHeader #header_inner .h_menu .h_logo {
    margin: 0 auto;
  }
  #sysHeader #header_inner .h_menu .h_logo a {
    width: 160px;
    height: 55px;
    background-position: center center;
    background-size: 138px;
  }
  #sysHeader #header_inner .h_menu #h_menu {
    display: none;
  }
  #sysHeader #header_inner .search {
    display: none;
  }
  #sysHeader #header_inner .header_copy,
  #sysHeader #header_inner .header_copy_under {
    display: none;
  }
  #sysHeader #header_inner .h_navi {
    display: none;
  }
  #sysHeader #header_inner .h_parts #spHummenu {
    position: absolute;
    width: 18px;
    height: 15px;
    top: 0;
    bottom: 0;
    left: 2%;
    margin: auto;
  }
  #sysHeader #header_inner .h_parts #spHummenu a {
    position: relative;
    display: block;
    width: 18px;
    height: 15px;
  }
  #sysHeader #header_inner .h_parts #spHummenu a span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 2px;
    background: #000;
    transition: all 0.3s;
  }
  #sysHeader #header_inner .h_parts #spHummenu a span:nth-of-type(1) {
    top: 0;
  }
  #sysHeader #header_inner .h_parts #spHummenu a span:nth-of-type(2) {
    top: -1px;
    bottom: 0;
  }
  #sysHeader #header_inner .h_parts #spHummenu a span:nth-of-type(3) {
    bottom: 0;
  }
  #sysHeader #header_inner .h_parts #spNav {
    position: absolute;
    width: 30px;
    height: 20px;
    top: 0;
    bottom: 0;
    right: 2%;
    margin: auto;
  }
  #sysHeader #header_inner .h_parts #spNav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-end;
  }
  #sysHeader #header_inner .h_parts #spNav ul li {
    width: 25px;
    margin-right: 10px;
  }
  #sysHeader #header_inner .h_parts #spNav ul li:last-child {
    margin-right: 0;
  }
  #sysHeader #header_inner .h_parts #spNav ul li a {
    display: block;
    width: 25px;
    height: 20px;
    background-size: 20px;
  }
  #sysHeader #header_inner .h_parts #spNav ul li#spCart a {
    background-image: url("https://www.peakpine.com/img/layout/header/h_cart.png");
  }
  #sysHeader #header_inner .h_parts #spNav ul li#spSearch a {
    background-image: url("https://www.peakpine.com/img/layout/header/baseline-search.svg");
  }
  #sysHeader #mainSlider #sliderButton .caretButton {
    width: 8vw;
    height: 8vw;
    line-height: 42px;
  }
  #sysHeader #mainSlider #sliderButton .caretButton::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    bottom: auto;
    margin: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-top: 2px solid #fff;
  }
}
@media screen and (max-width: 650px) {
  .old_page #sysWrap, #sysItemCategory #sysWrap, #sysItemDetail #sysWrap, .brand_page #sysWrap {
    padding-top: 55px !important;
  }
  #sysHeader #header_fixed {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 1000;
    transition: all 0.5s;
    top: 0;
    left: 0;
  }
  #sysHeader #header_fixed.is-scroll {
    background: rgba(255, 255, 255, 0.8);
  }
  #sysHeader #mainSlider {
    max-width: 100%;
    padding-top: 105px;
    margin: 0 auto;
    position: relative;
  }
  #sysHeader #mainSlider #sliderButton .caretButton#nextButton,
  #sysHeader #mainSlider #sliderButton .caretButton#prevButton {
    top: 20%;
  }
  #sysHeader #mainSlider #sliderButton .caretButton#prevButton {
    left: 10px;
  }
  #sysHeader #mainSlider #sliderButton .caretButton#prevButton::before {
    content: "";
    display: block;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: none;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translate(-30%, -50%) rotateZ(-45deg);
  }
  #sysHeader #mainSlider #sliderButton .caretButton#nextButton {
    right: 10px;
  }
  #sysHeader #mainSlider #sliderButton .caretButton#nextButton::before {
    content: "";
    display: block;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-left: none;
    position: absolute;
    top: 50%;
    bottom: auto;
    right: 50%;
    left: auto;
    transform: translate(30%, -50%) rotateZ(45deg);
  }
  #sysHeader #mainSlider .main_slider {
    display: none;
  }
  #sysHeader #mainSlider .main_slider_sp {
    display: block;
    position: relative;
    height: 108vw;
    overflow: hidden;
  }
  #sysHeader #mainSlider .main_slider_sp ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 108vw;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media screen and (max-width: 650px) and (max-width: 1600px) {
  #sysHeader #mainSlider .main_slider_sp ul {
    width: 300vw;
  }
}
@media screen and (max-width: 650px) {
  #sysHeader #mainSlider .main_slider_sp ul li {
    width: 100vw;
  }
  #sysHeader #mainSlider .main_slider_sp ul li a:hover img {
    opacity: 1 !important;
  }
  #sysHeader .h_nav_under .under_nav {
    text-align: center;
    position: relative;
  }
  #sysHeader .h_nav_under .under_nav:before {
    content: "";
    width: 100%;
    height: 2px;
    margin-bottom: 2px;
    background: #fff;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 12;
  }
  #sysHeader .h_nav_under .under_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
  }
  #sysHeader .h_nav_under .under_nav ul:after {
    content: "";
    width: 2px;
    height: 100%;
    margin-bottom: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 12;
  }
  #sysHeader .h_nav_under .under_nav ul li {
    width: 50%;
  }
  #sysHeader .h_nav_under .under_nav a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 14px;
    background: #f2f2f2;
  }
  #sysHeader .h_nav_under .under_nav a span {
    display: inline-block;
    position: relative;
  }
  #sysHeader .h_nav_under .under_nav a span:before {
    display: block;
    height: 45px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2em;
    margin: auto;
    content: "▼";
    font-size: 10px;
    padding-right: 0.5em;
  }
  #sysHeader .h_nav_under .under_nav a span.under_nav_link {
    text-indent: -1em;
  }
  #sysHeader .h_nav_under .under_nav a span.under_nav_link::before {
    display: none;
    padding-right: 0;
  }
  #sysHeader .h_nav_under .under_nav a span.under_nav_link::after {
    display: block;
    height: 45px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2em;
    margin: auto;
    content: "▶";
    font-size: 10px;
    padding-left: 0.5em;
  }
  #sysHeader .h_nav_under .toggle_wrap,
  #sysHeader .h_nav_under .toggle_wrap2 {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
    text-align: left;
    background: #f2f2f2;
    border-bottom: 2px solid #fff;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents {
    transition: all 0.3s;
    pointer-events: none;
    opacity: 0;
    width: 100%;
    padding: 20px 3% 0;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .sysHeadline,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .sysHeadline {
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
    padding: 10px;
    font-size: 3vw !important;
    margin: 20px 0 !important !important;
    background: #000;
    color: #fff;
  }
}
@media screen and (max-width: 650px) and (max-width: 1100px) {
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .sysHeadline,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) and (max-width: 650px) {
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .sysHeadline,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 650px) {
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .sysHeadline span,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .sysHeadline span {
    display: inline-block;
    padding-right: 0.5em;
    font-size: 4vw !important;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .sysHeadline a,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .sysHeadline a {
    display: block;
    color: #fff;
    position: relative;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .h_item01 .sysHeadline a:before,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .h_item01 .sysHeadline a:before {
    position: absolute;
    content: "";
    right: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .h_item02 ul.open,
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .h_item03 ul.open,
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .h_item04 ul.open,
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .h_item05 ul.open,
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .h_item06 ul.open,
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .h_item07 ul.open,
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents .h_item08 ul.open,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .h_item02 ul.open,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .h_item03 ul.open,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .h_item04 ul.open,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .h_item05 ul.open,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .h_item06 ul.open,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .h_item07 ul.open,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents .h_item08 ul.open {
    height: auto !important;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents ul,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    padding: 0 3% 20px;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents ul li,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents ul li {
    width: 49% !important;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents ul li:nth-child(even),
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents ul li:nth-child(even) {
    margin-right: 0;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents ul li a,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents ul li a {
    display: block;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents ul li a .brand_name,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents ul li a .brand_name {
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    display: block;
    padding: 5px 0;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents#uItems ul,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents#uItems ul {
    margin: 20px 0x;
    padding: 0 !important;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents#uItems ul li,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents#uItems ul li {
    margin-bottom: 0;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents#uItems ul li a,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents#uItems ul li a {
    display: block;
    font-size: 11px;
    border-bottom: 1px dotted #ccc;
    margin-right: 10px;
    padding: 10px 0;
    line-height: 1.6;
  }
  #sysHeader .h_nav_under .toggle_wrap .toggle_contents#uShop ul li,
  #sysHeader .h_nav_under .toggle_wrap2 .toggle_contents#uShop ul li {
    font-size: 14px;
  }
  body.toggleBrand #sysHeader .h_nav_under .toggle_wrap {
    height: 500px;
  }
  body.toggleBrand #sysHeader .h_nav_under .toggle_wrap #uBrand {
    pointer-events: all !important;
    display: block !important;
    z-index: 10;
    opacity: 1 !important;
  }
  body.toggleItem #sysHeader .h_nav_under .toggle_wrap {
    height: 1000px;
  }
  body.toggleItem #sysHeader .h_nav_under .toggle_wrap #uItems {
    pointer-events: all !important;
    display: block !important;
    z-index: 10;
    opacity: 1 !important;
  }
  body.toggleShop #sysHeader .h_nav_under .toggle_wrap2 {
    height: 200px;
  }
  body.toggleShop #sysHeader .h_nav_under .toggle_wrap2 #uShop {
    pointer-events: all !important;
    display: block !important;
    z-index: 10;
    opacity: 1 !important;
  }
}
/*トップページのレイアウト*/
.buttonWrap {
  margin: 40px auto;
  width: 100%;
  text-align: center;
}

.buttonWrap a {
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  width: 150px;
  margin: 0 auto;
  font-size: 10px;
  padding: 10px 30px;
  border-radius: 50px;
  background: #000;
  color: #fff;
  transition: all 0.5s;
  position: relative;
}

.buttonWrap a::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.buttonWrap a:hover {
  background: #ff6f9b;
}

@media screen and (max-width: 650px) {
  .buttonWrap {
    margin: 20px auto 40px;
  }
  .buttonWrap a {
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-weight: normal;
    width: 50%;
    margin: 0 auto;
    font-size: 12px;
    padding: 10px 30px;
  }
}
.see_all_btn {
  display: none;
}

.sp_link {
  display: none;
}

@media screen and (max-width: 1100px) {
  .sp_link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
  .sp_link a {
    display: block;
    padding: 10px 30px 10px 0;
    font-size: 12px;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    position: relative;
  }
  .sp_link a:before {
    position: absolute;
    content: "";
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .sp_link a:before {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
  }
}
#top {
  /*GWお知らせ*/
  /*インスタフィード*/
}

#top li {
  float: none !important;
  padding: 0 !important;
}

#top li .sysItemImage {
  margin-bottom: 5px;
}

#top li .sysItemName,
#top li .sysItemPrice {
  line-height: 1.6;
  font-size: 10px;
  text-align: left;
}

#top #sysMain {
  max-width: 1000px;
  margin: 0 auto 0;
}

#top #sysMain .sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1100px) {
  #top #sysMain .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  #top #sysMain .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#top #sysMain .top_newarrival {
  margin-bottom: 80px;
}

#top #sysMain .top_newarrival .sysItemBlock ul.sysHorizontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#top #sysMain .top_newarrival .sysItemBlock ul.sysHorizontal li {
  float: none !important;
  width: 130px;
  margin-right: 44px;
  text-align: left !important;
  padding: 0 !important;
}

#top #sysMain .top_newarrival .sysItemBlock ul.sysHorizontal li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  #top #sysMain .top_newarrival .sysItemBlock ul.sysHorizontal li {
    width: 31vw;
    margin-right: 1.5vw;
    margin-bottom: 20px;
  }
  #top #sysMain .top_newarrival .sysItemBlock ul.sysHorizontal li:nth-child(3n) {
    margin-right: 0;
  }
}
#top #sysMain .top_newarrival .sysItemBlock ul.sysHorizontal li .sysItemImage {
  margin-bottom: 5px;
}

#top #sysMain .top_newarrival .sysItemBlock ul.sysHorizontal li .sysItemName a {
  font-size: 10px;
  line-height: 1.6;
}

#top #sysMain .top_newarrival .sysItemBlock ul.sysHorizontal li .sysItemPrice {
  font-size: 10px;
  line-height: 1.6;
}

#top #sysMain .top_itemBlock {
  margin-bottom: 80px;
}

#top #sysMain .top_itemBlock .sysItemBlock ul.sysHorizontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#top #sysMain .top_itemBlock .sysItemBlock ul.sysHorizontal li {
  float: none !important;
  width: 130px;
  margin-right: 44px;
  text-align: left !important;
  padding: 0 !important;
}

#top #sysMain .top_itemBlock .sysItemBlock ul.sysHorizontal li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  #top #sysMain .top_itemBlock .sysItemBlock ul.sysHorizontal li {
    width: 100%;
    margin-right: 1.5vw;
    margin-bottom: 20px;
  }
  #top #sysMain .top_itemBlock .sysItemBlock ul.sysHorizontal li:nth-child(3n) {
    margin-right: 0;
  }
}
#top #sysMain .top_itemBlock .sysItemBlock ul.sysHorizontal li .sysItemImage {
  margin-bottom: 5px;
}

#top #sysMain .top_itemBlock .sysItemBlock ul.sysHorizontal li .sysItemName a {
  font-size: 10px;
  line-height: 1.6;
}

#top #sysMain .top_itemBlock .sysItemBlock ul.sysHorizontal li .sysItemPrice {
  font-size: 10px;
  line-height: 1.6;
}

#top #sysMain .top_banner {
  margin-bottom: 80px;
}

#top #sysMain .top_banner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#top #sysMain .top_banner ul li {
  float: none !important;
  width: 300px;
  margin-right: 50px;
  margin-bottom: 60px;
}

#top #sysMain .top_banner ul li:nth-child(3) {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  #top #sysMain .top_banner ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  #top #sysMain .top_banner ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) {
  #top #sysMain .top_banner ul li {
    width: 90%;
    margin: 0 5% 30px;
  }
}
#top #sysMain .top_banner ul li:nth-child(n+4) {
  width: 235px;
  margin-right: 20px;
  margin-bottom: 10px;
}

#top #sysMain .top_banner ul li:nth-child(n+7) {
  margin-bottom: 0;
}

#top #sysMain .top_banner ul li:nth-child(3), #top #sysMain .top_banner ul li:nth-child(4n+3) {
  margin-right: 0;
}

#top #sysMain .top_banner ul li a img {
  margin-bottom: 10px;
}

#top #sysMain .top_banner ul li a .caption {
  display: block;
  line-height: 1.6;
  font-size: 10px;
}

#top #sysMain .top_banner ul li a .caption span {
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 12px;
}

#top #sysMain #unitLayout {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#top #sysMain #unitLayout .top_hotitem {
  width: 300px;
  margin-right: 50px;
}

#top #sysMain #unitLayout .top_hotitem ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#top #sysMain #unitLayout .top_hotitem ul li {
  width: 130px;
  margin-right: 40px;
  margin-bottom: 80px;
}

#top #sysMain #unitLayout .top_hotitem ul li:nth-child(even) {
  margin-right: 0;
}

#top #sysMain #unitLayout .top_hotitem ul li:nth-child(n+2) {
  margin-bottom: 0;
}

#top #sysMain #unitLayout .trend_wrap {
  width: 300px;
  margin-right: 50px;
  padding-top: 60px;
}

#top #sysMain #unitLayout .trend_wrap ul li .sysItemName,
#top #sysMain #unitLayout .trend_wrap ul li .sysItemPrice {
  font-size: 12px;
}

#top #sysMain #unitLayout .top_trend {
  width: 300px;
}

#top #sysMain #unitLayout .top_trend .sysHeadline {
  text-indent: -9999px;
}

#top #sysMain #unitLayout .top_trend ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#top #sysMain #unitLayout .top_trend ul li {
  width: 130px;
  margin-right: 40px;
  margin-bottom: 80px;
}

#top #sysMain #unitLayout .top_trend ul li:nth-child(even) {
  margin-right: 0;
}

#top #sysMain #unitLayout .top_trend ul li:nth-child(n+2) {
  margin-bottom: 0;
}

#top #sysMain #rankingWrap .sysIconRank {
  display: none !important;
}

#top #sysMain #rankingWrap .top_ranking_parts {
  margin-bottom: 40px;
}

#top #sysMain #rankingWrap .top_ranking_parts .sysHeadline {
  font-size: 20px !important;
  margin-bottom: 0 !important;
}

#top #sysMain #rankingWrap .top_ranking_parts ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#top #sysMain #rankingWrap .top_ranking_parts ul li {
  float: none !important;
  width: 130px;
  margin-right: 44px;
  text-align: left !important;
  padding: 0 !important;
  padding-top: 50px !important;
  position: relative;
}

#top #sysMain #rankingWrap .top_ranking_parts ul li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  #top #sysMain #rankingWrap .top_ranking_parts ul li {
    width: 31vw;
    margin-right: 1.5vw;
    margin-bottom: 20px;
  }
  #top #sysMain #rankingWrap .top_ranking_parts ul li:nth-child(3n) {
    margin-right: 0;
  }
}
#top #sysMain #rankingWrap .top_ranking_parts ul li:before {
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  position: absolute;
  top: 12.5px;
  left: 0;
  right: 0;
  margin: auto;
}

#top #sysMain #rankingWrap .top_ranking_parts ul li:nth-child(1):before {
  content: "1";
}

#top #sysMain #rankingWrap .top_ranking_parts ul li:nth-child(2):before {
  content: "2";
}

#top #sysMain #rankingWrap .top_ranking_parts ul li:nth-child(3):before {
  content: "3";
}

#top #sysMain #rankingWrap .top_ranking_parts ul li:nth-child(4):before {
  content: "4";
}

#top #sysMain #rankingWrap .top_ranking_parts ul li:nth-child(5):before {
  content: "5";
}

#top #sysMain #rankingWrap .top_ranking_parts ul li:nth-child(6):before {
  content: "6";
}

#top #sysMain #rankingWrap .flex_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#top #sysMain #rankingWrap .flex_wrap .top_ranking_mens {
  margin-right: 0px;
  width: 480px;
}

#top #sysMain #rankingWrap .flex_wrap .top_ranking_resort {
  width: 480px;
  margin-right: 40px;
}

#top #sysMain #feedWrapper {
  margin: 0 -55px;
}

#top #sysMain .rss_feed {
  width: 1110px;
  margin: 0 auto;
  padding: 50px 50px 30px;
  border: 5px solid #000;
  position: relative;
}

#top #sysMain .rss_feed .news_ttl {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  position: absolute;
  left: 40px;
  top: -14px;
  line-height: 24px;
}

@media screen and (max-width: 1100px) {
  #top #sysMain .rss_feed .news_ttl {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  #top #sysMain .rss_feed .news_ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#top #sysMain .rss_feed .news_ttl span {
  position: relative;
  font-size: 24px;
  z-index: 10;
  display: inline-block;
  padding: 0 10px;
  background: #fff;
}

#top #sysMain .rss_feed #rss_feed ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#top #sysMain .rss_feed #rss_feed ul li {
  float: none !important;
  width: 235px;
  margin-right: 20px;
  margin-bottom: 0;
  padding: 0 5px !important;
}

#top #sysMain .rss_feed #rss_feed ul li:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  #top #sysMain .rss_feed #rss_feed ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
  }
  #top #sysMain .rss_feed #rss_feed ul li:nth-child(even) {
    margin-right: 0;
  }
}
#top #sysMain .rss_feed #rss_feed ul li .img_wrap {
  margin-bottom: 5px;
}

#top #sysMain .rss_feed #rss_feed ul li .img_wrap img {
  height: auto !important;
}

#top #sysMain .rss_feed #rss_feed ul li .txt_wrap {
  line-height: 1.6;
}

#top #sysMain .rss_feed #rss_feed ul li .txt_wrap .article_cat {
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 12px;
}

#top #sysMain .rss_feed #rss_feed ul li .txt_wrap a {
  font-size: 10px;
}

#top #sysMain .rss_feed #rss_feed ul li .txt_wrap .article_date {
  display: none;
}

#top #sysMain .about_pp {
  margin: 0 auto 80px;
  max-width: 1000px;
}

#top #sysMain .about_pp h2 {
  margin-bottom: 10px;
}

#top #sysMain .about_pp p {
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 11px;
  letter-spacing: 0.052em;
}

#top .sysFuncText.temporary_notice {
  border: 2px solid #aaa;
  padding: 10px;
  margin: -40px 0 40px;
  text-align: center;
  line-height: 1.6;
}

#top .sysFuncText.temporary_notice h5.notice_title {
  color: #bb3a3a;
  font-weight: bold;
  font-weight: bold !important;
  font-size: 16px;
  margin: 10px 0 !important;
  line-height: 1.6;
}

#top .sysFuncText.temporary_notice p {
  font-size: 12px;
  margin: 10px 0 20px !important;
  padding: 0 !important;
  line-height: 1.6;
}

#top .sysFuncText.temporary_notice p span {
  display: block;
  font-weight: bold;
}

#top .insta_wrap {
  max-width: 1000px;
  margin: 0 auto 80px;
}

#top .insta_wrap .sysContent #instafeed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#top .insta_wrap .sysContent #instafeed li {
  float: none !important;
  width: 150px;
  height: 150px;
  margin-right: 20px;
  position: relative;
}

#top .insta_wrap .sysContent #instafeed li:last-of-type {
  margin-right: 0;
}

#top .insta_wrap .sysContent #instafeed li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#top .insta_wrap .sysContent #instafeed li a img {
  width: 120%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10%;
  right: -10%;
  margin: auto;
  max-width: initial;
}

@media screen and (max-width: 1200px) {
  #top .sysFuncText.temporary_notice {
    width: 95%;
    margin: -20px auto 20px;
    border: 1px solid #aaa;
    padding: 10px;
    text-align: left;
  }
  #top .sysFuncText.temporary_notice h5.notice_title {
    font-size: 16px;
  }
  #top .sysFuncText.temporary_notice p {
    font-size: 11px;
    margin: 10px 0 !important;
    padding: 0 !important;
  }
}
@media screen and (max-width: 1100px) {
  #top {
    /*インスタフィード*/
  }
  #top .buttonWrap {
    margin: 40px auto;
    width: 100%;
    text-align: center;
  }
  #top .buttonWrap a {
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    width: 130px;
    margin: 0 auto;
    font-size: 10px;
    padding: 10px 30px;
    border-radius: 50px;
    background: #000;
    color: #fff;
    transition: all 0.5s;
    position: relative;
  }
  #top .buttonWrap a::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 15px;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #top .buttonWrap a:hover {
    background: #ff6f9b;
  }
}
@media screen and (max-width: 1100px) and (max-width: 650px) {
  #top .buttonWrap {
    margin: 20px auto 40px;
  }
  #top .buttonWrap a {
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-weight: normal;
    width: 50%;
    margin: 0 auto;
    font-size: 12px;
    padding: 10px 30px;
  }
}
@media screen and (max-width: 1100px) {
  #top li {
    float: none !important;
    padding: 0 !important;
  }
  #top li .sysItemImage {
    margin-bottom: 5px;
  }
  #top li .sysItemName,
  #top li .sysItemPrice {
    line-height: 1.6;
    font-size: 10px;
    text-align: left;
  }
  #top #sysMain {
    width: 96vw !important;
    margin: 0 auto 0;
  }
  #top #sysMain .top_newarrival {
    display: none !important;
    margin-bottom: 40px;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  #top #sysMain .top_itemBlock {
    display: none !important;
    margin-bottom: 40px;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  #top #sysMain .top_newarrival .sysItemBlock {
    height: 48vw;
    position: relative;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton {
    width: 100%;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret {
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 42px;
    top: 0;
    bottom: 40px;
    margin: auto;
    z-index: 150;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: "ＭＳ ゴシック", MS Gothic, " Osaka－等幅", " Osaka-mono", monospace;
    text-align: center;
    border-radius: 50%;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#prevItem {
    left: 20px;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#prevItem:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#prevItem:before {
    left: 4px;
    right: 0;
    width: 10px;
    height: 10px;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#nextItem {
    right: 20px;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#nextItem:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#nextItem:before {
    left: 0;
    right: 4px;
    width: 10px;
    height: 10px;
  }
  #top #sysMain .top_newarrival .sysItemBlock ul.sysHorizontal {
    width: 195vw;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  #top #sysMain .top_newarrival .sysItemBlock ul.sysHorizontal li:nth-child(3n) {
    margin-right: 1.5vw;
  }
  #top #sysMain .new_arrival_sp {
    margin-bottom: 40px;
    /**
         * Owl Carousel v2.2.1
         * Copyright 2013-2017 David Deutsch
         * Licensed under  ()
         */
    /*
         *  Owl Carousel - Core
         */
    /* No Js */
    /*
         *  Owl Carousel - Animate Plugin
         */
    /*
         * 	Owl Carousel - Auto Height Plugin
         */
    /*
         * 	Owl Carousel - Lazy Load Plugin
         */
    /*
         * 	Owl Carousel - Video Plugin
         */
  }
  #top #sysMain .new_arrival_sp ul {
    position: relative;
  }
  #top #sysMain .new_arrival_sp .owl-dots {
    display: none;
  }
  #top #sysMain .new_arrival_sp .owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-item,
  #top #sysMain .new_arrival_sp .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-item img {
    display: block;
    width: 100%;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #top #sysMain .new_arrival_sp .owl-carousel.owl-loaded {
    display: block;
  }
  #top #sysMain .new_arrival_sp .owl-carousel.owl-loading {
    opacity: 0;
    display: block;
  }
  #top #sysMain .new_arrival_sp .owl-carousel.owl-hidden {
    opacity: 0;
  }
  #top #sysMain .new_arrival_sp .owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
  }
  #top #sysMain .new_arrival_sp .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 5px;
  }
  #top #sysMain .new_arrival_sp .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
  }
  #top #sysMain .new_arrival_sp .owl-carousel.owl-rtl {
    direction: rtl;
  }
  #top #sysMain .new_arrival_sp .owl-carousel.owl-rtl .owl-item {
    float: right;
  }
  #top #sysMain .new_arrival_sp .no-js .owl-carousel {
    display: block;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-animated-in {
    z-index: 0;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-animated-out {
    z-index: 1;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
  }
  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  #top #sysMain .new_arrival_sp .owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 100ms ease;
    -o-transition: transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-video-playing .owl-video-play-icon,
  #top #sysMain .new_arrival_sp .owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
  }
  #top #sysMain .new_arrival_sp .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
  }
  #top #sysMain .new_arrival_sp .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
  }
  #top #sysMain .new_arrival_sp .owl-dots {
    text-align: center;
  }
  #top #sysMain .new_arrival_sp .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    top: 10px;
  }
  #top #sysMain .new_arrival_sp .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 12.5px;
    background: #999;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
  #top #sysMain .new_arrival_sp .owl-dots .owl-dot.active span,
  #top #sysMain .new_arrival_sp .owl-dots .owl-dot:hover span {
    background: #000;
  }
  #top #sysMain .new_arrival_sp .owl-nav .owl-next,
  #top #sysMain .new_arrival_sp .owl-nav .owl-prev {
    position: absolute;
    height: 8vw;
    width: 8vw;
    line-height: 1;
    top: 0;
    bottom: 10.6666666667vw;
    margin: auto;
    z-index: 150;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: "ＭＳ ゴシック", MS Gothic, " Osaka－等幅", " Osaka-mono", monospace;
    text-align: center;
    border-radius: 50%;
  }
  #top #sysMain .new_arrival_sp .owl-nav .owl-prev {
    left: 0;
    text-indent: -9999px;
  }
  #top #sysMain .new_arrival_sp .owl-nav .owl-prev::before {
    content: "";
    display: block;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border: none;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translate(-30%, -50%) rotateZ(-45deg);
  }
  #top #sysMain .new_arrival_sp .owl-nav .owl-next {
    right: 0;
    text-indent: -9999px;
  }
  #top #sysMain .new_arrival_sp .owl-nav .owl-next:before {
    content: "";
    display: block;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 50%;
    bottom: auto;
    right: 50%;
    left: auto;
    transform: translate(30%, -50%) rotateZ(45deg);
  }
  #top #sysMain .top_itemBlock_sp {
    margin-bottom: 40px;
    /**
         * Owl Carousel v2.2.1
         * Copyright 2013-2017 David Deutsch
         * Licensed under  ()
         */
    /*
         *  Owl Carousel - Core
         */
    /* No Js */
    /*
         *  Owl Carousel - Animate Plugin
         */
    /*
         * 	Owl Carousel - Auto Height Plugin
         */
    /*
         * 	Owl Carousel - Lazy Load Plugin
         */
    /*
         * 	Owl Carousel - Video Plugin
         */
  }
  #top #sysMain .top_itemBlock_sp ul {
    position: relative;
  }
  #top #sysMain .top_itemBlock_sp .owl-dots {
    display: none;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-item,
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-item img {
    display: block;
    width: 100%;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel.owl-loaded {
    display: block;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel.owl-loading {
    opacity: 0;
    display: block;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel.owl-hidden {
    opacity: 0;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 5px;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel.owl-rtl {
    direction: rtl;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel.owl-rtl .owl-item {
    float: right;
  }
  #top #sysMain .top_itemBlock_sp .no-js .owl-carousel {
    display: block;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-animated-in {
    z-index: 0;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-animated-out {
    z-index: 1;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
  }
  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  #top #sysMain .top_itemBlock_sp .owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 100ms ease;
    -o-transition: transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-video-playing .owl-video-play-icon,
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
  }
  #top #sysMain .top_itemBlock_sp .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
  }
  #top #sysMain .top_itemBlock_sp .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
  }
  #top #sysMain .top_itemBlock_sp .owl-dots {
    text-align: center;
  }
  #top #sysMain .top_itemBlock_sp .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    top: 10px;
  }
  #top #sysMain .top_itemBlock_sp .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 12.5px;
    background: #999;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
  #top #sysMain .top_itemBlock_sp .owl-dots .owl-dot.active span,
  #top #sysMain .top_itemBlock_sp .owl-dots .owl-dot:hover span {
    background: #000;
  }
  #top #sysMain .top_itemBlock_sp .owl-nav .owl-next,
  #top #sysMain .top_itemBlock_sp .owl-nav .owl-prev {
    position: absolute;
    height: 8vw;
    width: 8vw;
    line-height: 1;
    top: 0;
    bottom: 10.6666666667vw;
    margin: auto;
    z-index: 150;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: "ＭＳ ゴシック", MS Gothic, " Osaka－等幅", " Osaka-mono", monospace;
    text-align: center;
    border-radius: 50%;
  }
  #top #sysMain .top_itemBlock_sp .owl-nav .owl-prev {
    left: 0;
    text-indent: -9999px;
  }
  #top #sysMain .top_itemBlock_sp .owl-nav .owl-prev::before {
    content: "";
    display: block;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border: none;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translate(-30%, -50%) rotateZ(-45deg);
  }
  #top #sysMain .top_itemBlock_sp .owl-nav .owl-next {
    right: 0;
    text-indent: -9999px;
  }
  #top #sysMain .top_itemBlock_sp .owl-nav .owl-next::before {
    content: "";
    display: block;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 50%;
    bottom: auto;
    right: 50%;
    left: auto;
    transform: translate(30%, -50%) rotateZ(45deg);
  }
  #top #sysMain .top_banner {
    margin-bottom: 40px;
  }
  #top #sysMain .top_banner ul li:nth-child(n+4) {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 0;
  }
  #top #sysMain .top_banner ul li:nth-child(2n+3) {
    margin-right: 0;
  }
  #top #sysMain .top_banner ul li a img {
    margin-bottom: 10px;
  }
  #top #sysMain #unitLayout {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #top #sysMain #unitLayout .top_hotitem {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0 !important;
  }
  #top #sysMain #unitLayout .top_hotitem ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #top #sysMain #unitLayout .top_hotitem ul li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 40px;
  }
  #top #sysMain #unitLayout .top_hotitem ul li:nth-child(even) {
    margin-right: 2%;
  }
  #top #sysMain #unitLayout .top_hotitem ul li:nth-child(n+2) {
    margin-bottom: 40px;
  }
  #top #sysMain #unitLayout .top_hotitem ul li:last-child {
    margin-right: 0;
  }
  #top #sysMain #unitLayout .trend_wrap {
    width: 49%;
    margin-right: 2%;
    padding-top: 20px;
  }
  #top #sysMain #unitLayout .trend_wrap ul li .sysItemName,
  #top #sysMain #unitLayout .trend_wrap ul li .sysItemPrice {
    font-size: 12px;
  }
  #top #sysMain #unitLayout .top_trend {
    width: 49%;
  }
  #top #sysMain #unitLayout .top_trend .sysHeadline {
    display: none;
  }
  #top #sysMain #unitLayout .top_trend ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #top #sysMain #unitLayout .top_trend ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 40px;
  }
  #top #sysMain #unitLayout .top_trend ul li:nth-child(even) {
    margin-right: 0;
  }
  #top #sysMain #unitLayout .top_trend ul li:nth-child(n+2) {
    margin-bottom: 0;
  }
  #top #sysMain #rankingWrap .top_ranking_parts {
    margin-bottom: 40px;
  }
  #top #sysMain #rankingWrap .top_ranking_parts .sysHeadline {
    font-size: 20px !important;
    margin-bottom: 0 !important;
  }
  #top #sysMain #rankingWrap .top_ranking_parts ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #top #sysMain #rankingWrap .top_ranking_parts ul li {
    float: none !important;
    width: 130px;
    margin-right: 44px;
    text-align: left !important;
    padding: 0 !important;
    padding-top: 50px !important;
    position: relative;
  }
  #top #sysMain #rankingWrap .top_ranking_parts ul li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 1100px) and (max-width: 1100px) {
  #top #sysMain #rankingWrap .top_ranking_parts ul li {
    width: 31vw;
    margin-right: 1.5vw;
    margin-bottom: 20px;
  }
  #top #sysMain #rankingWrap .top_ranking_parts ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1100px) {
  #top #sysMain #rankingWrap .top_ranking_parts ul li:nth-child(n+4) {
    display: block !important;
  }
  #top #sysMain #rankingWrap .top_ranking_parts.top_ranking_swimwear li:nth-child(n+4) {
    display: none;
  }
  #top #sysMain #rankingWrap .flex_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #top #sysMain #rankingWrap .flex_wrap .top_ranking_mens {
    width: 100%;
    margin-right: 0;
  }
  #top #sysMain #rankingWrap .flex_wrap .top_ranking_resort {
    width: 100%;
  }
  #top #sysMain #feedWrapper {
    margin: 0 -2vw;
  }
  #top #sysMain .rss_feed {
    width: 96vw;
    margin: 0 2vw;
    padding: 50px 50px 30px;
    border: 3px solid #000;
  }
  #top #sysMain .about_pp {
    width: 96vw;
    margin: 0 auto 40px;
  }
  #top #sysMain .about_pp h2 {
    font-size: 1.4em;
  }
  #top .insta_wrap {
    width: 96vw;
    margin: 0 auto 40px;
  }
  #top .insta_wrap .sysContent #instafeed li {
    float: none !important;
    width: 15.4166666667%;
    height: auto;
    margin-right: 1.5%;
    position: relative;
  }
  #top .insta_wrap .sysContent #instafeed li:last-of-type {
    margin-right: 0;
  }
  #top .insta_wrap .sysContent #instafeed li:after {
    content: "";
    display: block;
    padding-top: 50%;
    padding-bottom: 50%;
  }
  .see_all_btn {
    display: block !important;
    margin: 23px auto 20px !important;
  }
  .see_all_btn a {
    width: 40% !important;
  }
}
@media screen and (max-width: 650px) {
  #top {
    /*インスタフィード*/
  }
  #top .buttonWrap {
    margin: 40px auto;
    width: 100%;
    text-align: center;
  }
  #top .buttonWrap a {
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    width: 130px;
    margin: 0 auto;
    font-size: 10px;
    padding: 10px 30px;
    border-radius: 50px;
    background: #000;
    color: #fff;
    transition: all 0.5s;
    position: relative;
  }
  #top .buttonWrap a::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 15px;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #top .buttonWrap a:hover {
    background: #ff6f9b;
  }
}
@media screen and (max-width: 650px) and (max-width: 650px) {
  #top .buttonWrap {
    margin: 20px auto 40px;
  }
  #top .buttonWrap a {
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-weight: normal;
    width: 50%;
    margin: 0 auto;
    font-size: 12px;
    padding: 10px 30px;
  }
}
@media screen and (max-width: 650px) {
  #top li .sysItemName,
  #top li .sysItemPrice {
    line-height: 1.6;
  }
  #top #sysMain {
    margin: 0 auto 0;
  }
  #top #sysMain .trend_keyword {
    margin: 0 auto 10px;
  }
  #top #sysMain .trend_keyword .keyword ul {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #top #sysMain .trend_keyword .keyword ul li a {
    display: inline-block;
    background: #eee;
    padding: 5px 8px;
    margin: 0 10px 10px 0;
    font-size: 14px;
  }
  #top #sysMain .top_newarrival {
    margin-bottom: 40px;
  }
  #top #sysMain .top_newarrival .sysItemBlock {
    height: 80vw;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton {
    width: 100%;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret {
    height: 25px;
    width: 25px;
    line-height: 27px;
    bottom: 15vw;
    font-size: 14px;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#prevItem {
    left: 5px;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#prevItem:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#prevItem:before {
    left: 2.5px;
    right: 0;
    width: 8px;
    height: 8px;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#nextItem {
    right: 5px;
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#nextItem:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #top #sysMain .top_newarrival .sysItemBlock #itemCaretButton .itemCaret#nextItem:before {
    left: 0;
    right: 2.5px;
    width: 8px;
    height: 8px;
  }
  #top #sysMain .top_banner {
    margin-bottom: 40px;
  }
  #top #sysMain .top_banner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #top #sysMain .top_banner ul li {
    float: none !important;
    width: 300px;
    margin-right: 50px;
    margin-bottom: 60px;
  }
  #top #sysMain .top_banner ul li:nth-child(3) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) and (max-width: 1100px) {
  #top #sysMain .top_banner ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  #top #sysMain .top_banner ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) and (max-width: 650px) {
  #top #sysMain .top_banner ul li {
    width: 90%;
    margin: 0 5% 30px;
  }
}
@media screen and (max-width: 650px) {
  #top #sysMain .top_banner ul li:nth-child(n+4) {
    width: 47.5%;
    margin-right: 3%;
    margin-left: 0;
    margin-bottom: 3px;
  }
  #top #sysMain .top_banner ul li:nth-child(2n+3), #top #sysMain .top_banner ul li:nth-child(5) {
    margin-right: 0;
  }
  #top #sysMain .top_banner ul li:nth-child(3) {
    margin-right: 5%;
  }
  #top #sysMain .top_banner ul li a img {
    margin-bottom: 10px;
  }
  #top #sysMain .top_banner ul li a .caption {
    display: block;
    line-height: 1.6;
    font-size: 10px;
  }
  #top #sysMain .top_banner ul li a .caption span {
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 14px;
  }
  #top #sysMain #unitLayout {
    display: block;
    position: relative;
  }
  #top #sysMain #unitLayout .top_hotitem {
    margin-right: 0;
  }
  #top #sysMain #unitLayout .top_hotitem ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-end;
  }
  #top #sysMain #unitLayout .top_hotitem ul li {
    width: 31%;
    margin-right: 3%;
    margin-bottom: 30px;
  }
  #top #sysMain #unitLayout .top_hotitem ul li:nth-child(3n) {
    margin-right: 0;
  }
  #top #sysMain #unitLayout .top_hotitem ul li:nth-child(even) {
    margin-right: 3.33333%;
  }
  #top #sysMain #unitLayout .top_hotitem ul li:last-child {
    margin-right: 0;
  }
  #top #sysMain #unitLayout .top_hotitem ul li:nth-child(n+2) {
    margin-bottom: 30px;
  }
  #top #sysMain #unitLayout .trend_wrap {
    width: 65%;
    position: absolute;
    top: 80vw;
    margin-right: 0;
    padding-top: 0;
  }
  #top #sysMain #unitLayout .trend_wrap ul li .sysItemName,
  #top #sysMain #unitLayout .trend_wrap ul li .sysItemPrice {
    font-size: 12px;
  }
  #top #sysMain #unitLayout .top_trend {
    width: 100%;
  }
  #top #sysMain #unitLayout .top_trend .sysHeadline {
    text-indent: -9999px;
  }
  #top #sysMain #unitLayout .top_trend ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #top #sysMain #unitLayout .top_trend ul li {
    width: 31%;
    margin-right: 3%;
    margin-bottom: 30px;
  }
  #top #sysMain #unitLayout .top_trend ul li:nth-child(even) {
    margin-right: 3%;
    margin-bottom: 30px;
  }
  #top #sysMain #unitLayout .top_trend ul li:nth-child(n+2) {
    margin-bottom: 30px;
  }
  #top #sysMain #unitLayout .top_trend ul li:last-child, #top #sysMain #unitLayout .top_trend ul li:nth-child(1) {
    margin-right: 0;
  }
  #top #sysMain #unitLayout .top_trend ul li:nth-child(1) {
    margin-left: 68%;
  }
  #top #sysMain #rankingWrap .sysHeadline {
    margin-bottom: 10px !important;
  }
  #top #sysMain #rankingWrap .top_ranking_parts {
    margin-bottom: 10px;
  }
  #top #sysMain #rankingWrap .top_ranking_parts .sysHeadline {
    font-size: 20px !important;
  }
  #top #sysMain #rankingWrap .top_ranking_parts ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #top #sysMain #rankingWrap .top_ranking_parts ul li {
    float: none !important;
    width: 130px;
    margin-right: 44px;
    text-align: left !important;
    padding: 0 !important;
    padding-top: 50px !important;
    position: relative;
  }
  #top #sysMain #rankingWrap .top_ranking_parts ul li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) and (max-width: 1100px) {
  #top #sysMain #rankingWrap .top_ranking_parts ul li {
    width: 31vw;
    margin-right: 1.5vw;
    margin-bottom: 20px;
  }
  #top #sysMain #rankingWrap .top_ranking_parts ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) {
  #top #sysMain #rankingWrap .top_ranking_parts ul li:before {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 12.5px;
    left: 0;
    right: 0;
    margin: auto;
  }
  #top #sysMain #rankingWrap .flex_wrap {
    display: block;
  }
  #top #sysMain #rankingWrap .flex_wrap .top_ranking_mens {
    width: 100%;
    margin-right: 0;
  }
  #top #sysMain #rankingWrap .flex_wrap .top_ranking_resort {
    width: 100%;
  }
  #top #sysMain #feedWrapper {
    margin: 0 auto;
  }
  #top #sysMain .rss_feed {
    width: 96%;
    margin: 0 auto;
    padding: 40px 6vw 20px;
    border: 3px solid #000;
  }
  #top #sysMain .rss_feed .news_ttl {
    left: 5%;
    top: -14px;
    line-height: 24px;
  }
  #top #sysMain .rss_feed .news_ttl span {
    position: relative;
    font-size: 20px;
    z-index: 10;
    display: inline-block;
    padding: 0 10px;
    background: #fff;
  }
  #top #sysMain .rss_feed #rss_feed ul {
    width: 100%;
    display: block;
  }
  #top #sysMain .rss_feed #rss_feed ul li {
    width: 100%;
    margin-right: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px;
  }
  #top #sysMain .rss_feed #rss_feed ul li .img_wrap {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 10px;
    position: relative;
  }
  #top #sysMain .rss_feed #rss_feed ul li .img_wrap img {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
  }
  #top #sysMain .rss_feed #rss_feed ul li .txt_wrap {
    line-height: 1.6;
  }
  #top #sysMain .rss_feed #rss_feed ul li .txt_wrap .article_cat {
    display: none;
  }
  #top #sysMain .rss_feed #rss_feed ul li .txt_wrap a {
    font-size: 12px;
    font-weight: bold;
  }
  #top #sysMain .rss_feed #rss_feed ul li .txt_wrap .article_date {
    display: block;
    padding: 5px 0;
  }
  #top .insta_wrap {
    width: 96vw;
    margin: 0 auto 40px;
  }
  #top .insta_wrap .sysContent #instafeed li {
    float: none !important;
    width: 31.3333333333%;
    height: auto;
    margin-right: 3%;
    margin-bottom: 3%;
    position: relative;
  }
  #top .insta_wrap .sysContent #instafeed li:nth-child(3), #top .insta_wrap .sysContent #instafeed li:nth-child(6) {
    margin-right: 0;
  }
  #top .insta_wrap .sysContent #instafeed li:after {
    content: "";
    display: block;
    padding-top: 50%;
    padding-bottom: 50%;
  }
  .see_all_btn {
    display: block !important;
    margin: 23px auto 20px !important;
  }
  .see_all_btn a {
    width: calc(100% - 20px) !important;
  }
}
/*ブランドページのレイアウト*/
.brand_page #sysMain .sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 1100px) {
  .brand_page #sysMain .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .brand_page #sysMain .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.brand_page li {
  float: none !important;
  padding: 0 !important;
}

.brand_page .sysItemImages .sysImageList li {
  float: none !important;
  padding: 0 5px !important;
}

.brand_page li .sysItemImage {
  margin-bottom: 5px;
}

.brand_page li .sysItemName,
.brand_page li .sysItemPrice {
  line-height: 1.6;
  font-size: 10px;
  text-align: left;
}

.brand_page .brand_main {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto 60px;
}

.brand_page .brand_main .flex_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.brand_page .brand_main .flex_wrap .img_wrap {
  width: 64%;
  position: relative;
  height: 600px;
}

@media screen and (max-width: 1600px) {
  .brand_page .brand_main .flex_wrap .img_wrap {
    height: 37.5vw;
  }
}
.brand_page .brand_main .flex_wrap .img_wrap .pc_img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 1600px;
}

@media screen and (max-width: 1600px) {
  .brand_page .brand_main .flex_wrap .img_wrap .pc_img {
    width: 100vw;
  }
}
.brand_page .brand_main .flex_wrap .img_wrap .sp_img {
  display: none;
}

.brand_page .brand_main .flex_wrap .txt_wrap {
  position: relative;
  z-index: 10;
  width: 36%;
  text-align: center;
}

.brand_page .brand_main .flex_wrap .txt_wrap .logo_wrap {
  margin-bottom: 25px;
}

.brand_page .brand_main .flex_wrap .txt_wrap .logo_wrap img {
  margin-bottom: 10px;
}

.brand_page .brand_main .flex_wrap .txt_wrap .logo_wrap h1 {
  font-size: 14px;
  font-weight: normal;
}

.brand_page .brand_main .flex_wrap .txt_wrap h2 {
  line-height: 1.6;
  font-size: 12px;
  font-weight: normal;
}

.brand_page .brand_concept {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}

@media screen and (max-width: 1100px) {
  .brand_page .brand_concept {
    width: 96%;
  }
}
.brand_page .brand_concept .flex_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand_page .brand_concept .flex_wrap .wrapper_box {
  width: 50%;
  height: 625px;
  position: relative;
}

.brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap01 {
  position: absolute;
  top: 40px;
  left: 30px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.5);
  padding: 10px;
}

.brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap01 p {
  line-height: 1.8;
  font-weight: bold;
}

.brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap02 {
  position: absolute;
  top: 110px;
  right: 20px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.5);
  padding: 10px;
}

.brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap02 p {
  line-height: 1.8;
  font-weight: bold;
}

.brand_page .brand_concept .flex_wrap .wrapper_box .box01 {
  position: absolute;
  width: 265px;
  top: 0;
  right: 30px;
}

.brand_page .brand_concept .flex_wrap .wrapper_box .box02 {
  position: absolute;
  width: 190px;
  bottom: 170px;
  left: 0;
}

.brand_page .brand_concept .flex_wrap .wrapper_box .box03 {
  position: absolute;
  width: 265px;
  top: 60px;
  left: 40px;
}

.brand_page .brand_concept .flex_wrap .wrapper_box .box04 {
  position: absolute;
  width: 190px;
  bottom: 50px;
  right: 25px;
}

.brand_page .brand_concept .flex_wrap .wrapper_box .box05 {
  position: absolute;
  width: 140px;
  bottom: 0;
  left: -50px;
}

.brand_page .product_btn {
  font-size: 18px;
}

.brand_page .product_btn a {
  display: block;
  max-width: 390px;
  height: 60px;
  background-color: #ededed;
  margin: 60px auto 80px;
  text-align: center;
  line-height: 60px;
  padding: 0 15px;
  text-indent: 1.5em;
}

.brand_page .product_btn a:hover {
  color: #fff;
  background-color: #000;
}

.brand_page .product_btn a:hover span.btn_arw {
  background: #fff;
  transition: all 0.5s;
}

.brand_page .product_btn a:hover span.btn_arw::before {
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transition: all 0.5s;
}

.brand_page .product_btn a span.btn_arw {
  position: relative;
  top: 4px;
  display: inline-block;
  text-align: center;
  z-index: 100;
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin: auto;
  border-radius: 100%;
  background: #000;
  margin-left: 15px;
  transition: all 0.5s;
}

.brand_page .product_btn a span.btn_arw::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 3px;
  left: 0;
  margin: auto;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.brand_page .brand_toggle {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}

@media screen and (max-width: 1100px) {
  .brand_page .brand_toggle {
    width: 96%;
  }
}
.brand_page .brand_toggle .under_nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
  position: relative;
}

.brand_page .brand_toggle .under_nav ul:after {
  content: "";
  width: 2px;
  height: 100%;
  margin-bottom: 2px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 160px;
  margin: auto;
  z-index: 12;
}

.brand_page .brand_toggle .under_nav ul li {
  width: 160px;
  background: #ededed;
}

.brand_page .brand_toggle .under_nav ul li .toggle_button {
  text-align: center;
  display: block;
  height: 40px;
  line-height: 40px;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 14px;
  background: #f2f2f2;
  position: relative;
}

.brand_page .brand_toggle .under_nav ul li .toggle_button:before {
  display: inline-block;
  content: "▼";
  font-size: 10px;
  padding-right: 0.5em;
}

.brand_page .brand_toggle .toggle_wrap,
.brand_page .brand_toggle .toggle_wrap2 {
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
  text-align: left;
  background: #f2f2f2;
  border-bottom: 2px solid #fff;
}

.brand_page .brand_toggle .toggle_wrap .toggle_contents,
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents {
  transition: all 0.3s;
  pointer-events: none;
  height: 0;
  opacity: 0;
  width: 100%;
}

.brand_page .brand_toggle .toggle_wrap .toggle_contents .sysHeadline,
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents .sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  padding: 10px;
  margin: 20px 0 !important !important;
  font-size: 16px !important;
  background: #000;
  color: #fff;
}

@media screen and (max-width: 1100px) {
  .brand_page .brand_toggle .toggle_wrap .toggle_contents .sysHeadline,
  .brand_page .brand_toggle .toggle_wrap2 .toggle_contents .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .brand_page .brand_toggle .toggle_wrap .toggle_contents .sysHeadline,
  .brand_page .brand_toggle .toggle_wrap2 .toggle_contents .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.brand_page .brand_toggle .toggle_wrap .toggle_contents .sysHeadline a,
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents .sysHeadline a {
  display: block;
  color: #fff;
  position: relative;
}

.brand_page .brand_toggle .toggle_wrap .toggle_contents ul,
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
  padding: 0 3% 20px;
}

.brand_page .brand_toggle .toggle_wrap .toggle_contents ul li,
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents ul li {
  width: 24% !important;
  margin-right: 1.3333333333%;
  margin-bottom: 2%;
}

.brand_page .brand_toggle .toggle_wrap .toggle_contents ul li:nth-child(4n),
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents ul li:nth-child(4n) {
  margin-right: 0;
}

.brand_page .brand_toggle .toggle_wrap .toggle_contents ul li a,
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents ul li a {
  display: block;
}

.brand_page .brand_toggle .toggle_wrap .toggle_contents ul li a .brand_name,
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents ul li a .brand_name {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  display: block;
  padding: 5px 0;
}

.brand_page .brand_toggle .toggle_wrap .toggle_contents#uCatefgory,
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents#uCatefgory {
  padding: 20px 3% 0 !important;
}

.brand_page .brand_toggle .toggle_wrap .toggle_contents#uCatefgory ul,
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents#uCatefgory ul {
  margin: 20px 10px;
  padding: 0 3% !important;
}

.brand_page .brand_toggle .toggle_wrap .toggle_contents#uSize,
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents#uSize {
  padding: 0 3% 20px !important;
}

.brand_page .brand_toggle .toggle_wrap .toggle_contents#uSize ul,
.brand_page .brand_toggle .toggle_wrap2 .toggle_contents#uSize ul {
  margin: 20px 10px;
  padding: 0 3% !important;
}

.brand_page #unitLayout {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 1100px) {
  .brand_page #unitLayout {
    width: 96%;
  }
}
.brand_page #unitLayout .brand_hot {
  width: 300px;
  margin-right: 50px;
}

.brand_page #unitLayout .brand_hot ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand_page #unitLayout .brand_hot ul li {
  width: 130px;
  margin-right: 40px;
  margin-bottom: 80px;
}

.brand_page #unitLayout .brand_hot ul li:nth-child(even) {
  margin-right: 0;
}

.brand_page #unitLayout .brand_hot ul li:nth-child(n+2) {
  margin-bottom: 0;
}

.brand_page #unitLayout .trend_wrap {
  width: 300px;
  margin-right: 50px;
  padding-top: 60px;
}

.brand_page #unitLayout .trend_wrap ul li .sysItemName,
.brand_page #unitLayout .trend_wrap ul li .sysItemPrice {
  font-size: 12px;
}

.brand_page #unitLayout .brand_trend {
  width: 300px;
}

.brand_page #unitLayout .brand_trend .sysHeadline {
  text-indent: -9999px;
}

.brand_page #unitLayout .brand_trend ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand_page #unitLayout .brand_trend ul li {
  width: 130px;
  margin-right: 40px;
  margin-bottom: 80px;
}

.brand_page #unitLayout .brand_trend ul li:nth-child(even) {
  margin-right: 0;
}

.brand_page #unitLayout .brand_trend ul li:nth-child(n+2) {
  margin-bottom: 0;
}

.brand_page #rankingWrap {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1100px) {
  .brand_page #rankingWrap {
    width: 96%;
  }
}
.brand_page #rankingWrap .brand_ranking {
  margin-bottom: 40px;
}

.brand_page #rankingWrap .brand_ranking .sysHeadline {
  font-size: 20px !important;
  margin-bottom: 0 !important;
}

.brand_page #rankingWrap .brand_ranking ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand_page #rankingWrap .brand_ranking ul li {
  float: none !important;
  width: 130px;
  margin-right: 44px;
  text-align: left !important;
  padding: 0 !important;
  padding-top: 50px !important;
  position: relative;
}

.brand_page #rankingWrap .brand_ranking ul li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  .brand_page #rankingWrap .brand_ranking ul li {
    width: 31vw;
    margin-right: 1.5vw;
    margin-bottom: 20px;
  }
  .brand_page #rankingWrap .brand_ranking ul li:nth-child(3n) {
    margin-right: 0;
  }
}
.brand_page #rankingWrap .brand_ranking ul li .sysIconRank {
  display: none;
}

.brand_page #rankingWrap .brand_ranking ul li:before {
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  position: absolute;
  top: 12.5px;
  left: 0;
  right: 0;
  margin: auto;
}

.brand_page #rankingWrap .brand_ranking ul li:nth-child(1):before {
  content: "1";
}

.brand_page #rankingWrap .brand_ranking ul li:nth-child(2):before {
  content: "2";
}

.brand_page #rankingWrap .brand_ranking ul li:nth-child(3):before {
  content: "3";
}

.brand_page #rankingWrap .brand_ranking ul li:nth-child(4):before {
  content: "4";
}

.brand_page #rankingWrap .brand_ranking ul li:nth-child(5):before {
  content: "5";
}

.brand_page #rankingWrap .brand_ranking ul li:nth-child(6):before {
  content: "6";
}

.brand_page #rankingWrap .flex_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand_page #rankingWrap .flex_wrap .top_ranking_mens {
  width: 480px;
  margin-right: 40px;
}

.brand_page #rankingWrap .flex_wrap .top_ranking_resort {
  width: 480px;
}

.brand_page .rss_feed {
  width: 1110px;
  margin: 0 auto;
  padding: 50px 50px 30px;
  position: relative;
}

.brand_page .rss_feed .news_ttl {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1100px) {
  .brand_page .rss_feed .news_ttl {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .brand_page .rss_feed .news_ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.brand_page .rss_feed #rss_feed #newsCaretButton {
  display: none;
}

.brand_page .rss_feed #rss_feed ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand_page .rss_feed #rss_feed ul li {
  float: none !important;
  width: 235px;
  margin-right: 20px;
  margin-bottom: 0;
  padding: 0 5px !important;
}

.brand_page .rss_feed #rss_feed ul li:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  .brand_page .rss_feed #rss_feed ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
  }
  .brand_page .rss_feed #rss_feed ul li:nth-child(even) {
    margin-right: 0;
  }
}
.brand_page .rss_feed #rss_feed ul li .img_wrap {
  margin-bottom: 5px;
}

.brand_page .rss_feed #rss_feed ul li .img_wrap img {
  height: auto !important;
}

.brand_page .rss_feed #rss_feed ul li .txt_wrap {
  line-height: 1.6;
}

.brand_page .rss_feed #rss_feed ul li .txt_wrap .article_cat {
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 12px;
}

.brand_page .rss_feed #rss_feed ul li .txt_wrap a {
  font-size: 10px;
}

.brand_page .rss_feed #rss_feed ul li .txt_wrap .article_date {
  display: none;
}

.brand_page .shop_wrap {
  background: #ededed;
  padding: 25px 0 40px;
  margin-bottom: 60px;
}

.brand_page .shop_wrap .sysHeadline {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1100px) {
  .brand_page .shop_wrap .sysHeadline {
    width: 96%;
  }
}
.brand_page .shop_wrap .sysContent {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (max-width: 1100px) {
  .brand_page .shop_wrap .sysContent {
    width: 96%;
  }
}
.brand_page .shop_wrap .sysContent .brand_info {
  display: none;
}

.brand_page .shop_wrap .sysContent .shop_sns {
  position: absolute;
  top: -60px;
  right: 15px;
}

.brand_page .shop_wrap .sysContent .shop_sns ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand_page .shop_wrap .sysContent .shop_sns ul li {
  width: 42px;
  margin-right: 25px;
}

.brand_page .shop_wrap .sysContent .shop_sns ul li:last-child {
  margin-right: 0;
}

.brand_page .shop_wrap .sysContent .flex_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_left {
  width: 300px;
  margin-right: 30px;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right {
  width: calc(100% - 330px);
  height: 450px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 0 2% 40px;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right::-webkit-scrollbar {
  width: 12px;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right::-webkit-scrollbar-track {
  background: #fff;
  border-left: solid 1px #ececec;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
  box-shadow: inset 0 0 0 2px #fff;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList {
  width: 100%;
  padding: 10px 0;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li:last-child {
  margin-bottom: 0;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info {
  width: 450px;
  margin-right: 20px;
  position: relative;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info p {
  font-size: 12px;
  line-height: 1.6;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info .shop_property {
  position: absolute;
  top: 0;
  right: 0px;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info .shop_property span {
  display: inline-block;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  margin-right: 10px;
  padding: 3px 5px;
  border: 1px solid #aaa;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_button {
  width: calc(100% - 500px);
  padding-top: 30px;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_button a {
  text-align: center;
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  width: 130px;
  margin: 0 auto;
  font-size: 10px;
  padding: 10px 30px;
  border-radius: 50px;
  background: #000;
  color: #fff;
  transition: all 0.5s;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_button a:hover {
  background: #ff6f9b;
}

.brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_button a.shop_tel {
  display: none;
}

.brand_page .brand_style {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}

@media screen and (max-width: 1100px) {
  .brand_page .brand_style {
    width: 96%;
  }
}
.brand_page .brand_style ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand_page .brand_style ul li {
  width: 248px;
  margin-right: 2px;
  margin-bottom: 2px;
  position: relative;
}

.brand_page .brand_style ul li:last-child {
  margin-right: 0;
}

.brand_page .brand_style ul li .img_wrap:before {
  opacity: 0;
  pointer-events: none;
  transition: all 1s;
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
}

.brand_page .brand_style ul li .link_wrap {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 10px;
  z-index: 15;
}

.brand_page .brand_style ul li .link_wrap a {
  display: block;
  margin-bottom: 10px;
  font-size: 10px;
  color: #fff;
  text-decoration: underline;
}

.brand_page .brand_style ul li .link_wrap a:hover {
  color: #ff6f9b;
}

.brand_page .brand_style ul li:hover .img_wrap:before,
.brand_page .brand_style ul li:hover .link_wrap {
  opacity: 1;
  pointer-events: all;
}

.brand_page .brand_footer {
  margin-bottom: 80px;
}

.brand_page .brand_footer .foot_wrap {
  text-align: center;
  padding: 30px 0;
  background-color: #ededed;
  background-size: cover;
  background-position: center center;
}

.brand_page .brand_footer .foot_wrap .foot_logo {
  margin-bottom: 20px;
}

.brand_page .brand_footer .foot_wrap .foot_sns {
  margin-bottom: 20px;
}

.brand_page .brand_footer .foot_wrap .foot_sns ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand_page .brand_footer .foot_wrap .foot_sns ul li {
  width: 42px;
  margin-right: 20px;
}

.brand_page .brand_footer .foot_wrap .foot_sns ul li:last-child {
  margin-right: 0;
}

.brand_page .brand_footer .foot_wrap .button a {
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  width: 130px;
  margin: 0 auto;
  font-size: 10px;
  padding: 10px 30px;
  border-radius: 50px;
  background: #000;
  color: #fff;
  transition: all 0.5s;
}

.brand_page .brand_footer .foot_wrap .button a:hover {
  background: #ff6f9b;
}

.brand_page .mv_wrap {
  display: flex;
  width: 64%;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (max-width: 650px) {
  .brand_page .mv_wrap {
    width: 100%;
    flex-direction: column-reverse;
  }
}
#albove.brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap01 {
  top: 90px;
  left: 40px;
}

#albove.brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap02 {
  top: 200px;
  right: 50px;
}

#peakpine .sysHeadline img {
  width: 135px;
}

#peakpine .sysHeadline span {
  display: inline-block;
  padding-left: 0.3em;
}

#riberce .sysHeadline img {
  width: 125px;
}

#riberce .sysHeadline span {
  display: inline-block;
  padding-left: 0.3em;
}

#defilious .sysHeadline img {
  width: 105px;
}

#defilious .sysHeadline span {
  display: inline-block;
  padding-left: 0.3em;
}

#defilious_homme .sysHeadline img {
  width: 160px;
}

#defilious_homme .sysHeadline span {
  display: inline-block;
  text-indent: -0.5em;
}

#lapis-miu .sysHeadline img {
  width: 95px;
}

#lapis-miu .sysHeadline span {
  display: inline-block;
  padding-left: 0.3em;
}

#lspace .sysHeadline img {
  width: 100px;
}

#lspace .sysHeadline span {
  display: inline-block;
  padding-left: 0.3em;
}

#albove .sysHeadline img {
  width: 97px;
}

#albove .sysHeadline span {
  display: inline-block;
  padding-left: 0.3em;
}

#lspace .foot_logo img {
  width: 150px;
}

body.toggleCategory .brand_toggle .toggle_wrap {
  height: 288px;
}

body.toggleCategory .brand_toggle .toggle_wrap #uCatefgory {
  pointer-events: all !important;
  display: block !important;
  z-index: 10;
  opacity: 1 !important;
}

body.toggleSize .brand_toggle .toggle_wrap {
  height: 208px;
}

body.toggleSize .brand_toggle .toggle_wrap #uSize {
  pointer-events: all !important;
  display: block !important;
  z-index: 10;
  opacity: 1 !important;
}

@media screen and (max-width: 1100px) {
  .brand_page .brand_main {
    width: 100%;
    margin: 0 auto 60px;
  }
  .brand_page .brand_main .flex_wrap .txt_wrap .logo_wrap {
    margin-bottom: 15px;
  }
  .brand_page .brand_main .flex_wrap .txt_wrap .logo_wrap h1 {
    font-size: 14px;
    font-weight: normal;
  }
  .brand_page .brand_main .flex_wrap .txt_wrap h2 {
    font-size: 10px;
  }
  .brand_page .brand_concept {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 1100px) {
  .brand_page .brand_concept {
    width: 96%;
  }
}
@media screen and (max-width: 1100px) {
  .brand_page .brand_concept .flex_wrap .wrapper_box {
    width: 50%;
    height: 80vw;
    position: relative;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap01 {
    top: 65vw;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap02 {
    top: 0;
    right: 50px;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box.box_right {
    height: 90vw;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .box03 {
    top: 160px;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .box04 {
    bottom: 50px;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .box05 {
    bottom: 0;
  }
  .brand_page .brand_toggle {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 1100px) {
  .brand_page .brand_toggle {
    width: 96%;
  }
}
@media screen and (max-width: 1100px) {
  .brand_page .brand_toggle .under_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    position: relative;
  }
  .brand_page .brand_toggle .under_nav ul:after {
    content: "";
    width: 2px;
    height: 100%;
    margin-bottom: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 160px;
    margin: auto;
    z-index: 12;
  }
  .brand_page .brand_toggle .under_nav ul li {
    width: 160px;
    background: #ededed;
  }
  .brand_page .brand_toggle .under_nav ul li .toggle_button {
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 14px;
    background: #f2f2f2;
    position: relative;
  }
  .brand_page .brand_toggle .under_nav ul li .toggle_button:before {
    display: inline-block;
    content: "▼";
    font-size: 10px;
    padding-right: 0.5em;
  }
  .brand_page .brand_toggle .brand_toggle {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 1100px) {
  .brand_page .brand_toggle .brand_toggle {
    width: 96%;
  }
}
@media screen and (max-width: 1100px) {
  .brand_page .brand_toggle .brand_toggle .under_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    position: relative;
  }
  .brand_page .brand_toggle .brand_toggle .under_nav ul:after {
    content: "";
    width: 2px;
    height: 100%;
    margin-bottom: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 160px;
    margin: auto;
    z-index: 12;
  }
  .brand_page .brand_toggle .brand_toggle .under_nav ul li {
    width: 160px;
    background: #ededed;
  }
  .brand_page .brand_toggle .brand_toggle .under_nav ul li .toggle_button {
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 14px;
    background: #f2f2f2;
    position: relative;
  }
  .brand_page .brand_toggle .brand_toggle .under_nav ul li .toggle_button:before {
    display: inline-block;
    content: "▼";
    font-size: 10px;
    padding-right: 0.5em;
  }
  .brand_page #unitLayout {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page #unitLayout .brand_hot {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0 !important;
  }
  .brand_page #unitLayout .brand_hot ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page #unitLayout .brand_hot ul li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 40px;
  }
  .brand_page #unitLayout .brand_hot ul li:nth-child(even) {
    margin-right: 2%;
  }
  .brand_page #unitLayout .brand_hot ul li:nth-child(n+2) {
    margin-bottom: 40px;
  }
  .brand_page #unitLayout .brand_hot ul li:last-child {
    margin-right: 0;
  }
  .brand_page #unitLayout .trend_wrap {
    width: 49%;
    margin-right: 2%;
    padding-top: 20px;
  }
  .brand_page #unitLayout .trend_wrap ul li .sysItemName,
  .brand_page #unitLayout .trend_wrap ul li .sysItemPrice {
    font-size: 12px;
  }
  .brand_page #unitLayout .brand_trend {
    width: 49%;
  }
  .brand_page #unitLayout .brand_trend .sysHeadline {
    display: none;
  }
  .brand_page #unitLayout .brand_trend ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page #unitLayout .brand_trend ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 40px;
  }
  .brand_page #unitLayout .brand_trend ul li:nth-child(even) {
    margin-right: 0;
  }
  .brand_page #unitLayout .brand_trend ul li:nth-child(n+2) {
    margin-bottom: 0;
  }
  .brand_page #rankingWrap .brand_ranking {
    margin-bottom: 40px;
  }
  .brand_page #rankingWrap .brand_ranking .sysHeadline {
    font-size: 25px !important;
    margin-bottom: 0 !important;
  }
  .brand_page #rankingWrap .brand_ranking ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page #rankingWrap .brand_ranking ul li {
    float: none !important;
    width: 130px;
    margin-right: 44px;
    text-align: left !important;
    padding: 0 !important;
    padding-top: 50px !important;
    position: relative;
  }
  .brand_page #rankingWrap .brand_ranking ul li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 1100px) and (max-width: 1100px) {
  .brand_page #rankingWrap .brand_ranking ul li {
    width: 31vw;
    margin-right: 1.5vw;
    margin-bottom: 20px;
  }
  .brand_page #rankingWrap .brand_ranking ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1100px) {
  .brand_page #rankingWrap .brand_ranking ul li:nth-child(n+4) {
    display: none;
  }
  .brand_page #rankingWrap .flex_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page #rankingWrap .flex_wrap .top_ranking_mens {
    width: 100%;
    margin-right: 0;
  }
  .brand_page #rankingWrap .flex_wrap .top_ranking_resort {
    width: 100%;
  }
  .brand_page .rss_feed {
    width: 96vw;
    margin: 0 2vw;
    padding: 0;
  }
  .brand_page .rss_feed #rss_feed {
    padding: 0;
  }
  .brand_page .rss_feed #rss_feed #newsCaretButton {
    display: none;
  }
  .brand_page .rss_feed #rss_feed ul li {
    width: 24%;
    margin-right: 1.3333333333% !important;
  }
  .brand_page .rss_feed #rss_feed ul li:last-child {
    margin-right: 0 !important;
  }
  .brand_page .shop_wrap {
    background: #fff;
    padding: 25px 0 0;
    margin-bottom: 60px;
  }
  .brand_page .shop_wrap .sysHeadline {
    width: 100% !important;
    margin-bottom: 0 !important;
    padding: 30px 0;
    background: #ededed;
    justify-content: center !important;
  }
  .brand_page .shop_wrap .sysContent {
    width: 100% !important;
    position: relative;
  }
  .brand_page .shop_wrap .sysContent .brand_info {
    display: block;
    margin: 40px auto;
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page .shop_wrap .sysContent .brand_info a {
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    width: 130px;
    margin: 0 auto;
    font-size: 10px;
    padding: 10px 30px;
    border-radius: 50px;
    background: #000;
    color: #fff;
    transition: all 0.5s;
    position: relative;
  }
  .brand_page .shop_wrap .sysContent .brand_info a::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 15px;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .brand_page .shop_wrap .sysContent .brand_info a:hover {
    background: #ff6f9b;
  }
}
@media screen and (max-width: 1100px) and (max-width: 650px) {
  .brand_page .shop_wrap .sysContent .brand_info {
    margin: 20px auto 40px;
  }
  .brand_page .shop_wrap .sysContent .brand_info a {
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-weight: normal;
    width: 50%;
    margin: 0 auto;
    font-size: 12px;
    padding: 10px 30px;
  }
}
@media screen and (max-width: 1100px) {
  .brand_page .shop_wrap .sysContent .brand_info a {
    margin: 0 10px;
  }
  .brand_page .shop_wrap .sysContent .shop_sns {
    position: static;
    margin: 30px auto;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap {
    display: block;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_left {
    width: 100%;
    text-align: center;
    padding: 0 0 20px;
    background: #ededed;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right {
    width: 100%;
    height: auto;
    margin: 30px auto;
    overflow: visible;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList {
    width: 100%;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info {
    width: 53%;
    margin-right: 2%;
    position: relative;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info p {
    font-size: 14px;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info .shop_property {
    position: absolute;
    top: 0;
    left: 150px;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 43%;
    padding-top: 30px;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_button a {
    text-align: center;
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    width: 130px;
    margin: 0 5px;
    font-size: 10px;
    padding: 10px 30px;
    border-radius: 50px;
    background: #000;
    color: #fff;
    transition: all 0.5s;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_button a.shop_tel {
    display: block;
  }
  .brand_page .brand_style {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 1100px) {
  .brand_page .brand_style {
    width: 96%;
  }
}
@media screen and (max-width: 1100px) {
  .brand_page .brand_style ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page .brand_style ul li {
    width: calc(25% - 2px);
    margin-right: 2.6666666667px;
  }
  .brand_page .brand_style ul li:last-child {
    margin-right: 0;
  }
  .brand_page .brand_style ul li .link_wrap {
    display: none;
  }
  .brand_page .brand_style ul li .link_wrap a {
    width: 95%;
    margin: 0 auto 5px;
    display: block;
    border-radius: 30px;
    font-size: 10px;
    padding: 10px;
    background: #000;
    color: #fff;
    text-decoration: none;
    position: relative;
  }
  .brand_page .brand_style ul li .link_wrap a:before {
    position: absolute;
    content: "";
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .brand_page .brand_style ul li:hover .img_wrap:before,
  .brand_page .brand_style ul li:hover .link_wrap {
    opacity: 0;
    pointer-events: none;
  }
  .brand_page .brand_footer {
    margin-bottom: 40px;
  }
  .brand_page .brand_footer .foot_wrap {
    text-align: center;
    padding: 30px 0;
    background-color: #ededed;
    background-size: cover;
    background-position: center center;
  }
  .brand_page .brand_footer .foot_wrap .foot_logo {
    margin-bottom: 20px;
  }
  .brand_page .brand_footer .foot_wrap .foot_sns {
    margin-bottom: 20px;
  }
  .brand_page .brand_footer .foot_wrap .foot_sns ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page .brand_footer .foot_wrap .foot_sns ul li {
    width: 42px;
    margin-right: 20px;
  }
  .brand_page .brand_footer .foot_wrap .foot_sns ul li:last-child {
    margin-right: 0;
  }
  .brand_page .brand_footer .foot_wrap .button a {
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    width: 130px;
    margin: 0 auto;
    font-size: 10px;
    padding: 10px 30px;
    border-radius: 50px;
    background: #000;
    color: #fff;
    transition: all 0.5s;
  }
  .brand_page .brand_footer .foot_wrap .button a:hover {
    background: #ff6f9b;
  }
}
@media screen and (max-width: 650px) {
  .brand_page #sysMain .sysHeadline {
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (max-width: 650px) and (max-width: 1100px) {
  .brand_page #sysMain .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) and (max-width: 650px) {
  .brand_page #sysMain .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 650px) {
  .brand_page .brand_main {
    width: 100%;
    margin: 0 auto 40px;
  }
  .brand_page .brand_main .flex_wrap {
    display: block;
  }
  .brand_page .brand_main .flex_wrap .img_wrap {
    width: 100%;
    position: relative;
    height: auto;
  }
  .brand_page .brand_main .flex_wrap .img_wrap .pc_img {
    display: none;
  }
  .brand_page .brand_main .flex_wrap .img_wrap .sp_img {
    display: block;
  }
  .brand_page .brand_main .flex_wrap .txt_wrap {
    width: 100%;
    padding: 30px 0 0;
  }
  .brand_page .brand_main .flex_wrap .txt_wrap .logo_wrap {
    margin-bottom: 20px;
  }
  .brand_page .brand_main .flex_wrap .txt_wrap .logo_wrap img {
    width: 70%;
    margin-bottom: 10px;
  }
  .brand_page .brand_main .flex_wrap .txt_wrap .logo_wrap h1 {
    font-size: 12px;
  }
  .brand_page .brand_main .flex_wrap .txt_wrap h2 {
    font-size: 12px;
  }
  .brand_page .brand_concept {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 650px) and (max-width: 1100px) {
  .brand_page .brand_concept {
    width: 96%;
  }
}
@media screen and (max-width: 650px) {
  .brand_page .brand_concept .flex_wrap {
    display: block;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box {
    width: 100%;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box.box_left {
    height: 125vw;
    margin-bottom: 40px;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box.box_right {
    height: 170vw;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap01 {
    position: absolute;
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    top: 8vw;
    left: 6vw;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap02 {
    position: absolute;
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    top: 10vw;
    right: 10vw;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .box01 {
    position: absolute;
    width: 66vw;
    top: 0;
    right: 0;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .box02 {
    position: absolute;
    width: 46vw;
    bottom: 0;
    left: 8vw;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .box03 {
    position: absolute;
    width: 66vw;
    top: 0;
    left: 0;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .box04 {
    position: absolute;
    width: 50vw;
    bottom: 33vw;
    right: 0;
  }
  .brand_page .brand_concept .flex_wrap .wrapper_box .box05 {
    position: absolute;
    width: 36vw;
    bottom: 0;
    left: 4vw;
  }
  .brand_page .product_btn {
    font-size: 16px;
  }
  .brand_page .product_btn a {
    display: block;
    max-width: 80%;
    height: 60px;
    background-color: #ededed;
    margin: 40px auto 65px;
    text-align: center;
    line-height: 1;
    padding: 0px 10px;
    text-indent: 0.5em;
    line-height: 60px;
    font-size: 16px;
  }
  .brand_page .product_btn a:hover {
    color: #fff;
    background-color: #000;
  }
  .brand_page .product_btn a:hover span.btn_arw {
    background: #fff;
    transition: all 0.5s;
  }
  .brand_page .product_btn a:hover span.btn_arw::before {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transition: all 0.5s;
  }
  .brand_page .product_btn a span.btn_arw {
    position: relative;
    top: 4px;
    display: inline-block;
    text-align: center;
    z-index: 100;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: auto;
    border-radius: 100%;
    background: #000;
    margin-left: 15px;
    transition: all 0.5s;
  }
  .brand_page .product_btn a span.btn_arw::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 3px;
    left: 0;
    margin: auto;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .brand_page .brand_toggle {
    width: 100%;
    margin-bottom: 30px;
  }
  .brand_page .brand_toggle .under_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page .brand_toggle .under_nav ul:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .brand_page .brand_toggle .under_nav ul li {
    width: 50%;
  }
  .brand_page .brand_toggle .toggle_wrap .toggle_contents .sysHeadline,
  .brand_page .brand_toggle .toggle_wrap2 .toggle_contents .sysHeadline {
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
    padding: 10px;
    margin: 20px 0 !important !important;
    font-size: 16px !important;
    background: #000;
    color: #fff;
  }
}
@media screen and (max-width: 650px) and (max-width: 1100px) {
  .brand_page .brand_toggle .toggle_wrap .toggle_contents .sysHeadline,
  .brand_page .brand_toggle .toggle_wrap2 .toggle_contents .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) and (max-width: 650px) {
  .brand_page .brand_toggle .toggle_wrap .toggle_contents .sysHeadline,
  .brand_page .brand_toggle .toggle_wrap2 .toggle_contents .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 650px) {
  .brand_page .brand_toggle .toggle_wrap .toggle_contents ul,
  .brand_page .brand_toggle .toggle_wrap2 .toggle_contents ul {
    margin-bottom: 0;
  }
  .brand_page .brand_toggle .toggle_wrap .toggle_contents ul li,
  .brand_page .brand_toggle .toggle_wrap2 .toggle_contents ul li {
    width: 49% !important;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .brand_page .brand_toggle .toggle_wrap .toggle_contents ul li:nth-child(even),
  .brand_page .brand_toggle .toggle_wrap2 .toggle_contents ul li:nth-child(even) {
    margin-right: 0;
  }
  .brand_page #unitLayout {
    display: block;
    position: relative;
  }
  .brand_page #unitLayout .brand_hot {
    margin-right: 0;
  }
  .brand_page #unitLayout .brand_hot ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-end;
  }
  .brand_page #unitLayout .brand_hot ul li {
    width: 31%;
    margin-right: 3%;
    margin-bottom: 30px;
  }
  .brand_page #unitLayout .brand_hot ul li:nth-child(3n) {
    margin-right: 0;
  }
  .brand_page #unitLayout .brand_hot ul li:nth-child(even) {
    margin-right: 3.33333%;
  }
  .brand_page #unitLayout .brand_hot ul li:last-child {
    margin-right: 0;
  }
  .brand_page #unitLayout .brand_hot ul li:nth-child(n+2) {
    margin-bottom: 30px;
  }
  .brand_page #unitLayout .trend_wrap {
    width: 65%;
    position: absolute;
    top: 80vw;
    margin-right: 0;
    padding-top: 0;
  }
  .brand_page #unitLayout .trend_wrap ul li .sysItemName,
  .brand_page #unitLayout .trend_wrap ul li .sysItemPrice {
    font-size: 12px;
  }
  .brand_page #unitLayout .brand_trend {
    width: 100%;
  }
  .brand_page #unitLayout .brand_trend .sysHeadline {
    text-indent: -9999px;
  }
  .brand_page #unitLayout .brand_trend ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page #unitLayout .brand_trend ul li {
    width: 31%;
    margin-right: 3%;
    margin-bottom: 30px;
  }
  .brand_page #unitLayout .brand_trend ul li:nth-child(even) {
    margin-right: 3%;
    margin-bottom: 30px;
  }
  .brand_page #unitLayout .brand_trend ul li:nth-child(n+2) {
    margin-bottom: 30px;
  }
  .brand_page #unitLayout .brand_trend ul li:last-child, .brand_page #unitLayout .brand_trend ul li:nth-child(1) {
    margin-right: 0;
  }
  .brand_page #unitLayout .brand_trend ul li:nth-child(1) {
    margin-left: 68%;
  }
  .brand_page #rankingWrap .sysHeadline {
    margin-bottom: 10px !important;
  }
  .brand_page #rankingWrap .top_ranking_parts {
    margin-bottom: 10px;
  }
  .brand_page #rankingWrap .top_ranking_parts .sysHeadline {
    font-size: 20px !important;
  }
  .brand_page #rankingWrap .top_ranking_parts ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page #rankingWrap .top_ranking_parts ul li {
    float: none !important;
    width: 130px;
    margin-right: 44px;
    text-align: left !important;
    padding: 0 !important;
    padding-top: 50px !important;
    position: relative;
  }
  .brand_page #rankingWrap .top_ranking_parts ul li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) and (max-width: 1100px) {
  .brand_page #rankingWrap .top_ranking_parts ul li {
    width: 31vw;
    margin-right: 1.5vw;
    margin-bottom: 20px;
  }
  .brand_page #rankingWrap .top_ranking_parts ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) {
  .brand_page #rankingWrap .top_ranking_parts ul li:before {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 12.5px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .brand_page .rss_feed {
    width: 96%;
    margin: 0 auto;
    padding: 0;
  }
  .brand_page .rss_feed .news_ttl {
    left: 5%;
    top: -14px;
    line-height: 24px;
  }
  .brand_page .rss_feed .news_ttl span {
    padding: 0;
  }
  .brand_page .rss_feed #rss_feed {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 290px;
  }
  .brand_page .rss_feed #rss_feed #newsCaretButton {
    width: 100%;
    display: block;
  }
  .brand_page .rss_feed #rss_feed #newsCaretButton .newsCaret {
    position: absolute;
    height: 25px;
    width: 25px;
    line-height: 27px;
    top: 0;
    bottom: 25vw;
    margin: auto;
    z-index: 150;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
  }
  .brand_page .rss_feed #rss_feed #newsCaretButton .newsCaret#prevNews {
    left: 5px;
  }
  .brand_page .rss_feed #rss_feed #newsCaretButton .newsCaret#prevNews:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .brand_page .rss_feed #rss_feed #newsCaretButton .newsCaret#prevNews:before {
    left: 2.5px;
    right: 0;
    width: 8px;
    height: 8px;
  }
  .brand_page .rss_feed #rss_feed #newsCaretButton .newsCaret#nextNews {
    right: 5px;
  }
  .brand_page .rss_feed #rss_feed #newsCaretButton .newsCaret#nextNews:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .brand_page .rss_feed #rss_feed #newsCaretButton .newsCaret#nextNews:before {
    left: 0;
    right: 2.5px;
    width: 8px;
    height: 8px;
  }
  .brand_page .rss_feed #rss_feed ul {
    width: 192vw;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 290px;
  }
  .brand_page .rss_feed #rss_feed ul li {
    width: 46vw;
    margin-right: 2vw !important;
    padding: 0 !important;
    margin-bottom: 20px;
  }
  .brand_page .rss_feed #rss_feed ul li .img_wrap {
    width: 100%;
    margin: 0 auto 10px;
  }
  .brand_page .rss_feed #rss_feed ul li .txt_wrap {
    line-height: 1.6;
  }
  .brand_page .rss_feed #rss_feed ul li .txt_wrap .article_cat {
    display: none;
  }
  .brand_page .rss_feed #rss_feed ul li .txt_wrap a {
    font-size: 12px;
    font-weight: bold;
  }
  .brand_page .rss_feed #rss_feed ul li .txt_wrap .article_date {
    display: block;
    padding: 5px 0;
  }
  .brand_page .shop_wrap {
    padding: 0;
    margin-bottom: 40px;
  }
  .brand_page .shop_wrap .sysHeadline {
    width: 100%;
  }
  .brand_page .shop_wrap .sysContent {
    width: 100% !important;
    position: relative;
  }
  .brand_page .shop_wrap .sysContent .brand_info {
    margin: 25px auto;
  }
  .brand_page .shop_wrap .sysContent .brand_info a {
    width: 40%;
    padding: 10px 15px;
    font-size: 12px;
  }
  .brand_page .shop_wrap .sysContent .shop_sns ul li {
    width: 42px;
    margin-right: 20px;
  }
  .brand_page .shop_wrap .sysContent .shop_sns ul li:last-child {
    margin-right: 0;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap {
    display: block;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_left {
    width: 100%;
    padding-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_left img {
    width: 80%;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right {
    width: 100%;
    height: auto;
    padding: 20px 2%;
    background: #fff;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList {
    width: 90%;
    margin: 0 auto;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li {
    display: block;
    margin-bottom: 40px;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info {
    width: 100%;
    margin-right: 0;
    position: relative;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info p {
    font-size: 12px;
    line-height: 1.6;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info .shop_property {
    position: static;
    margin: 10px 0;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_info .shop_property span {
    display: inline-block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    margin-right: 10px;
    padding: 3px 5px;
    border: 1px solid #aaa;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_button {
    width: 100%;
    padding-top: 20px;
  }
  .brand_page .shop_wrap .sysContent .flex_wrap .flex_right #shopList ul li .shop_button a {
    width: 45%;
    margin: 0 auto;
    font-size: 12px;
    padding: 10px 30px;
  }
  .brand_page .brand_style {
    margin-bottom: 40px;
  }
  .brand_page .brand_style .sysHeadline {
    justify-content: center !important;
  }
  .brand_page .brand_style ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: space-around;
  }
  .brand_page .brand_style ul li {
    width: calc(50% - 5px);
    margin: 0 0 5px;
    position: relative;
  }
  .brand_page .brand_style ul li:last-child {
    margin-right: 0;
  }
  .brand_page .brand_style ul li .img_wrap:before {
    opacity: 0;
    pointer-events: none;
    transition: all 1s;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
  }
  .brand_page .brand_style ul li .link_wrap {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 10px;
    z-index: 15;
  }
  .brand_page .brand_style ul li .link_wrap a {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
  }
  .brand_page .brand_style ul li:hover .img_wrap:before,
  .brand_page .brand_style ul li:hover .link_wrap {
    opacity: 0;
    pointer-events: none;
  }
  .brand_page .brand_footer {
    margin-bottom: 40px;
  }
  .brand_page .brand_footer .foot_wrap {
    text-align: center;
    padding: 0;
    background-image: none !important;
    background-color: #fff !important;
  }
  .brand_page .brand_footer .foot_wrap .foot_logo {
    margin-bottom: 20px;
  }
  .brand_page .brand_footer .foot_wrap .foot_sns {
    margin-bottom: 20px;
  }
  .brand_page .brand_footer .foot_wrap .foot_sns ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brand_page .brand_footer .foot_wrap .foot_sns ul li {
    width: 42px;
    margin-right: 20px;
  }
  .brand_page .brand_footer .foot_wrap .foot_sns ul li:last-child {
    margin-right: 0;
  }
  .brand_page .brand_footer .foot_wrap .button a {
    width: 40%;
    margin: 0 auto;
    font-size: 12px;
    padding: 10px 0;
  }
  #albove.brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap01 {
    left: 10px;
  }
  #albove.brand_page .brand_concept .flex_wrap .wrapper_box .txt_wrap02 {
    top: 140px;
    right: 20px;
  }
  #peakpine .sysHeadline img {
    width: 115px;
  }
  #peakpine .sysHeadline span {
    display: inline-block;
    padding-left: 0.3em;
  }
  #riberce .sysHeadline img {
    width: 100px;
  }
  #riberce .sysHeadline span {
    display: inline-block;
    padding-left: 0.3em;
  }
  #defilious .sysHeadline img {
    width: 90px;
  }
  #defilious .sysHeadline span {
    display: inline-block;
    padding-left: 0.3em;
  }
  #defilious_homme .sysHeadline img {
    width: 150px;
  }
  #defilious_homme .sysHeadline span {
    display: inline-block;
    text-indent: -0.5em;
  }
  #lapis_miu .sysHeadline img {
    width: 80px;
  }
  #lapis_miu .sysHeadline span {
    display: inline-block;
    padding-left: 0.3em;
  }
}
body.toggleCategory .brand_toggle .toggle_wrap {
  height: 150px;
}

body.toggleSize .brand_toggle .toggle_wrap {
  height: 150px;
}

/*商品ページのレイアウト*/
/*下層ページ用ランキングレイアウト*/
@media screen and (max-width: 650px) {
  .old_page#sysItemDetail #sysMain {
    width: 96% !important;
  }
}
.old_page .sysFuncItemBlock.under_ranking_parts {
  margin: 0 auto 30px;
  max-width: 1000px;
}

.old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li {
  float: none !important;
  width: 130px;
  margin-right: 44px;
  text-align: left !important;
  padding: 0 !important;
  padding-top: 50px !important;
  position: relative;
}

.old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  .old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li {
    width: 31vw;
    margin-right: 1.5vw;
    margin-bottom: 20px;
  }
  .old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li:nth-child(3n) {
    margin-right: 0;
  }
}
.old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li .sysIconRank {
  display: none;
}

.old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li:before {
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  position: absolute;
  top: 12.5px;
  left: 0;
  right: 0;
  margin: auto;
}

.old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li:nth-child(1):before {
  content: "1";
}

.old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li:nth-child(2):before {
  content: "2";
}

.old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li:nth-child(3):before {
  content: "3";
}

.old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li:nth-child(4):before {
  content: "4";
}

.old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li:nth-child(5):before {
  content: "5";
}

.old_page .sysFuncItemBlock.under_ranking_parts .sysItemBlock ul li:nth-child(6):before {
  content: "6";
}

.old_page .sysFuncItemBlock.under_ranking_parts .flex_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.old_page#sysItemDetail #sysMain #sysWishlist .sysButton {
  border-color: #ffa84e;
}

.old_page#sysItemDetail #sysMain .orderArea div.sysSuggestedRetailPrice {
  text-align: right;
  margin-top: -15px;
}

.old_page#sysItemDetail #sysMain #sysDescription table a {
  color: #1e87b9;
}

.old_page#sysItemDetail #sysMain #sysDescription table a:hover {
  opacity: 0.6;
}

.old_page#sysBasket #sysMain .cart_item_check h2.sysHeadline {
  padding: 5px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.6;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 650px) {
  .old_page#sysBasket #sysMain .cart_item_check h2.sysHeadline {
    font-size: 3.2vw;
  }
  .old_page#sysBasket #sysMain .sysItemListArea .sysNumArea {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
  .old_page#sysBasket #sysMain .sysItemListArea .sysNumArea button {
    min-width: 48%;
  }
}
/*フッターのレイアウト*/
#sysFooter {
  padding: 0 !important;
  margin: 0 !important;
}

#sysFooter .sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1100px) {
  #sysFooter .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  #sysFooter .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#sysFooter .rss_feed {
  width: 1110px;
  margin: 0 auto;
  padding: 50px 50px 30px;
  border: 5px solid #000;
  position: relative;
}

#sysFooter .rss_feed .news_ttl {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  position: absolute;
  left: 40px;
  top: -14px;
  line-height: 24px;
}

@media screen and (max-width: 1100px) {
  #sysFooter .rss_feed .news_ttl {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  #sysFooter .rss_feed .news_ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#sysFooter .rss_feed .news_ttl span {
  position: relative;
  font-size: 24px;
  z-index: 10;
  display: inline-block;
  padding: 0 10px;
  background: #fff;
}

#sysFooter .rss_feed #rss_feed ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#sysFooter .rss_feed #rss_feed ul li {
  float: none !important;
  width: 235px;
  margin-right: 20px;
  margin-bottom: 0;
  padding: 0 5px !important;
}

#sysFooter .rss_feed #rss_feed ul li:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  #sysFooter .rss_feed #rss_feed ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
  }
  #sysFooter .rss_feed #rss_feed ul li:nth-child(even) {
    margin-right: 0;
  }
}
#sysFooter .rss_feed #rss_feed ul li .img_wrap {
  margin-bottom: 5px;
}

#sysFooter .rss_feed #rss_feed ul li .img_wrap img {
  height: auto !important;
}

#sysFooter .rss_feed #rss_feed ul li .txt_wrap {
  line-height: 1.6;
}

#sysFooter .rss_feed #rss_feed ul li .txt_wrap .article_cat {
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 12px;
}

#sysFooter .rss_feed #rss_feed ul li .txt_wrap a {
  font-size: 10px;
}

#sysFooter .rss_feed #rss_feed ul li .txt_wrap .article_date {
  display: none;
}

#sysFooter .brand_list {
  max-width: 1000px;
  margin: 0 auto 80px;
}

#sysFooter .brand_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
}

#sysFooter .brand_list ul li {
  float: none !important;
  width: 235px;
  margin-right: 20px;
  margin-bottom: 0;
  margin-bottom: 20px;
}

#sysFooter .brand_list ul li:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  #sysFooter .brand_list ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
  }
  #sysFooter .brand_list ul li:nth-child(even) {
    margin-right: 0;
  }
}
#sysFooter .brand_list ul li a .brand_name {
  font-size: 15px;
  display: block;
  margin: 5px 0;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
}

#sysFooter .about_pp {
  margin: 0 auto 80px;
  max-width: 1000px;
}

#sysFooter .about_pp h2 {
  margin-bottom: 10px;
}

#sysFooter .about_pp p {
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 11px;
  letter-spacing: 0.052em;
}

#sysFooter .footer_category_menu_wrap {
  display: none;
}

#sysFooter .footer_wrap {
  background: #ededed;
  padding: 30px 0;
}

#sysFooter .footer_wrap .footer_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
  max-width: 1000px;
  margin: 0 auto;
}

#sysFooter .footer_wrap .footer_inner #footer_left {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  width: 780px;
}

#sysFooter .footer_wrap .footer_inner #footer_left .f_logo {
  width: 160px;
  margin-right: 20px;
}

#sysFooter .footer_wrap .footer_inner #footer_left .f_logo a {
  display: block;
  width: 160px;
  height: 80px;
  background-image: url("https://www.peakpine.com/img/layout/header/h_logo.png");
  background-position: left top 10px;
  background-size: 138px;
}

#sysFooter .footer_wrap .footer_inner #footer_left .f_logo a:hover {
  opacity: 0.7;
}

#sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi {
  margin-right: 25px;
}

#sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi.f_nav04 {
  margin-right: 0;
}

#sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi li {
  font-size: 11px;
  line-height: 1.4;
  float: none !important;
}

#sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi li a {
  display: block;
}

#sysFooter .footer_wrap .footer_inner #footer_right {
  width: calc(100% - 780px);
  text-align: right;
}

#sysFooter .footer_wrap .footer_inner #footer_right #f_sns ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-end;
  margin-bottom: 30px;
}

#sysFooter .footer_wrap .footer_inner #footer_right #f_sns ul li {
  width: 16%;
  margin-right: 12%;
  padding: 0 3px !important;
}

#sysFooter .footer_wrap .footer_inner #footer_right #f_sns ul li:last-child {
  margin-right: 0;
}

#sysFooter .footer_wrap .footer_inner #footer_right #f_sns .f_copy {
  font-size: 12px;
}

#sysFooter .h_hummenu {
  display: none;
}

#sysFooter .brand_modal {
  display: none;
}

body.modalOpen #modalWrapper, body.modalOpen .modal_inner {
  opacity: 1 !important;
  pointer-events: all !important;
}

@media screen and (max-width: 1100px) {
  #sysFooter {
    padding: 0 !important;
    margin: 0 !important;
  }
  #sysFooter .sysHeadline {
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 1100px) {
  #sysFooter .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 650px) {
  #sysFooter .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1100px) {
  #sysFooter .rss_feed {
    width: 96vw;
    margin: 0 2vw;
    padding: 50px 50px 30px;
    border: 3px solid #000;
  }
  #sysFooter .brand_list {
    width: 96vw;
    margin: 0 2vw 40px;
  }
  #sysFooter .about_pp {
    width: 96vw;
    margin: 0 2vw 40px;
  }
  #sysFooter .about_pp h2 {
    font-size: 1.4em;
  }
  #sysFooter .footer_wrap {
    background: #ededed;
    padding: 30px 0;
  }
  #sysFooter .footer_wrap .footer_inner {
    display: block;
    width: 96vw;
    margin: 0 2vw;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left {
    display: block;
    justify-content: flex-end;
    flex-direction: row-reverse;
    width: 100%;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left .f_logo {
    width: 100%;
    margin-right: 0;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left .f_logo a {
    margin: 0 auto;
    background-position: center center;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap {
    padding: 0 5%;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi {
    width: 24%;
    margin-right: 1.33333%;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi.f_nav04 {
    margin-right: 0;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi li {
    font-size: 12px;
    text-align: center;
  }
  #sysFooter .footer_wrap .footer_inner #footer_right {
    width: 100%;
    text-align: center;
  }
  #sysFooter .footer_wrap .footer_inner #footer_right #f_sns {
    max-width: 300px;
    margin: 0 auto;
  }
  #sysFooter .h_hummenu {
    display: block;
    transition: all 0.3s;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000;
    overflow: scroll;
  }
  #sysFooter .h_hummenu .hum_wrap {
    position: relative;
    z-index: 1000;
    padding: 100px 5%;
    background: #ededed;
  }
  #sysFooter .h_hummenu .hum_wrap #closeButton {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 30px;
    right: 30px;
  }
  #sysFooter .h_hummenu .hum_wrap #closeButton a {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url("https://www.peakpine.com/img/layout/footer/hum_close.png");
    background-size: 20px;
    background-position: center center;
  }
  #sysFooter .h_hummenu .hum_wrap #closeButton a:hover {
    opacity: 0.7;
  }
  #sysFooter .h_hummenu .hum_wrap #closeButton2 {
    max-width: 40%;
    margin: 30px auto 0;
  }
  #sysFooter .h_hummenu .hum_wrap #closeButton2 a {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 16px;
  }
  #sysFooter .h_hummenu .hum_wrap #closeButton2 a:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("https://www.peakpine.com/img/layout/footer/hum_close.png");
    background-size: 15px;
    background-position: center center;
  }
  #sysFooter .h_hummenu .hum_wrap .sysHeadline {
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
    font-size: 12px !important;
    margin: 0 0 10px !important;
    padding: 10px 5px;
    background: #000;
    color: #fff;
  }
}
@media screen and (max-width: 1100px) and (max-width: 1100px) {
  #sysFooter .h_hummenu .hum_wrap .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 650px) {
  #sysFooter .h_hummenu .hum_wrap .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1100px) {
  #sysFooter .h_hummenu .hum_wrap .sysHeadline span {
    display: inline-block;
    padding-right: 0.5em;
    font-size: 18px !important;
  }
  #sysFooter .h_hummenu .hum_wrap .sysHeadline a {
    display: block;
    color: #fff;
    position: relative;
  }
  #sysFooter .h_hummenu .hum_wrap .sysHeadline a:before {
    position: absolute;
    content: "";
    right: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #sysFooter .h_hummenu .hum_wrap #humSearch {
    margin-bottom: 30px;
  }
  #sysFooter .h_hummenu .hum_wrap #humSearch form {
    margin-top: 20px;
    max-width: 50%;
    position: relative;
    border-style: none !important;
  }
  #sysFooter .h_hummenu .hum_wrap #humSearch form input[name=q] {
    border: 1px solid #000;
    padding: 0.7em 1em 0.7em 3em;
    border-radius: 100px;
    line-height: 1.5 !important;
    vertical-align: middle;
  }
  #sysFooter .h_hummenu .hum_wrap #humSearch form input[type=search] {
    border-right-color: #000 !important;
  }
  #sysFooter .h_hummenu .hum_wrap #humSearch form .sysSearchButton {
    position: absolute;
    width: 30px;
    height: 32px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 4px;
    text-indent: -9999px;
    background-image: url("https://www.peakpine.com/img/layout/header/baseline-search.svg");
    background-size: 25px;
    background-position: center center;
  }
  #sysFooter .h_hummenu .hum_wrap #humBrand ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    margin: 20px 10px;
  }
  #sysFooter .h_hummenu .hum_wrap #humBrand ul li {
    width: 24%;
    line-height: 1.6;
    margin-bottom: 10px;
    margin-right: 1.3333333333%;
  }
  #sysFooter .h_hummenu .hum_wrap #humBrand ul li:nth-child(4n) {
    margin-right: 0;
  }
  #sysFooter .h_hummenu .hum_wrap #humBrand ul li img {
    display: none;
  }
  #sysFooter .h_hummenu .hum_wrap #humBrand ul li a {
    font-size: 16px;
    font-weight: bold;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
  #sysFooter .h_hummenu .hum_wrap #humItem ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    margin: 20px;
  }
  #sysFooter .h_hummenu .hum_wrap #humItem ul li {
    width: 24% !important;
    line-height: 1.6;
    margin-bottom: 0;
    margin-right: 1.3333333333%;
  }
  #sysFooter .h_hummenu .hum_wrap #humItem ul li:nth-child(4n) {
    margin-right: 0;
  }
  #sysFooter .h_hummenu .hum_wrap #humItem ul li a {
    display: block;
    font-size: 11px;
    border-bottom: 1px dotted #ccc;
    margin-right: 10px;
    padding: 10px 0;
  }
  #sysFooter .brand_modal {
    display: block;
  }
  #sysFooter .brand_modal #modalWrapper {
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  #sysFooter .brand_modal .modal_inner {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    z-index: 3000;
    overflow: scroll;
    background: #fff;
    border-radius: 10px;
    top: 8vh;
    left: 5%;
    right: 5%;
    bottom: 8vh;
    margin: auto;
    width: 90%;
    height: 84vh;
    padding: 3% 10%;
    overflow: scroll;
  }
  #sysFooter .brand_modal .modal_inner .modal_img {
    max-width: 450px;
    margin: 0 auto 10px;
    text-align: center;
  }
  #sysFooter .brand_modal .modal_inner .modal_img a {
    display: block;
  }
  #sysFooter .brand_modal .modal_inner .modal_txt {
    max-width: 450px;
    margin: 0 auto;
  }
  #sysFooter .brand_modal .modal_inner .modal_txt a {
    font-size: 10px;
    display: block;
    padding: 5px 5px 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    position: relative;
  }
  #sysFooter .brand_modal .modal_inner .modal_txt a:before {
    position: absolute;
    content: "";
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #sysFooter .brand_modal .modal_inner .modal_txt a:before {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
  }
  #sysFooter .brand_modal .modal_inner #modalClose {
    max-width: 80%;
    margin: 30px auto 0;
  }
  #sysFooter .brand_modal .modal_inner #modalClose a {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 16px;
  }
  #sysFooter .brand_modal .modal_inner #modalClose a:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("https://www.peakpine.com/img/layout/footer/hum_close.png");
    background-size: 15px;
    background-position: center center;
  }
}
body.humOpen {
  overflow: hidden;
  height: 100vh;
}

body.humOpen .h_hummenu {
  opacity: 1 !important;
  pointer-events: all !important;
}

@media screen and (max-width: 650px) {
  #sysFooter {
    padding: 0 !important;
    margin: 0 !important;
  }
  #sysFooter .rss_feed {
    width: 96%;
    margin: 0 auto;
    padding: 40px 6vw 20px;
    border: 3px solid #000;
  }
  #sysFooter .rss_feed .news_ttl {
    left: 5%;
    top: -14px;
    line-height: 24px;
  }
  #sysFooter .rss_feed .news_ttl span {
    position: relative;
    font-size: 20px;
    z-index: 10;
    display: inline-block;
    padding: 0 10px;
    background: #fff;
  }
  #sysFooter .rss_feed #rss_feed ul {
    width: 100%;
    display: block;
  }
  #sysFooter .rss_feed #rss_feed ul li {
    width: 100%;
    margin-right: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px;
  }
  #sysFooter .rss_feed #rss_feed ul li .img_wrap {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 10px;
    position: relative;
  }
  #sysFooter .rss_feed #rss_feed ul li .img_wrap img {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
  }
  #sysFooter .rss_feed #rss_feed ul li .txt_wrap {
    line-height: 1.6;
  }
  #sysFooter .rss_feed #rss_feed ul li .txt_wrap .article_cat {
    display: none;
  }
  #sysFooter .rss_feed #rss_feed ul li .txt_wrap a {
    font-size: 12px;
    font-weight: bold;
  }
  #sysFooter .rss_feed #rss_feed ul li .txt_wrap .article_date {
    display: block;
    padding: 5px 0;
  }
  #sysFooter .brand_list {
    max-width: 1000px;
    margin: 0 auto 40px;
  }
  #sysFooter .brand_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
  }
  #sysFooter .brand_list ul li {
    float: none !important;
    width: 235px;
    margin-right: 20px;
    margin-bottom: 0;
    margin-bottom: 0;
  }
  #sysFooter .brand_list ul li:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) and (max-width: 1100px) {
  #sysFooter .brand_list ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
  }
  #sysFooter .brand_list ul li:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) {
  #sysFooter .brand_list ul li a .brand_name {
    display: block;
    font-size: 15px;
    display: block;
    margin: 5px 0 0;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
  #sysFooter .brand_list ul li a .brand_name .brand_name {
    display: block;
    margin: 10px 0 0;
  }
  #sysFooter .search_footer {
    width: 96vw;
    margin: 0 auto 40px;
  }
  #sysFooter .search_footer form {
    max-width: 100%;
    margin: 20px auto 0;
    position: relative;
  }
  #sysFooter .search_footer form input[name=q] {
    border: 1px solid #000;
    padding: 0.7em 1em 0.7em 3em;
    border-radius: 100px;
    line-height: 1.5 !important;
  }
  #sysFooter .search_footer form .sysSearchButton {
    position: absolute;
    width: 30px;
    height: 32px;
    top: 0;
    left: 4px;
    text-indent: -9999px;
    background-image: url(https://www.peakpine.com/img/layout/header/baseline-search.svg);
    background-size: 25px;
    background-position: center center;
  }
  #sysFooter .footer_wrap {
    background: #fff;
    padding: 0;
  }
  #sysFooter .footer_wrap .footer_inner {
    width: 100%;
    margin: 0;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left {
    width: 100%;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left .f_logo {
    width: 100%;
    margin: 0 auto;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left .f_logo a {
    display: block;
    width: 50vw;
    height: 80px;
    background-size: 50vw;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap {
    display: block;
    padding: 0;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi {
    width: 100%;
    margin: 0;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi ul li {
    text-align: left;
    width: 50% !important;
    background: #0d0d0d;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    height: 40px;
    line-height: 40px !important;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi ul li a {
    display: block;
    position: relative;
    color: #fff;
    padding: 0 10px;
  }
  #sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi ul li a:before {
    position: absolute;
    content: "";
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi ul li:nth-child(odd) {
    border-right: 1px solid #fff;
  }
  #sysFooter .footer_wrap .footer_inner #footer_right {
    text-align: right;
  }
  #sysFooter .footer_wrap .footer_inner #footer_right #f_sns {
    max-width: 100%;
    margin-bottom: 20px;
  }
  #sysFooter .footer_wrap .footer_inner #footer_right #f_sns ul {
    width: 40%;
    margin: 0 auto 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-end;
  }
  #sysFooter .footer_wrap .footer_inner #footer_right #f_sns ul li {
    width: 23%;
    margin-right: 2.6666666667%;
    padding: 0 5px !important;
  }
  #sysFooter .footer_wrap .footer_inner #footer_right #f_sns ul li:last-child {
    margin-right: 0;
  }
  #sysFooter .footer_wrap .footer_inner #footer_right #f_sns .f_copy {
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
  }
  #sysFooter .h_hummenu .hum_wrap {
    padding: 100px 5% 50px;
  }
  #sysFooter .h_hummenu .hum_wrap #closeButton {
    width: 30px;
    height: 30px;
    top: 60px;
    right: 5%;
  }
  #sysFooter .h_hummenu .hum_wrap #closeButton a {
    width: 30px;
    height: 30px;
    background-size: 15px;
  }
  #sysFooter .h_hummenu .hum_wrap #closeButton2 {
    max-width: 90%;
    margin: 30px auto 0;
  }
  #sysFooter .h_hummenu .hum_wrap .sysHeadline {
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
    font-size: 3vw !important;
    margin: 0 0 10px !important;
    padding: 10px;
    line-height: 1.4;
    background: #000;
    color: #fff;
  }
}
@media screen and (max-width: 650px) and (max-width: 1100px) {
  #sysFooter .h_hummenu .hum_wrap .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) and (max-width: 650px) {
  #sysFooter .h_hummenu .hum_wrap .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 650px) {
  #sysFooter .h_hummenu .hum_wrap .sysHeadline span {
    font-size: 4vw !important;
  }
  #sysFooter .h_hummenu .hum_wrap .sysHeadline a:before {
    right: 0;
  }
  #sysFooter .h_hummenu .hum_wrap #humSearch {
    margin-bottom: 30px;
  }
  #sysFooter .h_hummenu .hum_wrap #humSearch form {
    max-width: 90%;
    margin: 20px auto 0;
  }
  #sysFooter .h_hummenu .hum_wrap #humSearch form .sysSearchButton {
    border-style: none;
    border-right-color: #000;
  }
  #sysFooter .h_hummenu .hum_wrap #humBrand ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    margin: 20px 10px;
  }
  #sysFooter .h_hummenu .hum_wrap #humBrand ul li {
    width: 49%;
    margin-right: 2%;
  }
  #sysFooter .h_hummenu .hum_wrap #humBrand ul li:nth-child(2n) {
    margin-right: 0;
  }
  #sysFooter .h_hummenu .hum_wrap #humItem ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    margin: 20px 0;
  }
  #sysFooter .h_hummenu .hum_wrap #humItem ul li {
    width: 49% !important;
    margin-right: 2%;
  }
  #sysFooter .h_hummenu .hum_wrap #humItem ul li:nth-child(2n) {
    margin-right: 0;
  }
}
/*アニメーションのレイアウト*/
.effect {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-animation: anim 0s linear 1.5s 1 normal;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*旧レイアウト用CSSの呼び込み*/
html {
  font-size: 62.5%;
  /*10px*/
}

body.old_page,
body#sysItemCategory,
body#sysItemDetail {
  color: #2d2d2d;
  font-size: 1.3rem;
  /*13px*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.6;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*2017/02/01*/
  -webkit-text-size-adjust: 100%;
}

.old_page,
#sysItemCategory,
#sysItemDetail {
  /* 1-1 Webkit appearance */
  /* 1-2 input Setting */
  /* 1-3 Content setting */
  /* 2-1 Clearfix */
  /* 4-0 Page-Content
  *----------------------------------------------------------------------*/
  /* 4-1 Archive Page */
  /* 4-1-1 Free Area */
  /* 4-1-2 Pankuzu List*/
  /* 4-1-3 Category View Mode */
  /* 4-1-4 Item PR Setting */
  /* 4-1-5 Cart Button */
  /* 4-1-6  Archive List Item */
  /* 4-1-7  Archive Thumbnail Item */
  /* 4-1-8 Deliveries Table */
  /* 4-2 Item Page */
  /* 4-2-1 Item IMAGE */
  /*450px*/
  /*商品詳細内/商品画像aタグの無効化*/
  /* 4-2-2 Item Name */
  /* 4-2-3 Order Area */
  /* 4-2-4 Item Page Titile */
  /* 4-2-6 Item BuyForm */
  /*SNSボタン*/
  /*リンクボタン(商品詳細ページ)*/
  /* 4-2-7 System Button */
  /* 4-2-9 Item Gallary */
  /* 4-2-10 Review */
  /* 4-3 Free Page */
  /* 4-3-1 TOP PAGE */
  /* 4-4 Form Page */
  /* 4-4-1 Cart Button Reset */
  /* 4-4-3 Form Confirm Page */
  /* 購入履歴 */
  /* マイページボタン */
  /* 4-5-2 Member Profile Editor */
  /* 4-5-3 Special Point */
  /* 4-5-4 Coupon List */
  /* 4-6 News Page */
  /* マイページ（複数配送先編集画面）*/
  /***********************************
  	side
  ***********************************/
  /*カテゴリー見出し*/
  /*.side_category_ttl h2{
  	margin-bottom: 20px;
  	padding-bottom:13px;
  	text-align:center;
  	background:url(https://www.peakpine.com/img/layout/bg_ttl_line.png) repeat-x center bottom;
  }
  .side_category_ttl h2 img{
  	display:inline-block;
  }*/
  /*サイド共有パーツ*/
  /*案内バナー*/
  /*サイドナビ内検索ボックス*/
  /***********************************
  	商品詳細ページ
  ***********************************/
  /*パンくず*/
  /*フォーム部分*/
  /*数量*/
  /*選択肢*/
  /*カートに入れる*/
  /*お気に入り*/
  /*再入荷ボタン*/
  /*商品説明*/
  /*商品説明内テーブルデザイン*/
  /*商品ページ用おすすめ商品*/
  /*下層ページ用ランキングレイアウト*/
  /*商品ページ用チェックした商品*/
  /***********************************
  	店舗紹介
  ***********************************/
  /*店舗紹介*/
  /*googlemap*/
  /*ショップニュース*/
  /*ブログボタン*/
  /*オンラインショップ*/
  /***********************************
  	PRアイコン
  ***********************************/
  /*SOLD OUT*/
  /*NEW*/
  /*雑誌掲載!!/TV放映!!*/
  /*ペア水着*/
  /*再入荷*/
  /*単品売り*/
  /*予約*/
  /*サイズ*/
  /*インスタ掲載*/
  /***********************************
  	カテゴリページ・検索ページ
  ***********************************/
  /*カテゴリページヘッダ*/
  /***********************************
  	検索ページ
  ***********************************/
  /***********************************
  	マイページ
  ***********************************/
  /*ログインフォーム*/
  /*パスワードを忘れた*/
  /*見出し*/
  /*
  会員情報編集
  お届け先情報を編集する
  */
  /*会員情報編集 都道府県*/
  /*都道府県*/
  /*都道府県*/
  /*性別*/
  /***********************************
  	新規会員登録
  ***********************************/
  /*会員規約*/
  /*郵便番号*/
  /*都道府県*/
  /*性別、メルマガ*/
  /*確認ボタン*/
  /***********************************
  	カートページ
  ***********************************/
  /*登録せずに購入*/
  /*都道府県*/
  /*性別*/
  /*メルマガ*/
  /*注文完了ページ*/
  /*########## 注文完了ページ ##########*/
  /*ご注文番号*/
  /*追加修正(170720)*/
  /*お買い物を続ける*/
  /*カート内/お買い忘れはないですか？ 170131*/
  /*カート内/amazonペイメント*/
  /***********************************
  	.searchform
  ***********************************/
  /***********************************
  	新規会員登録
  ***********************************/
  /***********************************
  	お問い合わせ
  ***********************************/
  /*見出し*/
  /*性別*/
  /*郵便番号*/
  /*都道府県*/
  /***********************************
  	レビュー
  ***********************************/
  /***********************************
  	下層ページ共通
  ***********************************/
  /*.subpage_inner*/
  /*.subpage_btn*/
  /***********************************
  	新着情報
  ***********************************/
  /***********************************
  	会社概要
  ***********************************/
  /***********************************
  	特定商取引法に基づく表記
  ***********************************/
  /***********************************
  	ショッピングガイド
  ***********************************/
  /*.guide_menu*/
  /*.guide_flow*/
  /***********************************
  	迷惑行為について
  ***********************************/
  /***********************************
  	採用情報
  ***********************************/
  /***********************************
  	応募フォーム
  ***********************************/
  /*応募フォームヘッダーバナー*/
  /*見出し*/
  /*応募店舗*/
  /*性別*/
  /*郵便番号*/
  /*都道府県*/
  /***********************************
  	プライバシーポリシー
  ***********************************/
  /***********************************
  	よくあるご質問
  ***********************************/
  /*.faq_menu*/
  /*.faq_list*/
  /***********************************
  	偽サイト注意
  ***********************************/
  /***********************************
  	ランキング
  ***********************************/
  /*ランキングページ共通パーツ*/
  /*ランキング見出し*/
  /*1~6位までの表示*/
  /*ランクアイコン*/
  /***********************************
  	ブランド紹介
  ***********************************/
  /***********************************
  	サイズガイド
  ***********************************/
  /***********************************
  	トップページスライダー
  ***********************************/
  /**
  * BxSlider v4.1.2 - Fully loaded, responsive content slider
  * http://bxslider.com
  *
  * Written by: Steven Wanderski, 2014
  * http://stevenwanderski.com
  * (while drinking Belgian ales and listening to jazz)
  *
  * CEO and founder of bxCreative, LTD
  * http://bxcreative.com
  */
  /** RESET AND LAYOUT
  ===================================*/
  /** THEME
  ===================================*/
  /* LOADER */
  /* PAGER */
  /* DIRECTION CONTROLS (NEXT / PREV) */
  /* AUTO CONTROLS (START / STOP) */
  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  /* IMAGE CAPTIONS */
  /***********************************
  	.remodal
  ***********************************/
  /*
  *  Remodal - v1.0.6
  *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
  *  http://vodkabears.github.io/remodal/
  *
  *  Made by Ilya Makarov
  *  Under MIT License
  */
  /* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
  /* Hide scroll bar */
  /* Anti FOUC */
  /* Necessary styles of the overlay */
  /* Necessary styles of the wrapper */
  /* Fix iPad, iPhone glitches */
  /* Necessary styles of the modal dialog */
  /* Default theme styles for the background */
  /* Default theme styles of the overlay */
  /* Default theme styles of the wrapper */
  /* Default theme styles of the modal dialog */
  /* Vertical align of the modal dialog */
  /* Close button */
  /* Dialog buttons */
  /* Remove inner padding and border in Firefox 4+ for the button tag. */
  /* Keyframes
   ========================================================================== */
  /* Media queries
   ========================================================================== */
  /* IE8
   ========================================================================== */
  /***********************************
  	.remodal内メニュー
  ***********************************/
  /*一覧*/
  /*h_upper_catch_area サイトキャッチコピー */
  /*20160609RW本田追加会員登録するを消す*/
  /*161031menuの固定*/
  /*
  .fixed {
  	position: fixed;
  	top: 0;
  	z-index: 9999;
  	width: 100%;
  	background-color: rgba(255,255,255,1.0);
  }
  .fixd_position {
          position:absolute;
          z-index:100;
  	top: 58px !important;
         width:100%;
        background:#fff;
  }
  .h_navi_sp_161014 .h_navi_sp_wrap.fixed {
      padding: 20px 0 10px;
      margin:0;

  }
  */
  /* 2017/01/04 LOOKBOOK
  ********************/
  /******LOOKBOOK end*******/
  /*########## 新着記事RSS表示 ##########*/
  /*########## カート内の商品数表示 ##########*/
  /*########## 見出しを画像からテキストに変更 ##########*/
  /*########## 見出しを画像からテキストに変更 ##########*/
  /*モーダル内のタイトル*/
  /*GWお知らせ*/
  /*カートに入れるボタン改修*/
  /***********************************
  	再入荷フォーム(170616)
  ***********************************/
  /*見出し*/
  /*カート内に送料無料表記を追加(20170626)*/
  /*カート内のレイアウト修正(20171012)*/
  /*おすすめ商品欄追加*/
  /*採用情報ページ改修*/
}

.old_page #sysAll,
#sysItemCategory #sysAll,
#sysItemDetail #sysAll {
  max-width: 100%;
  background-color: transparent;
  padding: 0;
}

.old_page #sysWrap,
#sysItemCategory #sysWrap,
#sysItemDetail #sysWrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

.old_page div#sysMain,
#sysItemCategory div#sysMain,
#sysItemDetail div#sysMain {
  width: 83.3333333333%;
  /*1000px*/
  margin: 0 auto;
  padding: 0;
}

.old_page #sysAside,
#sysItemCategory #sysAside,
#sysItemDetail #sysAside {
  padding: 0;
}

.old_page .sysContent,
#sysItemCategory .sysContent,
#sysItemDetail .sysContent {
  padding: 0 !important;
}

.old_page a,
#sysItemCategory a,
#sysItemDetail a {
  text-decoration: none;
}

.old_page input[type=search],
.old_page input[type=submit],
#sysItemCategory input[type=search],
#sysItemCategory input[type=submit],
#sysItemDetail input[type=search],
#sysItemDetail input[type=submit] {
  -webkit-appearance: none;
}

.old_page input[type=search],
#sysItemCategory input[type=search],
#sysItemDetail input[type=search] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  line-height: 2.5;
  padding-left: 5px;
}

.old_page input[type=search]::-webkit-search-decoration,
#sysItemCategory input[type=search]::-webkit-search-decoration,
#sysItemDetail input[type=search]::-webkit-search-decoration {
  display: none;
}

.old_page input[type=radio],
#sysItemCategory input[type=radio],
#sysItemDetail input[type=radio] {
  /*-webkit-appearance: none;*/
  display: inline-block;
  vertical-align: baseline;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  border-radius: 100%;
}

.old_page input[type=radio]:checked,
#sysItemCategory input[type=radio]:checked,
#sysItemDetail input[type=radio]:checked {
  background: #666;
}

.old_page table,
#sysItemCategory table,
#sysItemDetail table {
  border-collapse: collapse;
  border-spacing: 0;
}

.old_page select,
#sysItemCategory select,
#sysItemDetail select {
  height: 40px;
  border: 1px solid #aaa;
}

.old_page p,
#sysItemCategory p,
#sysItemDetail p {
  margin: 10px auto;
}

.old_page h1,
.old_page h2,
.old_page h3,
.old_page h4,
.old_page h5,
.old_page h6,
#sysItemCategory h1,
#sysItemCategory h2,
#sysItemCategory h3,
#sysItemCategory h4,
#sysItemCategory h5,
#sysItemCategory h6,
#sysItemDetail h1,
#sysItemDetail h2,
#sysItemDetail h3,
#sysItemDetail h4,
#sysItemDetail h5,
#sysItemDetail h6 {
  font-size: inherit;
}

.old_page .clearfix:after,
.old_page .p-clearfix:after,
#sysItemCategory .clearfix:after,
#sysItemCategory .p-clearfix:after,
#sysItemDetail .clearfix:after,
#sysItemDetail .p-clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.old_page .sysCategoryPankuzu,
.old_page .sysItemCategoryPankuzu,
#sysItemCategory .sysCategoryPankuzu,
#sysItemCategory .sysItemCategoryPankuzu,
#sysItemDetail .sysCategoryPankuzu,
#sysItemDetail .sysItemCategoryPankuzu {
  margin-top: 10px;
  margin-bottom: 5px;
  overflow: hidden;
}

.old_page .sysCategoryPankuzu a,
.old_page .sysItemCategoryPankuzu a,
#sysItemCategory .sysCategoryPankuzu a,
#sysItemCategory .sysItemCategoryPankuzu a,
#sysItemDetail .sysCategoryPankuzu a,
#sysItemDetail .sysItemCategoryPankuzu a {
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
}

.old_page .sysItemListViewType input,
#sysItemCategory .sysItemListViewType input,
#sysItemDetail .sysItemListViewType input {
  vertical-align: middle;
}

.old_page .sysItemCategoryCtl,
#sysItemCategory .sysItemCategoryCtl,
#sysItemDetail .sysItemCategoryCtl {
  font-size: small;
}

.old_page .sysItemCategoryCtl a,
#sysItemCategory .sysItemCategoryCtl a,
#sysItemDetail .sysItemCategoryCtl a {
  display: inline-block;
  padding: 2px 4px;
  border: 1px solid #999;
  border-radius: 3px;
  text-decoration: none;
  margin: 2px 0;
}

.old_page .sysItemPr,
#sysItemCategory .sysItemPr,
#sysItemDetail .sysItemPr {
  font-size: small;
  padding: 0 5px;
  background: #fff;
  border: 1px solid #666;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
}

.old_page .sysCartButton,
#sysItemCategory .sysCartButton,
#sysItemDetail .sysCartButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  background-color: #fc709b;
  cursor: pointer;
}

.old_page .sysCartButton:hover,
#sysItemCategory .sysCartButton:hover,
#sysItemDetail .sysCartButton:hover {
  background-color: #f34e81;
}

.old_page .sysItemList ul.sysList li .sysThumbnailImage,
#sysItemCategory .sysItemList ul.sysList li .sysThumbnailImage,
#sysItemDetail .sysItemList ul.sysList li .sysThumbnailImage {
  width: 40%;
  max-width: 200px;
}

.old_page .sysItemList ul.sysThumbnail li,
#sysItemCategory .sysItemList ul.sysThumbnail li,
#sysItemDetail .sysItemList ul.sysThumbnail li {
  display: inline-block;
  float: none;
  vertical-align: top;
  letter-spacing: normal;
}

.old_page .sysItemList ul.sysThumbnail,
#sysItemCategory .sysItemList ul.sysThumbnail,
#sysItemDetail .sysItemList ul.sysThumbnail {
  letter-spacing: -0.4em;
}

.old_page .sysItemList ul.sysThumbnail input,
#sysItemCategory .sysItemList ul.sysThumbnail input,
#sysItemDetail .sysItemList ul.sysThumbnail input {
  width: 100%;
  padding: 10px 0;
}

.old_page ul.SysDeliveriesTable,
#sysItemCategory ul.SysDeliveriesTable,
#sysItemDetail ul.SysDeliveriesTable {
  border-style: solid;
  border-width: 0;
  list-style: none;
  display: table;
  margin: 0;
  padding: 0;
}

.old_page ul.SysDeliveriesTable > li,
#sysItemCategory ul.SysDeliveriesTable > li,
#sysItemDetail ul.SysDeliveriesTable > li {
  display: table-row;
}

.old_page ul.SysDeliveriesTable > li > div,
#sysItemCategory ul.SysDeliveriesTable > li > div,
#sysItemDetail ul.SysDeliveriesTable > li > div {
  border-style: solid;
  border-width: 1px;
  display: table-cell;
  padding: 10px;
}

.old_page .sysThumbnailImage > br,
.old_page .sysThumbnailImage > span,
#sysItemCategory .sysThumbnailImage > br,
#sysItemCategory .sysThumbnailImage > span,
#sysItemDetail .sysThumbnailImage > br,
#sysItemDetail .sysThumbnailImage > span {
  display: none;
}

.old_page .sysItemImages .sysImageList,
#sysItemCategory .sysItemImages .sysImageList,
#sysItemDetail .sysItemImages .sysImageList {
  margin-bottom: 20px;
}

.old_page .sysMainImage,
#sysItemCategory .sysMainImage,
#sysItemDetail .sysMainImage {
  max-width: 430px;
}

.old_page .sysMainImage a,
#sysItemCategory .sysMainImage a,
#sysItemDetail .sysMainImage a {
  pointer-events: none;
}

.old_page .sysItemImages .sysImageList,
#sysItemCategory .sysItemImages .sysImageList,
#sysItemDetail .sysItemImages .sysImageList {
  max-width: 430px;
  width: 100%;
  margin-right: -4.4444444444%;
  font-size: 0;
}

.old_page .sysItemImages .sysImageList li,
#sysItemCategory .sysItemImages .sysImageList li,
#sysItemDetail .sysItemImages .sysImageList li {
  float: none;
  display: inline-block;
  vertical-align: top;
  height: auto;
  width: 16.6666666667%;
  margin: 1% 0;
  padding: 0 5px;
  line-height: 1;
}

.old_page .shopinfo .sysItemImages .sysImageList li,
#sysItemCategory .shopinfo .sysItemImages .sysImageList li,
#sysItemDetail .shopinfo .sysItemImages .sysImageList li {
  width: 25%;
}

.old_page .sysItemImages .sysImageList li.sysCurrent img,
#sysItemCategory .sysItemImages .sysImageList li.sysCurrent img,
#sysItemDetail .sysItemImages .sysImageList li.sysCurrent img {
  border-color: #b4f4ff;
}

.old_page .sysItemName h1,
#sysItemCategory .sysItemName h1,
#sysItemDetail .sysItemName h1 {
  font-size: 1.8rem;
  font-weight: normal;
}

.old_page .orderArea,
#sysItemCategory .orderArea,
#sysItemDetail .orderArea {
  letter-spacing: -0.4em;
  text-align: center;
}

.old_page .orderArea > div,
#sysItemCategory .orderArea > div,
#sysItemDetail .orderArea > div {
  display: inline-block;
  letter-spacing: normal;
  text-align: left;
  vertical-align: top;
}

.old_page .orderArea > .orderArea > div,
#sysItemCategory .orderArea > .orderArea > div,
#sysItemDetail .orderArea > .orderArea > div {
  width: 100%;
  display: block;
}

.old_page .sysItemImages,
#sysItemCategory .sysItemImages,
#sysItemDetail .sysItemImages {
  width: 50%;
  padding-right: 40px;
}

.old_page .itemdetail,
#sysItemCategory .itemdetail,
#sysItemDetail .itemdetail {
  width: 50%;
}

.old_page .sysDescription,
#sysItemCategory .sysDescription,
#sysItemDetail .sysDescription {
  margin-bottom: 30px;
}

#sysItemDetail .sysDescription {
  margin-bottom: 0;
}

.old_page .sysExplanation > div > span,
.old_page .sysItemName,
.old_page .sysItemPrice,
.old_page .sysReview > span,
#sysItemCategory .sysExplanation > div > span,
#sysItemCategory .sysItemName,
#sysItemCategory .sysItemPrice,
#sysItemCategory .sysReview > span,
#sysItemDetail .sysExplanation > div > span,
#sysItemDetail .sysItemName,
#sysItemDetail .sysItemPrice,
#sysItemDetail .sysReview > span {
  display: block;
  font-size: 1.1rem;
  text-align: left;
}

.old_page#sysItemDetail .sysRetailPrice,
#sysItemCategory#sysItemDetail .sysRetailPrice,
#sysItemDetail#sysItemDetail .sysRetailPrice {
  margin-bottom: 20px;
  color: #2d2d2d;
  font-size: 2rem;
  font-weight: bold;
  text-align: right;
}

.old_page#sysItemDetail .sysPr,
#sysItemCategory#sysItemDetail .sysPr,
#sysItemDetail#sysItemDetail .sysPr {
  text-align: right;
}

.old_page#sysItemDetail .sysPr > span,
#sysItemCategory#sysItemDetail .sysPr > span,
#sysItemDetail#sysItemDetail .sysPr > span {
  display: inline-block;
}

.old_page#sysItemDetail .sysFormVariationName,
#sysItemCategory#sysItemDetail .sysFormVariationName,
#sysItemDetail#sysItemDetail .sysFormVariationName {
  background-color: #f1f1f1;
}

.old_page#sysItemDetail .sysForm select,
#sysItemCategory#sysItemDetail .sysForm select,
#sysItemDetail#sysItemDetail .sysForm select {
  min-width: 190px;
  width: 61%;
  display: inline-block;
  vertical-align: middle;
}

.old_page#sysItemDetail #sysVariation,
#sysItemCategory#sysItemDetail #sysVariation,
#sysItemDetail#sysItemDetail #sysVariation {
  overflow: hidden;
  margin: 5px auto;
}

.old_page#sysItemDetail #sysVariation > div,
#sysItemCategory#sysItemDetail #sysVariation > div,
#sysItemDetail#sysItemDetail #sysVariation > div {
  margin: 10px auto;
  overflow: hidden;
}

.old_page#sysItemDetail .sysNumArea button,
#sysItemCategory#sysItemDetail .sysNumArea button,
#sysItemDetail#sysItemDetail .sysNumArea button {
  overflow: hidden;
  display: inline-block;
  width: 30%;
  padding: 10px;
  text-indent: -999px;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  background: #f1f1f1;
  cursor: pointer;
}

.old_page#sysItemDetail .sysNumArea button:hover,
#sysItemCategory#sysItemDetail .sysNumArea button:hover,
#sysItemDetail#sysItemDetail .sysNumArea button:hover {
  background-color: #efefef;
}

.old_page#sysItemDetail .sysNumArea .sysBtnPlus,
#sysItemCategory#sysItemDetail .sysNumArea .sysBtnPlus,
#sysItemDetail#sysItemDetail .sysNumArea .sysBtnPlus {
  background: url("https://www.peakpine.com/img/layout/system/btn_plus.png") center center no-repeat;
  background-size: 71px;
}

.old_page#sysItemDetail .sysNumArea .sysBtnMinus,
#sysItemCategory#sysItemDetail .sysNumArea .sysBtnMinus,
#sysItemDetail#sysItemDetail .sysNumArea .sysBtnMinus {
  background: url("https://www.peakpine.com/img/layout/system/btn_minus.png") center center no-repeat;
  background-size: 90px;
}

.old_page#sysItemDetail .sysNumArea,
#sysItemCategory#sysItemDetail .sysNumArea,
#sysItemDetail#sysItemDetail .sysNumArea {
  padding-top: 5px;
  clear: both;
  text-align: right;
}

.old_page#sysItemDetail .sysCartButton,
.old_page #sysWishlist .sysButton,
#sysItemCategory#sysItemDetail .sysCartButton,
#sysItemCategory #sysWishlist .sysButton,
#sysItemDetail#sysItemDetail .sysCartButton,
#sysItemDetail #sysWishlist .sysButton {
  width: 100%;
}

.old_page#sysItemDetail .sysShare,
#sysItemCategory#sysItemDetail .sysShare,
#sysItemDetail#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
  text-align: right;
}

.old_page#sysItemDetail .sysShare .sysFacebook,
#sysItemCategory#sysItemDetail .sysShare .sysFacebook,
#sysItemDetail#sysItemDetail .sysShare .sysFacebook {
  position: relative;
  top: 2px;
}

.old_page#sysItemDetail .sysShare .sysGoogleplus,
#sysItemCategory#sysItemDetail .sysShare .sysGoogleplus,
#sysItemDetail#sysItemDetail .sysShare .sysGoogleplus {
  width: 58px;
}

.old_page#sysItemDetail .sysShare .sysDisplayPcNone,
.old_page#sysItemDetail .sysShare .sysLine,
#sysItemCategory#sysItemDetail .sysShare .sysDisplayPcNone,
#sysItemCategory#sysItemDetail .sysShare .sysLine,
#sysItemDetail#sysItemDetail .sysShare .sysDisplayPcNone,
#sysItemDetail#sysItemDetail .sysShare .sysLine {
  display: inline-block !important;
}

.old_page#sysItemDetail .detailBtn,
#sysItemCategory#sysItemDetail .detailBtn,
#sysItemDetail#sysItemDetail .detailBtn {
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin: 10px 0;
  font-size: 14px;
  width: inherit;
  display: inline-block;
  padding: 0 20px;
}

.old_page#sysItemDetail .button01,
#sysItemCategory#sysItemDetail .button01,
#sysItemDetail#sysItemDetail .button01 {
  background: #424242;
  border-radius: 5px;
  color: #fff;
}

.old_page#sysItemDetail .button01:hover,
#sysItemCategory#sysItemDetail .button01:hover,
#sysItemDetail#sysItemDetail .button01:hover {
  background: #ff6f9b;
}

.old_page#sysItemDetail .button02,
#sysItemCategory#sysItemDetail .button02,
#sysItemDetail#sysItemDetail .button02 {
  background: #424242;
  border-radius: 30px;
  color: #fff;
  position: relative;
}

.old_page#sysItemDetail .button02:hover,
#sysItemCategory#sysItemDetail .button02:hover,
#sysItemDetail#sysItemDetail .button02:hover {
  background: #ff6f9b;
}

.old_page#sysItemDetail .button02:after,
#sysItemCategory#sysItemDetail .button02:after,
#sysItemDetail#sysItemDetail .button02:after {
  content: ">";
  position: absolute;
  right: 40px;
  top: -1px;
}

.old_page#sysItemDetail .button03,
#sysItemCategory#sysItemDetail .button03,
#sysItemDetail#sysItemDetail .button03 {
  border: 1px solid #b9b9b9;
  color: #424242;
  position: relative;
}

.old_page#sysItemDetail .button03:hover,
#sysItemCategory#sysItemDetail .button03:hover,
#sysItemDetail#sysItemDetail .button03:hover {
  border: 1px solid #424242;
  background: #424242;
  color: #ffffff;
}

.old_page#sysItemDetail .button03:after,
#sysItemCategory#sysItemDetail .button03:after,
#sysItemDetail#sysItemDetail .button03:after {
  content: ">";
  position: absolute;
  right: 40px;
  top: -1px;
}

.old_page#sysItemDetail .button04,
#sysItemCategory#sysItemDetail .button04,
#sysItemDetail#sysItemDetail .button04 {
  background: #ff6f9b;
  color: #fff;
  position: relative;
}

.old_page#sysItemDetail .button04:hover,
#sysItemCategory#sysItemDetail .button04:hover,
#sysItemDetail#sysItemDetail .button04:hover {
  background: #424242;
  color: #fff;
}

.old_page#sysItemDetail .button04:after,
#sysItemCategory#sysItemDetail .button04:after,
#sysItemDetail#sysItemDetail .button04:after {
  content: ">";
  position: absolute;
  right: 40px;
  top: -1px;
}

.old_page#sysItemDetail .button05,
#sysItemCategory#sysItemDetail .button05,
#sysItemDetail#sysItemDetail .button05 {
  background: #CA5308;
  color: #fff;
  position: relative;
}

.old_page#sysItemDetail .button05:hover,
#sysItemCategory#sysItemDetail .button05:hover,
#sysItemDetail#sysItemDetail .button05:hover {
  background: #424242;
  color: #fff;
}

.old_page#sysItemDetail .button05:after,
#sysItemCategory#sysItemDetail .button05:after,
#sysItemDetail#sysItemDetail .button05:after {
  content: ">";
  padding-left: 10px;
}

.old_page#sysItemDetail a.otherItem,
#sysItemCategory#sysItemDetail a.otherItem,
#sysItemDetail#sysItemDetail a.otherItem {
  display: inline-block;
  color: #aaa;
  font-weight: bold;
  padding: 3px 10px;
  margin: 5px;
  border: 1px solid #aaa;
  border-radius: 5px;
  font-size: 12px;
}

.old_page #sysCartInForm,
#sysItemCategory #sysCartInForm,
#sysItemDetail #sysCartInForm {
  width: 100%;
}

.old_page .sysButton,
.old_page .sysLoginButton,
#sysItemCategory .sysButton,
#sysItemCategory .sysLoginButton,
#sysItemDetail .sysButton,
#sysItemDetail .sysLoginButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  color: #000;
  font-size: 1.3rem;
  background-color: #fff;
  border: 1px solid #999;
  cursor: pointer;
}

.old_page .sysButton:hover,
.old_page .sysLoginButton,
#sysItemCategory .sysButton:hover,
#sysItemCategory .sysLoginButton,
#sysItemDetail .sysButton:hover,
#sysItemDetail .sysLoginButton {
  color: #ff6f9b;
}

.old_page .sysLoginButton,
#sysItemCategory .sysLoginButton,
#sysItemDetail .sysLoginButton {
  display: block;
  width: 50%;
  margin: 10px auto;
  padding: 20px;
}

.old_page .sysImageListSimple li,
#sysItemCategory .sysImageListSimple li,
#sysItemDetail .sysImageListSimple li {
  margin-bottom: 10px;
}

.old_page .sysReview input,
#sysItemCategory .sysReview input,
#sysItemDetail .sysReview input {
  background: #666;
  color: #fff;
  text-shadow: none;
  border: 1px solid #999;
  border-radius: 3px;
  display: block;
  padding: 10px;
  margin: 5px auto;
  width: 50%;
}

.old_page .sysReview > br,
#sysItemCategory .sysReview > br,
#sysItemDetail .sysReview > br {
  display: none;
}

.old_page .sysReviewHistoryList,
#sysItemCategory .sysReviewHistoryList,
#sysItemDetail .sysReviewHistoryList {
  padding: 0 10px;
  border: 1px solid lightgray;
}

.old_page .sysReviewHistoryList li,
#sysItemCategory .sysReviewHistoryList li,
#sysItemDetail .sysReviewHistoryList li {
  margin-bottom: 5px;
  border-bottom: 1px dashed lightgray;
  padding: 5px 0;
}

.old_page .sysReviewHistoryList li:last-child,
#sysItemCategory .sysReviewHistoryList li:last-child,
#sysItemDetail .sysReviewHistoryList li:last-child {
  border: none;
}

.old_page .sysEvaluation,
.old_page .sysNickname,
#sysItemCategory .sysEvaluation,
#sysItemCategory .sysNickname,
#sysItemDetail .sysEvaluation,
#sysItemDetail .sysNickname {
  display: inline-block;
  padding: 0 10px 0 0;
}

.old_page .sysNickname,
#sysItemCategory .sysNickname,
#sysItemDetail .sysNickname {
  font-size: large;
  font-weight: bold;
}

.old_page .sysReviewDatetime,
#sysItemCategory .sysReviewDatetime,
#sysItemDetail .sysReviewDatetime {
  font-size: small;
  text-align: right;
  padding-right: 20px;
}

.old_page .sysReviewText,
#sysItemCategory .sysReviewText,
#sysItemDetail .sysReviewText {
  font-size: small;
}

.old_page.sysCart #sysMain button,
.old_page.sysCart #sysMain button[type=submit],
.old_page.sysCart #sysMain input[type=submit],
#sysItemCategory.sysCart #sysMain button,
#sysItemCategory.sysCart #sysMain button[type=submit],
#sysItemCategory.sysCart #sysMain input[type=submit],
#sysItemDetail.sysCart #sysMain button,
#sysItemDetail.sysCart #sysMain button[type=submit],
#sysItemDetail.sysCart #sysMain input[type=submit] {
  display: block;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #fc709b;
  border: none;
  text-shadow: none;
}

.old_page.sysCartInDone,
#sysItemCategory.sysCartInDone,
#sysItemDetail.sysCartInDone {
  margin: 0;
}

.old_page #sysFormConfirm #sysMain > form,
.old_page#sysFormIndex #sysMain > form,
.old_page#sysMemberRegisterConfirm #sysMain > form,
.old_page#sysMemberRegisterIndex #sysMain > form,
#sysItemCategory #sysFormConfirm #sysMain > form,
#sysItemCategory#sysFormIndex #sysMain > form,
#sysItemCategory#sysMemberRegisterConfirm #sysMain > form,
#sysItemCategory#sysMemberRegisterIndex #sysMain > form,
#sysItemDetail #sysFormConfirm #sysMain > form,
#sysItemDetail#sysFormIndex #sysMain > form,
#sysItemDetail#sysMemberRegisterConfirm #sysMain > form,
#sysItemDetail#sysMemberRegisterIndex #sysMain > form {
  padding: 10px;
}

.old_page#sysMemberRegisterIndex #sysMain input,
.old_page #sysMypageReminder #sysMain input,
.old_page#sysFormIndex #sysMain input,
#sysItemCategory#sysMemberRegisterIndex #sysMain input,
#sysItemCategory #sysMypageReminder #sysMain input,
#sysItemCategory#sysFormIndex #sysMain input,
#sysItemDetail#sysMemberRegisterIndex #sysMain input,
#sysItemDetail #sysMypageReminder #sysMain input,
#sysItemDetail#sysFormIndex #sysMain input {
  line-height: 15px;
  padding: 5px;
  font-size: small;
  margin: 5px auto;
}

.old_page #sysMain input[type=email],
.old_page #sysMain input[type=number],
.old_page #sysMain input[type=password],
.old_page #sysMain input[type=tel],
.old_page #sysMain input[type=url],
.old_page #sysMain input[type=text],
.old_page #sysMain textarea,
#sysItemCategory #sysMain input[type=email],
#sysItemCategory #sysMain input[type=number],
#sysItemCategory #sysMain input[type=password],
#sysItemCategory #sysMain input[type=tel],
#sysItemCategory #sysMain input[type=url],
#sysItemCategory #sysMain input[type=text],
#sysItemCategory #sysMain textarea,
#sysItemDetail #sysMain input[type=email],
#sysItemDetail #sysMain input[type=number],
#sysItemDetail #sysMain input[type=password],
#sysItemDetail #sysMain input[type=tel],
#sysItemDetail #sysMain input[type=url],
#sysItemDetail #sysMain input[type=text],
#sysItemDetail #sysMain textarea {
  display: inline-block;
  width: 100%;
  height: 40px;
  border-radius: 5px 5px 5px 5px;
  border: #999999 1px solid;
}

.old_page #sysMain textarea,
#sysItemCategory #sysMain textarea,
#sysItemDetail #sysMain textarea {
  min-height: 75px;
}

.old_page .sysZipcode .sysFormField,
.old_page .sysZipcode button,
#sysItemCategory .sysZipcode .sysFormField,
#sysItemCategory .sysZipcode button,
#sysItemDetail .sysZipcode .sysFormField,
#sysItemDetail .sysZipcode button {
  display: inline-block;
}

.old_page .sysZipcode .sysFormLabel,
#sysItemCategory .sysZipcode .sysFormLabel,
#sysItemDetail .sysZipcode .sysFormLabel {
  display: block;
}

.old_page .sysZipcode .sysFormField,
#sysItemCategory .sysZipcode .sysFormField,
#sysItemDetail .sysZipcode .sysFormField {
  width: 100%;
}

.old_page .sysZipcode br,
#sysItemCategory .sysZipcode br,
#sysItemDetail .sysZipcode br {
  display: none;
}

.old_page .sysBirthday input,
#sysItemCategory .sysBirthday input,
#sysItemDetail .sysBirthday input {
  width: auto !important;
}

.old_page#sysMemberRegisterConfirm #sysMain .sysFormField,
.old_page #sysFormConfirm #sysMain .sysFormField,
.old_page #sysMypageEditConfirm #sysMain .sysFormField,
#sysItemCategory#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysItemCategory #sysFormConfirm #sysMain .sysFormField,
#sysItemCategory #sysMypageEditConfirm #sysMain .sysFormField,
#sysItemDetail#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysItemDetail #sysFormConfirm #sysMain .sysFormField,
#sysItemDetail #sysMypageEditConfirm #sysMain .sysFormField {
  border: 1px solid #999;
  line-height: 2;
  padding-left: 10px;
  font-size: small;
  border-radius: 3px;
  margin: 5px auto;
  min-height: 20px;
}

.old_page .sysOrderList,
#sysItemCategory .sysOrderList,
#sysItemDetail .sysOrderList {
  border: 1px solid #d4d4d4;
  padding: 10px;
  max-height: 400px;
  overflow-y: scroll;
}

.old_page .sysOrderList li,
#sysItemCategory .sysOrderList li,
#sysItemDetail .sysOrderList li {
  border-bottom: 1px dotted #d4d4d4;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.old_page .sysMypageNav > form,
#sysItemCategory .sysMypageNav > form,
#sysItemDetail .sysMypageNav > form {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

.old_page .sysMypageNav .sysButton,
#sysItemCategory .sysMypageNav .sysButton,
#sysItemDetail .sysMypageNav .sysButton {
  width: 100%;
  display: block;
  line-height: 30px;
}

.old_page#sysMypageEditDelivery #sysMain > form,
.old_page#sysMypageEditMember #sysMain > form,
#sysItemCategory#sysMypageEditDelivery #sysMain > form,
#sysItemCategory#sysMypageEditMember #sysMain > form,
#sysItemDetail#sysMypageEditDelivery #sysMain > form,
#sysItemDetail#sysMypageEditMember #sysMain > form {
  padding: 10px;
}

.old_page#sysMypageEditDelivery #sysMain input,
.old_page#sysMypageEditMember #sysMain input,
#sysItemCategory#sysMypageEditDelivery #sysMain input,
#sysItemCategory#sysMypageEditMember #sysMain input,
#sysItemDetail#sysMypageEditDelivery #sysMain input,
#sysItemDetail#sysMypageEditMember #sysMain input {
  line-height: 15px;
  padding: 5px 10px;
  font-size: small;
  margin: 5px auto;
}

.old_page #sysMypageEditConfirm #sysMain > form,
#sysItemCategory #sysMypageEditConfirm #sysMain > form,
#sysItemDetail #sysMypageEditConfirm #sysMain > form {
  padding: 10px;
}

.old_page .sysSpecialPoint,
#sysItemCategory .sysSpecialPoint,
#sysItemDetail .sysSpecialPoint {
  overflow: hidden;
  letter-spacing: -0.4em;
}

.old_page .sysSpecialPoint > div:nth-child(2n),
#sysItemCategory .sysSpecialPoint > div:nth-child(2n),
#sysItemDetail .sysSpecialPoint > div:nth-child(2n) {
  width: 60%;
}

.old_page .sysSpecialPoint > div,
#sysItemCategory .sysSpecialPoint > div,
#sysItemDetail .sysSpecialPoint > div {
  display: inline-block;
  letter-spacing: normal;
  padding: 5px 10px;
  border-bottom: 1px solid #d5d5d5;
}

.old_page .sysSpecialPoint > div:nth-child(2n+1),
#sysItemCategory .sysSpecialPoint > div:nth-child(2n+1),
#sysItemDetail .sysSpecialPoint > div:nth-child(2n+1) {
  width: 40%;
}

.old_page .sysCoupon,
#sysItemCategory .sysCoupon,
#sysItemDetail .sysCoupon {
  border: 1px solid #d5d5d5;
  margin: 10px;
}

.old_page .news-row,
#sysItemCategory .news-row,
#sysItemDetail .news-row {
  border-color: #999;
  border-style: solid;
  border-radius: 0;
  border-width: 1px;
  box-shadow: 1px 1px 1px gray;
  margin-bottom: 10px;
}

.old_page .news-row > h1,
#sysItemCategory .news-row > h1,
#sysItemDetail .news-row > h1 {
  border-bottom: 1px solid #999;
  background-color: #999;
  color: #ffffff;
  font-size: large;
  padding: 5px;
  /*background: -webkit-gradient(linear, left top, left bottom, from(), to());*/
  /*background: -webkit-linear-gradient(top, , );*/
}

.old_page .sysNewsDetail,
#sysItemCategory .sysNewsDetail,
#sysItemDetail .sysNewsDetail {
  padding: 10px 20px;
}

.old_page .sysSelectAddress,
#sysItemCategory .sysSelectAddress,
#sysItemDetail .sysSelectAddress {
  background: #fff;
  border: 1px solid #999;
  border-radius: 5px;
}

.old_page .sysSelectAddress div,
#sysItemCategory .sysSelectAddress div,
#sysItemDetail .sysSelectAddress div {
  margin-bottom: 20px;
}

.old_page.sysCart .sysSelectAddress input,
#sysItemCategory.sysCart .sysSelectAddress input,
#sysItemDetail.sysCart .sysSelectAddress input {
  background: #fff !important;
}

.old_page .sysSelectAddress a,
#sysItemCategory .sysSelectAddress a,
#sysItemDetail .sysSelectAddress a {
  display: block;
  text-decoration: none;
  border: 1px solid;
  padding: 10px;
}

.old_page .sysAccordion .sysSubTitle,
#sysItemCategory .sysAccordion .sysSubTitle,
#sysItemDetail .sysAccordion .sysSubTitle {
  text-decoration: none !important;
}

.old_page.sysCart .sysAccordion,
#sysItemCategory.sysCart .sysAccordion,
#sysItemDetail.sysCart .sysAccordion {
  font-weight: normal;
  background: #fff url("https://www.peakpine.com/img/layout/aro_bottom.png") no-repeat 98% center;
  background-size: 20px;
}

.old_page.sysCart .sysAccordion:hover,
#sysItemCategory.sysCart .sysAccordion:hover,
#sysItemDetail.sysCart .sysAccordion:hover {
  background: #fff url("https://www.peakpine.com/img/layout/aro_bottom.png") no-repeat 98% center;
  background-size: 20px;
}

.old_page .sysSelectAddress .sysSubTitle,
#sysItemCategory .sysSelectAddress .sysSubTitle,
#sysItemDetail .sysSelectAddress .sysSubTitle {
  font-size: 1.5rem;
}

.old_page .sysOtherAddress,
#sysItemCategory .sysOtherAddress,
#sysItemDetail .sysOtherAddress {
  margin-top: 20px;
}

.old_page .sysSelectAddress,
#sysItemCategory .sysSelectAddress,
#sysItemDetail .sysSelectAddress {
  margin: 10px 0;
}

.old_page .sysSelectAddress a:hover,
#sysItemCategory .sysSelectAddress a:hover,
#sysItemDetail .sysSelectAddress a:hover {
  background: #eee;
}

.old_page .side_parts,
#sysItemCategory .side_parts,
#sysItemDetail .side_parts {
  margin-bottom: 20px;
}

.old_page .side_parts h3,
#sysItemCategory .side_parts h3,
#sysItemDetail .side_parts h3 {
  margin-bottom: 10px;
  padding: 0 0 3px 0 !important;
  font-size: 1.6rem;
  letter-spacing: -1px;
  border-bottom: 1px solid #000 !important;
}

.old_page .side_parts ul li,
#sysItemCategory .side_parts ul li,
#sysItemDetail .side_parts ul li {
  margin-bottom: 5px;
}

.old_page .side_parts ul li a,
#sysItemCategory .side_parts ul li a,
#sysItemDetail .side_parts ul li a {
  padding: 0 !important;
}

.old_page .side_bn ul li,
#sysItemCategory .side_bn ul li,
#sysItemDetail .side_bn ul li {
  margin-bottom: 20px;
}

.old_page #sysAside .search,
.old_page #sysFooter .search,
#sysItemCategory #sysAside .search,
#sysItemCategory #sysFooter .search,
#sysItemDetail #sysAside .search,
#sysItemDetail #sysFooter .search {
  margin: 40px 0;
}

.old_page#sysItemDetail article,
#sysItemCategory#sysItemDetail article,
#sysItemDetail#sysItemDetail article {
  max-width: 1000px;
  margin: 0 auto 30px;
}

.old_page#sysItemDetail .sysCategoryPankuzu,
#sysItemCategory#sysItemDetail .sysCategoryPankuzu,
#sysItemDetail#sysItemDetail .sysCategoryPankuzu {
  font-size: 1.2rem;
  margin-top: 10px;
}

.old_page#sysItemDetail .sysCategoryPankuzu br,
.old_page#sysItemDetail .sysCategoryPankuzu span,
#sysItemCategory#sysItemDetail .sysCategoryPankuzu br,
#sysItemCategory#sysItemDetail .sysCategoryPankuzu span,
#sysItemDetail#sysItemDetail .sysCategoryPankuzu br,
#sysItemDetail#sysItemDetail .sysCategoryPankuzu span {
  display: none;
}

.old_page#sysItemDetail form,
#sysItemCategory#sysItemDetail form,
#sysItemDetail#sysItemDetail form {
  margin-bottom: 30px;
}

.old_page .h_navi2 form.sysItemSearchForm,
#sysItemCategory .h_navi2 form.sysItemSearchForm,
#sysItemDetail .h_navi2 form.sysItemSearchForm {
  margin-left: 100px;
  border: 1px solid #eee;
}

.old_page#sysItemDetail form.sysItemSearchForm,
#sysItemCategory#sysItemDetail form.sysItemSearchForm,
#sysItemDetail#sysItemDetail form.sysItemSearchForm {
  margin-bottom: 0 !important;
}

.old_page#sysItemDetail #sysNumber,
#sysItemCategory#sysItemDetail #sysNumber,
#sysItemDetail#sysItemDetail #sysNumber {
  display: block;
  margin-bottom: 20px;
  text-align: right;
}

.old_page#sysItemDetail .sysFormVariationTable,
#sysItemCategory#sysItemDetail .sysFormVariationTable,
#sysItemDetail#sysItemDetail .sysFormVariationTable {
  width: 100%;
}

.old_page#sysItemDetail .sysFormVariation,
.old_page#sysItemDetail .sysFormVariationName,
#sysItemCategory#sysItemDetail .sysFormVariation,
#sysItemCategory#sysItemDetail .sysFormVariationName,
#sysItemDetail#sysItemDetail .sysFormVariation,
#sysItemDetail#sysItemDetail .sysFormVariationName {
  border: 1px solid #999;
}

.old_page#sysItemDetail .sysFormVariation,
.old_page#sysItemDetail .sysFormVariationName,
#sysItemCategory#sysItemDetail .sysFormVariation,
#sysItemCategory#sysItemDetail .sysFormVariationName,
#sysItemDetail#sysItemDetail .sysFormVariation,
#sysItemDetail#sysItemDetail .sysFormVariationName {
  padding: 3px;
}

.old_page#sysItemDetail .sysCartButton,
#sysItemCategory#sysItemDetail .sysCartButton,
#sysItemDetail#sysItemDetail .sysCartButton {
  padding: 23px 15px !important;
  text-indent: -999px;
  background: #f75141 url("https://www.peakpine.com/img/layout/system/btn_cart.png") center center no-repeat;
  background-size: 140px;
}

.old_page#sysItemDetail .sysCartButton:hover,
#sysItemCategory#sysItemDetail .sysCartButton:hover,
#sysItemDetail#sysItemDetail .sysCartButton:hover {
  background-color: #dd3e31;
}

.old_page#sysItemDetail .sysGoCartButton,
#sysItemCategory#sysItemDetail .sysGoCartButton,
#sysItemDetail#sysItemDetail .sysGoCartButton {
  background: #dd3e31 url("https://www.peakpine.com/img/layout/system/btn_cart2.png") center center no-repeat;
  background-size: 127px;
}

.old_page#sysItemDetail #sysWishlist .sysButton,
#sysItemCategory#sysItemDetail #sysWishlist .sysButton,
#sysItemDetail#sysItemDetail #sysWishlist .sysButton {
  overflow: hidden;
  text-indent: -999px;
  border: 1px solid #b9b9b9;
  background-color: #fff;
  background-image: url(https://www.peakpine.com/img/layout/system/btn_favo.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100px;
}

.old_page#sysItemDetail #sysWishlist .sysButton:hover,
#sysItemCategory#sysItemDetail #sysWishlist .sysButton:hover,
#sysItemDetail#sysItemDetail #sysWishlist .sysButton:hover {
  background-color: #efefef;
}

.old_page#sysItemDetail .sysFreeForm .sysNextSubmit,
#sysItemCategory#sysItemDetail .sysFreeForm .sysNextSubmit,
#sysItemDetail#sysItemDetail .sysFreeForm .sysNextSubmit {
  display: block;
  width: 50%;
  border-radius: 5px;
  font-size: 1.3rem;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: auto;
  padding: 10px;
  overflow: hidden;
  text-indent: -999px;
  border: 1px solid #4b4b4b;
  background: #4b4b4b url("https://www.peakpine.com/img/layout/system/btn_restock2.png") center center no-repeat;
  background-size: 120px;
  cursor: pointer;
}

.old_page#sysItemDetail .sysFreeForm .sysNextSubmit:hover,
#sysItemCategory#sysItemDetail .sysFreeForm .sysNextSubmit:hover,
#sysItemDetail#sysItemDetail .sysFreeForm .sysNextSubmit:hover {
  background: #fff url("https://www.peakpine.com/img/layout/system/btn_restock.png") center center no-repeat;
  background-size: 120px;
}

.old_page#sysItemDetail .sysDescription span,
#sysItemCategory#sysItemDetail .sysDescription span,
#sysItemDetail#sysItemDetail .sysDescription span {
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1100px) {
  .old_page#sysItemDetail .sysDescription span,
  #sysItemCategory#sysItemDetail .sysDescription span,
  #sysItemDetail#sysItemDetail .sysDescription span {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page#sysItemDetail .sysDescription span,
  #sysItemCategory#sysItemDetail .sysDescription span,
  #sysItemDetail#sysItemDetail .sysDescription span {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page#sysItemDetail .sysDescription hr,
#sysItemCategory#sysItemDetail .sysDescription hr,
#sysItemDetail#sysItemDetail .sysDescription hr {
  width: 90%;
  margin: 20px auto;
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.old_page .sysDescription table,
.old_page .sysExplanation table,
#sysItemCategory .sysDescription table,
#sysItemCategory .sysExplanation table,
#sysItemDetail .sysDescription table,
#sysItemDetail .sysExplanation table {
  width: 100%;
  margin-bottom: 20px;
  font-size: 1.2rem;
  text-align: center;
  border-top: 1px solid #999;
}

.old_page .sysDescription thead,
.old_page .sysExplanation thead,
#sysItemCategory .sysDescription thead,
#sysItemCategory .sysExplanation thead,
#sysItemDetail .sysDescription thead,
#sysItemDetail .sysExplanation thead {
  text-align: center;
  color: #fff;
  background: #999;
}

.old_page .sysDescription td,
.old_page .sysExplanation td,
#sysItemCategory .sysDescription td,
#sysItemCategory .sysExplanation td,
#sysItemDetail .sysDescription td,
#sysItemDetail .sysExplanation td {
  padding-left: 10px;
}

.old_page .sysDescription td,
.old_page .sysDescription th,
.old_page .sysExplanation td,
.old_page .sysExplanation th,
#sysItemCategory .sysDescription td,
#sysItemCategory .sysDescription th,
#sysItemCategory .sysExplanation td,
#sysItemCategory .sysExplanation th,
#sysItemDetail .sysDescription td,
#sysItemDetail .sysDescription th,
#sysItemDetail .sysExplanation td,
#sysItemDetail .sysExplanation th {
  padding: 5px;
  border-bottom: 1px solid #999;
}

.old_page .itempage_recommend,
#sysItemCategory .itempage_recommend,
#sysItemDetail .itempage_recommend {
  margin: 0 auto 30px;
  max-width: 1000px;
}

.old_page .itempage_recommend .sysHeadline,
#sysItemCategory .itempage_recommend .sysHeadline,
#sysItemDetail .itempage_recommend .sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1100px) {
  .old_page .itempage_recommend .sysHeadline,
  #sysItemCategory .itempage_recommend .sysHeadline,
  #sysItemDetail .itempage_recommend .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page .itempage_recommend .sysHeadline,
  #sysItemCategory .itempage_recommend .sysHeadline,
  #sysItemDetail .itempage_recommend .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page .itempage_recommend ul.sysHorizontal,
#sysItemCategory .itempage_recommend ul.sysHorizontal,
#sysItemDetail .itempage_recommend ul.sysHorizontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
}

.old_page .itempage_recommend .sysHorizontal li,
#sysItemCategory .itempage_recommend .sysHorizontal li,
#sysItemDetail .itempage_recommend .sysHorizontal li {
  width: 16.6666666667% !important;
  margin-bottom: 20px !important;
  padding: 0 5px !important;
  font-size: 1.1rem;
}

.old_page .under_ranking_parts .sysHeadline,
#sysItemCategory .under_ranking_parts .sysHeadline,
#sysItemDetail .under_ranking_parts .sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1100px) {
  .old_page .under_ranking_parts .sysHeadline,
  #sysItemCategory .under_ranking_parts .sysHeadline,
  #sysItemDetail .under_ranking_parts .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page .under_ranking_parts .sysHeadline,
  #sysItemCategory .under_ranking_parts .sysHeadline,
  #sysItemDetail .under_ranking_parts .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page .itempage_vieweditems,
#sysItemCategory .itempage_vieweditems,
#sysItemDetail .itempage_vieweditems {
  margin: 0 auto 30px;
  max-width: 1000px;
}

.old_page .itempage_vieweditems .sysHeadline,
#sysItemCategory .itempage_vieweditems .sysHeadline,
#sysItemDetail .itempage_vieweditems .sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1100px) {
  .old_page .itempage_vieweditems .sysHeadline,
  #sysItemCategory .itempage_vieweditems .sysHeadline,
  #sysItemDetail .itempage_vieweditems .sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page .itempage_vieweditems .sysHeadline,
  #sysItemCategory .itempage_vieweditems .sysHeadline,
  #sysItemDetail .itempage_vieweditems .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page .itempage_vieweditems ul.sysHorizontal,
#sysItemCategory .itempage_vieweditems ul.sysHorizontal,
#sysItemDetail .itempage_vieweditems ul.sysHorizontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
}

.old_page .itempage_vieweditems .sysHorizontal li,
#sysItemCategory .itempage_vieweditems .sysHorizontal li,
#sysItemDetail .itempage_vieweditems .sysHorizontal li {
  width: 16.6666666667% !important;
  margin-bottom: 20px !important;
  padding: 0 5px !important;
  font-size: 1.1rem;
}

.old_page#sysItemDetail .shopinfo .sysItemImages,
#sysItemCategory#sysItemDetail .shopinfo .sysItemImages,
#sysItemDetail#sysItemDetail .shopinfo .sysItemImages {
  float: left;
}

.old_page#sysItemDetail .shopinfo .sysItemName,
#sysItemCategory#sysItemDetail .shopinfo .sysItemName,
#sysItemDetail#sysItemDetail .shopinfo .sysItemName {
  margin-bottom: 20px;
}

.old_page#sysItemDetail .shopinfo_inner,
#sysItemCategory#sysItemDetail .shopinfo_inner,
#sysItemDetail#sysItemDetail .shopinfo_inner {
  float: right;
  width: 50%;
}

.old_page#sysItemDetail .shopinfo .sysDescription span,
#sysItemCategory#sysItemDetail .shopinfo .sysDescription span,
#sysItemDetail#sysItemDetail .shopinfo .sysDescription span {
  width: 120px;
  height: 42px;
  background: #fff url("https://www.peakpine.com/img/layout/system/ttl_shopdetail.png") center center no-repeat;
  background-size: 88px;
}

.old_page#sysItemDetail .shopinfo iframe,
#sysItemCategory#sysItemDetail .shopinfo iframe,
#sysItemDetail#sysItemDetail .shopinfo iframe {
  width: 100%;
  height: 500px;
  margin: 20px 0 40px;
}

.old_page#sysItemDetail .shop_news,
#sysItemCategory#sysItemDetail .shop_news,
#sysItemDetail#sysItemDetail .shop_news {
  padding-top: 30px;
  border-top: 1px solid #999;
}

.old_page#sysItemDetail .shop_news li,
#sysItemCategory#sysItemDetail .shop_news li,
#sysItemDetail#sysItemDetail .shop_news li {
  margin-bottom: 20px;
}

.old_page#sysItemDetail .shop_news a,
#sysItemCategory#sysItemDetail .shop_news a,
#sysItemDetail#sysItemDetail .shop_news a {
  text-decoration: underline;
}

.old_page#sysItemDetail .shop_news a:hover,
#sysItemCategory#sysItemDetail .shop_news a:hover,
#sysItemDetail#sysItemDetail .shop_news a:hover {
  text-decoration: none;
}

.old_page#sysItemDetail .shopinfo p.btn_blog a,
#sysItemCategory#sysItemDetail .shopinfo p.btn_blog a,
#sysItemDetail#sysItemDetail .shopinfo p.btn_blog a {
  display: block;
  max-width: 280px;
  padding: 10px 10px 12px;
  margin: 10px auto 0 0;
  font-size: 1.5rem;
  text-align: center;
  border: 1px solid #999;
}

.old_page#sysItemDetail .shopinfo p.btn_blog a:after,
#sysItemCategory#sysItemDetail .shopinfo p.btn_blog a:after,
#sysItemDetail#sysItemDetail .shopinfo p.btn_blog a:after {
  position: relative;
  top: 2px;
  content: "＞";
  font-size: 2rem;
  font-weight: bold;
  margin-left: 10px;
}

.old_page .bn_onlineshop,
#sysItemCategory .bn_onlineshop,
#sysItemDetail .bn_onlineshop {
  max-width: 800px;
  margin: 0 auto 40px;
}

.old_page .bn_onlineshop li,
#sysItemCategory .bn_onlineshop li,
#sysItemDetail .bn_onlineshop li {
  float: left;
  width: 50%;
  margin-bottom: 50px;
  padding: 0 15px;
  text-align: center;
}

.old_page .bn_onlineshop li p,
#sysItemCategory .bn_onlineshop li p,
#sysItemDetail .bn_onlineshop li p {
  margin: 5px 0 0;
  font-size: 1.1rem;
}

.old_page .bn_onlineshop li img,
#sysItemCategory .bn_onlineshop li img,
#sysItemDetail .bn_onlineshop li img {
  display: block;
}

.old_page .sysItempr_new,
.old_page .sysItempr_pear,
.old_page .sysItempr_press,
.old_page .sysItempr_reservation,
.old_page .sysItempr_restock,
.old_page .sysItempr_single,
.old_page .sysItempr_soldout,
.old_page .kids,
#sysItemCategory .sysItempr_new,
#sysItemCategory .sysItempr_pear,
#sysItemCategory .sysItempr_press,
#sysItemCategory .sysItempr_reservation,
#sysItemCategory .sysItempr_restock,
#sysItemCategory .sysItempr_single,
#sysItemCategory .sysItempr_soldout,
#sysItemCategory .kids,
#sysItemDetail .sysItempr_new,
#sysItemDetail .sysItempr_pear,
#sysItemDetail .sysItempr_press,
#sysItemDetail .sysItempr_reservation,
#sysItemDetail .sysItempr_restock,
#sysItemDetail .sysItempr_single,
#sysItemDetail .sysItempr_soldout,
#sysItemDetail .kids {
  font-size: small;
  padding: 2px 5px;
  background: #fff;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
}

.old_page .kids,
#sysItemCategory .kids,
#sysItemDetail .kids {
  color: #fff;
  background-color: #4cc7f1;
}

.old_page .sysItempr_soldout,
#sysItemCategory .sysItempr_soldout,
#sysItemDetail .sysItempr_soldout {
  border: 1px solid #666;
}

.old_page .sysItempr_new,
#sysItemCategory .sysItempr_new,
#sysItemDetail .sysItempr_new {
  color: #fff;
  background-color: #ffa84e;
}

.old_page .sysItempr_press,
#sysItemCategory .sysItempr_press,
#sysItemDetail .sysItempr_press {
  color: #fff;
  background-color: #82c429;
}

.old_page .sysItempr_pear,
#sysItemCategory .sysItempr_pear,
#sysItemDetail .sysItempr_pear {
  color: #fff;
  background-color: #6e6ebd;
}

.old_page .sysItempr_restock,
#sysItemCategory .sysItempr_restock,
#sysItemDetail .sysItempr_restock {
  color: #fff;
  background-color: #e8bdeb;
}

.old_page .sysItempr_single,
#sysItemCategory .sysItempr_single,
#sysItemDetail .sysItempr_single {
  color: #fff;
  background-color: #f98d99;
}

.old_page .sysItempr_reservation,
#sysItemCategory .sysItempr_reservation,
#sysItemDetail .sysItempr_reservation {
  color: #fff;
  background-color: #ff6f9b;
}

.old_page span.ladies_11l,
.old_page span.ladies_13ll,
.old_page span.ladies_5ss,
.old_page span.ladies_7s,
.old_page span.ladies_9m,
#sysItemCategory span.ladies_11l,
#sysItemCategory span.ladies_13ll,
#sysItemCategory span.ladies_5ss,
#sysItemCategory span.ladies_7s,
#sysItemCategory span.ladies_9m,
#sysItemDetail span.ladies_11l,
#sysItemDetail span.ladies_13ll,
#sysItemDetail span.ladies_5ss,
#sysItemDetail span.ladies_7s,
#sysItemDetail span.ladies_9m {
  font-size: small;
  padding: 2px 10px;
  background: #aaa;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin-bottom: 3px;
}

.old_page span.ladies_11l,
#sysItemCategory span.ladies_11l,
#sysItemDetail span.ladies_11l {
  letter-spacing: -0.05em;
}

.old_page span.mens_xxl,
.old_page span.mens_l,
.old_page span.mens_m,
.old_page span.mens_s,
.old_page span.mens_xl,
#sysItemCategory span.mens_xxl,
#sysItemCategory span.mens_l,
#sysItemCategory span.mens_m,
#sysItemCategory span.mens_s,
#sysItemCategory span.mens_xl,
#sysItemDetail span.mens_xxl,
#sysItemDetail span.mens_l,
#sysItemDetail span.mens_m,
#sysItemDetail span.mens_s,
#sysItemDetail span.mens_xl {
  font-size: small;
  padding: 2px 15px;
  background: #444;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin-bottom: 3px;
}

.old_page .pr_instagram,
#sysItemCategory .pr_instagram,
#sysItemDetail .pr_instagram {
  font-size: small;
  padding: 2px 15px;
  background: #5851db;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin-bottom: 3px;
}

.old_page#sysItemSearch #sysMain,
.old_page#sysItemCategory #sysMain,
#sysItemCategory#sysItemSearch #sysMain,
#sysItemCategory#sysItemCategory #sysMain,
#sysItemDetail#sysItemSearch #sysMain,
#sysItemDetail#sysItemCategory #sysMain {
  margin-bottom: 60px;
}

.old_page#sysItemSearch .sysItemListDisp,
.old_page#sysItemCategory .sysItemListDisp,
#sysItemCategory#sysItemSearch .sysItemListDisp,
#sysItemCategory#sysItemCategory .sysItemListDisp,
#sysItemDetail#sysItemSearch .sysItemListDisp,
#sysItemDetail#sysItemCategory .sysItemListDisp {
  margin-bottom: 10px;
}

.old_page#sysItemSearch .sysThumbnail .sysItemPrArea,
.old_page#sysItemCategory .sysThumbnail .sysItemPrArea,
#sysItemCategory#sysItemSearch .sysThumbnail .sysItemPrArea,
#sysItemCategory#sysItemCategory .sysThumbnail .sysItemPrArea,
#sysItemDetail#sysItemSearch .sysThumbnail .sysItemPrArea,
#sysItemDetail#sysItemCategory .sysThumbnail .sysItemPrArea {
  text-align: left;
  margin-top: 5px;
}

.old_page#sysItemSearch .sysThumbnail li,
.old_page#sysItemCategory .sysThumbnail li,
#sysItemCategory#sysItemSearch .sysThumbnail li,
#sysItemCategory#sysItemCategory .sysThumbnail li,
#sysItemDetail#sysItemSearch .sysThumbnail li,
#sysItemDetail#sysItemCategory .sysThumbnail li {
  width: 25%;
  margin-bottom: 20px;
  padding: 10px;
}

.old_page#sysItemSearch .sysItemName,
.old_page#sysItemSearch .sysRetailPrice,
.old_page#sysItemCategory .sysItemName,
.old_page#sysItemCategory .sysRetailPrice,
#sysItemCategory#sysItemSearch .sysItemName,
#sysItemCategory#sysItemSearch .sysRetailPrice,
#sysItemCategory#sysItemCategory .sysItemName,
#sysItemCategory#sysItemCategory .sysRetailPrice,
#sysItemDetail#sysItemSearch .sysItemName,
#sysItemDetail#sysItemSearch .sysRetailPrice,
#sysItemDetail#sysItemCategory .sysItemName,
#sysItemDetail#sysItemCategory .sysRetailPrice {
  font-size: 1.1rem;
}

.old_page .category_head,
#sysItemCategory .category_head,
#sysItemDetail .category_head {
  margin-bottom: 30px;
  text-align: center;
}

.old_page .category_head p,
#sysItemCategory .category_head p,
#sysItemDetail .category_head p {
  margin-bottom: 10px;
}

.old_page .category_head p.txt,
#sysItemCategory .category_head p.txt,
#sysItemDetail .category_head p.txt {
  padding: 20px;
  border: 1px solid #000;
}

.old_page#sysItemCategory .sysCategoryDescription h1,
#sysItemCategory#sysItemCategory .sysCategoryDescription h1,
#sysItemDetail#sysItemCategory .sysCategoryDescription h1 {
  padding: 5px;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #000;
}

.old_page#sysItemSearch .sysThumbnail .sysItemPrArea,
#sysItemCategory#sysItemSearch .sysThumbnail .sysItemPrArea,
#sysItemDetail#sysItemSearch .sysThumbnail .sysItemPrArea {
  text-align: left;
  margin-top: 5px;
}

.old_page#sysItemSearch #sysMain h2,
#sysItemCategory#sysItemSearch #sysMain h2,
#sysItemDetail#sysItemSearch #sysMain h2 {
  font-size: 13px;
  margin-bottom: 10px;
}

.old_page#sysItemSearch #sysMain .sysItemSearchForm,
#sysItemCategory#sysItemSearch #sysMain .sysItemSearchForm,
#sysItemDetail#sysItemSearch #sysMain .sysItemSearchForm {
  font-size: 12px;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #999;
  border-radius: 5px;
  background-color: #fff;
}

.old_page#sysItemSearch #sysMain .sysItemSearchFormWord,
#sysItemCategory#sysItemSearch #sysMain .sysItemSearchFormWord,
#sysItemDetail#sysItemSearch #sysMain .sysItemSearchFormWord {
  margin-bottom: 5px;
}

.old_page#sysItemSearch #sysMain .sysItemSearchFormWord input,
#sysItemCategory#sysItemSearch #sysMain .sysItemSearchFormWord input,
#sysItemDetail#sysItemSearch #sysMain .sysItemSearchFormWord input {
  height: 40px;
  vertical-align: bottom;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
}

.old_page#sysItemSearch #sysMain .sysSearchButton,
#sysItemCategory#sysItemSearch #sysMain .sysSearchButton,
#sysItemDetail#sysItemSearch #sysMain .sysSearchButton {
  display: block;
  margin: 10px auto;
  padding: 10px;
  width: 95%;
  border: none;
  background: #4b4b4b;
  color: #fff;
}

.old_page#sysItemSearch #sysMain .sysSearchButton,
#sysItemCategory#sysItemSearch #sysMain .sysSearchButton,
#sysItemDetail#sysItemSearch #sysMain .sysSearchButton {
  font-size: 120%;
  font-weight: bolder;
  cursor: pointer;
  border-radius: 3px;
}

.old_page#sysItemSearch #sysMain .sysItemSearchFormRange input,
#sysItemCategory#sysItemSearch #sysMain .sysItemSearchFormRange input,
#sysItemDetail#sysItemSearch #sysMain .sysItemSearchFormRange input {
  border-radius: 3px;
}

.old_page#sysItemSearch #sysMain .sysItemSearchFormCategory,
.old_page#sysItemSearch #sysMain .sysItemSearchFormLimit,
.old_page#sysItemSearch #sysMain .sysItemSearchFormRange,
.old_page#sysItemSearch #sysMain .sysItemSearchFormSort,
#sysItemCategory#sysItemSearch #sysMain .sysItemSearchFormCategory,
#sysItemCategory#sysItemSearch #sysMain .sysItemSearchFormLimit,
#sysItemCategory#sysItemSearch #sysMain .sysItemSearchFormRange,
#sysItemCategory#sysItemSearch #sysMain .sysItemSearchFormSort,
#sysItemDetail#sysItemSearch #sysMain .sysItemSearchFormCategory,
#sysItemDetail#sysItemSearch #sysMain .sysItemSearchFormLimit,
#sysItemDetail#sysItemSearch #sysMain .sysItemSearchFormRange,
#sysItemDetail#sysItemSearch #sysMain .sysItemSearchFormSort {
  display: inline-block;
  margin: 5px auto;
}

.old_page#sysItemSearch #sysMain .sysItemSearchFormRange input,
#sysItemCategory#sysItemSearch #sysMain .sysItemSearchFormRange input,
#sysItemDetail#sysItemSearch #sysMain .sysItemSearchFormRange input {
  padding: 10px;
}

.old_page.sysMypage #sysMain,
#sysItemCategory.sysMypage #sysMain,
#sysItemDetail.sysMypage #sysMain {
  margin: 20px auto 40px;
}

.old_page.sysMypage #sysWrap,
#sysItemCategory.sysMypage #sysWrap,
#sysItemDetail.sysMypage #sysWrap {
  max-width: 980px;
  margin: 0 auto;
  background: #fff;
}

.old_page.sysMypage #sysFooter,
#sysItemCategory.sysMypage #sysFooter,
#sysItemDetail.sysMypage #sysFooter {
  margin-top: 0;
}

.old_page#sysMypageLogin .SysMypageMinorHeadLine,
#sysItemCategory#sysMypageLogin .SysMypageMinorHeadLine,
#sysItemDetail#sysMypageLogin .SysMypageMinorHeadLine {
  max-width: 680px;
  margin: 20px auto;
}

.old_page.sysMypage .sysLoginForm,
#sysItemCategory.sysMypage .sysLoginForm,
#sysItemDetail.sysMypage .sysLoginForm {
  max-width: 680px;
  margin: 20px auto 40px;
}

.old_page #sysMypageReminder .SysMypageMinorHeadLine,
#sysItemCategory #sysMypageReminder .SysMypageMinorHeadLine,
#sysItemDetail #sysMypageReminder .SysMypageMinorHeadLine {
  max-width: 680px;
  margin: 20px auto;
}

.old_page #sysMypageReminder .sysFormItem,
#sysItemCategory #sysMypageReminder .sysFormItem,
#sysItemDetail #sysMypageReminder .sysFormItem {
  max-width: 680px;
  margin: 20px auto 40px;
}

.old_page #sysMypageReminder .sys_mailaddress input[type=submit],
#sysItemCategory #sysMypageReminder .sys_mailaddress input[type=submit],
#sysItemDetail #sysMypageReminder .sys_mailaddress input[type=submit] {
  display: inline-block;
  padding: 15px 10px !important;
  width: auto;
  color: #000;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.old_page.sysMypage .sysMypageMajorHeadLine,
#sysItemCategory.sysMypage .sysMypageMajorHeadLine,
#sysItemDetail.sysMypage .sysMypageMajorHeadLine {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  background: #000;
  color: #fff;
  padding: 10px 0;
  text-align: center;
}

@media screen and (max-width: 1100px) {
  .old_page.sysMypage .sysMypageMajorHeadLine,
  #sysItemCategory.sysMypage .sysMypageMajorHeadLine,
  #sysItemDetail.sysMypage .sysMypageMajorHeadLine {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page.sysMypage .sysMypageMajorHeadLine,
  #sysItemCategory.sysMypage .sysMypageMajorHeadLine,
  #sysItemDetail.sysMypage .sysMypageMajorHeadLine {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page.sysMypage .sysForm div,
.old_page.sysMypage .sysOtherAddress div,
#sysItemCategory.sysMypage .sysForm div,
#sysItemCategory.sysMypage .sysOtherAddress div,
#sysItemDetail.sysMypage .sysForm div,
#sysItemDetail.sysMypage .sysOtherAddress div {
  margin-bottom: 10px;
}

.old_page.sysMypage .sysMypageNav,
#sysItemCategory.sysMypage .sysMypageNav,
#sysItemDetail.sysMypage .sysMypageNav {
  margin-top: 30px;
  padding: 0 !important;
}

.old_page.sysMypage .sysRequired,
#sysItemCategory.sysMypage .sysRequired,
#sysItemDetail.sysMypage .sysRequired {
  color: #ff6f9b;
  font-weight: bolder;
}

.old_page.sysMypage .sysItemList .sysThumbnail li,
#sysItemCategory.sysMypage .sysItemList .sysThumbnail li,
#sysItemDetail.sysMypage .sysItemList .sysThumbnail li {
  width: 25%;
  margin-bottom: 20px;
  padding: 0 10px;
  font-size: 1.1rem;
}

.old_page.sysMypage .sysMemberPassword,
#sysItemCategory.sysMypage .sysMemberPassword,
#sysItemDetail.sysMypage .sysMemberPassword {
  margin-bottom: 20px;
}

.old_page#sysMypageLogin .sysFormField,
#sysItemCategory#sysMypageLogin .sysFormField,
#sysItemDetail#sysMypageLogin .sysFormField {
  margin-bottom: 10px;
}

.old_page#sysMypageLogin .sysMemberPassword,
#sysItemCategory#sysMypageLogin .sysMemberPassword,
#sysItemDetail#sysMypageLogin .sysMemberPassword {
  margin-bottom: 20px;
}

.old_page#sysMypageLogin .sysFormField input,
.old_page#sysMypageLogin .sysMemberPassword input,
#sysItemCategory#sysMypageLogin .sysFormField input,
#sysItemCategory#sysMypageLogin .sysMemberPassword input,
#sysItemDetail#sysMypageLogin .sysFormField input,
#sysItemDetail#sysMypageLogin .sysMemberPassword input {
  margin-top: 5px;
  padding: 10px;
}

.old_page#sysMypageLogin .sysButton,
.old_page#sysMypageLogin .sysLoginButton,
#sysItemCategory#sysMypageLogin .sysButton,
#sysItemCategory#sysMypageLogin .sysLoginButton,
#sysItemDetail#sysMypageLogin .sysButton,
#sysItemDetail#sysMypageLogin .sysLoginButton {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin: 0 auto 30px;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #4b4b4b;
  border: none;
  border-radius: 5px;
  text-shadow: none;
}

.old_page #sysMypageReminder .sysFormField,
#sysItemCategory #sysMypageReminder .sysFormField,
#sysItemDetail #sysMypageReminder .sysFormField {
  margin-bottom: 20px;
}

.old_page#sysMypageEditMember #sysMain .btn,
.old_page#sysMypageLogin .sysButton,
.old_page.sysMypage .sysBackButton,
.old_page6#sysMemberRegisterIndex .sysButton,
#sysItemCategory#sysMypageEditMember #sysMain .btn,
#sysItemCategory#sysMypageLogin .sysButton,
#sysItemCategory.sysMypage .sysBackButton,
#sysItemCategory6#sysMemberRegisterIndex .sysButton,
#sysItemDetail#sysMypageEditMember #sysMain .btn,
#sysItemDetail#sysMypageLogin .sysButton,
#sysItemDetail.sysMypage .sysBackButton,
#sysItemDetail6#sysMemberRegisterIndex .sysButton {
  display: inline-block;
  padding: 10px;
  width: auto;
  color: #000;
  background: #fff;
  border-radius: none;
  border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.old_page#sysMypageEditDelivery .sysNextSubmit,
.old_page#sysMypageEditMember .sysNextSubmit,
#sysItemCategory#sysMypageEditDelivery .sysNextSubmit,
#sysItemCategory#sysMypageEditMember .sysNextSubmit,
#sysItemDetail#sysMypageEditDelivery .sysNextSubmit,
#sysItemDetail#sysMypageEditMember .sysNextSubmit {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #4b4b4b;
  border: none;
  border-radius: 5px;
  text-shadow: none;
}

.old_page#sysMypageEditMember .sysZipcode .sysFormField,
#sysItemCategory#sysMypageEditMember .sysZipcode .sysFormField,
#sysItemDetail#sysMypageEditMember .sysZipcode .sysFormField {
  width: 200px;
}

.old_page.sysMypage .sysZipcode .sysFormLabel,
#sysItemCategory.sysMypage .sysZipcode .sysFormLabel,
#sysItemDetail.sysMypage .sysZipcode .sysFormLabel {
  display: block !important;
}

.old_page.sysMypage .sysZipcode .sysFormField,
#sysItemCategory.sysMypage .sysZipcode .sysFormField,
#sysItemDetail.sysMypage .sysZipcode .sysFormField {
  display: inline-block;
}

.old_page.sysMypage .sysZipcode input,
#sysItemCategory.sysMypage .sysZipcode input,
#sysItemDetail.sysMypage .sysZipcode input {
  max-width: 200px;
}

.old_page.sysMypage .sysZipcode button,
#sysItemCategory.sysMypage .sysZipcode button,
#sysItemDetail.sysMypage .sysZipcode button {
  display: inline-block;
  max-width: 200px;
  width: auto;
  overflow: hidden;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #999;
  border-radius: 5px;
  color: #000;
  padding: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.old_page.sysMypage .sysPrefStateId select,
#sysItemCategory.sysMypage .sysPrefStateId select,
#sysItemDetail.sysMypage .sysPrefStateId select {
  width: 200px;
  height: 50px;
  border: 1px solid #aaa;
}

.old_page.sysMypage .sysGender,
#sysItemCategory.sysMypage .sysGender,
#sysItemDetail.sysMypage .sysGender {
  margin-bottom: 20px;
}

.old_page.sysMypage .sysGender input,
#sysItemCategory.sysMypage .sysGender input,
#sysItemDetail.sysMypage .sysGender input {
  vertical-align: middle;
}

.old_page.sysMypage .sysGender label,
#sysItemCategory.sysMypage .sysGender label,
#sysItemDetail.sysMypage .sysGender label {
  display: inline-block;
  margin-right: 20px;
}

.old_page.sysMypage .sysItemList,
#sysItemCategory.sysMypage .sysItemList,
#sysItemDetail.sysMypage .sysItemList {
  margin-top: 20px;
}

.old_page.sysMemberRegister div#sysMain,
#sysItemCategory.sysMemberRegister div#sysMain,
#sysItemDetail.sysMemberRegister div#sysMain {
  max-width: 680px;
  margin: 20px auto 40px;
}

.old_page.sysMemberRegister h2,
#sysItemCategory.sysMemberRegister h2,
#sysItemDetail.sysMemberRegister h2 {
  margin-bottom: 20px;
  font-size: 2.2rem;
}

.old_page.sysMemberRegister .sysForm label:first-child,
#sysItemCategory.sysMemberRegister .sysForm label:first-child,
#sysItemDetail.sysMemberRegister .sysForm label:first-child {
  display: inline-block;
  margin-bottom: 10px;
}

.old_page.sysMemberRegister .sysZipcode .sysFormLabel,
#sysItemCategory.sysMemberRegister .sysZipcode .sysFormLabel,
#sysItemDetail.sysMemberRegister .sysZipcode .sysFormLabel {
  display: block !important;
}

.old_page.sysMemberRegister .sysZipcode .sysFormField,
#sysItemCategory.sysMemberRegister .sysZipcode .sysFormField,
#sysItemDetail.sysMemberRegister .sysZipcode .sysFormField {
  display: inline-block;
  width: 200px;
}

.old_page.sysMemberRegister .sysZipcode input,
#sysItemCategory.sysMemberRegister .sysZipcode input,
#sysItemDetail.sysMemberRegister .sysZipcode input {
  max-width: 200px;
}

.old_page.sysMemberRegister .sysPrefStateId select,
#sysItemCategory.sysMemberRegister .sysPrefStateId select,
#sysItemDetail.sysMemberRegister .sysPrefStateId select {
  width: 200px;
  height: 50px;
}

.old_page.sysMemberRegister .sysGender label,
#sysItemCategory.sysMemberRegister .sysGender label,
#sysItemDetail.sysMemberRegister .sysGender label {
  display: inline-block;
  margin-right: 20px;
}

.old_page.sysMemberRegister .sys3 label,
#sysItemCategory.sysMemberRegister .sys3 label,
#sysItemDetail.sysMemberRegister .sys3 label {
  display: inline-block;
  margin-left: 20px;
}

.old_page.sysMemberRegister .sys3 label:first-child,
#sysItemCategory.sysMemberRegister .sys3 label:first-child,
#sysItemDetail.sysMemberRegister .sys3 label:first-child {
  margin-left: 0;
}

.old_page.sysMemberRegister .sys3 input,
.old_page.sysMemberRegister .sysGender input,
#sysItemCategory.sysMemberRegister .sys3 input,
#sysItemCategory.sysMemberRegister .sysGender input,
#sysItemDetail.sysMemberRegister .sys3 input,
#sysItemDetail.sysMemberRegister .sysGender input {
  vertical-align: middle;
}

.old_page.sysMemberRegister .sysNextSubmit,
#sysItemCategory.sysMemberRegister .sysNextSubmit,
#sysItemDetail.sysMemberRegister .sysNextSubmit {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #4b4b4b;
  border: none;
  border-radius: 5px;
  text-shadow: none;
}

.old_page.sysCart #sysMain,
#sysItemCategory.sysCart #sysMain,
#sysItemDetail.sysCart #sysMain {
  max-width: 680px;
  margin: 20px auto 40px;
}

.old_page.sysCart div#sysAside,
.old_page.sysCart div#sysMain,
#sysItemCategory.sysCart div#sysAside,
#sysItemCategory.sysCart div#sysMain,
#sysItemDetail.sysCart div#sysAside,
#sysItemDetail.sysCart div#sysMain {
  float: none;
}

.old_page.sysCart #sysWrap,
#sysItemCategory.sysCart #sysWrap,
#sysItemDetail.sysCart #sysWrap {
  max-width: 100%;
  background: #fff;
}

.old_page.sysCart #sysFooter,
#sysItemCategory.sysCart #sysFooter,
#sysItemDetail.sysCart #sysFooter {
  margin-top: 0;
}

.old_page.sysCart .h_navi,
#sysItemCategory.sysCart .h_navi,
#sysItemDetail.sysCart .h_navi {
  margin-bottom: 0;
}

.old_page.sysCart .sysAcceptDomainArea,
.old_page.sysCart .sysBox,
.old_page.sysCart .sysDetail,
.old_page.sysCart .sysOrder .nav,
.old_page.sysCart .sysRemarksArea,
.old_page.sysCart .sysRepeatOrderSetting,
.old_page.sysCart .sysSelectDeliveryArea,
.old_page.sysCart .sysSelectOptionArea,
.old_page.sysCart .sysSelectPaymentArea,
#sysItemCategory.sysCart .sysAcceptDomainArea,
#sysItemCategory.sysCart .sysBox,
#sysItemCategory.sysCart .sysDetail,
#sysItemCategory.sysCart .sysOrder .nav,
#sysItemCategory.sysCart .sysRemarksArea,
#sysItemCategory.sysCart .sysRepeatOrderSetting,
#sysItemCategory.sysCart .sysSelectDeliveryArea,
#sysItemCategory.sysCart .sysSelectOptionArea,
#sysItemCategory.sysCart .sysSelectPaymentArea,
#sysItemDetail.sysCart .sysAcceptDomainArea,
#sysItemDetail.sysCart .sysBox,
#sysItemDetail.sysCart .sysDetail,
#sysItemDetail.sysCart .sysOrder .nav,
#sysItemDetail.sysCart .sysRemarksArea,
#sysItemDetail.sysCart .sysRepeatOrderSetting,
#sysItemDetail.sysCart .sysSelectDeliveryArea,
#sysItemDetail.sysCart .sysSelectOptionArea,
#sysItemDetail.sysCart .sysSelectPaymentArea {
  background-color: #ffffff;
  border: 1px solid #999;
  border-radius: 5px;
  box-shadow: none;
  margin: 1em auto 20px;
  padding: 10px;
}

.old_page.sysCart .sysBox hr,
#sysItemCategory.sysCart .sysBox hr,
#sysItemDetail.sysCart .sysBox hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px dotted #d0d0d0;
  margin: 5px 0;
  padding: 0;
}

.old_page.sysCart .sysTotalTxt,
#sysItemCategory.sysCart .sysTotalTxt,
#sysItemDetail.sysCart .sysTotalTxt {
  text-shadow: none;
}

.old_page .sysTotal .sysTotalTxt .sysCartAttention,
#sysItemCategory .sysTotal .sysTotalTxt .sysCartAttention,
#sysItemDetail .sysTotal .sysTotalTxt .sysCartAttention {
  font-size: 2rem;
}

.old_page.sysCart .sysSubTotalArea,
#sysItemCategory.sysCart .sysSubTotalArea,
#sysItemDetail.sysCart .sysSubTotalArea {
  margin: 10px 0;
}

.old_page.sysCart .sysNextSubmitArea,
#sysItemCategory.sysCart .sysNextSubmitArea,
#sysItemDetail.sysCart .sysNextSubmitArea {
  margin-bottom: 20px;
}

.old_page.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
#sysItemCategory.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
#sysItemDetail.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  border-radius: 5px;
  background: #fc709b !important;
  border: none;
}

.old_page.sysCart .sysCartAttention,
.old_page.sysCart .sysRequired,
#sysItemCategory.sysCart .sysCartAttention,
#sysItemCategory.sysCart .sysRequired,
#sysItemDetail.sysCart .sysCartAttention,
#sysItemDetail.sysCart .sysRequired {
  color: #ff6f9b;
  font-weight: bolder;
}

.old_page.sysCart .sysGetPoint,
#sysItemCategory.sysCart .sysGetPoint,
#sysItemDetail.sysCart .sysGetPoint {
  color: #ff6f9b;
  font-weight: bolder;
}

.old_page.sysCart .old_page.sysCartNote,
#sysItemCategory.sysCart .old_page.sysCartNote,
#sysItemDetail.sysCart .old_page.sysCartNote, .old_page.sysCart #sysItemCategory.sysCartNote,
#sysItemCategory.sysCart #sysItemCategory.sysCartNote,
#sysItemDetail.sysCart #sysItemCategory.sysCartNote,
.old_page.sysCart #sysItemDetail.sysCartNote,
#sysItemCategory.sysCart #sysItemDetail.sysCartNote,
#sysItemDetail.sysCart #sysItemDetail.sysCartNote {
  color: #625d51;
  font-size: 90%;
}

.old_page.sysCart .sysCartTitle,
#sysItemCategory.sysCart .sysCartTitle,
#sysItemDetail.sysCart .sysCartTitle {
  color: #000;
  font-weight: bolder;
  background-color: #fff;
  padding: 0;
  margin-bottom: 5px;
}

.old_page.sysCart #sysMain input[type=submit],
.old_page.sysCart #sysMain button[type=submit],
.old_page.sysCart #sysMain button,
#sysItemCategory.sysCart #sysMain input[type=submit],
#sysItemCategory.sysCart #sysMain button[type=submit],
#sysItemCategory.sysCart #sysMain button,
#sysItemDetail.sysCart #sysMain input[type=submit],
#sysItemDetail.sysCart #sysMain button[type=submit],
#sysItemDetail.sysCart #sysMain button {
  display: inline-block;
  padding: 10px;
  width: auto;
  height: auto;
  color: #000;
  background: #fff;
  border-radius: none;
  border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.old_page.sysCart #sysMain input[value=戻る] {
  display: block;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

.old_page.sysCart .sysConfirmButton,
.old_page.sysCart .sysDeleteArea,
#sysItemCategory.sysCart .sysConfirmButton,
#sysItemCategory.sysCart .sysDeleteArea,
#sysItemDetail.sysCart .sysConfirmButton,
#sysItemDetail.sysCart .sysDeleteArea {
  text-align: right;
}

.old_page.sysCart .sysNavImg,
#sysItemCategory.sysCart .sysNavImg,
#sysItemDetail.sysCart .sysNavImg {
  text-align: center;
  margin-bottom: 20px;
}

.old_page.sysCart .sysFreeArea,
#sysItemCategory.sysCart .sysFreeArea,
#sysItemDetail.sysCart .sysFreeArea {
  color: #625d51;
  margin: 20px 0;
}

.old_page.sysCart .sysDetail li:last-child,
.old_page.sysCart .sysOrder .nav li:last-child,
.old_page .sysRemarks,
.old_page .sysSelectDelivery li:last-child,
.old_page .sysSelectOption li:last-child,
.old_page .sysSelectPayment li:last-child,
#sysItemCategory.sysCart .sysDetail li:last-child,
#sysItemCategory.sysCart .sysOrder .nav li:last-child,
#sysItemCategory .sysRemarks,
#sysItemCategory .sysSelectDelivery li:last-child,
#sysItemCategory .sysSelectOption li:last-child,
#sysItemCategory .sysSelectPayment li:last-child,
#sysItemDetail.sysCart .sysDetail li:last-child,
#sysItemDetail.sysCart .sysOrder .nav li:last-child,
#sysItemDetail .sysRemarks,
#sysItemDetail .sysSelectDelivery li:last-child,
#sysItemDetail .sysSelectOption li:last-child,
#sysItemDetail .sysSelectPayment li:last-child {
  border-bottom: none;
}

.old_page.sysCart .sysAcceptDomainArea input,
#sysItemCategory.sysCart .sysAcceptDomainArea input,
#sysItemDetail.sysCart .sysAcceptDomainArea input {
  padding: 0 10px !important;
}

.old_page.sysCart .cart_btn,
#sysItemCategory.sysCart .cart_btn,
#sysItemDetail.sysCart .cart_btn {
  color: #625d51;
  text-align: center;
  margin-top: 40px;
}

.old_page.sysCart .cart_btn p,
#sysItemCategory.sysCart .cart_btn p,
#sysItemDetail.sysCart .cart_btn p {
  margin: 0;
  padding: 0;
}

.old_page.sysCart .cart_btn .btn,
#sysItemCategory.sysCart .cart_btn .btn,
#sysItemDetail.sysCart .cart_btn .btn {
  margin-top: 5px;
}

.old_page.sysCart .cart_btn img,
#sysItemCategory.sysCart .cart_btn img,
#sysItemDetail.sysCart .cart_btn img {
  width: 200px;
  border: 1px solid #d0d0d0;
}

.old_page#sysBasket #sysMain,
#sysItemCategory#sysBasket #sysMain,
#sysItemDetail#sysBasket #sysMain {
  padding-top: 10px;
}

.old_page.sysCart .cart_info .sysContent,
#sysItemCategory.sysCart .cart_info .sysContent,
#sysItemDetail.sysCart .cart_info .sysContent {
  max-width: 300px;
  color: #000;
  text-align: center;
  font-weight: bolder;
  font-size: 13px;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  margin: 1em auto 0;
  padding: 10px;
  background-color: #fff;
}

.old_page #sysPayment .sysCourseSelection,
#sysItemCategory #sysPayment .sysCourseSelection,
#sysItemDetail #sysPayment .sysCourseSelection {
  display: none;
}

.old_page.sysCart #sysMain .sysConfirmButton input[type=submit],
#sysItemCategory.sysCart #sysMain .sysConfirmButton input[type=submit],
#sysItemDetail.sysCart #sysMain .sysConfirmButton input[type=submit] {
  width: auto;
}

.old_page.sysCart #sysMain select,
#sysItemCategory.sysCart #sysMain select,
#sysItemDetail.sysCart #sysMain select {
  display: inline-block;
}

.old_page.sysCart .sysBtnChange,
#sysItemCategory.sysCart .sysBtnChange,
#sysItemDetail.sysCart .sysBtnChange {
  margin-bottom: 10px !important;
}

.old_page #sysBillingAddress .input-append input[type=text],
#sysItemCategory #sysBillingAddress .input-append input[type=text],
#sysItemDetail #sysBillingAddress .input-append input[type=text] {
  display: inline-block;
}

.old_page #sysBillingAddress .sysPrefState select,
#sysItemCategory #sysBillingAddress .sysPrefState select,
#sysItemDetail #sysBillingAddress .sysPrefState select {
  width: 200px;
}

.old_page #sysBillingAddress .sysGender,
#sysItemCategory #sysBillingAddress .sysGender,
#sysItemDetail #sysBillingAddress .sysGender {
  margin-bottom: 20px;
}

.old_page #sysBillingAddress .sysGender input,
#sysItemCategory #sysBillingAddress .sysGender input,
#sysItemDetail #sysBillingAddress .sysGender input {
  vertical-align: middle;
}

.old_page #sysBillingAddress .sysGender label,
#sysItemCategory #sysBillingAddress .sysGender label,
#sysItemDetail #sysBillingAddress .sysGender label {
  display: inline-block;
  margin-right: 20px;
}

.old_page #sysBillingAddress .sysAcceptMailmagazine,
#sysItemCategory #sysBillingAddress .sysAcceptMailmagazine,
#sysItemDetail #sysBillingAddress .sysAcceptMailmagazine {
  margin-bottom: 20px;
}

.old_page .cart_completion,
#sysItemCategory .cart_completion,
#sysItemDetail .cart_completion {
  text-align: center;
}

.old_page #sysThanks #sysMain .sysOrderNumber,
#sysItemCategory #sysThanks #sysMain .sysOrderNumber,
#sysItemDetail #sysThanks #sysMain .sysOrderNumber {
  font-size: 1.5rem;
  font-weight: bold;
}

.old_page #sysThanks #sysMain,
#sysItemCategory #sysThanks #sysMain,
#sysItemDetail #sysThanks #sysMain {
  margin-bottom: 50px;
}

.old_page #sysThanks .cart_info,
#sysItemCategory #sysThanks .cart_info,
#sysItemDetail #sysThanks .cart_info {
  display: none;
}

.old_page #sysThanks .sysFreeArea,
#sysItemCategory #sysThanks .sysFreeArea,
#sysItemDetail #sysThanks .sysFreeArea {
  margin: 0 !important;
}

.old_page #sysThanks .sysBox,
#sysItemCategory #sysThanks .sysBox,
#sysItemDetail #sysThanks .sysBox {
  padding: 15px 10px;
}

.old_page #sysThanks .sysBox div,
#sysItemCategory #sysThanks .sysBox div,
#sysItemDetail #sysThanks .sysBox div {
  margin: 0 0 5px;
}

.old_page #sysThanks p,
#sysItemCategory #sysThanks p,
#sysItemDetail #sysThanks p {
  padding: 0 !important;
}

.old_page #sysThanks label.sysMemberAgreementFormLabel,
#sysItemCategory #sysThanks label.sysMemberAgreementFormLabel,
#sysItemDetail #sysThanks label.sysMemberAgreementFormLabel {
  padding: 5px 15px;
  display: block;
  font-weight: bold;
  margin: 10px 0 0;
  font-size: 10px;
  height: 25px;
  line-height: 15px;
  background: #888;
  color: #fff;
  text-align: center;
}

.old_page #sysThanks .sysMemberAgreement,
#sysItemCategory #sysThanks .sysMemberAgreement,
#sysItemDetail #sysThanks .sysMemberAgreement {
  padding: 10px 5px;
}

.old_page #sysThanks .sysForm,
#sysItemCategory #sysThanks .sysForm,
#sysItemDetail #sysThanks .sysForm {
  padding-top: 0;
}

.old_page #sysThanks .sysForm label,
#sysItemCategory #sysThanks .sysForm label,
#sysItemDetail #sysThanks .sysForm label {
  display: inline-block;
  font-size: 12px;
  margin-top: 5px;
}

.old_page #sysThanks input[type=checkbox],
#sysItemCategory #sysThanks input[type=checkbox],
#sysItemDetail #sysThanks input[type=checkbox] {
  display: inline-block;
  margin-right: 5px;
  height: 12px;
}

.old_page #sysThanks input[type=password],
#sysItemCategory #sysThanks input[type=password],
#sysItemDetail #sysThanks input[type=password] {
  background: #fff !important;
  height: 30px;
}

.old_page #sysThanks input[name=submit],
#sysItemCategory #sysThanks input[name=submit],
#sysItemDetail #sysThanks input[name=submit] {
  background: #515151 !important;
  display: block !important;
  width: 100% !important;
  max-width: 350px;
  font-size: 15px;
  color: #fff !important;
  margin: 10px auto !important;
  border: none !important;
}

.old_page #sysThanks p.subscript_ttl,
#sysItemCategory #sysThanks p.subscript_ttl,
#sysItemDetail #sysThanks p.subscript_ttl {
  font-weight: 700;
  font-size: 18px;
  margin-top: 0;
  border-left: 3px solid #444;
  padding-left: 5px !important;
}

.old_page #sysThanks p.subscript_txt,
#sysItemCategory #sysThanks p.subscript_txt,
#sysItemDetail #sysThanks p.subscript_txt {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.old_page #sysThanks .formtoback,
#sysItemCategory #sysThanks .formtoback,
#sysItemDetail #sysThanks .formtoback {
  color: #ff6f9b !important;
  text-decoration: underline;
}

.old_page#sysBasket .sysBackButton2,
#sysItemCategory#sysBasket .sysBackButton2,
#sysItemDetail#sysBasket .sysBackButton2 {
  display: block !important;
  width: 200px !important;
  margin: 0 auto;
  font-weight: bold;
  background: #b4f4ff !important;
  border-color: #000 !important;
}

.old_page .cart_item_check,
#sysItemCategory .cart_item_check,
#sysItemDetail .cart_item_check {
  max-width: 800px;
  margin: 40px auto;
}

.old_page .cart_slider,
.old_page .cart_slider div,
.old_page .cart_slider div.itemname,
.old_page .cart_slider div.price,
#sysItemCategory .cart_slider,
#sysItemCategory .cart_slider div,
#sysItemCategory .cart_slider div.itemname,
#sysItemCategory .cart_slider div.price,
#sysItemDetail .cart_slider,
#sysItemDetail .cart_slider div,
#sysItemDetail .cart_slider div.itemname,
#sysItemDetail .cart_slider div.price {
  font-size: 11px;
  line-height: 1.6;
}

.old_page .cart_slider .bx-wrapper .bx-prev,
#sysItemCategory .cart_slider .bx-wrapper .bx-prev,
#sysItemDetail .cart_slider .bx-wrapper .bx-prev {
  left: -60px !important;
}

.old_page .cart_slider .bx-wrapper .bx-next,
#sysItemCategory .cart_slider .bx-wrapper .bx-next,
#sysItemDetail .cart_slider .bx-wrapper .bx-next {
  right: -60px !important;
}

.old_page .sysNextSubmitAreaForUseAmazon,
#sysItemCategory .sysNextSubmitAreaForUseAmazon,
#sysItemDetail .sysNextSubmitAreaForUseAmazon {
  display: flex;
  float: none !important;
  width: auto !important;
  max-width: 430px;
  margin: 20px auto;
}

.old_page #lowAmazonPayButton,
.old_page #upperAmazonPayButton,
#sysItemCategory #lowAmazonPayButton,
#sysItemCategory #upperAmazonPayButton,
#sysItemDetail #lowAmazonPayButton,
#sysItemDetail #upperAmazonPayButton {
  margin: 0 0 10px;
}

.old_page .searchform .sysContent,
#sysItemCategory .searchform .sysContent,
#sysItemDetail .searchform .sysContent {
  padding: 0;
}

.old_page .searchform .sysItemSearchFormWord,
#sysItemCategory .searchform .sysItemSearchFormWord,
#sysItemDetail .searchform .sysItemSearchFormWord {
  margin: 0 0 10px;
}

.old_page .searchform .sysItemSearchFormWord input,
#sysItemCategory .searchform .sysItemSearchFormWord input,
#sysItemDetail .searchform .sysItemSearchFormWord input {
  width: 85.7142857143% !important;
  /*420*/
}

.old_page .searchform .sysSearchButton,
#sysItemCategory .searchform .sysSearchButton,
#sysItemDetail .searchform .sysSearchButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 14.2857142857% !important;
  /*70*/
  cursor: pointer;
}

.old_page.sysMemberRegister #sysMain,
#sysItemCategory.sysMemberRegister #sysMain,
#sysItemDetail.sysMemberRegister #sysMain {
  max-width: 980px;
  margin: 0 auto;
  font-size: 12px;
}

.old_page.sysMemberRegister div#sysAside,
.old_page.sysMemberRegister div#sysMain,
#sysItemCategory.sysMemberRegister div#sysAside,
#sysItemCategory.sysMemberRegister div#sysMain,
#sysItemDetail.sysMemberRegister div#sysAside,
#sysItemDetail.sysMemberRegister div#sysMain {
  float: none !important;
}

.old_page.sysMemberRegister .sysFormItem,
#sysItemCategory.sysMemberRegister .sysFormItem,
#sysItemDetail.sysMemberRegister .sysFormItem {
  margin-bottom: 10px;
}

.old_page.sysMemberRegister .sysRequired,
#sysItemCategory.sysMemberRegister .sysRequired,
#sysItemDetail.sysMemberRegister .sysRequired {
  color: #ff6f9b;
  font-weight: bolder;
}

.old_page#sysMemberRegisterRegister #sysMain,
#sysItemCategory#sysMemberRegisterRegister #sysMain,
#sysItemDetail#sysMemberRegisterRegister #sysMain {
  margin-bottom: 40px !important;
}

.old_page#sysMemberRegisterRegister #sysMain .thanks,
#sysItemCategory#sysMemberRegisterRegister #sysMain .thanks,
#sysItemDetail#sysMemberRegisterRegister #sysMain .thanks {
  margin-bottom: 10px;
}

.old_page#sysMemberRegisterRegister #sysMain .thanks .btn_top a,
#sysItemCategory#sysMemberRegisterRegister #sysMain .thanks .btn_top a,
#sysItemDetail#sysMemberRegisterRegister #sysMain .thanks .btn_top a {
  display: inline-block;
  margin: 5px;
  padding: 5px 20px;
  color: #fff;
  font-size: 110%;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background-color: #ff6f9b;
}

.old_page#sysMemberRegisterRegister #sysMain .thanks .btn_top a:after,
#sysItemCategory#sysMemberRegisterRegister #sysMain .thanks .btn_top a:after,
#sysItemDetail#sysMemberRegisterRegister #sysMain .thanks .btn_top a:after {
  content: "▶";
  font-size: 80%;
}

.old_page#sysMemberRegisterRegister #sysMain .thanks .btn_top a:hover,
#sysItemCategory#sysMemberRegisterRegister #sysMain .thanks .btn_top a:hover,
#sysItemDetail#sysMemberRegisterRegister #sysMain .thanks .btn_top a:hover {
  background-color: #8579aa;
}

.old_page.form-inquiry #sysMain,
#sysItemCategory.form-inquiry #sysMain,
#sysItemDetail.form-inquiry #sysMain {
  float: none !important;
  max-width: 680px;
  width: 100%;
  margin: 0 auto 70px;
}

.old_page.form-inquiry h2,
#sysItemCategory.form-inquiry h2,
#sysItemDetail.form-inquiry h2 {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1100px) {
  .old_page.form-inquiry h2,
  #sysItemCategory.form-inquiry h2,
  #sysItemDetail.form-inquiry h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page.form-inquiry h2,
  #sysItemCategory.form-inquiry h2,
  #sysItemDetail.form-inquiry h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page.form-inquiry #sysWrap,
#sysItemCategory.form-inquiry #sysWrap,
#sysItemDetail.form-inquiry #sysWrap {
  max-width: 980px;
  margin: 30px auto 0;
  background: #fff;
}

.old_page.form-inquiry .sysFormItem,
#sysItemCategory.form-inquiry .sysFormItem,
#sysItemDetail.form-inquiry .sysFormItem {
  margin-bottom: 10px;
}

.old_page.form-inquiry .sysRequired,
#sysItemCategory.form-inquiry .sysRequired,
#sysItemDetail.form-inquiry .sysRequired {
  color: #ff6f9b;
  font-weight: bolder;
}

.old_page.form-inquiry .sysNextSubmit,
#sysItemCategory.form-inquiry .sysNextSubmit,
#sysItemDetail.form-inquiry .sysNextSubmit {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  background: #4b4b4b;
  border-radius: 5px;
}

.old_page#sysFormConfirm .sysButton,
#sysItemCategory#sysFormConfirm .sysButton,
#sysItemDetail#sysFormConfirm .sysButton {
  width: 100%;
}

.old_page#sysFormIndex .sysNextSubmit,
#sysItemCategory#sysFormIndex .sysNextSubmit,
#sysItemDetail#sysFormIndex .sysNextSubmit {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #4b4b4b;
  border: none;
  border-radius: 5px;
  text-shadow: none;
}

.old_page.form-inquiry p.small,
#sysItemCategory.form-inquiry p.small,
#sysItemDetail.form-inquiry p.small {
  font-size: 1.1rem;
}

.old_page.form-inquiry .sys4 label,
#sysItemCategory.form-inquiry .sys4 label,
#sysItemDetail.form-inquiry .sys4 label {
  display: inline-block;
  margin-right: 20px;
}

.old_page.form-inquiry .sys4 input,
#sysItemCategory.form-inquiry .sys4 input,
#sysItemDetail.form-inquiry .sys4 input {
  vertical-align: middle;
}

.old_page.form-inquiry .sys5 input,
#sysItemCategory.form-inquiry .sys5 input,
#sysItemDetail.form-inquiry .sys5 input {
  max-width: 200px;
}

.old_page.form-inquiry .sys6 select,
#sysItemCategory.form-inquiry .sys6 select,
#sysItemDetail.form-inquiry .sys6 select {
  width: 200px;
  height: 50px;
}

.old_page .sysItemReview #sysMain,
#sysItemCategory .sysItemReview #sysMain,
#sysItemDetail .sysItemReview #sysMain {
  font-size: 12px;
  padding: 20px;
  background-color: #fff;
}

.old_page .sysItemReview #sysMain label,
#sysItemCategory .sysItemReview #sysMain label,
#sysItemDetail .sysItemReview #sysMain label {
  font-size: 12px;
}

.old_page .sysItemReview #sysMain .sysEvaluation,
.old_page .sysItemReview #sysMain .sysNickname,
#sysItemCategory .sysItemReview #sysMain .sysEvaluation,
#sysItemCategory .sysItemReview #sysMain .sysNickname,
#sysItemDetail .sysItemReview #sysMain .sysEvaluation,
#sysItemDetail .sysItemReview #sysMain .sysNickname {
  display: block !important;
  margin-bottom: 10px;
}

.old_page .sysItemReview #sysMain .sysReviewText,
#sysItemCategory .sysItemReview #sysMain .sysReviewText,
#sysItemDetail .sysItemReview #sysMain .sysReviewText {
  margin-bottom: 10px;
}

.old_page .sysItemReview #sysMain .sysNickname input,
#sysItemCategory .sysItemReview #sysMain .sysNickname input,
#sysItemDetail .sysItemReview #sysMain .sysNickname input {
  padding: 10px;
}

.old_page .sysItemReview #sysMain .sysRequired,
#sysItemCategory .sysItemReview #sysMain .sysRequired,
#sysItemDetail .sysItemReview #sysMain .sysRequired {
  color: #ff6f9b;
  font-weight: bolder;
}

.old_page .subpage_parts,
#sysItemCategory .subpage_parts,
#sysItemDetail .subpage_parts {
  max-width: 1000px;
  margin: 0 auto 80px;
}

.old_page .subpage_parts h2,
#sysItemCategory .subpage_parts h2,
#sysItemDetail .subpage_parts h2 {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  background: #000;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}

@media screen and (max-width: 1100px) {
  .old_page .subpage_parts h2,
  #sysItemCategory .subpage_parts h2,
  #sysItemDetail .subpage_parts h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page .subpage_parts h2,
  #sysItemCategory .subpage_parts h2,
  #sysItemDetail .subpage_parts h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page .subpage_inner,
#sysItemCategory .subpage_inner,
#sysItemDetail .subpage_inner {
  width: 90%;
  margin: 0 auto;
}

.old_page .subpage_inner a,
#sysItemCategory .subpage_inner a,
#sysItemDetail .subpage_inner a {
  font-weight: bold;
  text-decoration: underline;
}

.old_page .subpage_inner a:hover,
#sysItemCategory .subpage_inner a:hover,
#sysItemDetail .subpage_inner a:hover {
  text-decoration: none;
}

.old_page .subpage_inner .box,
#sysItemCategory .subpage_inner .box,
#sysItemDetail .subpage_inner .box {
  padding: 0;
  margin-bottom: 50px;
}

.old_page .subpage_inner .box h3,
#sysItemCategory .subpage_inner .box h3,
#sysItemDetail .subpage_inner .box h3 {
  font-size: 16px;
  border-bottom: 2px solid #ff6f9b;
  padding-bottom: 3px;
  margin-bottom: 20px;
}

.old_page .subpage_inner .box p,
#sysItemCategory .subpage_inner .box p,
#sysItemDetail .subpage_inner .box p {
  margin-bottom: 20px;
}

.old_page .subpage_inner .box .btn_recruit a,
#sysItemCategory .subpage_inner .box .btn_recruit a,
#sysItemDetail .subpage_inner .box .btn_recruit a {
  text-decoration: none !important;
  background: #444444;
  color: #fff;
  padding: 7px 15px;
  margin: 5px 0;
  border-radius: 100px;
  font-size: 15px;
}

.old_page .subpage_inner .box .btn_recruit a:hover,
#sysItemCategory .subpage_inner .box .btn_recruit a:hover,
#sysItemDetail .subpage_inner .box .btn_recruit a:hover {
  background: #ff6f9b;
}

.old_page .subpage_inner .box dd,
.old_page .subpage_inner .box dl,
.old_page .subpage_inner .box dt,
#sysItemCategory .subpage_inner .box dd,
#sysItemCategory .subpage_inner .box dl,
#sysItemCategory .subpage_inner .box dt,
#sysItemDetail .subpage_inner .box dd,
#sysItemDetail .subpage_inner .box dl,
#sysItemDetail .subpage_inner .box dt {
  box-sizing: border-box;
}

.old_page .subpage_inner .box dl,
#sysItemCategory .subpage_inner .box dl,
#sysItemDetail .subpage_inner .box dl {
  width: 100%;
  background: #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-bottom: 15px;
}

.old_page .subpage_inner .box dd,
.old_page .subpage_inner .box dt,
#sysItemCategory .subpage_inner .box dd,
#sysItemCategory .subpage_inner .box dt,
#sysItemDetail .subpage_inner .box dd,
#sysItemDetail .subpage_inner .box dt {
  padding: 10px;
  border-top: 1px solid #ccc;
}

.old_page .subpage_inner .box dt,
#sysItemCategory .subpage_inner .box dt,
#sysItemDetail .subpage_inner .box dt {
  width: 20%;
  float: left;
}

.old_page .subpage_inner .box dd,
#sysItemCategory .subpage_inner .box dd,
#sysItemDetail .subpage_inner .box dd {
  width: 80%;
  background: #fff;
  border-left: 1px solid #ccc;
}

.old_page .subpage_inner .box dl:after,
#sysItemCategory .subpage_inner .box dl:after,
#sysItemDetail .subpage_inner .box dl:after {
  content: "";
  display: block;
  clear: both;
}

.old_page .guide .subpage_btn a,
#sysItemCategory .guide .subpage_btn a,
#sysItemDetail .guide .subpage_btn a {
  display: block;
  max-width: 300px;
  margin: 0;
  padding: 7px 5px;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  border: 1px solid #000;
}

.old_page .guide .subpage_btn a:after,
#sysItemCategory .guide .subpage_btn a:after,
#sysItemDetail .guide .subpage_btn a:after {
  content: "＞";
  margin-left: 10px;
  padding: 10px;
  font-size: 1.1rem;
  font-weight: bold;
}

.old_page .guide .guide_calendar,
#sysItemCategory .guide .guide_calendar,
#sysItemDetail .guide .guide_calendar {
  overflow: hidden;
}

.old_page .guide .guide_calendar p,
#sysItemCategory .guide .guide_calendar p,
#sysItemDetail .guide .guide_calendar p {
  margin-bottom: 10px;
}

.old_page .guide .guide_calendar span,
#sysItemCategory .guide .guide_calendar span,
#sysItemDetail .guide .guide_calendar span {
  display: inline-block;
  padding: 2px;
}

.old_page .guide .guide_calendar span.bg_white,
#sysItemCategory .guide .guide_calendar span.bg_white,
#sysItemDetail .guide .guide_calendar span.bg_white {
  border: 1px solid #ccc;
}

.old_page .guide .guide_calendar span.bg_blue,
#sysItemCategory .guide .guide_calendar span.bg_blue,
#sysItemDetail .guide .guide_calendar span.bg_blue {
  background-color: #b4f4ff;
}

.old_page .guide .guide_calendar table,
#sysItemCategory .guide .guide_calendar table,
#sysItemDetail .guide .guide_calendar table {
  float: left;
  width: 30% !important;
  margin: 0 1.6666666667% !important;
}

.old_page .information,
#sysItemCategory .information,
#sysItemDetail .information {
  text-align: center;
}

.old_page .information h3,
#sysItemCategory .information h3,
#sysItemDetail .information h3 {
  margin-bottom: 20px;
  font-size: 1.8rem;
  line-height: 1;
}

.old_page .information h3 span.day,
#sysItemCategory .information h3 span.day,
#sysItemDetail .information h3 span.day {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #000;
}

.old_page .information p.img_info,
#sysItemCategory .information p.img_info,
#sysItemDetail .information p.img_info {
  max-width: 500px;
  margin: 10px auto;
}

.old_page .information hr,
#sysItemCategory .information hr,
#sysItemDetail .information hr {
  width: 80%;
  margin: 40px auto;
  border: 0;
  height: 0;
  border-bottom: 1px solid #000;
}

.old_page .company dt,
#sysItemCategory .company dt,
#sysItemDetail .company dt {
  margin-bottom: 10px;
  padding: 0 0 3px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.old_page .company dd,
#sysItemCategory .company dd,
#sysItemDetail .company dd {
  margin-bottom: 20px;
}

.old_page .businessdeal h3,
#sysItemCategory .businessdeal h3,
#sysItemDetail .businessdeal h3 {
  margin-bottom: 10px;
  padding: 0 0 3px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.old_page .businessdeal h4,
#sysItemCategory .businessdeal h4,
#sysItemDetail .businessdeal h4 {
  font-size: 1.6rem;
  font-weight: bold;
}

.old_page .subpage_parts .box .flex,
#sysItemCategory .subpage_parts .box .flex,
#sysItemDetail .subpage_parts .box .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.old_page .businessdeal .box dt,
#sysItemCategory .businessdeal .box dt,
#sysItemDetail .businessdeal .box dt {
  float: none !important;
  font-weight: bold;
  background: #eee;
}

.old_page .businessdeal .box dd,
#sysItemCategory .businessdeal .box dd,
#sysItemDetail .businessdeal .box dd {
  padding-bottom: 10px;
}

.old_page .businessdeal .box table td,
.old_page .businessdeal .box table th,
#sysItemCategory .businessdeal .box table td,
#sysItemCategory .businessdeal .box table th,
#sysItemDetail .businessdeal .box table td,
#sysItemDetail .businessdeal .box table th {
  padding: 10px;
  text-align: center;
  border: 1px solid #000;
}

.old_page .businessdeal .box table th,
#sysItemCategory .businessdeal .box table th,
#sysItemDetail .businessdeal .box table th {
  background-color: #eaeaea;
}

.old_page .guide h3,
#sysItemCategory .guide h3,
#sysItemDetail .guide h3 {
  margin-bottom: 10px;
  padding: 0 0 3px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.old_page .guide h4,
#sysItemCategory .guide h4,
#sysItemDetail .guide h4 {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: bold;
}

.old_page .guide .red,
.old_page .guide .red a,
#sysItemCategory .guide .red,
#sysItemCategory .guide .red a,
#sysItemDetail .guide .red,
#sysItemDetail .guide .red a {
  color: #ff0004;
  font-weight: bold;
}

.old_page .guide .caution_btn,
#sysItemCategory .guide .caution_btn,
#sysItemDetail .guide .caution_btn {
  font-size: 1.2rem;
}

.old_page .guide .guide_menu,
#sysItemCategory .guide .guide_menu,
#sysItemDetail .guide .guide_menu {
  margin-bottom: 40px;
  font-size: 0;
}

.old_page .guide .guide_menu li,
#sysItemCategory .guide .guide_menu li,
#sysItemDetail .guide .guide_menu li {
  display: inline-block;
  width: 33.3333333333%;
  padding: 5px;
  font-size: 1.3rem;
}

.old_page .guide .guide_menu li span,
#sysItemCategory .guide .guide_menu li span,
#sysItemDetail .guide .guide_menu li span {
  font-size: 1.1rem;
}

.old_page .guide .guide_menu li a,
#sysItemCategory .guide .guide_menu li a,
#sysItemDetail .guide .guide_menu li a {
  position: relative;
  display: block;
  padding: 7px 5px;
  text-decoration: none;
  border: 1px solid #000;
}

.old_page .guide .guide_menu li a:after,
#sysItemCategory .guide .guide_menu li a:after,
#sysItemDetail .guide .guide_menu li a:after {
  position: absolute;
  top: 7px;
  right: 5px;
  content: "＞";
  font-size: 1.1rem;
  font-weight: bold;
}

.old_page .guide .guide_flow li,
#sysItemCategory .guide .guide_flow li,
#sysItemDetail .guide .guide_flow li {
  position: relative;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #eaeaea;
  border: 1px solid #c2c2c2;
}

.old_page .guide .guide_flow li:after,
#sysItemCategory .guide .guide_flow li:after,
#sysItemDetail .guide .guide_flow li:after {
  display: block;
  content: "↓";
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  color: #c2c2c2;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.old_page .guide .guide_flow li:last-child:after,
#sysItemCategory .guide .guide_flow li:last-child:after,
#sysItemDetail .guide .guide_flow li:last-child:after {
  content: none;
}

.old_page .guide02 h2,
#sysItemCategory .guide02 h2,
#sysItemDetail .guide02 h2 {
  margin-bottom: 20px;
  font-size: 2rem;
  background-image: none;
}

.old_page .guide02 h3,
#sysItemCategory .guide02 h3,
#sysItemDetail .guide02 h3 {
  margin-bottom: 10px;
  padding: 0 0 3px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.old_page .guide02 h4,
#sysItemCategory .guide02 h4,
#sysItemDetail .guide02 h4 {
  font-size: 1.6rem;
  font-weight: bold;
}

.old_page .guide02 p,
#sysItemCategory .guide02 p,
#sysItemDetail .guide02 p {
  margin-bottom: 30px;
}

.old_page .recruit .box h3,
#sysItemCategory .recruit .box h3,
#sysItemDetail .recruit .box h3 {
  margin-bottom: 20px;
  font-size: 1.6rem;
}

.old_page .recruit .box span,
#sysItemCategory .recruit .box span,
#sysItemDetail .recruit .box span {
  font-size: 15px;
  border-left: 5px solid #ff6f9b;
  padding-left: 10px;
  margin: 20px 0;
}

.old_page .recruit .box p,
#sysItemCategory .recruit .box p,
#sysItemDetail .recruit .box p {
  margin: 0;
}

.old_page .recruit .box dl,
#sysItemCategory .recruit .box dl,
#sysItemDetail .recruit .box dl {
  margin-bottom: 20px;
}

.old_page .recruit .box dt,
#sysItemCategory .recruit .box dt,
#sysItemDetail .recruit .box dt {
  float: left;
  margin-bottom: 10px;
  font-weight: bold;
}

.old_page .recruit .box dd,
#sysItemCategory .recruit .box dd,
#sysItemDetail .recruit .box dd {
  margin: 0 0 0 15%;
}

.old_page .recruit .btn_recruit a,
#sysItemCategory .recruit .btn_recruit a,
#sysItemDetail .recruit .btn_recruit a {
  display: block;
  max-width: 500px;
  margin: 5px auto;
  padding: 10px 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  background-color: #fc709b;
  border-radius: 5px;
}

.old_page .recruit .btn_recruit a:hover,
#sysItemCategory .recruit .btn_recruit a:hover,
#sysItemDetail .recruit .btn_recruit a:hover {
  background-color: #f34e81;
}

.old_page .h_bn_recruit,
#sysItemCategory .h_bn_recruit,
#sysItemDetail .h_bn_recruit {
  max-width: 1200px;
  margin: 0 auto 20px;
}

.old_page .form-recruit #sysMain,
#sysItemCategory .form-recruit #sysMain,
#sysItemDetail .form-recruit #sysMain {
  float: none !important;
  max-width: 680px;
  width: 100%;
  margin: 0 auto 70px;
}

.old_page .form-recruit h2,
#sysItemCategory .form-recruit h2,
#sysItemDetail .form-recruit h2 {
  max-width: 1000px;
  height: 40px;
  overflow: hidden;
  margin-bottom: 20px;
  text-indent: -999px;
  background: #fff url("https://www.peakpine.com/img/layout/system/ttl_entry.png") center center no-repeat;
  background-size: 1000px;
}

.old_page .form-recruit #sysWrap,
#sysItemCategory .form-recruit #sysWrap,
#sysItemDetail .form-recruit #sysWrap {
  max-width: 980px;
  margin: 30px auto 0;
  background: #fff;
}

.old_page .form-recruit .sysFormItem,
#sysItemCategory .form-recruit .sysFormItem,
#sysItemDetail .form-recruit .sysFormItem {
  margin-bottom: 10px;
}

.old_page .form-recruit .sysRequired,
#sysItemCategory .form-recruit .sysRequired,
#sysItemDetail .form-recruit .sysRequired {
  color: #ff6f9b;
  font-weight: bolder;
}

.old_page#sysFormIndex .sysNextSubmit,
#sysItemCategory#sysFormIndex .sysNextSubmit,
#sysItemDetail#sysFormIndex .sysNextSubmit {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #4b4b4b;
  border: none;
  border-radius: 5px;
  text-shadow: none;
}

.old_page .form-recruit p.small,
#sysItemCategory .form-recruit p.small,
#sysItemDetail .form-recruit p.small {
  font-size: 1.1rem;
}

.old_page .form-recruit .sys1 select,
#sysItemCategory .form-recruit .sys1 select,
#sysItemDetail .form-recruit .sys1 select {
  width: 100%;
  height: 50px;
}

.old_page .form-recruit .sys5 label,
#sysItemCategory .form-recruit .sys5 label,
#sysItemDetail .form-recruit .sys5 label {
  display: inline-block;
  margin-right: 20px;
}

.old_page .form-recruit .sys5 input,
#sysItemCategory .form-recruit .sys5 input,
#sysItemDetail .form-recruit .sys5 input {
  vertical-align: middle;
}

.old_page .form-recruit .sys7 input,
#sysItemCategory .form-recruit .sys7 input,
#sysItemDetail .form-recruit .sys7 input {
  max-width: 200px;
}

.old_page .form-recruit .sys8 select,
#sysItemCategory .form-recruit .sys8 select,
#sysItemDetail .form-recruit .sys8 select {
  width: 200px;
  height: 50px;
}

.old_page .form-recruit .sys10 select,
#sysItemCategory .form-recruit .sys10 select,
#sysItemDetail .form-recruit .sys10 select {
  width: 200px;
  height: 50px;
}

.old_page .privacypolicy .box h3,
#sysItemCategory .privacypolicy .box h3,
#sysItemDetail .privacypolicy .box h3 {
  margin-bottom: 10px;
  padding: 0 0 3px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.old_page .privacypolicy .box h4,
#sysItemCategory .privacypolicy .box h4,
#sysItemDetail .privacypolicy .box h4 {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: bold;
}

.old_page .privacypolicy .box,
#sysItemCategory .privacypolicy .box,
#sysItemDetail .privacypolicy .box {
  margin-top: 30px;
}

.old_page .faq h3,
#sysItemCategory .faq h3,
#sysItemDetail .faq h3 {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.old_page .faq .faq_menu,
#sysItemCategory .faq .faq_menu,
#sysItemDetail .faq .faq_menu {
  max-width: 600px;
  margin: 0 auto 40px;
  font-size: 0;
}

.old_page .faq .faq_menu li,
#sysItemCategory .faq .faq_menu li,
#sysItemDetail .faq .faq_menu li {
  display: inline-block;
  width: 50%;
  padding: 5px;
  font-size: 1.3rem;
}

.old_page .faq .faq_menu li span,
#sysItemCategory .faq .faq_menu li span,
#sysItemDetail .faq .faq_menu li span {
  font-size: 1.1rem;
}

.old_page .faq .faq_menu li a,
#sysItemCategory .faq .faq_menu li a,
#sysItemDetail .faq .faq_menu li a {
  position: relative;
  display: block;
  padding: 7px 5px;
  text-decoration: none;
  border: 1px solid #000;
}

.old_page .faq .faq_menu li a:after,
#sysItemCategory .faq .faq_menu li a:after,
#sysItemDetail .faq .faq_menu li a:after {
  position: absolute;
  top: 7px;
  right: 5px;
  content: "＞";
  font-size: 1.1rem;
  font-weight: bold;
}

.old_page .faq .faq_list,
#sysItemCategory .faq .faq_list,
#sysItemDetail .faq .faq_list {
  margin-bottom: 30px;
}

.old_page .faq .faq_list dt,
#sysItemCategory .faq .faq_list dt,
#sysItemDetail .faq .faq_list dt {
  position: relative;
  margin-bottom: 10px;
  padding: 10px 20px 10px 35px;
  border: 1px solid #000;
  cursor: pointer;
  background: url("https://www.peakpine.com/img/layout/subpage/bg_q.png") 10px center no-repeat;
  background-size: 15px;
}

.old_page .faq .faq_list dt:after,
#sysItemCategory .faq .faq_list dt:after,
#sysItemDetail .faq .faq_list dt:after {
  display: block;
  content: " ";
  position: absolute;
  width: 15px;
  height: 8px;
  top: 20px;
  right: 5px;
  font-weight: bold;
  background: url("https://www.peakpine.com/img/layout/aro_bottom.png") 0 0 no-repeat;
  background-size: 10px;
}

.old_page .faq .faq_list dd,
#sysItemCategory .faq .faq_list dd,
#sysItemDetail .faq .faq_list dd {
  display: none;
  margin-bottom: 20px;
  padding: 10px 10px 10px 35px;
  background: url("https://www.peakpine.com/img/layout/subpage/bg_a.png") 10px 10px no-repeat;
  background-size: 15px;
}

.old_page .caution h3,
#sysItemCategory .caution h3,
#sysItemDetail .caution h3 {
  margin-bottom: 10px;
  padding: 0 0 3px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.old_page .caution h4,
#sysItemCategory .caution h4,
#sysItemDetail .caution h4 {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: bold;
}

.old_page .caution .box dt,
#sysItemCategory .caution .box dt,
#sysItemDetail .caution .box dt {
  float: left;
  margin-bottom: 10px;
}

.old_page .caution .box dd,
#sysItemCategory .caution .box dd,
#sysItemDetail .caution .box dd {
  margin: 0 0 10px 25%;
}

.old_page .ranking_parts,
#sysItemCategory .ranking_parts,
#sysItemDetail .ranking_parts {
  max-width: 1050px;
  margin: 0 auto 60px;
}

.old_page .ranking_parts h3,
#sysItemCategory .ranking_parts h3,
#sysItemDetail .ranking_parts h3 {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
}

@media screen and (max-width: 1100px) {
  .old_page .ranking_parts h3,
  #sysItemCategory .ranking_parts h3,
  #sysItemDetail .ranking_parts h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page .ranking_parts h3,
  #sysItemCategory .ranking_parts h3,
  #sysItemDetail .ranking_parts h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page .ranking_parts .sysIconRank,
#sysItemCategory .ranking_parts .sysIconRank,
#sysItemDetail .ranking_parts .sysIconRank {
  display: none;
}

.old_page .ranking_parts .sysContent .sysHorizontal,
#sysItemCategory .ranking_parts .sysContent .sysHorizontal,
#sysItemDetail .ranking_parts .sysContent .sysHorizontal {
  font-size: 0;
}

.old_page .ranking_parts .sysContent .sysHorizontal li,
#sysItemCategory .ranking_parts .sysContent .sysHorizontal li,
#sysItemDetail .ranking_parts .sysContent .sysHorizontal li {
  float: none;
  display: inline-block;
  max-width: 240px;
  width: 22.8571428571% !important;
  margin: 0 0.6666666667% 30px !important;
  /*0 7px 30px*/
  vertical-align: top;
}

.old_page .ranking_ttl,
#sysItemCategory .ranking_ttl,
#sysItemDetail .ranking_ttl {
  margin-bottom: 20px;
}

.old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(1),
.old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(2),
.old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(3),
.old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(4),
.old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(5),
.old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(6),
#sysItemCategory .ranking_parts .sysContent .sysHorizontal li:nth-child(1),
#sysItemCategory .ranking_parts .sysContent .sysHorizontal li:nth-child(2),
#sysItemCategory .ranking_parts .sysContent .sysHorizontal li:nth-child(3),
#sysItemCategory .ranking_parts .sysContent .sysHorizontal li:nth-child(4),
#sysItemCategory .ranking_parts .sysContent .sysHorizontal li:nth-child(5),
#sysItemCategory .ranking_parts .sysContent .sysHorizontal li:nth-child(6),
#sysItemDetail .ranking_parts .sysContent .sysHorizontal li:nth-child(1),
#sysItemDetail .ranking_parts .sysContent .sysHorizontal li:nth-child(2),
#sysItemDetail .ranking_parts .sysContent .sysHorizontal li:nth-child(3),
#sysItemDetail .ranking_parts .sysContent .sysHorizontal li:nth-child(4),
#sysItemDetail .ranking_parts .sysContent .sysHorizontal li:nth-child(5),
#sysItemDetail .ranking_parts .sysContent .sysHorizontal li:nth-child(6) {
  max-width: 300px;
  width: 28.5714285714% !important;
  margin: 0 2.380952381% 30px !important;
  /*0 25px 20px*/
}

.old_page .ranking_parts li .sysItemImage,
#sysItemCategory .ranking_parts li .sysItemImage,
#sysItemDetail .ranking_parts li .sysItemImage {
  margin-bottom: 10px;
}

.old_page .ranking_parts li:before,
#sysItemCategory .ranking_parts li:before,
#sysItemDetail .ranking_parts li:before {
  overflow: hidden;
  content: "RANK";
  display: block;
  width: 54px;
  height: 19px;
  margin: 0 auto 20px;
  text-indent: -999px;
  background: url("https://www.peakpine.com/img/layout/top/ranking/rank01.png") top center no-repeat;
  background-size: 54px;
}

.old_page .ranking_parts li:nth-child(2):before,
#sysItemCategory .ranking_parts li:nth-child(2):before,
#sysItemDetail .ranking_parts li:nth-child(2):before {
  background-image: url("https://www.peakpine.com/img/layout/top/ranking/rank02.png");
}

.old_page .ranking_parts li:nth-child(3):before,
#sysItemCategory .ranking_parts li:nth-child(3):before,
#sysItemDetail .ranking_parts li:nth-child(3):before {
  background-image: url("https://www.peakpine.com/img/layout/top/ranking/rank03.png");
}

.old_page .ranking_parts li:nth-child(4):before,
#sysItemCategory .ranking_parts li:nth-child(4):before,
#sysItemDetail .ranking_parts li:nth-child(4):before {
  background-image: url("https://www.peakpine.com/img/layout/top/ranking/rank04.png");
}

.old_page .ranking_parts li:nth-child(5):before,
#sysItemCategory .ranking_parts li:nth-child(5):before,
#sysItemDetail .ranking_parts li:nth-child(5):before {
  background-image: url("https://www.peakpine.com/img/layout/top/ranking/rank05.png");
}

.old_page .ranking_parts li:nth-child(6):before,
#sysItemCategory .ranking_parts li:nth-child(6):before,
#sysItemDetail .ranking_parts li:nth-child(6):before {
  background-image: url("https://www.peakpine.com/img/layout/top/ranking/rank06.png");
}

.old_page .ranking_parts li:nth-child(7):before,
#sysItemCategory .ranking_parts li:nth-child(7):before,
#sysItemDetail .ranking_parts li:nth-child(7):before {
  background-image: url("https://www.peakpine.com/img/layout/top/ranking/rank07.png");
}

.old_page .ranking_parts li:nth-child(8):before,
#sysItemCategory .ranking_parts li:nth-child(8):before,
#sysItemDetail .ranking_parts li:nth-child(8):before {
  background-image: url("https://www.peakpine.com/img/layout/top/ranking/rank08.png");
}

.old_page .ranking_parts li:nth-child(9):before,
#sysItemCategory .ranking_parts li:nth-child(9):before,
#sysItemDetail .ranking_parts li:nth-child(9):before {
  background-image: url("https://www.peakpine.com/img/layout/top/ranking/rank09.png");
}

.old_page .ranking_parts li:nth-child(10):before,
#sysItemCategory .ranking_parts li:nth-child(10):before,
#sysItemDetail .ranking_parts li:nth-child(10):before {
  width: 68px;
  background-image: url("https://www.peakpine.com/img/layout/top/ranking/rank10.png");
  background-size: 68px;
}

.old_page .brand_index,
#sysItemCategory .brand_index,
#sysItemDetail .brand_index {
  max-width: 1230px;
}

.old_page .brand_index h2,
#sysItemCategory .brand_index h2,
#sysItemDetail .brand_index h2 {
  max-width: 1230px;
  margin: 0 auto 30px;
}

.old_page .brand_index p,
#sysItemCategory .brand_index p,
#sysItemDetail .brand_index p {
  margin-bottom: 30px;
}

.old_page .brand_index ul,
#sysItemCategory .brand_index ul,
#sysItemDetail .brand_index ul {
  font-size: 0;
}

.old_page .brand_index li,
#sysItemCategory .brand_index li,
#sysItemDetail .brand_index li {
  display: inline-block;
  width: 30.8943089431%;
  /*380px*/
  margin: 0 1.2195121951% 40px;
  /*0 15px*/
  font-size: 1.3rem;
  text-align: center;
  vertical-align: top;
}

.old_page .brand_index li p.logo img,
#sysItemCategory .brand_index li p.logo img,
#sysItemDetail .brand_index li p.logo img {
  display: block;
  margin: 0 auto 10px;
}

.old_page .brand_index li p.btn_brand a,
#sysItemCategory .brand_index li p.btn_brand a,
#sysItemDetail .brand_index li p.btn_brand a {
  display: block;
  max-width: 280px;
  padding: 10px 10px 12px;
  margin: 10px auto;
  font-size: 1.5rem;
  text-align: center;
  border: 1px solid #999;
}

.old_page .brand_index li p.btn_brand a:after,
#sysItemCategory .brand_index li p.btn_brand a:after,
#sysItemDetail .brand_index li p.btn_brand a:after {
  position: relative;
  top: 2px;
  content: "＞";
  font-size: 2rem;
  font-weight: bold;
  margin-left: 10px;
}

.old_page .sizeguide,
#sysItemCategory .sizeguide,
#sysItemDetail .sizeguide {
  text-align: center;
}

.old_page .sizeguide h3,
#sysItemCategory .sizeguide h3,
#sysItemDetail .sizeguide h3 {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.old_page .sizeguide h4,
#sysItemCategory .sizeguide h4,
#sysItemDetail .sizeguide h4 {
  margin-bottom: 10px;
}

.old_page .sizeguide h4.swimwear,
#sysItemCategory .sizeguide h4.swimwear,
#sysItemDetail .sizeguide h4.swimwear {
  margin-bottom: 0;
  line-height: 1;
}

.old_page .sizeguide .nav_sizeguide ul,
#sysItemCategory .sizeguide .nav_sizeguide ul,
#sysItemDetail .sizeguide .nav_sizeguide ul {
  margin-bottom: 20px;
}

.old_page .sizeguide .nav_sizeguide li,
#sysItemCategory .sizeguide .nav_sizeguide li,
#sysItemDetail .sizeguide .nav_sizeguide li {
  display: inline-block;
  margin-bottom: 10px;
}

.old_page .sizeguide .nav_sizeguide li a,
#sysItemCategory .sizeguide .nav_sizeguide li a,
#sysItemDetail .sizeguide .nav_sizeguide li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  border: 1px solid #000;
}

.old_page .sizeguide .nav_sizeguide li a:after,
#sysItemCategory .sizeguide .nav_sizeguide li a:after,
#sysItemDetail .sizeguide .nav_sizeguide li a:after {
  content: "＞";
  margin-left: 5px;
  font-size: 1.1rem;
  font-weight: bold;
}

.old_page .sizeguide table,
#sysItemCategory .sizeguide table,
#sysItemDetail .sizeguide table {
  max-width: 600px;
  width: 100%;
  margin: 0 auto 20px;
}

.old_page .sizeguide td,
.old_page .sizeguide th,
#sysItemCategory .sizeguide td,
#sysItemCategory .sizeguide th,
#sysItemDetail .sizeguide td,
#sysItemDetail .sizeguide th {
  padding: 5px 10px;
  font-size: 1.1rem;
  border: 1px solid #999;
}

.old_page .sizeguide th,
#sysItemCategory .sizeguide th,
#sysItemDetail .sizeguide th {
  background-color: #f1f1f1;
}

.old_page .sizeguide hr,
#sysItemCategory .sizeguide hr,
#sysItemDetail .sizeguide hr {
  width: 80%;
  margin: 40px auto;
  border: 0;
  height: 0;
  border-bottom: 1px solid #000;
}

.old_page .bx-wrapper,
#sysItemCategory .bx-wrapper,
#sysItemDetail .bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
}

.old_page .bx-wrapper img,
#sysItemCategory .bx-wrapper img,
#sysItemDetail .bx-wrapper img {
  max-width: 100%;
  display: block;
}

.old_page .bx-wrapper .bx-viewport,
#sysItemCategory .bx-wrapper .bx-viewport,
#sysItemDetail .bx-wrapper .bx-viewport {
  margin-bottom: 20px;
}

.old_page .bx-wrapper .bx-controls-auto,
.old_page .bx-wrapper .bx-pager,
#sysItemCategory .bx-wrapper .bx-controls-auto,
#sysItemCategory .bx-wrapper .bx-pager,
#sysItemDetail .bx-wrapper .bx-controls-auto,
#sysItemDetail .bx-wrapper .bx-pager {
  width: 60%;
  margin: 0 auto;
}

.old_page .bx-wrapper .bx-loading,
#sysItemCategory .bx-wrapper .bx-loading,
#sysItemDetail .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("https://www.peakpine.com/img/layout/top/slider/bx_loader.gif") center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.old_page .bx-wrapper .bx-pager,
#sysItemCategory .bx-wrapper .bx-pager,
#sysItemDetail .bx-wrapper .bx-pager {
  display: none;
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
}

.old_page .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.old_page .bx-wrapper .bx-pager .bx-pager-item,
#sysItemCategory .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
#sysItemCategory .bx-wrapper .bx-pager .bx-pager-item,
#sysItemDetail .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
#sysItemDetail .bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.old_page .bx-wrapper .bx-pager.bx-default-pager a,
#sysItemCategory .bx-wrapper .bx-pager.bx-default-pager a,
#sysItemDetail .bx-wrapper .bx-pager.bx-default-pager a {
  text-indent: -9999px;
  display: inline-block;
  width: 11px;
  height: 12px;
  margin: 0 8px;
  outline: 0;
  background: url("https://www.peakpine.com/img/layout/top/slider/ico_pager.png") no-repeat 0 0;
  background-size: 22px;
}

.old_page .bx-wrapper .bx-pager.bx-default-pager a.active,
.old_page .bx-wrapper .bx-pager.bx-default-pager a:hover,
#sysItemCategory .bx-wrapper .bx-pager.bx-default-pager a.active,
#sysItemCategory .bx-wrapper .bx-pager.bx-default-pager a:hover,
#sysItemDetail .bx-wrapper .bx-pager.bx-default-pager a.active,
#sysItemDetail .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-position: right top;
}

.old_page .bx-wrapper .bx-controls-direction,
#sysItemCategory .bx-wrapper .bx-controls-direction,
#sysItemDetail .bx-wrapper .bx-controls-direction {
  display: block;
}

.old_page .bx-wrapper .bx-controls-direction a,
#sysItemCategory .bx-wrapper .bx-controls-direction a,
#sysItemDetail .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  outline: 0;
  width: 38px;
  height: 71px;
  margin-bottom: -35.5px;
  text-indent: -9999px;
  z-index: 9999;
}

.old_page .bx-wrapper .bx-prev,
#sysItemCategory .bx-wrapper .bx-prev,
#sysItemDetail .bx-wrapper .bx-prev {
  left: 10px;
  background: url("https://www.peakpine.com/img/layout/top/slider/arrow.png") no-repeat 0 0;
}

.old_page .bx-wrapper .bx-next,
#sysItemCategory .bx-wrapper .bx-next,
#sysItemDetail .bx-wrapper .bx-next {
  right: 10px;
  background: url("https://www.peakpine.com/img/layout/top/slider/arrow.png") no-repeat -38px 0;
}

.old_page .bx-wrapper .bx-prev:hover,
#sysItemCategory .bx-wrapper .bx-prev:hover,
#sysItemDetail .bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.old_page .bx-wrapper .bx-next:hover,
#sysItemCategory .bx-wrapper .bx-next:hover,
#sysItemDetail .bx-wrapper .bx-next:hover {
  background-position: -38px 0;
}

@media screen and (max-width: 800px) {
  .old_page .bx-wrapper .bx-controls-direction a,
  #sysItemCategory .bx-wrapper .bx-controls-direction a,
  #sysItemDetail .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 89%;
    outline: 0;
    width: 14px;
    height: 25px;
    margin-bottom: 0;
    text-indent: -9999px;
    z-index: 9999;
  }
  .old_page .bx-wrapper .bx-controls-direction a.disabled,
  #sysItemCategory .bx-wrapper .bx-controls-direction a.disabled,
  #sysItemDetail .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
  }
  .old_page .bx-wrapper .bx-pager,
  #sysItemCategory .bx-wrapper .bx-pager,
  #sysItemDetail .bx-wrapper .bx-pager {
    display: block;
  }
  .old_page .bx-wrapper .bx-prev,
  #sysItemCategory .bx-wrapper .bx-prev,
  #sysItemDetail .bx-wrapper .bx-prev {
    left: 20%;
    background-size: 28px;
  }
  .old_page .bx-wrapper .bx-next,
  #sysItemCategory .bx-wrapper .bx-next,
  #sysItemDetail .bx-wrapper .bx-next {
    right: 20%;
    background-position: -14px 0;
    background-size: 28px;
  }
  .old_page .bx-wrapper .bx-prev:hover,
  #sysItemCategory .bx-wrapper .bx-prev:hover,
  #sysItemDetail .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
  }
  .old_page .bx-wrapper .bx-next:hover,
  #sysItemCategory .bx-wrapper .bx-next:hover,
  #sysItemDetail .bx-wrapper .bx-next:hover {
    background-position: -14px 0;
  }
}
@media screen and (min-width: 450px) and (max-width: 640px) {
  .old_page .bx-wrapper .bx-controls-direction a,
  #sysItemCategory .bx-wrapper .bx-controls-direction a,
  #sysItemDetail .bx-wrapper .bx-controls-direction a {
    top: 93%;
  }
}
.old_page .bx-wrapper .bx-controls-auto,
#sysItemCategory .bx-wrapper .bx-controls-auto,
#sysItemDetail .bx-wrapper .bx-controls-auto {
  text-align: center;
}

.old_page .bx-wrapper .bx-controls-auto .bx-start,
#sysItemCategory .bx-wrapper .bx-controls-auto .bx-start,
#sysItemDetail .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("https://www.peakpine.com/img/layout/top/slider/controls.png") -86px -11px no-repeat;
  margin: 0 3px;
}

.old_page .bx-wrapper .bx-controls-auto .bx-start.active,
.old_page .bx-wrapper .bx-controls-auto .bx-start:hover,
#sysItemCategory .bx-wrapper .bx-controls-auto .bx-start.active,
#sysItemCategory .bx-wrapper .bx-controls-auto .bx-start:hover,
#sysItemDetail .bx-wrapper .bx-controls-auto .bx-start.active,
#sysItemDetail .bx-wrapper .bx-controls-auto .bx-start:hover {
  background-position: -86px 0;
}

.old_page .bx-wrapper .bx-controls-auto .bx-stop,
#sysItemCategory .bx-wrapper .bx-controls-auto .bx-stop,
#sysItemDetail .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("https://www.peakpine.com/img/layout/top/slider/controls.png") -86px -44px no-repeat;
  margin: 0 3px;
}

.old_page .bx-wrapper .bx-controls-auto .bx-stop.active,
.old_page .bx-wrapper .bx-controls-auto .bx-stop:hover,
#sysItemCategory .bx-wrapper .bx-controls-auto .bx-stop.active,
#sysItemCategory .bx-wrapper .bx-controls-auto .bx-stop:hover,
#sysItemDetail .bx-wrapper .bx-controls-auto .bx-stop.active,
#sysItemDetail .bx-wrapper .bx-controls-auto .bx-stop:hover {
  background-position: -86px -33px;
}

.old_page .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager,
#sysItemCategory .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager,
#sysItemDetail .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.old_page .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto,
#sysItemCategory .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto,
#sysItemDetail .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

.old_page .bx-wrapper .bx-caption,
#sysItemCategory .bx-wrapper .bx-caption,
#sysItemDetail .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9 ;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.old_page .bx-wrapper .bx-caption span,
#sysItemCategory .bx-wrapper .bx-caption span,
#sysItemDetail .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

.old_page html.remodal-is-locked,
#sysItemCategory html.remodal-is-locked,
#sysItemDetail html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.old_page .remodal,
.old_page [data-remodal-id],
#sysItemCategory .remodal,
#sysItemCategory [data-remodal-id],
#sysItemDetail .remodal,
#sysItemDetail [data-remodal-id] {
  display: none;
}

.old_page .remodal-overlay,
#sysItemCategory .remodal-overlay,
#sysItemDetail .remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

.old_page .remodal-wrapper,
#sysItemCategory .remodal-wrapper,
#sysItemDetail .remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.old_page .remodal-wrapper:after,
#sysItemCategory .remodal-wrapper:after,
#sysItemDetail .remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

.old_page .remodal-overlay,
.old_page .remodal-wrapper,
#sysItemCategory .remodal-overlay,
#sysItemCategory .remodal-wrapper,
#sysItemDetail .remodal-overlay,
#sysItemDetail .remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.old_page .remodal,
#sysItemCategory .remodal,
#sysItemDetail .remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.old_page .remodal-is-initialized,
#sysItemCategory .remodal-is-initialized,
#sysItemDetail .remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

.old_page .remodal-bg.remodal-is-opened,
.old_page .remodal-bg.remodal-is-opening,
#sysItemCategory .remodal-bg.remodal-is-opened,
#sysItemCategory .remodal-bg.remodal-is-opening,
#sysItemDetail .remodal-bg.remodal-is-opened,
#sysItemDetail .remodal-bg.remodal-is-opening {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.old_page .remodal-overlay,
#sysItemCategory .remodal-overlay,
#sysItemDetail .remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.old_page .remodal-overlay.remodal-is-closing,
.old_page .remodal-overlay.remodal-is-opening,
#sysItemCategory .remodal-overlay.remodal-is-closing,
#sysItemCategory .remodal-overlay.remodal-is-opening,
#sysItemDetail .remodal-overlay.remodal-is-closing,
#sysItemDetail .remodal-overlay.remodal-is-opening {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.old_page .remodal-overlay.remodal-is-opening,
#sysItemCategory .remodal-overlay.remodal-is-opening,
#sysItemDetail .remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.old_page .remodal-overlay.remodal-is-closing,
#sysItemCategory .remodal-overlay.remodal-is-closing,
#sysItemDetail .remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

.old_page .remodal-wrapper,
#sysItemCategory .remodal-wrapper,
#sysItemDetail .remodal-wrapper {
  padding: 10px 10px 0;
}

.old_page .remodal,
#sysItemCategory .remodal,
#sysItemDetail .remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: #fff;
  border-radius: 5px;
}

.old_page .remodal.remodal-is-closing,
.old_page .remodal.remodal-is-opening,
#sysItemCategory .remodal.remodal-is-closing,
#sysItemCategory .remodal.remodal-is-opening,
#sysItemDetail .remodal.remodal-is-closing,
#sysItemDetail .remodal.remodal-is-opening {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.old_page .remodal.remodal-is-opening,
#sysItemCategory .remodal.remodal-is-opening,
#sysItemDetail .remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.old_page .remodal.remodal-is-closing,
#sysItemCategory .remodal.remodal-is-closing,
#sysItemDetail .remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

.old_page .remodal,
.old_page .remodal-wrapper:after,
#sysItemCategory .remodal,
#sysItemCategory .remodal-wrapper:after,
#sysItemDetail .remodal,
#sysItemDetail .remodal-wrapper:after {
  vertical-align: middle;
}

.old_page .remodal-close,
#sysItemCategory .remodal-close,
#sysItemDetail .remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  border: 0;
  outline: 0;
  background: transparent;
}

.old_page .remodal-close:focus,
.old_page .remodal-close:hover,
#sysItemCategory .remodal-close:focus,
#sysItemCategory .remodal-close:hover,
#sysItemDetail .remodal-close:focus,
#sysItemDetail .remodal-close:hover {
  color: #2b2e38;
}

.old_page .remodal-close:before,
#sysItemCategory .remodal-close:before,
#sysItemDetail .remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "×";
  text-align: center;
}

.old_page .remodal-cancel,
.old_page .remodal-confirm,
#sysItemCategory .remodal-cancel,
#sysItemCategory .remodal-confirm,
#sysItemDetail .remodal-cancel,
#sysItemDetail .remodal-confirm {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.old_page .remodal-cancel,
#sysItemCategory .remodal-cancel,
#sysItemDetail .remodal-cancel {
  margin-top: 15px;
}

.old_page .remodal-cancel,
.old_page .remodal-confirm,
#sysItemCategory .remodal-cancel,
#sysItemCategory .remodal-confirm,
#sysItemDetail .remodal-cancel,
#sysItemDetail .remodal-confirm {
  color: #000;
  background: #fff;
  border: 1px solid #999;
}

.old_page .remodal-cancel:focus,
.old_page .remodal-cancel:hover,
.old_page .remodal-confirm:focus,
.old_page .remodal-confirm:hover,
#sysItemCategory .remodal-cancel:focus,
#sysItemCategory .remodal-cancel:hover,
#sysItemCategory .remodal-confirm:focus,
#sysItemCategory .remodal-confirm:hover,
#sysItemDetail .remodal-cancel:focus,
#sysItemDetail .remodal-cancel:hover,
#sysItemDetail .remodal-confirm:focus,
#sysItemDetail .remodal-confirm:hover {
  background: #fff;
}

.old_page .remodal-cancel::-moz-focus-inner,
.old_page .remodal-close::-moz-focus-inner,
.old_page .remodal-confirm::-moz-focus-inner,
#sysItemCategory .remodal-cancel::-moz-focus-inner,
#sysItemCategory .remodal-close::-moz-focus-inner,
#sysItemCategory .remodal-confirm::-moz-focus-inner,
#sysItemDetail .remodal-cancel::-moz-focus-inner,
#sysItemDetail .remodal-close::-moz-focus-inner,
#sysItemDetail .remodal-confirm::-moz-focus-inner {
  padding: 0;
  border: 0;
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media only screen and (min-width: 641px) {
  .old_page .remodal,
  #sysItemCategory .remodal,
  #sysItemDetail .remodal {
    max-width: 700px;
  }
}
.old_page .lt-ie9 .remodal-overlay,
#sysItemCategory .lt-ie9 .remodal-overlay,
#sysItemDetail .lt-ie9 .remodal-overlay {
  background: #fff;
}

.old_page .lt-ie9 .remodal,
#sysItemCategory .lt-ie9 .remodal,
#sysItemDetail .lt-ie9 .remodal {
  width: 700px;
}

.old_page .remodal p.ttl,
#sysItemCategory .remodal p.ttl,
#sysItemDetail .remodal p.ttl {
  padding: 0;
  margin-bottom: 20px;
  text-align: center;
  background: url("https://www.peakpine.com/img/layout/bg_ttl_line.png") center 26px repeat-x;
}

.old_page .remodal p.ttl img,
#sysItemCategory .remodal p.ttl img,
#sysItemDetail .remodal p.ttl img {
  display: inline-block;
  padding: 0 20px;
  vertical-align: bottom;
  background-color: #fff;
}

.old_page .remodal ul li,
#sysItemCategory .remodal ul li,
#sysItemDetail .remodal ul li {
  text-align: left;
  border-bottom: 1px solid #999;
}

.old_page .remodal ul li a,
#sysItemCategory .remodal ul li a,
#sysItemDetail .remodal ul li a {
  position: relative;
  display: block;
  padding: 15px 10px;
  font-size: 1.3rem;
  font-weight: normal;
}

.old_page .remodal ul li a:after,
#sysItemCategory .remodal ul li a:after,
#sysItemDetail .remodal ul li a:after {
  content: "＞";
  position: absolute;
  top: 20px;
  right: 5px;
  font-size: 1rem;
  font-weight: bold;
  margin-left: 10px;
}

.old_page .h_list ul,
#sysItemCategory .h_list ul,
#sysItemDetail .h_list ul {
  margin-bottom: 30px;
}

.old_page .h_list ul.mens,
#sysItemCategory .h_list ul.mens,
#sysItemDetail .h_list ul.mens {
  margin-bottom: 0;
}

.old_page .header_copy_pc,
#sysItemCategory .header_copy_pc,
#sysItemDetail .header_copy_pc {
  margin-bottom: 0;
  font-weight: bold;
  text-align: center !important;
}

.old_page .header_copy,
#sysItemCategory .header_copy,
#sysItemDetail .header_copy {
  padding: 0;
  text-align: center !important;
}

.old_page .header_copy h1,
#sysItemCategory .header_copy h1,
#sysItemDetail .header_copy h1 {
  margin: 0;
  padding: 0;
  color: #000;
  font-weight: bold;
}

.old_page #sysRegi div#sysRegisterForm,
#sysItemCategory #sysRegi div#sysRegisterForm,
#sysItemDetail #sysRegi div#sysRegisterForm {
  display: none;
}

.old_page .ttl_lookbook,
#sysItemCategory .ttl_lookbook,
#sysItemDetail .ttl_lookbook {
  margin-bottom: 20px;
}

.old_page .ttl_lookbook .sysHeadline,
#sysItemCategory .ttl_lookbook .sysHeadline,
#sysItemDetail .ttl_lookbook .sysHeadline {
  margin-bottom: 10px;
}

.old_page .ttl_lookbook h3,
#sysItemCategory .ttl_lookbook h3,
#sysItemDetail .ttl_lookbook h3 {
  font-size: 16px;
  text-align: center;
}

.old_page #lookbook div#sysMain,
#sysItemCategory #lookbook div#sysMain,
#sysItemDetail #lookbook div#sysMain {
  width: 100%;
}

.old_page .lookbook_class ul,
#sysItemCategory .lookbook_class ul,
#sysItemDetail .lookbook_class ul {
  margin-bottom: 3%;
}

.old_page .lookbook_class ul li,
#sysItemCategory .lookbook_class ul li,
#sysItemDetail .lookbook_class ul li {
  width: 33.27%;
  float: left;
  position: relative;
  margin: 0 0.09% 2px 0;
}

.old_page .lookbook_class ul li:nth-child(3n),
#sysItemCategory .lookbook_class ul li:nth-child(3n),
#sysItemDetail .lookbook_class ul li:nth-child(3n) {
  margin-right: 0;
}

.old_page .lookbook_class ul li .img_wrap:before,
#sysItemCategory .lookbook_class ul li .img_wrap:before,
#sysItemDetail .lookbook_class ul li .img_wrap:before {
  opacity: 0;
  pointer-events: none;
  transition: all 1s;
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
}

.old_page .lookbook_class ul li .link_wrap,
#sysItemCategory .lookbook_class ul li .link_wrap,
#sysItemDetail .lookbook_class ul li .link_wrap {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 10px;
  z-index: 15;
}

.old_page .lookbook_class ul li .link_wrap a,
#sysItemCategory .lookbook_class ul li .link_wrap a,
#sysItemDetail .lookbook_class ul li .link_wrap a {
  display: block;
  margin-bottom: 10px;
  font-size: 10px;
  color: #fff;
  text-decoration: underline;
}

.old_page .lookbook_class ul li .link_wrap a:hover,
#sysItemCategory .lookbook_class ul li .link_wrap a:hover,
#sysItemDetail .lookbook_class ul li .link_wrap a:hover {
  color: #ff6f9b;
}

.old_page .lookbook_class ul li:hover .img_wrap:before,
.old_page .lookbook_class ul li:hover .link_wrap,
#sysItemCategory .lookbook_class ul li:hover .img_wrap:before,
#sysItemCategory .lookbook_class ul li:hover .link_wrap,
#sysItemDetail .lookbook_class ul li:hover .img_wrap:before,
#sysItemDetail .lookbook_class ul li:hover .link_wrap {
  opacity: 1;
  pointer-events: all;
}

.old_page #articleFeed,
#sysItemCategory #articleFeed,
#sysItemDetail #articleFeed {
  padding: 20px 0;
  margin-bottom: 0;
}

.old_page #articleFeed ul,
#sysItemCategory #articleFeed ul,
#sysItemDetail #articleFeed ul {
  width: 1000px;
  margin: 0 auto;
}

.old_page #articleFeed ul:after,
#sysItemCategory #articleFeed ul:after,
#sysItemDetail #articleFeed ul:after {
  display: block;
  content: "";
  clear: both;
}

.old_page #articleFeed li,
#sysItemCategory #articleFeed li,
#sysItemDetail #articleFeed li {
  list-style-type: none;
  width: 230px;
  float: left;
  max-height: 355px;
  border: 1px solid #eee !important;
  border-radius: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  box-sizing: border-box;
}

.old_page #articleFeed li:last-child,
#sysItemCategory #articleFeed li:last-child,
#sysItemDetail #articleFeed li:last-child {
  margin-right: 0;
}

.old_page #articleFeed li .img_wrap,
#sysItemCategory #articleFeed li .img_wrap,
#sysItemDetail #articleFeed li .img_wrap {
  max-height: 228px;
  overflow: hidden;
  display: block;
}

.old_page #articleFeed img,
#sysItemCategory #articleFeed img,
#sysItemDetail #articleFeed img {
  width: 100% !important;
  height: auto !important;
}

.old_page #articleFeed li .text_area,
#sysItemCategory #articleFeed li .text_area,
#sysItemDetail #articleFeed li .text_area {
  margin: 10px auto;
  display: block;
  margin-left: 0 !important;
  padding-top: 0 !important;
}

.old_page #articleFeed li .text_area a,
#sysItemCategory #articleFeed li .text_area a,
#sysItemDetail #articleFeed li .text_area a {
  display: block;
}

.old_page #articleFeed li .text_area a:hover h3,
#sysItemCategory #articleFeed li .text_area a:hover h3,
#sysItemDetail #articleFeed li .text_area a:hover h3 {
  color: #ff6f9b;
}

.old_page #articleFeed li .feedText,
#sysItemCategory #articleFeed li .feedText,
#sysItemDetail #articleFeed li .feedText {
  padding: 10px;
}

.old_page #articleFeed li .text_area,
#sysItemCategory #articleFeed li .text_area,
#sysItemDetail #articleFeed li .text_area {
  display: block;
}

.old_page #articleFeed li .text_area .wp_title,
#sysItemCategory #articleFeed li .text_area .wp_title,
#sysItemDetail #articleFeed li .text_area .wp_title {
  height: 80px;
  overflow: hidden;
  margin: 0 auto 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  width: 100%;
}

.old_page #articleFeed li .date,
#sysItemCategory #articleFeed li .date,
#sysItemDetail #articleFeed li .date {
  margin: 0 0 15px;
  font-size: 13px;
  line-height: 1.3;
}

.old_page .clear,
#sysItemCategory .clear,
#sysItemDetail .clear {
  clear: both;
  padding-top: 20px;
}

.old_page .itemCount,
#sysItemCategory .itemCount,
#sysItemDetail .itemCount {
  display: none;
  border: none;
  background: #fc709b;
  width: 20px;
  height: 20px;
  line-height: 16px;
  border-radius: 10px;
  font-weight: bold;
  margin-left: 5px;
  color: #fff;
}

.old_page .cart,
#sysItemCategory .cart,
#sysItemDetail .cart {
  position: relative;
}

.old_page .itemCount2,
#sysItemCategory .itemCount2,
#sysItemDetail .itemCount2 {
  display: none;
  position: absolute;
  border: none;
  background: #fc709b;
  color: #fff;
  right: -5px;
  top: -12px;
  width: 20px;
  height: 20px;
  font-size: 9px;
  font-weight: bold;
  border-radius: 10px;
}

.old_page .subpage_parts h2.sysHeadline,
.old_page .top_parts h2.sysHeadline,
#sysItemCategory .subpage_parts h2.sysHeadline,
#sysItemCategory .top_parts h2.sysHeadline,
#sysItemDetail .subpage_parts h2.sysHeadline,
#sysItemDetail .top_parts h2.sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1100px) {
  .old_page .subpage_parts h2.sysHeadline,
  .old_page .top_parts h2.sysHeadline,
  #sysItemCategory .subpage_parts h2.sysHeadline,
  #sysItemCategory .top_parts h2.sysHeadline,
  #sysItemDetail .subpage_parts h2.sysHeadline,
  #sysItemDetail .top_parts h2.sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page .subpage_parts h2.sysHeadline,
  .old_page .top_parts h2.sysHeadline,
  #sysItemCategory .subpage_parts h2.sysHeadline,
  #sysItemCategory .top_parts h2.sysHeadline,
  #sysItemDetail .subpage_parts h2.sysHeadline,
  #sysItemDetail .top_parts h2.sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page#sysBasket h2.sysHeadline,
.old_page .subpage_parts h2.sysHeadline,
.old_page .sysFuncItemBlock div.sysHeadline,
.old_page .top_parts h2.sysHeadline,
#sysItemCategory#sysBasket h2.sysHeadline,
#sysItemCategory .subpage_parts h2.sysHeadline,
#sysItemCategory .sysFuncItemBlock div.sysHeadline,
#sysItemCategory .top_parts h2.sysHeadline,
#sysItemDetail#sysBasket h2.sysHeadline,
#sysItemDetail .subpage_parts h2.sysHeadline,
#sysItemDetail .sysFuncItemBlock div.sysHeadline,
#sysItemDetail .top_parts h2.sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1100px) {
  .old_page#sysBasket h2.sysHeadline,
  .old_page .subpage_parts h2.sysHeadline,
  .old_page .sysFuncItemBlock div.sysHeadline,
  .old_page .top_parts h2.sysHeadline,
  #sysItemCategory#sysBasket h2.sysHeadline,
  #sysItemCategory .subpage_parts h2.sysHeadline,
  #sysItemCategory .sysFuncItemBlock div.sysHeadline,
  #sysItemCategory .top_parts h2.sysHeadline,
  #sysItemDetail#sysBasket h2.sysHeadline,
  #sysItemDetail .subpage_parts h2.sysHeadline,
  #sysItemDetail .sysFuncItemBlock div.sysHeadline,
  #sysItemDetail .top_parts h2.sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page#sysBasket h2.sysHeadline,
  .old_page .subpage_parts h2.sysHeadline,
  .old_page .sysFuncItemBlock div.sysHeadline,
  .old_page .top_parts h2.sysHeadline,
  #sysItemCategory#sysBasket h2.sysHeadline,
  #sysItemCategory .subpage_parts h2.sysHeadline,
  #sysItemCategory .sysFuncItemBlock div.sysHeadline,
  #sysItemCategory .top_parts h2.sysHeadline,
  #sysItemDetail#sysBasket h2.sysHeadline,
  #sysItemDetail .subpage_parts h2.sysHeadline,
  #sysItemDetail .sysFuncItemBlock div.sysHeadline,
  #sysItemDetail .top_parts h2.sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page#sysBasket h2.sysHeadline b,
.old_page .subpage_parts h2.sysHeadline b,
.old_page .sysFuncItemBlock div.sysHeadline b,
.old_page .top_parts h2.sysHeadline b,
#sysItemCategory#sysBasket h2.sysHeadline b,
#sysItemCategory .subpage_parts h2.sysHeadline b,
#sysItemCategory .sysFuncItemBlock div.sysHeadline b,
#sysItemCategory .top_parts h2.sysHeadline b,
#sysItemDetail#sysBasket h2.sysHeadline b,
#sysItemDetail .subpage_parts h2.sysHeadline b,
#sysItemDetail .sysFuncItemBlock div.sysHeadline b,
#sysItemDetail .top_parts h2.sysHeadline b {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1100px) {
  .old_page#sysBasket h2.sysHeadline b,
  .old_page .subpage_parts h2.sysHeadline b,
  .old_page .sysFuncItemBlock div.sysHeadline b,
  .old_page .top_parts h2.sysHeadline b,
  #sysItemCategory#sysBasket h2.sysHeadline b,
  #sysItemCategory .subpage_parts h2.sysHeadline b,
  #sysItemCategory .sysFuncItemBlock div.sysHeadline b,
  #sysItemCategory .top_parts h2.sysHeadline b,
  #sysItemDetail#sysBasket h2.sysHeadline b,
  #sysItemDetail .subpage_parts h2.sysHeadline b,
  #sysItemDetail .sysFuncItemBlock div.sysHeadline b,
  #sysItemDetail .top_parts h2.sysHeadline b {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page#sysBasket h2.sysHeadline b,
  .old_page .subpage_parts h2.sysHeadline b,
  .old_page .sysFuncItemBlock div.sysHeadline b,
  .old_page .top_parts h2.sysHeadline b,
  #sysItemCategory#sysBasket h2.sysHeadline b,
  #sysItemCategory .subpage_parts h2.sysHeadline b,
  #sysItemCategory .sysFuncItemBlock div.sysHeadline b,
  #sysItemCategory .top_parts h2.sysHeadline b,
  #sysItemDetail#sysBasket h2.sysHeadline b,
  #sysItemDetail .subpage_parts h2.sysHeadline b,
  #sysItemDetail .sysFuncItemBlock div.sysHeadline b,
  #sysItemDetail .top_parts h2.sysHeadline b {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page .sideHeadLine,
#sysItemCategory .sideHeadLine,
#sysItemDetail .sideHeadLine {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1100px) {
  .old_page .sideHeadLine,
  #sysItemCategory .sideHeadLine,
  #sysItemDetail .sideHeadLine {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  .old_page .sideHeadLine,
  #sysItemCategory .sideHeadLine,
  #sysItemDetail .sideHeadLine {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.old_page .remodal h3.toggleTitle,
#sysItemCategory .remodal h3.toggleTitle,
#sysItemDetail .remodal h3.toggleTitle {
  width: 550px;
  position: relative;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  height: 15px;
  margin: 40px auto;
  background: -webkit-repeating-linear-gradient(-45deg, #aaa, #aaa 2px, #fff 2px, #fff 6px);
  background: repeating-linear-gradient(-45deg, #aaa, #aaa 2px, #fff 2px, #fff 6px);
  color: #000;
  letter-spacing: 3px;
  overflow: visible;
}

.old_page .remodal h3.toggleTitle span,
#sysItemCategory .remodal h3.toggleTitle span,
#sysItemDetail .remodal h3.toggleTitle span {
  position: absolute;
  background: #fff;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
}

.old_page .remodal h3.toggleTitle span.long,
#sysItemCategory .remodal h3.toggleTitle span.long,
#sysItemDetail .remodal h3.toggleTitle span.long {
  width: 250px;
}

.old_page .remodal h3.toggleTitle span.meddium,
#sysItemCategory .remodal h3.toggleTitle span.meddium,
#sysItemDetail .remodal h3.toggleTitle span.meddium {
  width: 200px;
}

.old_page .remodal h3.toggleTitle span.short,
#sysItemCategory .remodal h3.toggleTitle span.short,
#sysItemDetail .remodal h3.toggleTitle span.short {
  width: 150px;
}

.old_page .remodal h3.toggleTitle b,
#sysItemCategory .remodal h3.toggleTitle b,
#sysItemDetail .remodal h3.toggleTitle b {
  display: block;
  font-size: 30px;
  font-family: "Roboto Condensed", sans-serif;
}

.old_page .sysFuncText.temporary_notice,
#sysItemCategory .sysFuncText.temporary_notice,
#sysItemDetail .sysFuncText.temporary_notice {
  border: 2px solid #aaa;
  padding: 10px;
  margin: 10px 0;
  text-align: center;
  line-height: 1.6;
}

.old_page .sysFuncText.temporary_notice h5.notice_title,
#sysItemCategory .sysFuncText.temporary_notice h5.notice_title,
#sysItemDetail .sysFuncText.temporary_notice h5.notice_title {
  color: #bb3a3a;
  font-size: 16px;
  font-weight: bold !important;
  margin: 10px 0 !important;
  line-height: 1.6;
}

.old_page .sysFuncText.temporary_notice p,
#sysItemCategory .sysFuncText.temporary_notice p,
#sysItemDetail .sysFuncText.temporary_notice p {
  font-size: 12px;
  margin: 10px 0 20px !important;
  padding: 0 !important;
  line-height: 1.6;
}

.old_page .sysFuncText.temporary_notice p span,
#sysItemCategory .sysFuncText.temporary_notice p span,
#sysItemDetail .sysFuncText.temporary_notice p span {
  display: block;
  font-weight: bold;
}

@media screen and (max-width: 1200px) {
  .old_page .sysFuncText.temporary_notice,
  #sysItemCategory .sysFuncText.temporary_notice,
  #sysItemDetail .sysFuncText.temporary_notice {
    width: 95%;
    margin: 10px auto 15px;
    border: 1px solid #aaa;
    padding: 10px;
    text-align: left;
  }
  .old_page .sysFuncText.temporary_notice h5.notice_title,
  #sysItemCategory .sysFuncText.temporary_notice h5.notice_title,
  #sysItemDetail .sysFuncText.temporary_notice h5.notice_title {
    font-size: 16px;
  }
  .old_page .sysFuncText.temporary_notice p,
  #sysItemCategory .sysFuncText.temporary_notice p,
  #sysItemDetail .sysFuncText.temporary_notice p {
    font-size: 11px;
    margin: 10px 0 !important;
    padding: 0 !important;
  }
}
.old_page.sysCartInDone span,
#sysItemCategory.sysCartInDone span,
#sysItemDetail.sysCartInDone span {
  display: block;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 40px;
  font-size: 15px;
  margin-top: 10px;
  font-weight: 700;
}

@media screen and (max-width: 1100px) {
  .old_page.sysCartInDone span,
  #sysItemCategory.sysCartInDone span,
  #sysItemDetail.sysCartInDone span {
    margin: 10px 0 -10px;
  }
}
.old_page .form-sainyuka h2,
#sysItemCategory .form-sainyuka h2,
#sysItemDetail .form-sainyuka h2 {
  max-width: 700px;
  height: 40px;
  overflow: hidden;
  margin-bottom: 20px;
  text-indent: -999px;
  background: #fff url("https://www.peakpine.com/img/layout/system/ttl_arrival_report.png") center center no-repeat;
  background-size: 1000px;
}

.old_page .form-sainyuka #sysWrap,
#sysItemCategory .form-sainyuka #sysWrap,
#sysItemDetail .form-sainyuka #sysWrap {
  max-width: 680px;
  margin: 30px auto 70px;
  background: #fff;
}

.old_page .form-sainyuka .sysFormItem,
#sysItemCategory .form-sainyuka .sysFormItem,
#sysItemDetail .form-sainyuka .sysFormItem {
  margin-bottom: 10px;
}

.old_page .form-sainyuka .sysRequired,
#sysItemCategory .form-sainyuka .sysRequired,
#sysItemDetail .form-sainyuka .sysRequired {
  color: #ff6f9b;
  font-weight: bolder;
}

.old_page .form-sainyuka .sysNextSubmit,
#sysItemCategory .form-sainyuka .sysNextSubmit,
#sysItemDetail .form-sainyuka .sysNextSubmit {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #4b4b4b;
  border: none;
  border-radius: 5px;
  text-shadow: none;
}

.old_page .cart_info,
#sysItemCategory .cart_info,
#sysItemDetail .cart_info {
  margin-top: 10px;
}

.old_page#sysBasket .cart_info,
#sysItemCategory#sysBasket .cart_info,
#sysItemDetail#sysBasket .cart_info {
  margin-top: 0;
}

.old_page .cart_info .sysContent,
#sysItemCategory .cart_info .sysContent,
#sysItemDetail .cart_info .sysContent {
  display: none;
}

.old_page#sysBasket .cart_info .sysContent,
#sysItemCategory#sysBasket .cart_info .sysContent,
#sysItemDetail#sysBasket .cart_info .sysContent {
  display: block;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border: none !important;
  border-radius: 0 !important;
  background: #cfcfcf !important;
  height: 50px;
  line-height: 50px;
}

.old_page#sysBasket .cart_info dd,
.old_page.sysCart .cart_info dt,
#sysItemCategory#sysBasket .cart_info dd,
#sysItemCategory.sysCart .cart_info dt,
#sysItemDetail#sysBasket .cart_info dd,
#sysItemDetail.sysCart .cart_info dt {
  display: inline-block;
}

.old_page#sysBasket .cart_info dt,
#sysItemCategory#sysBasket .cart_info dt,
#sysItemDetail#sysBasket .cart_info dt {
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
}

.old_page#sysBasket .cart_info dd,
#sysItemCategory#sysBasket .cart_info dd,
#sysItemDetail#sysBasket .cart_info dd {
  letter-spacing: 1px;
}

.old_page#sysBasket .cart_info dd span,
#sysItemCategory#sysBasket .cart_info dd span,
#sysItemDetail#sysBasket .cart_info dd span {
  font-size: 18px;
  color: #ff6f9b;
  padding: 0 5px;
}

.old_page#sysBasket .cart_item_check ul:after,
#sysItemCategory#sysBasket .cart_item_check ul:after,
#sysItemDetail#sysBasket .cart_item_check ul:after {
  display: block;
  content: "";
  clear: both;
}

.old_page#sysBasket input.sysAmazonNextSubmit,
#sysItemCategory#sysBasket input.sysAmazonNextSubmit,
#sysItemDetail#sysBasket input.sysAmazonNextSubmit {
  font-weight: bold;
  font-size: 14px;
}

.old_page#sysBasket .guide_under,
#sysItemCategory#sysBasket .guide_under,
#sysItemDetail#sysBasket .guide_under {
  margin: 20px 0 100px;
  text-align: center;
}

.old_page#sysBasket .guide_under a,
#sysItemCategory#sysBasket .guide_under a,
#sysItemDetail#sysBasket .guide_under a {
  min-width: 250px;
  display: inline-block;
  border: 1px solid #999;
  padding: 10px 0;
  font-size: 15px;
  border-radius: 5px;
}

.old_page #popular_list li,
#sysItemCategory #popular_list li,
#sysItemDetail #popular_list li {
  width: 25%;
  margin-bottom: 20px;
  padding: 10px;
}

.old_page #popular_list .sysHeadline span,
#sysItemCategory #popular_list .sysHeadline span,
#sysItemDetail #popular_list .sysHeadline span {
  width: 275px;
}

@media screen and (max-width: 640px) {
  .old_page #popular_list li,
  #sysItemCategory #popular_list li,
  #sysItemDetail #popular_list li {
    width: 50%;
  }
}
.old_page#recruit .noentry,
#sysItemCategory#recruit .noentry,
#sysItemDetail#recruit .noentry {
  display: none;
}

.old_page#recruit .subpage_parts,
#sysItemCategory#recruit .subpage_parts,
#sysItemDetail#recruit .subpage_parts {
  margin: 0 auto 50px;
}

.old_page#recruit h3.sysHeadline span,
#sysItemCategory#recruit h3.sysHeadline span,
#sysItemDetail#recruit h3.sysHeadline span {
  display: block;
  font-size: 16px;
  background: #888;
  color: #fff;
  padding: 5px 10px;
  margin: 10px 0 15px;
}

.old_page#recruit h3.sysHeadline span.noentry,
#sysItemCategory#recruit h3.sysHeadline span.noentry,
#sysItemDetail#recruit h3.sysHeadline span.noentry {
  display: none;
}

.old_page#recruit .division_link,
#sysItemCategory#recruit .division_link,
#sysItemDetail#recruit .division_link {
  margin-bottom: 10px;
}

.old_page#recruit .division_link ul,
#sysItemCategory#recruit .division_link ul,
#sysItemDetail#recruit .division_link ul {
  display: flex;
  flex-wrap: wrap;
}

.old_page#recruit .division_link li,
#sysItemCategory#recruit .division_link li,
#sysItemDetail#recruit .division_link li {
  width: 32%;
  height: 30px;
  margin-right: 2%;
  margin-bottom: 10px;
  display: block;
  text-align: center;
  font-size: 14px;
}

.old_page#recruit .division_link li:nth-child(3n),
#sysItemCategory#recruit .division_link li:nth-child(3n),
#sysItemDetail#recruit .division_link li:nth-child(3n) {
  margin-right: 0;
}

.old_page#recruit .division_link li a,
#sysItemCategory#recruit .division_link li a,
#sysItemDetail#recruit .division_link li a {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.3s;
}

.old_page#recruit .division_link li a.jump_button,
#sysItemCategory#recruit .division_link li a.jump_button,
#sysItemDetail#recruit .division_link li a.jump_button {
  background: #888;
}

.old_page#recruit .division_link li a.jump_button:hover,
#sysItemCategory#recruit .division_link li a.jump_button:hover,
#sysItemDetail#recruit .division_link li a.jump_button:hover {
  background: #ff6f9b;
}

.old_page#recruit .division_link li a.no_jump,
#sysItemCategory#recruit .division_link li a.no_jump,
#sysItemDetail#recruit .division_link li a.no_jump {
  background: #d1d1d1;
}

#sysAside {
  display: none;
}

.brand_page #sysMain {
  margin-bottom: 0;
}

#sysMain .brand_list {
  max-width: 1000px;
  margin: 0 auto 80px;
}

#sysMain .brand_list .sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

#sysMain .brand_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
}

#sysMain .brand_list ul li {
  float: none !important;
  width: 235px;
  margin-right: 20px;
  margin-bottom: 0;
  margin-bottom: 20px;
}

#sysMain .brand_list ul li:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  #sysMain .brand_list ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
  }
  #sysMain .brand_list ul li:nth-child(even) {
    margin-right: 0;
  }
}
#sysMain .brand_list ul li a .brand_name {
  font-size: 15px;
  display: block;
  margin: 5px 0;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
}

#sysMain .search_footer {
  display: none;
}

#sysMain .footer_category_menu {
  margin: 0 auto;
  padding: 0 0 60px;
  max-width: 1000px;
}

#sysMain .footer_category_menu .sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}

#sysMain .footer_category_menu .f_category {
  margin-bottom: 30px;
}

#sysMain .footer_category_menu .f_category .sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  border-bottom: 2px solid #000;
  font-size: 12px;
  padding-bottom: 2px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

#top #sysMain .footer_category_menu .f_category .sysHeadline {
  font-size: 12px;
  margin-bottom: 0;
  line-height: 1.6;
}

#sysMain .footer_category_menu .f_category .sysHeadline .f_see_all_btn {
  padding-right: 1em;
  position: relative;
}

#sysMain .footer_category_menu .f_category .sysHeadline .f_see_all_btn::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  transition: all 0.5s;
}

#sysMain .footer_category_menu .f_category ul {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

#sysMain .footer_category_menu .f_category li {
  width: 25% !important;
  font-size: 11px;
  padding: 5px 10px !important;
}

#sysMain .footer_category_menu .f_category li a {
  position: relative;
}

#sysMain .footer_category_menu .f_category li a::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: -11px;
  width: 5px;
  height: 5px;
  margin: auto;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  transition: all 0.5s;
}

#sysMain .footer_category_menu .f_category li a:hover::before {
  border-top-color: #ff6f9b;
  border-right-color: #ff6f9b;
}

#sysMain .footer_category_menu .f_category.f_item03 li {
  width: 20% !important;
}

@media screen and (max-width: 1100px) {
  #sysMain .brand_list {
    width: 96vw;
    margin: 0 auto 40px;
  }
  #sysMain .footer_category_menu {
    width: 96vw;
    margin: 0 auto;
  }
  #sysMain .footer_category_menu .f_category li {
    margin-bottom: 15px;
    width: 33.3333333333% !important;
  }
}
@media screen and (max-width: 650px) {
  #sysMain .brand_list {
    max-width: 1000px;
    margin: 0 auto 40px;
  }
  #sysMain .brand_list .sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
  #sysMain .brand_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
  }
  #sysMain .brand_list ul li {
    float: none !important;
    width: 235px;
    margin-right: 20px;
    margin-bottom: 0;
    margin-bottom: 0;
  }
  #sysMain .brand_list ul li:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) and (max-width: 1100px) {
  #sysMain .brand_list ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
  }
  #sysMain .brand_list ul li:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) {
  #sysMain .brand_list ul li a .brand_name {
    display: block;
    font-size: 15px;
    display: block;
    margin: 5px 0 0;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
  #sysMain .brand_list ul li a .brand_name .brand_name {
    display: block;
    margin: 10px 0 0;
  }
  #sysMain .search_footer {
    display: block;
  }
  #top #sysMain .footer_category_menu_wrap {
    margin: 0 -2vw;
  }
  #sysItemCategory #sysMain .footer_category_menu_wrap {
    margin: 0 -2.5%;
  }
  #sysItemDetail #sysMain .footer_category_menu_wrap {
    margin: 0 -2%;
  }
  #sysMain .footer_category_menu {
    background-color: #f5f5f5;
    width: 100vw;
    margin: 0;
    padding: 0;
  }
  #sysMain .footer_category_menu > .sysHeadline {
    padding: 20px 0 0 2vw;
  }
}
@media screen and (max-width: 650px) and (max-width: 640px) {
  #sysMain .footer_category_menu > .sysHeadline {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  #sysMain .footer_category_menu .f_category {
    margin-bottom: 0;
  }
  #sysMain .footer_category_menu .f_category .sysHeadline {
    border-bottom: 1px solid #fff;
    padding: 16px 2vw;
    margin-bottom: 0;
    position: relative;
  }
  #sysMain .footer_category_menu .f_category .sysHeadline::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 20px;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(135deg);
    transition: all 0.5s;
  }
  #sysMain .footer_category_menu .f_category .sysHeadline .f_see_all_btn {
    display: none;
  }
  #sysMain .footer_category_menu .f_category .sysHeadline.open::before {
    transform: rotate(-45deg);
  }
  #sysMain .footer_category_menu .f_category .sysContent {
    display: none;
  }
  #sysMain .footer_category_menu .f_category .sysContent ul {
    background-color: #fff;
    padding-top: 0;
  }
  #sysMain .footer_category_menu .f_category .sysContent li {
    width: 50% !important;
    margin-bottom: 0;
    border-bottom: 1px solid #f5f5f5;
    padding: 0 1em 0 calc(2vw + 10px) !important;
  }
  #sysMain .footer_category_menu .f_category .sysContent li:nth-of-type(odd) {
    border-right: 1px solid #f5f5f5;
  }
  #sysMain .footer_category_menu .f_category .sysContent li:nth-of-type(odd):last-of-type {
    border-bottom-style: none;
  }
  #sysMain .footer_category_menu .f_category .sysContent li a {
    display: block;
    padding: 15px 0;
  }
  #sysMain .footer_category_menu .f_category .sysContent.f_item03 li {
    width: 50% !important;
  }
  #sysMain .search_footer {
    width: 96vw;
    margin: 0 auto 40px;
  }
  #sysMain .search_footer .sysHeadline {
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
  }
  #sysMain .search_footer form {
    max-width: 100%;
    margin: 20px auto 0;
    position: relative;
  }
  #sysMain .search_footer form input[name=q] {
    border: 1px solid #000;
    padding: 0.7em 1em 0.7em 3em;
    border-radius: 100px;
    line-height: 1.5 !important;
    font-size: 10px;
  }
  #sysMain .search_footer form .sysSearchButton {
    position: absolute;
    width: 30px;
    height: 32px;
    top: 0;
    left: 4px;
    text-indent: -9999px;
    background-image: url(https://www.peakpine.com/img/layout/header/baseline-search.svg);
    background-size: 25px;
    background-position: center center;
  }
}
@media screen and (max-width: 640px) {
  .old_page#sysItemCategory #sysMain,
  #sysItemCategory#sysItemCategory #sysMain {
    margin: 0 auto !important;
  }
}
/*商品詳細スライド用CSS*/
a#modalPreb {
  text-align: center;
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  line-height: 52px;
  margin: auto;
  border-radius: 100%;
  background: #000;
  left: 10px;
}

a#modalPreb:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 0;
  left: 3px;
  width: 8px;
  height: 8px;
}

a#modalNext {
  text-align: center;
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  line-height: 52px;
  margin: auto;
  border-radius: 100%;
  background: #000;
  right: 10px;
}

a#modalNext:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 3px;
  left: 0;
  width: 8px;
  height: 8px;
}

.sysModal {
  position: relative;
}

.sysModal img {
  transition: none;
}

@media screen and (min-width: 981px) {
  button#show-dlg-1 {
    top: 70px;
    left: 145px;
  }
  .sysModal {
    float: none;
    margin-right: 15px;
    max-width: 500px;
    border: 1px solid #efefef;
    position: relative;
  }
  #photoNum {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    line-height: 40px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    z-index: 100;
  }
}
@media only screen and (max-width: 640px) {
  #sysItemDetail .sysModal {
    margin-bottom: 10px;
    position: relative;
  }
  #sysItemDetail .sysModal #photoNum {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    line-height: 40px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    z-index: 100;
  }
}
@media screen and (max-width: 1200px) and (min-width: 641px) {
  .old_page, #sysItemCategory, #sysItemDetail {
    /* 20-0 Only Tablet
    *----------------------------------------------------------------------*/
    /* PCレイアウトを維持する場合は削除 */
    /***********************************
    	header
    ***********************************/
    /*h_upper_area*/
    /*h_lower_area*/
    /*h_navi_sp*/
    /*h_navi_sp_161014*/
    /*ヘッダーナビゲーション2(170316改修)*/
    /*モーダル内部*/
    /***********************************
    	side
    ***********************************/
    /*注目ワード*/
    /*サイドナビ内ヘッダーナビ*/
    /*サイドナビ内検索ボックス*/
    /*サイドナビ内フッターブランド一覧*/
    /***********************************
    	footer
    ***********************************/
    /*f_brand*/
    /*.f_navi*/
    /*.f_navi_sns*/
    /*.f_navi_list*/
    /***********************************
    	商品詳細ページ
    ***********************************/
    /***********************************
    	カテゴリページ・検索ページ
    ***********************************/
    /***********************************
    	カートページ
    ***********************************/
    /*カート内/上部余白*/
    /*カートのポップアップを非表示にする*/
    /***********************************
    	お問い合わせ
    ***********************************/
    /***********************************
    	マイページ
    ***********************************/
    /***********************************
    	ショッピングガイド
    ***********************************/
    /*.guide_menu*/
    /***********************************
    	ブランド紹介
    ***********************************/
    /***********************************
    	ランキング
    ***********************************/
    /*h_upper_catch_area サイトキャッチコピー */
    /* LOOKBOOK
    *******************************/
    /*カート内商品表示ボタン*/
    /*Wordpress RSSフィード*/
    /*インスタフィード追加*/
    /*採用情報ページ改修*/
  }
  .old_page div#sysMain, #sysItemCategory div#sysMain, #sysItemDetail div#sysMain {
    width: 95%;
    float: none;
    margin: 0 auto !important;
  }
  .old_page div#sysAside, #sysItemCategory div#sysAside, #sysItemDetail div#sysAside {
    width: 100%;
    float: none !important;
  }
  .old_page .tb_none, #sysItemCategory .tb_none, #sysItemDetail .tb_none {
    display: none !important;
  }
  .old_page .h_upper_area, #sysItemCategory .h_upper_area, #sysItemDetail .h_upper_area {
    overflow: hidden;
    padding: 10px 2.6666666667%;
    /*0 20px*/
    color: #fff;
    background-color: #666;
  }
  .old_page .h_upper_area .h_logo h1, #sysItemCategory .h_upper_area .h_logo h1, #sysItemDetail .h_upper_area .h_logo h1 {
    margin: 0;
  }
  .old_page .h_upper_area .h_logo .site_logo,
  .old_page .h_upper_area .h_logo h1, #sysItemCategory .h_upper_area .h_logo .site_logo,
  #sysItemCategory .h_upper_area .h_logo h1, #sysItemDetail .h_upper_area .h_logo .site_logo,
  #sysItemDetail .h_upper_area .h_logo h1 {
    margin: 5px 0 0;
  }
  .old_page .h_upper_area .inner, #sysItemCategory .h_upper_area .inner, #sysItemDetail .h_upper_area .inner {
    max-width: 680px;
    margin: 0 auto;
  }
  .old_page .h_upper_area .h_logo, #sysItemCategory .h_upper_area .h_logo, #sysItemDetail .h_upper_area .h_logo {
    float: left;
    max-width: 305px;
    width: 40.6666666667%;
    /*305px*/
  }
  .old_page .h_upper_area .h_menu, #sysItemCategory .h_upper_area .h_menu, #sysItemDetail .h_upper_area .h_menu {
    float: right;
    width: 50%;
    /*375px*/
  }
  .old_page .h_upper_area ul, #sysItemCategory .h_upper_area ul, #sysItemDetail .h_upper_area ul {
    width: 100%;
    margin-top: 15px;
    font-size: 1.2rem;
    text-align: right;
  }
  .old_page .h_upper_area ul li, #sysItemCategory .h_upper_area ul li, #sysItemDetail .h_upper_area ul li {
    border: none;
    margin-right: 20px;
    text-align: center;
  }
  .old_page .h_upper_area ul li:last-child, #sysItemCategory .h_upper_area ul li:last-child, #sysItemDetail .h_upper_area ul li:last-child {
    margin-right: 0;
  }
  .old_page .h_upper_area ul a, #sysItemCategory .h_upper_area ul a, #sysItemDetail .h_upper_area ul a {
    color: #fff;
    text-decoration: none;
  }
  .old_page .h_upper_area .h_menu li a, #sysItemCategory .h_upper_area .h_menu li a, #sysItemDetail .h_upper_area .h_menu li a {
    display: block;
    padding: 40px 2px 0;
    text-align: center;
    background-size: 30px !important;
  }
  .old_page .h_upper_area .h_menu li.shoplist a, #sysItemCategory .h_upper_area .h_menu li.shoplist a, #sysItemDetail .h_upper_area .h_menu li.shoplist a {
    background: url("https://www.peakpine.com/img/layout/header/ico_shoplist_wh.png") no-repeat top center;
  }
  .old_page .h_upper_area .h_menu li.blog a, #sysItemCategory .h_upper_area .h_menu li.blog a, #sysItemDetail .h_upper_area .h_menu li.blog a {
    background: url("https://www.peakpine.com/img/layout/header/ico_blog_wh.png") no-repeat top center;
  }
  .old_page .h_upper_area .h_menu li.cart a, #sysItemCategory .h_upper_area .h_menu li.cart a, #sysItemDetail .h_upper_area .h_menu li.cart a {
    background: url("https://www.peakpine.com/img/layout/header/ico_cart_wh.png") no-repeat top center;
  }
  .old_page .h_upper_area .h_menu li.menu a, #sysItemCategory .h_upper_area .h_menu li.menu a, #sysItemDetail .h_upper_area .h_menu li.menu a {
    background: url("https://www.peakpine.com/img/layout/header/ico_menu_wh.png") no-repeat top center;
  }
  .old_page .h_lower_area, #sysItemCategory .h_lower_area, #sysItemDetail .h_lower_area {
    overflow: hidden;
    padding: 0;
    color: #2d2d2d;
    font-size: 1.3rem;
    text-align: center;
    background-color: #cfcfcf;
  }
  .old_page .h_lower_area p, #sysItemCategory .h_lower_area p, #sysItemDetail .h_lower_area p {
    margin: 5px 0;
  }
  .old_page .h_navi_sp, #sysItemCategory .h_navi_sp, #sysItemDetail .h_navi_sp {
    font-size: 0;
  }
  .old_page .h_navi_sp li, #sysItemCategory .h_navi_sp li, #sysItemDetail .h_navi_sp li {
    width: 20%;
    font-size: 1.7rem;
  }
  .old_page .h_navi_sp_161014, #sysItemCategory .h_navi_sp_161014, #sysItemDetail .h_navi_sp_161014 {
    margin-bottom: 100px;
  }
  .old_page .h_navi_sp_161014 .h_navi_sp_wrap li, #sysItemCategory .h_navi_sp_161014 .h_navi_sp_wrap li, #sysItemDetail .h_navi_sp_161014 .h_navi_sp_wrap li {
    font-size: 1.7rem;
  }
  .old_page .h_navi2, #sysItemCategory .h_navi2, #sysItemDetail .h_navi2 {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
  }
  .old_page .h_navi2 .search, #sysItemCategory .h_navi2 .search, #sysItemDetail .h_navi2 .search {
    display: none;
  }
  .old_page #sysAside .search,
  .old_page #sysFooter .search, #sysItemCategory #sysAside .search,
  #sysItemCategory #sysFooter .search, #sysItemDetail #sysAside .search,
  #sysItemDetail #sysFooter .search {
    border: 1px solid #aaa;
    width: 90%;
    margin: 0 auto 50px;
  }
  .old_page #sysAside .search input[type=search],
  .old_page #sysFooter .search input[type=search], #sysItemCategory #sysAside .search input[type=search],
  #sysItemCategory #sysFooter .search input[type=search], #sysItemDetail #sysAside .search input[type=search],
  #sysItemDetail #sysFooter .search input[type=search] {
    border-right: 1px solid #aaa;
  }
  .old_page .h_navi2 #pc_navigation, #sysItemCategory .h_navi2 #pc_navigation, #sysItemDetail .h_navi2 #pc_navigation {
    display: none;
  }
  .old_page .h_navi2 #sp_navigation, #sysItemCategory .h_navi2 #sp_navigation, #sysItemDetail .h_navi2 #sp_navigation {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .old_page .h_navi2 #sp_navigation:after, #sysItemCategory .h_navi2 #sp_navigation:after, #sysItemDetail .h_navi2 #sp_navigation:after {
    display: block;
    content: "";
    clear: both;
  }
  .old_page .h_navi2 #sp_navigation li, #sysItemCategory .h_navi2 #sp_navigation li, #sysItemDetail .h_navi2 #sp_navigation li {
    width: 20%;
    display: block;
    text-align: center;
    float: left;
    border-right: 1px solid #ddd;
  }
  .old_page .h_navi2 #sp_navigation li:last-child, #sysItemCategory .h_navi2 #sp_navigation li:last-child, #sysItemDetail .h_navi2 #sp_navigation li:last-child {
    border-right: 0 dotted #aaa;
  }
  .old_page .h_navi2 #sp_navigation li a, #sysItemCategory .h_navi2 #sp_navigation li a, #sysItemDetail .h_navi2 #sp_navigation li a {
    color: #000;
    font-size: 16px;
    line-height: 50px;
    display: block;
    font-weight: bold;
  }
  .old_page .h_navi2 .search, #sysItemCategory .h_navi2 .search, #sysItemDetail .h_navi2 .search {
    display: none;
  }
  .old_page .toggleTitle, #sysItemCategory .toggleTitle, #sysItemDetail .toggleTitle {
    width: 600px;
    margin: 0 auto 40px;
    overflow: scroll;
  }
  .old_page .remodal .toggleWrap ul:after, #sysItemCategory .remodal .toggleWrap ul:after, #sysItemDetail .remodal .toggleWrap ul:after {
    display: block;
    content: "";
    clear: both;
  }
  .old_page .remodal .toggleWrap ul, #sysItemCategory .remodal .toggleWrap ul, #sysItemDetail .remodal .toggleWrap ul {
    width: 600px;
    margin: 0 auto;
    height: auto;
  }
  .old_page .remodal, #sysItemCategory .remodal, #sysItemDetail .remodal {
    margin: 50px 0;
    padding: 30px 10px;
  }
  .old_page .remodal .toggleWrap li, #sysItemCategory .remodal .toggleWrap li, #sysItemDetail .remodal .toggleWrap li {
    width: 120px;
    float: left;
    margin: 0 15px;
    height: 160px;
    text-align: left;
    border: 0 !important;
  }
  .old_page .remodal ul li a:after, #sysItemCategory .remodal ul li a:after, #sysItemDetail .remodal ul li a:after {
    content: "" !important;
    display: none;
  }
  .old_page .toggleMenu .foot_close, #sysItemCategory .toggleMenu .foot_close, #sysItemDetail .toggleMenu .foot_close {
    color: #000;
    background: #fff;
    border: 1px solid #999;
  }
  .old_page .toggleMenu .head_close, #sysItemCategory .toggleMenu .head_close, #sysItemDetail .toggleMenu .head_close {
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    width: 90%;
    height: 50px;
    padding: 0;
    margin: 0;
    border: 0;
  }
  .old_page .top_main_bn_1609 .bn_l, #sysItemCategory .top_main_bn_1609 .bn_l, #sysItemDetail .top_main_bn_1609 .bn_l {
    margin: 0 0 10px;
  }
  .old_page .side_keyword, #sysItemCategory .side_keyword, #sysItemDetail .side_keyword {
    margin-bottom: 10px;
  }
  .old_page .side_keyword .sysHeadline, #sysItemCategory .side_keyword .sysHeadline, #sysItemDetail .side_keyword .sysHeadline {
    display: none;
  }
  .old_page .side_keyword ul, #sysItemCategory .side_keyword ul, #sysItemDetail .side_keyword ul {
    text-align: center;
  }
  .old_page .side_keyword li, #sysItemCategory .side_keyword li, #sysItemDetail .side_keyword li {
    float: none !important;
    display: inline-block;
    width: auto !important;
  }
  .old_page .side_keyword li.sysText a, #sysItemCategory .side_keyword li.sysText a, #sysItemDetail .side_keyword li.sysText a {
    display: inline-block;
    width: auto !important;
    margin: 0 3px 5px;
    padding: 7px !important;
    border: 1px solid #000;
    background-color: #ececec;
  }
  .old_page #sysAside .h_navi_sp, #sysItemCategory #sysAside .h_navi_sp, #sysItemDetail #sysAside .h_navi_sp {
    margin: 0 0 20px;
    padding: 20px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
  }
  .old_page #sysAside .search, #sysItemCategory #sysAside .search, #sysItemDetail #sysAside .search {
    width: 90%;
    margin: 0 auto 60px;
  }
  .old_page #sysAside .f_brands, #sysItemCategory #sysAside .f_brands, #sysItemDetail #sysAside .f_brands {
    margin-bottom: 0;
    padding: 30px 0 20px;
  }
  .old_page #sysFooter .f_brands, #sysItemCategory #sysFooter .f_brands, #sysItemDetail #sysFooter .f_brands {
    padding-bottom: 0 !important;
  }
  .old_page .f_brands_inner, #sysItemCategory .f_brands_inner, #sysItemDetail .f_brands_inner {
    max-width: 800px;
  }
  .old_page .f_navi_inner, #sysItemCategory .f_navi_inner, #sysItemDetail .f_navi_inner {
    width: 95%;
    margin: 0 auto;
    padding: 50px 0 20px;
  }
  .old_page .f_navi_sns, #sysItemCategory .f_navi_sns, #sysItemDetail .f_navi_sns {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .old_page .f_navi_list, #sysItemCategory .f_navi_list, #sysItemDetail .f_navi_list {
    float: none;
    width: 100%;
  }
  .old_page#sysItemDetail article, #sysItemCategory#sysItemDetail article, #sysItemDetail#sysItemDetail article {
    width: 90%;
  }
  .old_page #sysItemSearch #sysMain,
  .old_page#sysItemCategory #sysMain, #sysItemCategory #sysItemSearch #sysMain,
  #sysItemCategory#sysItemCategory #sysMain, #sysItemDetail #sysItemSearch #sysMain,
  #sysItemDetail#sysItemCategory #sysMain {
    width: 95% !important;
    margin: 20px auto 40px;
  }
  .old_page .sysCart #sysMain, #sysItemCategory .sysCart #sysMain, #sysItemDetail .sysCart #sysMain {
    width: 90% !important;
    margin: 20px auto 40px;
  }
  .old_page #sysBasket #sysMain, #sysItemCategory #sysBasket #sysMain, #sysItemDetail #sysBasket #sysMain {
    margin-top: 0;
    padding-top: 0;
  }
}
@media screen and (max-width: 1200px) and (min-width: 641px) and (max-width: 800px) {
  .old_page, #sysItemCategory, #sysItemDetail {
    /*カート内/お買い忘れはないですか？ 170131*/
  }
  .old_page .cart_slider .bx-wrapper .bx-next, #sysItemCategory .cart_slider .bx-wrapper .bx-next, #sysItemDetail .cart_slider .bx-wrapper .bx-next {
    right: 10px !important;
  }
  .old_page .cart_slider .bx-wrapper .bx-prev, #sysItemCategory .cart_slider .bx-wrapper .bx-prev, #sysItemDetail .cart_slider .bx-wrapper .bx-prev {
    left: 10px !important;
  }
}
@media screen and (max-width: 1200px) and (min-width: 641px) and (min-width: 801px) {
  .old_page, #sysItemCategory, #sysItemDetail {
    /*カート内/お買い忘れはないですか？ 170131*/
  }
  .old_page .cart_slider .bx-wrapper .bx-controls-direction a, #sysItemCategory .cart_slider .bx-wrapper .bx-controls-direction a, #sysItemDetail .cart_slider .bx-wrapper .bx-controls-direction a {
    top: 50%;
    margin-top: -18px;
    width: 20px;
    height: 37px;
  }
  .old_page .cart_slider .bx-wrapper .bx-prev, #sysItemCategory .cart_slider .bx-wrapper .bx-prev, #sysItemDetail .cart_slider .bx-wrapper .bx-prev {
    background-size: 40px;
  }
  .old_page .cart_slider .bx-wrapper .bx-next, #sysItemCategory .cart_slider .bx-wrapper .bx-next, #sysItemDetail .cart_slider .bx-wrapper .bx-next {
    background-position: -20px 0;
    background-size: 40px;
  }
  .old_page .cart_slider .bx-wrapper .bx-prev:hover, #sysItemCategory .cart_slider .bx-wrapper .bx-prev:hover, #sysItemDetail .cart_slider .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
  }
  .old_page .cart_slider .bx-wrapper .bx-next:hover, #sysItemCategory .cart_slider .bx-wrapper .bx-next:hover, #sysItemDetail .cart_slider .bx-wrapper .bx-next:hover {
    background-position: -20px 0;
  }
}
@media screen and (max-width: 1200px) and (min-width: 641px) {
  .old_page .sub_nav_cart, #sysItemCategory .sub_nav_cart, #sysItemDetail .sub_nav_cart {
    display: none;
  }
  .old_page #upperAmazonPayButton,
  .old_page #useAmazonSubmitButton, #sysItemCategory #upperAmazonPayButton,
  #sysItemCategory #useAmazonSubmitButton, #sysItemDetail #upperAmazonPayButton,
  #sysItemDetail #useAmazonSubmitButton {
    width: 200px;
  }
  .old_page .form-inquiry #sysMain, #sysItemCategory .form-inquiry #sysMain, #sysItemDetail .form-inquiry #sysMain {
    width: 90% !important;
    margin: 20px auto 40px;
  }
  .old_page.sysMypage #sysMain, #sysItemCategory.sysMypage #sysMain, #sysItemDetail.sysMypage #sysMain {
    width: 90% !important;
    margin: 20px auto 40px;
  }
  .old_page .guide .guide_menu li, #sysItemCategory .guide .guide_menu li, #sysItemDetail .guide .guide_menu li {
    width: 50%;
  }
  .old_page .brand_index, #sysItemCategory .brand_index, #sysItemDetail .brand_index {
    width: 95% !important;
    margin: 20px auto 40px;
  }
  .old_page .top_ranking_swimwear ul li:nth-child(6), #sysItemCategory .top_ranking_swimwear ul li:nth-child(6), #sysItemDetail .top_ranking_swimwear ul li:nth-child(6) {
    display: none;
  }
  .old_page .h_upper_catch_area, #sysItemCategory .h_upper_catch_area, #sysItemDetail .h_upper_catch_area {
    font-size: 1rem;
    text-align: center;
  }
  .old_page .lookbook_class ul li:hover .img_wrap:before,
  .old_page .lookbook_class ul li:hover .link_wrap, #sysItemCategory .lookbook_class ul li:hover .img_wrap:before,
  #sysItemCategory .lookbook_class ul li:hover .link_wrap, #sysItemDetail .lookbook_class ul li:hover .img_wrap:before,
  #sysItemDetail .lookbook_class ul li:hover .link_wrap {
    opacity: 0;
    pointer-events: none;
  }
  .old_page .itemCount2, #sysItemCategory .itemCount2, #sysItemDetail .itemCount2 {
    right: -18px;
  }
  .old_page #articleFeed, #sysItemCategory #articleFeed, #sysItemDetail #articleFeed {
    max-width: 1200px;
    width: 100%;
  }
  .old_page #articleFeed ul, #sysItemCategory #articleFeed ul, #sysItemDetail #articleFeed ul {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  .old_page #articleFeed li, #sysItemCategory #articleFeed li, #sysItemDetail #articleFeed li {
    width: 24%;
    max-height: 400px;
    margin-right: 1.33333333%;
  }
  .old_page #articleFeed li .img_wrap, #sysItemCategory #articleFeed li .img_wrap, #sysItemDetail #articleFeed li .img_wrap {
    max-height: 258px;
  }
  .old_page #articleFeed li .text_area, #sysItemCategory #articleFeed li .text_area, #sysItemDetail #articleFeed li .text_area {
    height: 100px;
    margin: 10px auto;
  }
  .old_page #articleFeed li .feedText, #sysItemCategory #articleFeed li .feedText, #sysItemDetail #articleFeed li .feedText {
    padding: 10px;
    margin-top: 5px;
  }
  .old_page #articleFeed li .text_area .wp_title, #sysItemCategory #articleFeed li .text_area .wp_title, #sysItemDetail #articleFeed li .text_area .wp_title {
    height: 80px;
    font-size: 14px;
    line-height: 20px;
  }
  .old_page #articleFeed li .date, #sysItemCategory #articleFeed li .date, #sysItemDetail #articleFeed li .date {
    paddding-bottom: 10px;
  }
  .old_page .blogRSS, #sysItemCategory .blogRSS, #sysItemDetail .blogRSS {
    margin-bottom: -30px !important;
  }
  .old_page .instafeed ul, #sysItemCategory .instafeed ul, #sysItemDetail .instafeed ul {
    width: 500px;
    margin: 50px auto;
  }
  .old_page .instafeed ul:after, #sysItemCategory .instafeed ul:after, #sysItemDetail .instafeed ul:after {
    display: block;
    content: "";
    clear: both;
  }
  .old_page .instafeed #instafeed li, #sysItemCategory .instafeed #instafeed li, #sysItemDetail .instafeed #instafeed li {
    float: left;
    width: 150px;
    margin-right: 25px;
    margin-bottom: 15px;
  }
  .old_page .instafeed #instafeed li:nth-child(3n), #sysItemCategory .instafeed #instafeed li:nth-child(3n), #sysItemDetail .instafeed #instafeed li:nth-child(3n) {
    margin-right: 0 !important;
  }
  .old_page#recruit .category_head p.txt, #sysItemCategory#recruit .category_head p.txt, #sysItemDetail#recruit .category_head p.txt {
    width: 90%;
    margin: 20px auto;
    text-align: left;
  }
  .old_page#recruit .division_link, #sysItemCategory#recruit .division_link, #sysItemDetail#recruit .division_link {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .old_page, #sysItemCategory, #sysItemDetail {
    /* 10-0 Only Smartphone
    *----------------------------------------------------------------------*/
    /*750px*/
    /***********************************
    	header
    ***********************************/
    /*h_navi_sp*/
    /*ヘッダーナビゲーション2(170316改修)*/
    /*h_upper_area*/
    /*h_lower_area*/
    /***********************************
    	side
    ***********************************/
    /*カテゴリー見出し*/
    /*注目ワード*/
    /*サイドナビ内ヘッダーナビ*/
    /*サイドナビ内検索ボックス*/
    /*サイドナビ内フッターブランド一覧*/
    /***********************************
    	footer
    ***********************************/
    /*.f_navi_inner*/
    /*.f_brands*/
    /*.f_navi*/
    /*.f_guide_bn*/
    /*.f_navi_sns*/
    /*.f_navi_list*/
    /*ページトップボタン*/
    /***********************************
    	商品詳細ページ
    ***********************************/
    /* パンくず */
    /* サムネール */
    /* Order Area */
    /*数量セレクト*/
    /*数量ボタン*/
    /*リンクボタン(商品詳細ページ)*/
    /*商品ページ用おすすめ商品*/
    /*商品ページ用チェックした商品*/
    /***********************************
    	店舗紹介
    ***********************************/
    /*googlemap*/
    /*オンラインショップ*/
    /***********************************
    	カテゴリページ・検索ページ
    ***********************************/
    /*カテゴリページヘッダ*/
    /***********************************
    	マイページ
    ***********************************/
    /***********************************
    	カートページ
    ***********************************/
    /*カート内/お買い忘れはないですか？ 170131*/
    /*カート内/上部余白*/
    /*カート内/amazonペイメント*/
    /***********************************
    	お問い合わせ
    ***********************************/
    /***********************************
    	下層ページ共通
    ***********************************/
    /***********************************
    	新着情報
    ***********************************/
    /***********************************
    	特定商取引法に基づく表記
    ***********************************/
    /***********************************
    	ショッピングガイド
    ***********************************/
    /***********************************
    	採用情報
    ***********************************/
    /***********************************
    	偽サイト注意
    ***********************************/
    /***********************************
    	ランキング
    ***********************************/
    /*ランキングページ共通パーツ*/
    /*1~4位までの表示*/
    /***********************************
    	ブランド紹介
    ***********************************/
    /*h_upper_catch_area サイトキャッチコピー */
    /* LOOKBOOK
    *******************************/
    /*########## 新着記事RSS表示 ##########*/
    /*インスタフィード追加*/
    /*採用情報ページ改修*/
  }
  .old_page #sysMain, .old_page #sysAside, #sysItemCategory #sysMain, #sysItemCategory #sysAside, #sysItemDetail #sysMain, #sysItemDetail #sysAside {
    width: 100% !important;
  }
  .old_page #sysMain, #sysItemCategory #sysMain, #sysItemDetail #sysMain {
    margin-top: 0;
  }
  .old_page .sp_none, #sysItemCategory .sp_none, #sysItemDetail .sp_none {
    display: none !important;
  }
  .old_page .h_navi_sp, #sysItemCategory .h_navi_sp, #sysItemDetail .h_navi_sp {
    font-size: 0;
  }
  .old_page .h_navi_sp li, #sysItemCategory .h_navi_sp li, #sysItemDetail .h_navi_sp li {
    width: 20%;
    padding: 0;
    font-size: 1.1rem;
  }
  .old_page .h_navi2, #sysItemCategory .h_navi2, #sysItemDetail .h_navi2 {
    border-bottom: 1px solid #ddd;
  }
  .old_page .h_navi2 .search, #sysItemCategory .h_navi2 .search, #sysItemDetail .h_navi2 .search {
    display: none;
  }
  .old_page .h_navi2 #pc_navigation, #sysItemCategory .h_navi2 #pc_navigation, #sysItemDetail .h_navi2 #pc_navigation {
    display: none;
  }
  .old_page .h_navi2 #sp_navigation, #sysItemCategory .h_navi2 #sp_navigation, #sysItemDetail .h_navi2 #sp_navigation {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .old_page .h_navi2 #sp_navigation:after, #sysItemCategory .h_navi2 #sp_navigation:after, #sysItemDetail .h_navi2 #sp_navigation:after {
    display: block;
    content: "";
    clear: both;
  }
  .old_page .h_navi2 #sp_navigation li, #sysItemCategory .h_navi2 #sp_navigation li, #sysItemDetail .h_navi2 #sp_navigation li {
    display: block;
    float: left;
    width: 20%;
    text-align: center;
    border-right: 1px solid #ddd;
  }
  .old_page .h_navi2 #sp_navigation li:last-child, #sysItemCategory .h_navi2 #sp_navigation li:last-child, #sysItemDetail .h_navi2 #sp_navigation li:last-child {
    border-right: 0px dotted #aaa !important;
  }
  .old_page .h_navi2 #sp_navigation li a, #sysItemCategory .h_navi2 #sp_navigation li a, #sysItemDetail .h_navi2 #sp_navigation li a {
    color: #000;
    font-size: 10px;
    line-height: 50px;
    display: block;
    font-weight: bold;
  }
  .old_page .remodal, #sysItemCategory .remodal, #sysItemDetail .remodal {
    margin: 30px 0;
  }
  .old_page .remodal .toggleWrap ul:after, #sysItemCategory .remodal .toggleWrap ul:after, #sysItemDetail .remodal .toggleWrap ul:after {
    display: block;
    content: "";
    clear: both;
  }
  .old_page .remodal .toggleWrap ul, #sysItemCategory .remodal .toggleWrap ul, #sysItemDetail .remodal .toggleWrap ul {
    width: 100%;
    margin: 0 auto;
    height: auto;
  }
  .old_page .remodal .toggleWrap li, #sysItemCategory .remodal .toggleWrap li, #sysItemDetail .remodal .toggleWrap li {
    width: 48%;
    height: 50vw;
    margin: 0 1%;
    float: left;
    border: 0px !important;
    text-align: center;
  }
  .old_page .remodal .toggleWrap li img, #sysItemCategory .remodal .toggleWrap li img, #sysItemDetail .remodal .toggleWrap li img {
    border: 1px solid #aaa;
  }
  .old_page .remodal .toggleWrap li a, #sysItemCategory .remodal .toggleWrap li a, #sysItemDetail .remodal .toggleWrap li a {
    font-size: 12px;
  }
  .old_page .remodal ul li a:after, #sysItemCategory .remodal ul li a:after, #sysItemDetail .remodal ul li a:after {
    content: "" !important;
    display: none;
  }
  .old_page .toggleMenu .foot_close, #sysItemCategory .toggleMenu .foot_close, #sysItemDetail .toggleMenu .foot_close {
    color: #000;
    background: #fff;
    border: 1px solid #999;
  }
  .old_page .toggleMenu .head_close, #sysItemCategory .toggleMenu .head_close, #sysItemDetail .toggleMenu .head_close {
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    width: 90%;
    height: 35px;
    padding: 0;
    margin: 0;
    border: 0px;
  }
  .old_page .search form, #sysItemCategory .search form, #sysItemDetail .search form {
    width: 50%;
  }
  .old_page .search .sysItemSearchFormWord, #sysItemCategory .search .sysItemSearchFormWord, #sysItemDetail .search .sysItemSearchFormWord {
    width: 78%;
  }
  .old_page .search .sysSearchButton, #sysItemCategory .search .sysSearchButton, #sysItemDetail .search .sysSearchButton {
    border: none;
  }
  .old_page #sysAside .search form,
  .old_page #sysFooter form, #sysItemCategory #sysAside .search form,
  #sysItemCategory #sysFooter form, #sysItemDetail #sysAside .search form,
  #sysItemDetail #sysFooter form {
    width: 100% !important;
    border: 1px solid #ccc !important;
  }
  .old_page #sysAside .search input[type=search],
  .old_page #sysFooter input[type=search], #sysItemCategory #sysAside .search input[type=search],
  #sysItemCategory #sysFooter input[type=search], #sysItemDetail #sysAside .search input[type=search],
  #sysItemDetail #sysFooter input[type=search] {
    border-right: 1px solid #ccc !important;
  }
  .old_page .remodal h3.toggleTitle span, #sysItemCategory .remodal h3.toggleTitle span, #sysItemDetail .remodal h3.toggleTitle span {
    top: -25px;
  }
  .old_page .remodal h3.toggleTitle span.xlong, #sysItemCategory .remodal h3.toggleTitle span.xlong, #sysItemDetail .remodal h3.toggleTitle span.xlong {
    width: 270px;
  }
  .old_page .remodal h3.toggleTitle span.long, #sysItemCategory .remodal h3.toggleTitle span.long, #sysItemDetail .remodal h3.toggleTitle span.long {
    width: 225px;
  }
  .old_page .remodal h3.toggleTitle span.meddium, #sysItemCategory .remodal h3.toggleTitle span.meddium, #sysItemDetail .remodal h3.toggleTitle span.meddium {
    width: 160px;
  }
  .old_page .remodal h3.toggleTitle span.short, #sysItemCategory .remodal h3.toggleTitle span.short, #sysItemDetail .remodal h3.toggleTitle span.short {
    width: 120px;
  }
  .old_page .h_upper_area, #sysItemCategory .h_upper_area, #sysItemDetail .h_upper_area {
    overflow: hidden;
    padding: 5px 2.6666666667%;
    /*0 20px*/
    color: #fff;
    background-color: #666;
  }
  .old_page .h_upper_area .h_logo, #sysItemCategory .h_upper_area .h_logo, #sysItemDetail .h_upper_area .h_logo {
    float: left;
    max-width: 305px;
    width: 40.6666666667%;
    /*305px*/
  }
  .old_page .h_upper_area .h_logo h1,
  .old_page .h_upper_area .h_logo .site_logo, #sysItemCategory .h_upper_area .h_logo h1,
  #sysItemCategory .h_upper_area .h_logo .site_logo, #sysItemDetail .h_upper_area .h_logo h1,
  #sysItemDetail .h_upper_area .h_logo .site_logo {
    margin: 15px 0 0 0;
  }
  .old_page .h_upper_area .h_menu, #sysItemCategory .h_upper_area .h_menu, #sysItemDetail .h_upper_area .h_menu {
    float: right;
    width: 50%;
    /*375px*/
  }
  .old_page .h_upper_area ul, #sysItemCategory .h_upper_area ul, #sysItemDetail .h_upper_area ul {
    width: 100%;
    font-size: 0;
    text-align: center;
    padding: 0;
    margin: 4% 0 0;
  }
  .old_page .h_upper_area ul li, #sysItemCategory .h_upper_area ul li, #sysItemDetail .h_upper_area ul li {
    width: 33.3333333333%;
    font-size: 0.8rem;
    border: none;
  }
  .old_page .h_upper_area ul a, #sysItemCategory .h_upper_area ul a, #sysItemDetail .h_upper_area ul a {
    color: #fff;
    text-decoration: none;
    font-size: 8px;
  }
  .old_page .h_upper_area .h_menu, #sysItemCategory .h_upper_area .h_menu, #sysItemDetail .h_upper_area .h_menu {
    margin-top: 5px;
  }
  .old_page .h_upper_area .h_menu li a, #sysItemCategory .h_upper_area .h_menu li a, #sysItemDetail .h_upper_area .h_menu li a {
    display: block;
    padding: 28px 2px 0;
    text-align: center;
    background-size: 25px !important;
  }
  .old_page .h_upper_area .h_menu li.shoplist a, #sysItemCategory .h_upper_area .h_menu li.shoplist a, #sysItemDetail .h_upper_area .h_menu li.shoplist a {
    background: url("https://www.peakpine.com/img/layout/header/ico_shoplist_wh.png") no-repeat top center;
  }
  .old_page .h_upper_area .h_menu li.blog a, #sysItemCategory .h_upper_area .h_menu li.blog a, #sysItemDetail .h_upper_area .h_menu li.blog a {
    background: url("https://www.peakpine.com/img/layout/header/ico_blog_wh.png") no-repeat top center;
  }
  .old_page .h_upper_area .h_menu li.cart a, #sysItemCategory .h_upper_area .h_menu li.cart a, #sysItemDetail .h_upper_area .h_menu li.cart a {
    background: url("https://www.peakpine.com/img/layout/header/ico_cart_wh.png") no-repeat top center;
  }
  .old_page .h_upper_area .h_menu li.menu a, #sysItemCategory .h_upper_area .h_menu li.menu a, #sysItemDetail .h_upper_area .h_menu li.menu a {
    background: url("https://www.peakpine.com/img/layout/header/ico_menu_wh.png") no-repeat top center;
  }
  .old_page .h_lower_area, #sysItemCategory .h_lower_area, #sysItemDetail .h_lower_area {
    overflow: hidden;
    padding: 0;
    color: #2d2d2d;
    font-size: 1rem;
    text-align: center;
    background-color: #cfcfcf;
  }
  .old_page .h_lower_area p, #sysItemCategory .h_lower_area p, #sysItemDetail .h_lower_area p {
    margin: 5px 0;
    padding: 0;
    font-size: 9px;
  }
  .old_page .side_category_ttl h2 img, #sysItemCategory .side_category_ttl h2 img, #sysItemDetail .side_category_ttl h2 img {
    max-width: 126px;
    width: 30%;
    margin-bottom: 5px;
  }
  .old_page .side_keyword, #sysItemCategory .side_keyword, #sysItemDetail .side_keyword {
    margin-bottom: 10px;
  }
  .old_page .side_keyword .sysHeadline, #sysItemCategory .side_keyword .sysHeadline, #sysItemDetail .side_keyword .sysHeadline {
    display: none;
  }
  .old_page .side_keyword ul, #sysItemCategory .side_keyword ul, #sysItemDetail .side_keyword ul {
    text-align: center;
  }
  .old_page .side_keyword li, #sysItemCategory .side_keyword li, #sysItemDetail .side_keyword li {
    float: none !important;
    display: inline-block;
    width: auto !important;
  }
  .old_page .side_keyword li.sysText a, #sysItemCategory .side_keyword li.sysText a, #sysItemDetail .side_keyword li.sysText a {
    display: inline-block;
    width: auto !important;
    margin: 0 3px 5px;
    padding: 7px !important;
    border: 1px solid #000;
    background-color: #ececec;
  }
  .old_page #sysAside .h_navi_sp,
  .old_page #sysAside .h_navi_sp_161014, #sysItemCategory #sysAside .h_navi_sp,
  #sysItemCategory #sysAside .h_navi_sp_161014, #sysItemDetail #sysAside .h_navi_sp,
  #sysItemDetail #sysAside .h_navi_sp_161014 {
    margin: 0 0 20px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
  }
  .old_page #sysFooter .h_navi_sp_161014, #sysItemCategory #sysFooter .h_navi_sp_161014, #sysItemDetail #sysFooter .h_navi_sp_161014 {
    margin: 0 0 50px;
  }
  .old_page #sysAside .search,
  .old_page #sysFooter .search, #sysItemCategory #sysAside .search,
  #sysItemCategory #sysFooter .search, #sysItemDetail #sysAside .search,
  #sysItemDetail #sysFooter .search {
    width: 90%;
    margin: 0 auto 20px;
  }
  .old_page #sysAside .f_brands, #sysItemCategory #sysAside .f_brands, #sysItemDetail #sysAside .f_brands {
    margin-bottom: 20px;
  }
  .old_page .f_navi_inner, #sysItemCategory .f_navi_inner, #sysItemDetail .f_navi_inner {
    padding: 0 0 40px;
  }
  .old_page .f_brands, #sysItemCategory .f_brands, #sysItemDetail .f_brands {
    padding: 0;
  }
  .old_page .f_brands h2, #sysItemCategory .f_brands h2, #sysItemDetail .f_brands h2 {
    margin-bottom: 0;
    padding-bottom: 10px;
    background-color: #fff;
  }
  .old_page .f_brands .sysHeadline img, #sysItemCategory .f_brands .sysHeadline img, #sysItemDetail .f_brands .sysHeadline img {
    max-width: 106px !important;
    width: 60% !important;
  }
  .old_page .f_brands h2 img, #sysItemCategory .f_brands h2 img, #sysItemDetail .f_brands h2 img {
    max-width: 93px;
    width: 20%;
  }
  .old_page .f_brands ul, #sysItemCategory .f_brands ul, #sysItemDetail .f_brands ul {
    overflow: hidden;
    border-top: 1px solid #ccc;
  }
  .old_page .f_brands li, #sysItemCategory .f_brands li, #sysItemDetail .f_brands li {
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    border-bottom: 1px solid #ccc;
    font-size: 0;
  }
  .old_page .f_brands li:nth-child(even), #sysItemCategory .f_brands li:nth-child(even), #sysItemDetail .f_brands li:nth-child(even) {
    border-right: 1px solid #ccc;
  }
  .old_page .f_brands li:first-child, #sysItemCategory .f_brands li:first-child, #sysItemDetail .f_brands li:first-child {
    width: 100%;
  }
  .old_page .f_brands li a, #sysItemCategory .f_brands li a, #sysItemDetail .f_brands li a {
    display: block;
    padding: 10px 0;
  }
  .old_page .f_navi, #sysItemCategory .f_navi, #sysItemDetail .f_navi {
    font-size: 1.1rem;
    background-color: #fff;
  }
  .old_page .f_guide_bn ul, #sysItemCategory .f_guide_bn ul, #sysItemDetail .f_guide_bn ul {
    margin: 20px auto;
  }
  .old_page .f_guide_bn li, #sysItemCategory .f_guide_bn li, #sysItemDetail .f_guide_bn li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 0 10px;
    text-align: center;
  }
  .old_page .f_navi_sns, #sysItemCategory .f_navi_sns, #sysItemDetail .f_navi_sns {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .old_page .f_navi_sns p, #sysItemCategory .f_navi_sns p, #sysItemDetail .f_navi_sns p {
    max-width: 220px;
    width: 53.3333333333%;
    /*400px;*/
  }
  .old_page .f_navi_list, #sysItemCategory .f_navi_list, #sysItemDetail .f_navi_list {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .old_page .f_navi_list ul, #sysItemCategory .f_navi_list ul, #sysItemDetail .f_navi_list ul {
    overflow: hidden;
    float: none;
    width: 100%;
    margin: 0 auto;
    background-color: #3f3f3f;
  }
  .old_page .f_navi_list ul li, #sysItemCategory .f_navi_list ul li, #sysItemDetail .f_navi_list ul li {
    float: left;
    width: 50%;
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
  }
  .old_page .f_navi_list ul li:nth-child(odd), #sysItemCategory .f_navi_list ul li:nth-child(odd), #sysItemDetail .f_navi_list ul li:nth-child(odd) {
    border-right: 1px solid #fff;
  }
  .old_page .f_navi_list ul li a, #sysItemCategory .f_navi_list ul li a, #sysItemDetail .f_navi_list ul li a {
    display: block;
    color: #fff;
    font-size: 11px;
    padding: 15px 10px;
    background: url(https://www.peakpine.com/img/layout/aro_right_wh.png) 95% center no-repeat;
    background-size: 7px;
  }
  .old_page .f_navi_list ul.f_navi_category,
  .old_page .f_navi_list ul.f_navi_contents, #sysItemCategory .f_navi_list ul.f_navi_category,
  #sysItemCategory .f_navi_list ul.f_navi_contents, #sysItemDetail .f_navi_list ul.f_navi_category,
  #sysItemDetail .f_navi_list ul.f_navi_contents {
    display: none;
  }
  .old_page #page_top, #sysItemCategory #page_top, #sysItemDetail #page_top {
    position: fixed;
    width: 50px;
    height: 50px;
    top: inherit;
    left: inherit;
    right: 10px;
    bottom: 10px;
  }
  .old_page .sysItemCategoryPankuzu, #sysItemCategory .sysItemCategoryPankuzu, #sysItemDetail .sysItemCategoryPankuzu {
    font-size: xx-small;
  }
  .old_page .sysItemList ul.sysThumbnail, #sysItemCategory .sysItemList ul.sysThumbnail, #sysItemDetail .sysItemList ul.sysThumbnail {
    font-size: small;
  }
  .old_page .sysItemList ul.sysThumbnail input, #sysItemCategory .sysItemList ul.sysThumbnail input, #sysItemDetail .sysItemList ul.sysThumbnail input {
    font-size: x-small;
  }
  .old_page .orderArea, #sysItemCategory .orderArea, #sysItemDetail .orderArea {
    letter-spacing: normal;
  }
  .old_page .orderArea > div, #sysItemCategory .orderArea > div, #sysItemDetail .orderArea > div {
    width: 100%;
    padding-right: 0;
    float: none;
  }
  .old_page#sysItemDetail #sysMain, #sysItemCategory#sysItemDetail #sysMain, #sysItemDetail#sysItemDetail #sysMain {
    max-width: 450px;
    margin: 0 auto;
  }
  .old_page#sysItemDetail .sysForm select, #sysItemCategory#sysItemDetail .sysForm select, #sysItemDetail#sysItemDetail .sysForm select {
    width: 80%;
  }
  .old_page#sysItemDetail .sysNumArea button, #sysItemCategory#sysItemDetail .sysNumArea button, #sysItemDetail#sysItemDetail .sysNumArea button {
    width: 40%;
  }
  .old_page#sysItemDetail .detailBtn, #sysItemCategory#sysItemDetail .detailBtn, #sysItemDetail#sysItemDetail .detailBtn {
    display: block;
    margin: 10px auto;
    font-size: 12px;
  }
  .old_page#sysItemDetail a.otherItem, #sysItemCategory#sysItemDetail a.otherItem, #sysItemDetail#sysItemDetail a.otherItem {
    display: block;
    text-align: center;
  }
  .old_page .itempage_recommend .sysHorizontal li, #sysItemCategory .itempage_recommend .sysHorizontal li, #sysItemDetail .itempage_recommend .sysHorizontal li {
    width: 33.3333333333% !important;
  }
  .old_page .itempage_vieweditems .sysHorizontal li, #sysItemCategory .itempage_vieweditems .sysHorizontal li, #sysItemDetail .itempage_vieweditems .sysHorizontal li {
    width: 33.3333333333% !important;
  }
  .old_page#sysItemDetail .shopinfo .sysItemImages, #sysItemCategory#sysItemDetail .shopinfo .sysItemImages, #sysItemDetail#sysItemDetail .shopinfo .sysItemImages {
    float: none;
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .old_page#sysItemDetail .shopinfo .sysItemName, #sysItemCategory#sysItemDetail .shopinfo .sysItemName, #sysItemDetail#sysItemDetail .shopinfo .sysItemName {
    text-align: center;
  }
  .old_page#sysItemDetail .shopinfo_inner, #sysItemCategory#sysItemDetail .shopinfo_inner, #sysItemDetail#sysItemDetail .shopinfo_inner {
    float: none;
    width: 100%;
  }
  .old_page#sysItemDetail .shopinfo iframe, #sysItemCategory#sysItemDetail .shopinfo iframe, #sysItemDetail#sysItemDetail .shopinfo iframe {
    height: 300px;
  }
  .old_page .bn_onlineshop, #sysItemCategory .bn_onlineshop, #sysItemDetail .bn_onlineshop {
    width: 90%;
  }
  .old_page .bn_onlineshop li, #sysItemCategory .bn_onlineshop li, #sysItemDetail .bn_onlineshop li {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  .old_page#sysItemCategory #sysMain,
  .old_page #sysItemSearch #sysMain, #sysItemCategory#sysItemCategory #sysMain,
  #sysItemCategory #sysItemSearch #sysMain, #sysItemDetail#sysItemCategory #sysMain,
  #sysItemDetail #sysItemSearch #sysMain {
    max-width: 500px !important;
    width: 95% !important;
    margin: 0 auto 40px;
  }
  .old_page#sysItemCategory .sysThumbnail li,
  .old_page #sysItemSearch .sysThumbnail li, #sysItemCategory#sysItemCategory .sysThumbnail li,
  #sysItemCategory #sysItemSearch .sysThumbnail li, #sysItemDetail#sysItemCategory .sysThumbnail li,
  #sysItemDetail #sysItemSearch .sysThumbnail li {
    width: 50%;
  }
  .old_page .category_head p.txt, #sysItemCategory .category_head p.txt, #sysItemDetail .category_head p.txt {
    font-size: 1.2rem;
  }
  .old_page.sysMypage #sysMain, #sysItemCategory.sysMypage #sysMain, #sysItemDetail.sysMypage #sysMain {
    width: 95% !important;
    margin: 20px auto 40px;
  }
  .old_page.sysMypage .sysMypageNav > form, #sysItemCategory.sysMypage .sysMypageNav > form, #sysItemDetail.sysMypage .sysMypageNav > form {
    width: 100%;
  }
  .old_page.sysMypage .sysItemList .sysThumbnail li, #sysItemCategory.sysMypage .sysItemList .sysThumbnail li, #sysItemDetail.sysMypage .sysItemList .sysThumbnail li {
    width: 50%;
  }
  .old_page .sub_nav_cart, #sysItemCategory .sub_nav_cart, #sysItemDetail .sub_nav_cart {
    display: none;
  }
  .old_page.sysCart #sysMain, #sysItemCategory.sysCart #sysMain, #sysItemDetail.sysCart #sysMain {
    width: 95% !important;
    margin: 20px auto 40px;
  }
  .old_page .cart_slider .bx-wrapper .bx-next, #sysItemCategory .cart_slider .bx-wrapper .bx-next, #sysItemDetail .cart_slider .bx-wrapper .bx-next {
    right: 10px !important;
  }
  .old_page .cart_slider .bx-wrapper .bx-prev, #sysItemCategory .cart_slider .bx-wrapper .bx-prev, #sysItemDetail .cart_slider .bx-wrapper .bx-prev {
    left: 10px !important;
  }
  .old_page#sysBasket #sysMain, #sysItemCategory#sysBasket #sysMain, #sysItemDetail#sysBasket #sysMain {
    margin-top: 0;
    padding-top: 0;
  }
  .old_page .sysNextSubmitAreaForUseAmazon, #sysItemCategory .sysNextSubmitAreaForUseAmazon, #sysItemDetail .sysNextSubmitAreaForUseAmazon {
    display: block;
  }
  .old_page #upperAmazonPayButton,
  .old_page #lowAmazonPayButton, #sysItemCategory #upperAmazonPayButton,
  #sysItemCategory #lowAmazonPayButton, #sysItemDetail #upperAmazonPayButton,
  #sysItemDetail #lowAmazonPayButton {
    margin: 10px 0;
  }
}
@media screen and (max-width: 640px) and (min-width: 415px) and (max-width: 568px) {
  .old_page #useAmazonSubmitButton,
  .old_page #upperAmazonPayButton,
  .old_page #lowAmazonPayButton, #sysItemCategory #useAmazonSubmitButton,
  #sysItemCategory #upperAmazonPayButton,
  #sysItemCategory #lowAmazonPayButton, #sysItemDetail #useAmazonSubmitButton,
  #sysItemDetail #upperAmazonPayButton,
  #sysItemDetail #lowAmazonPayButton {
    text-align: center;
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  .old_page.form-inquiry #sysMain,
  .old_page.sysMemberRegister #sysMain, #sysItemCategory.form-inquiry #sysMain,
  #sysItemCategory.sysMemberRegister #sysMain, #sysItemDetail.form-inquiry #sysMain,
  #sysItemDetail.sysMemberRegister #sysMain {
    width: 95% !important;
    margin: 20px auto 40px;
  }
  .old_page .subpage_inner .box, #sysItemCategory .subpage_inner .box, #sysItemDetail .subpage_inner .box {
    padding: 20px 10px;
    margin-bottom: 10px;
  }
  .old_page .information h3 span.day, #sysItemCategory .information h3 span.day, #sysItemDetail .information h3 span.day {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    padding-right: 0;
    border-right: none;
  }
  .old_page .subpage_parts .box .flex, #sysItemCategory .subpage_parts .box .flex, #sysItemDetail .subpage_parts .box .flex {
    display: block;
  }
  .old_page .businessdeal .box dt, #sysItemCategory .businessdeal .box dt, #sysItemDetail .businessdeal .box dt {
    width: 100%;
    margin-bottom: 5px;
  }
  .old_page .businessdeal .box dd, #sysItemCategory .businessdeal .box dd, #sysItemDetail .businessdeal .box dd {
    width: 100%;
    border-left: 0px solid #ccc;
  }
  .old_page .guide .guide_menu li, #sysItemCategory .guide .guide_menu li, #sysItemDetail .guide .guide_menu li {
    width: 100%;
    padding: 5px 0;
  }
  .old_page .guide .guide_calendar table, #sysItemCategory .guide .guide_calendar table, #sysItemDetail .guide .guide_calendar table {
    float: none;
    width: 100% !important;
    margin: 0 0 20px !important;
  }
  .old_page .recruit .box dd, #sysItemCategory .recruit .box dd, #sysItemDetail .recruit .box dd {
    margin: 0 0 10px 30%;
  }
  .old_page .caution .box dt, #sysItemCategory .caution .box dt, #sysItemDetail .caution .box dt {
    float: none;
    margin-bottom: 5px;
  }
  .old_page .caution .box dd, #sysItemCategory .caution .box dd, #sysItemDetail .caution .box dd {
    margin: 0 0 15px 0;
  }
  .old_page .ranking_parts, #sysItemCategory .ranking_parts, #sysItemDetail .ranking_parts {
    max-width: 500px;
    margin: 0 auto 20px;
  }
  .old_page .ranking_parts .sysContent .sysHorizontal li, #sysItemCategory .ranking_parts .sysContent .sysHorizontal li, #sysItemDetail .ranking_parts .sysContent .sysHorizontal li {
    width: 28.5714285714% !important;
    margin: 0 2.380952381% 20px !important;
  }
  .old_page .ranking_swimwear .sysContent .sysHorizontal li:nth-child(1),
  .old_page .ranking_swimwear .sysContent .sysHorizontal li:nth-child(2),
  .old_page .ranking_swimwear .sysContent .sysHorizontal li:nth-child(3),
  .old_page .ranking_swimwear .sysContent .sysHorizontal li:nth-child(4), #sysItemCategory .ranking_swimwear .sysContent .sysHorizontal li:nth-child(1),
  #sysItemCategory .ranking_swimwear .sysContent .sysHorizontal li:nth-child(2),
  #sysItemCategory .ranking_swimwear .sysContent .sysHorizontal li:nth-child(3),
  #sysItemCategory .ranking_swimwear .sysContent .sysHorizontal li:nth-child(4), #sysItemDetail .ranking_swimwear .sysContent .sysHorizontal li:nth-child(1),
  #sysItemDetail .ranking_swimwear .sysContent .sysHorizontal li:nth-child(2),
  #sysItemDetail .ranking_swimwear .sysContent .sysHorizontal li:nth-child(3),
  #sysItemDetail .ranking_swimwear .sysContent .sysHorizontal li:nth-child(4) {
    width: 45% !important;
  }
  .old_page .brand_index, #sysItemCategory .brand_index, #sysItemDetail .brand_index {
    width: 90% !important;
    margin: 20px auto 40px;
  }
  .old_page .brand_index p, #sysItemCategory .brand_index p, #sysItemDetail .brand_index p {
    margin-bottom: 20px;
  }
  .old_page .brand_index li, #sysItemCategory .brand_index li, #sysItemDetail .brand_index li {
    float: none;
    width: 100%;
    margin: 0 0 40px;
  }
  .old_page .brand_index li p.cap, #sysItemCategory .brand_index li p.cap, #sysItemDetail .brand_index li p.cap {
    height: auto !important;
    font-size: 1.2rem;
  }
  .old_page .h_upper_catch_area_pc,
  .old_page .header_copy, #sysItemCategory .h_upper_catch_area_pc,
  #sysItemCategory .header_copy, #sysItemDetail .h_upper_catch_area_pc,
  #sysItemDetail .header_copy {
    font-size: 9px;
    text-align: left !important;
  }
  .old_page .lookbook_class ul li, #sysItemCategory .lookbook_class ul li, #sysItemDetail .lookbook_class ul li {
    width: 48.95%;
    float: left;
    position: relative;
    margin: 0px 2% 2% 0;
  }
  .old_page .lookbook_class ul li:nth-child(3n), #sysItemCategory .lookbook_class ul li:nth-child(3n), #sysItemDetail .lookbook_class ul li:nth-child(3n) {
    margin-right: 2%;
  }
  .old_page .lookbook_class ul li:nth-child(even), #sysItemCategory .lookbook_class ul li:nth-child(even), #sysItemDetail .lookbook_class ul li:nth-child(even) {
    margin-right: 0;
  }
  .old_page .lookbook_class ul li:hover .img_wrap:before,
  .old_page .lookbook_class ul li:hover .link_wrap, #sysItemCategory .lookbook_class ul li:hover .img_wrap:before,
  #sysItemCategory .lookbook_class ul li:hover .link_wrap, #sysItemDetail .lookbook_class ul li:hover .img_wrap:before,
  #sysItemDetail .lookbook_class ul li:hover .link_wrap {
    opacity: 0;
    pointer-events: none;
  }
  .old_page .blogRSS, #sysItemCategory .blogRSS, #sysItemDetail .blogRSS {
    margin-bottom: -30px !important;
  }
  .old_page #articleFeed, #sysItemCategory #articleFeed, #sysItemDetail #articleFeed {
    padding: 0px 10px;
    margin-bottom: 30px;
  }
  .old_page #articleFeed ul, #sysItemCategory #articleFeed ul, #sysItemDetail #articleFeed ul {
    width: 98%;
    margin: 0 auto;
  }
  .old_page #articleFeed li, #sysItemCategory #articleFeed li, #sysItemDetail #articleFeed li {
    width: 49%;
    float: left;
    max-height: 355px;
    border-radius: 5px;
    margin-right: 2%;
  }
  .old_page #articleFeed li:nth-child(even), #sysItemCategory #articleFeed li:nth-child(even), #sysItemDetail #articleFeed li:nth-child(even) {
    margin-right: 0;
  }
  .old_page #articleFeed li .img_wrap, #sysItemCategory #articleFeed li .img_wrap, #sysItemDetail #articleFeed li .img_wrap {
    max-height: 228px;
    overflow: hidden;
    display: block;
  }
  .old_page #articleFeed img, #sysItemCategory #articleFeed img, #sysItemDetail #articleFeed img {
    width: 100% !important;
    height: auto !important;
  }
  .old_page #articleFeed li .feedText, #sysItemCategory #articleFeed li .feedText, #sysItemDetail #articleFeed li .feedText {
    padding: 7px;
  }
  .old_page #articleFeed li .text_area, #sysItemCategory #articleFeed li .text_area, #sysItemDetail #articleFeed li .text_area {
    display: block;
    margin-top: 5px;
  }
  .old_page #articleFeed li .text_area .wp_title, #sysItemCategory #articleFeed li .text_area .wp_title, #sysItemDetail #articleFeed li .text_area .wp_title {
    height: 80px;
    font-size: 14px;
    line-height: 20px;
  }
  .old_page .instafeed ul, #sysItemCategory .instafeed ul, #sysItemDetail .instafeed ul {
    width: 96%;
    margin: 30px auto;
  }
  .old_page .instafeed #instafeed li, #sysItemCategory .instafeed #instafeed li, #sysItemDetail .instafeed #instafeed li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1px;
  }
  .old_page .instafeed #instafeed li:nth-child(3n), #sysItemCategory .instafeed #instafeed li:nth-child(3n), #sysItemDetail .instafeed #instafeed li:nth-child(3n) {
    margin-right: 0 !important;
  }
  .old_page#recruit .category_head p.txt, #sysItemCategory#recruit .category_head p.txt, #sysItemDetail#recruit .category_head p.txt {
    width: 90%;
    margin: 20px auto;
    text-align: left;
  }
  .old_page#recruit .division_link, #sysItemCategory#recruit .division_link, #sysItemDetail#recruit .division_link {
    width: 90%;
    margin: 0 auto;
  }
  .old_page#recruit .category_head p.txt, #sysItemCategory#recruit .category_head p.txt, #sysItemDetail#recruit .category_head p.txt {
    margin: 0 3%;
  }
  .old_page#recruit .subpage_inner, #sysItemCategory#recruit .subpage_inner, #sysItemDetail#recruit .subpage_inner {
    width: 95% !important;
  }
  .old_page#recruit p.no_recruit, #sysItemCategory#recruit p.no_recruit, #sysItemDetail#recruit p.no_recruit {
    padding: 0 10px;
  }
  .old_page#recruit .subpage_parts, #sysItemCategory#recruit .subpage_parts, #sysItemDetail#recruit .subpage_parts {
    margin: 0 auto 20px;
  }
  .old_page#recruit .division_link, #sysItemCategory#recruit .division_link, #sysItemDetail#recruit .division_link {
    width: 90%;
    margin: 0 auto;
  }
  .old_page#recruit .division_link li, #sysItemCategory#recruit .division_link li, #sysItemDetail#recruit .division_link li {
    margin-bottom: 2%;
  }
  .old_page#recruit .division_link li a, #sysItemCategory#recruit .division_link li a, #sysItemDetail#recruit .division_link li a {
    font-size: 3vw;
  }
  .old_page#recruit .subpage_inner .box dl, #sysItemCategory#recruit .subpage_inner .box dl, #sysItemDetail#recruit .subpage_inner .box dl {
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 15px;
  }
  .old_page#recruit .subpage_inner .box dt,
  .old_page#recruit .subpage_inner .box dd, #sysItemCategory#recruit .subpage_inner .box dt,
  #sysItemCategory#recruit .subpage_inner .box dd, #sysItemDetail#recruit .subpage_inner .box dt,
  #sysItemDetail#recruit .subpage_inner .box dd {
    padding: 10px;
    border-top: 0px solid #ccc;
  }
  .old_page#recruit .subpage_inner .box dt, #sysItemCategory#recruit .subpage_inner .box dt, #sysItemDetail#recruit .subpage_inner .box dt {
    width: 100%;
    float: none;
  }
  .old_page#recruit .subpage_inner .box dd, #sysItemCategory#recruit .subpage_inner .box dd, #sysItemDetail#recruit .subpage_inner .box dd {
    width: 100%;
    margin-left: 0%;
    border-left: 0px solid #ccc;
  }
  .old_page#recruit .subpage_inner .btn_recruit, #sysItemCategory#recruit .subpage_inner .btn_recruit, #sysItemDetail#recruit .subpage_inner .btn_recruit {
    text-align: center;
  }
  .old_page#recruit .subpage_inner .btn_recruit a, #sysItemCategory#recruit .subpage_inner .btn_recruit a, #sysItemDetail#recruit .subpage_inner .btn_recruit a {
    width: 80%;
    display: inline-block;
    margin: 15px auto 10px;
  }
}
@media screen and (min-width: 1200px) {
  .old_page, #sysItemCategory, #sysItemDetail {
    /* 30-0 Only PC
    *----------------------------------------------------------------------*/
    /**************************************
            ヘッダーの幅修正
    **************************************/
    /*カート内/お買い忘れはないですか？ 170131*/
  }
  .old_page .pc_none, #sysItemCategory .pc_none, #sysItemDetail .pc_none {
    display: none !important;
  }
  .old_page div#sysMain, #sysItemCategory div#sysMain, #sysItemDetail div#sysMain {
    float: right;
  }
  .old_page div#sysAside, #sysItemCategory div#sysAside, #sysItemDetail div#sysAside {
    float: left;
    max-width: 180px;
    width: 15%;
  }
  .old_page .h_lower_area .h_logo, #sysItemCategory .h_lower_area .h_logo, #sysItemDetail .h_lower_area .h_logo {
    float: left;
    width: 65%;
    /*720px*/
  }
  .old_page .cart_slider .bx-wrapper .bx-controls-direction a, #sysItemCategory .cart_slider .bx-wrapper .bx-controls-direction a, #sysItemDetail .cart_slider .bx-wrapper .bx-controls-direction a {
    top: 50%;
    margin-top: -18px;
    width: 20px;
    height: 37px;
  }
  .old_page .cart_slider .bx-wrapper .bx-prev, #sysItemCategory .cart_slider .bx-wrapper .bx-prev, #sysItemDetail .cart_slider .bx-wrapper .bx-prev {
    background-size: 40px;
  }
  .old_page .cart_slider .bx-wrapper .bx-next, #sysItemCategory .cart_slider .bx-wrapper .bx-next, #sysItemDetail .cart_slider .bx-wrapper .bx-next {
    background-position: -20px 0;
    background-size: 40px;
  }
  .old_page .cart_slider .bx-wrapper .bx-prev:hover, #sysItemCategory .cart_slider .bx-wrapper .bx-prev:hover, #sysItemDetail .cart_slider .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
  }
  .old_page .cart_slider .bx-wrapper .bx-next:hover, #sysItemCategory .cart_slider .bx-wrapper .bx-next:hover, #sysItemDetail .cart_slider .bx-wrapper .bx-next:hover {
    background-position: -20px 0;
  }
}
/*上書き用CSS*/
/*!────────────────────────────────────────
 * additional.scss 2019/10/17
 *────────────────────────────────────────*/
.tb_only {
  display: none !important;
}

.sp_only {
  display: none !important;
}

.pc_only {
  display: block !important;
}

.breadcrumb {
  width: 100%;
  display: flex;
  align-items: center;
}

.breadcrumb li {
  display: flex;
  align-items: center;
}

.breadcrumb li::after {
  content: ">";
  display: block;
  font-size: 1.3rem;
  line-height: 1;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

.breadcrumb li:last-child::after {
  content: none;
}

.breadcrumb li a {
  padding: 5px 10px;
  text-decoration: none;
  color: #2d2d2d;
  font-size: 1.3rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1;
}

.breadcrumb li a:hover {
  color: #ff6f9b;
}

.lp_lead {
  margin: 0 auto 60px;
}

.lp_lead p {
  text-align: center;
  letter-spacing: 0.052em;
  line-height: 1.8;
}

.lp_lead p span {
  display: block;
}

#ranking h1.sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  background: #000;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}

#ranking h1.sysHeadline span {
  display: block;
}

#ranking .ranking_ttl {
  margin-bottom: 30px;
}

#ranking h2.sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
  padding: 5px;
}

#ranking .ranking_parts {
  margin: 0 auto;
}

.common_icon {
  margin: 0 auto 30px;
  max-width: 1000px;
}

.common_icon .sysHeadline {
  letter-spacing: 0.02em;
  font-weight: bold;
  border-bottom: 2px solid #000;
  font-size: 17px !important;
  padding-bottom: 2px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

.common_icon ul {
  width: 100%;
  padding: 20px 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.common_icon li {
  display: flex;
  align-items: center;
  line-height: 1;
  margin: 0 6px 6px 0;
  border: 1px solid #999;
  border-radius: 3px;
}

.common_icon li a {
  display: block;
  padding: 5px;
  font-size: small;
  font-weight: bold;
  text-decoration: none;
}

@media screen and (max-width: 1100px) {
  .pc_only {
    display: none !important;
  }
  .sp_only {
    display: none !important;
  }
  .tb_only {
    display: block !important;
  }
  #ranking h1.sysHeadline {
    font-size: 30px;
  }
  #ranking h2.sysHeadline {
    font-size: 30px;
  }
  .common_icon {
    margin: 0 auto 30px;
    width: 96vw;
  }
}
@media screen and (max-width: 650px) {
  .pc_only {
    display: none !important;
  }
  .tb_only {
    display: none !important;
  }
  .sp_only {
    display: block !important;
  }
  .lp_lead {
    padding: 10px;
    margin: 0 auto 30px;
    width: calc(100% - (2.380952381% + 5px) * 2);
    background-color: #f5f5f5;
  }
  .lp_lead p {
    text-align: left;
  }
  .lp_lead p span {
    display: inline;
  }
  #ranking h1.sysHeadline {
    font-size: 20px;
  }
  #ranking .ranking_ttl {
    margin-bottom: 20px;
  }
  #ranking h2.sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#sysItemCategory .sysItemBlock ul {
  display: flex;
  flex-wrap: wrap;
}

.old_page#sysItemDetail .sysCartButton {
  padding: 22px 14px !important;
  background: #000 url("https://www.peakpine.com/img/layout/system/btn_cart.png") center center no-repeat;
  background-size: 140px;
  border: 1px solid #000;
  transition: all 0.5s;
}

.old_page#sysItemDetail .sysCartButton:hover {
  background: #fff url("https://www.peakpine.com/img/layout/system/btn_cart_blk.png") center center no-repeat;
  background-size: 140px;
}

.old_page#sysItemDetail .sysGoCartButton,
.old_page#sysItemDetail .sysGoCartButton:hover {
  background: #fff url("https://www.peakpine.com/img/layout/system/btn_cart2_blk.png") center center no-repeat;
  background-size: 127px;
  border: 1px solid #000;
}

.old_page#sysItemDetail .sysFreeForm .sysNextSubmit {
  border: 1px solid #DDDDDD;
  background: #DDDDDD url("https://www.peakpine.com/img/layout/system/btn_restock.png") center center no-repeat;
  background-size: 120px;
  transition: all 0.5s;
}

.old_page#sysItemDetail .sysFreeForm .sysNextSubmit:hover {
  background: #fff url("https://www.peakpine.com/img/layout/system/btn_restock.png") center center no-repeat;
  background-size: 120px;
}

#sysItemDetail#sysItemDetail #sysMain .sysFreeForm input.sysNextSubmit {
  margin: 5px 0 5px auto;
}

#top #sysMain #rankingWrap .flex_wrap .top_ranking_mask {
  margin-right: 0px;
  width: 480px;
}

@media screen and (max-width: 1100px) {
  #top #sysMain #rankingWrap .flex_wrap .top_ranking_mask {
    width: 100%;
    margin-right: 0;
  }
  #top #sysMain #rankingWrap .flex_wrap .top_ranking_resort {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) {
  #top #sysMain #rankingWrap .flex_wrap .top_ranking_mask {
    width: 100%;
  }
}
#sysFooter .footer_wrap .footer_inner #footer_left #nav_wrap .f_navi.f_navi02 {
  display: none;
}

#sysFooter .footer_wrap .footer_inner #footer_right #f_sns ul li {
  max-width: 35px;
  width: 16%;
  margin-right: 9%;
}

#sysFooter .footer_wrap .footer_inner #footer_left {
  width: 720px;
}

#sysFooter .footer_wrap .footer_inner #footer_right {
  width: calc(100% - 720px);
}

@media screen and (max-width: 1100px) {
  #sysFooter .footer_wrap .footer_inner #footer_left {
    width: 100%;
  }
  #sysFooter .footer_wrap .footer_inner #footer_right {
    width: 50%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 650px) {
  #sysFooter .footer_wrap .footer_inner #footer_right {
    width: 100%;
  }
  #sysFooter .footer_wrap .footer_inner #footer_right #f_sns ul {
    width: 100%;
    justify-content: center;
  }
  #sysFooter .footer_wrap .footer_inner #footer_right #f_sns ul li {
    width: 23%;
    margin-right: 2.6666666667%;
    padding: 0 5px !important;
  }
}
#parts_preloader {
  display: none;
}

#ranking #sysAll #sysWrap #sysMain .ranking_parts.ranking_albove .sysItemBlock .sysHorizontal li:nth-child(n+4) {
  display: none;
}

#ranking_albove h1.sysHeadline,
#ranking_mens h1.sysHeadline,
#ranking_mask h1.sysHeadline,
#ranking_resort h1.sysHeadline,
#ranking_swimwear h1.sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  background: #000;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}

#ranking_albove h1.sysHeadline span,
#ranking_mens h1.sysHeadline span,
#ranking_mask h1.sysHeadline span,
#ranking_resort h1.sysHeadline span,
#ranking_swimwear h1.sysHeadline span {
  display: block;
}

#ranking_albove .ranking_ttl,
#ranking_mens .ranking_ttl,
#ranking_mask .ranking_ttl,
#ranking_resort .ranking_ttl,
#ranking_swimwear .ranking_ttl {
  margin-bottom: 30px;
}

#ranking_albove h2.sysHeadline,
#ranking_mens h2.sysHeadline,
#ranking_mask h2.sysHeadline,
#ranking_resort h2.sysHeadline,
#ranking_swimwear h2.sysHeadline {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
  padding: 5px;
}

#ranking_albove .ranking_parts,
#ranking_mens .ranking_parts,
#ranking_mask .ranking_parts,
#ranking_resort .ranking_parts,
#ranking_swimwear .ranking_parts {
  margin: 0 auto;
}

@media screen and (max-width: 1100px) {
  #ranking_albove h1.sysHeadline,
  #ranking_mens h1.sysHeadline,
  #ranking_mask h1.sysHeadline,
  #ranking_resort h1.sysHeadline,
  #ranking_swimwear h1.sysHeadline {
    font-size: 30px;
  }
  #ranking_albove h2.sysHeadline,
  #ranking_mens h2.sysHeadline,
  #ranking_mask h2.sysHeadline,
  #ranking_resort h2.sysHeadline,
  #ranking_swimwear h2.sysHeadline {
    font-size: 30px;
  }
}
@media screen and (max-width: 650px) {
  #ranking_albove h1.sysHeadline,
  #ranking_mens h1.sysHeadline,
  #ranking_mask h1.sysHeadline,
  #ranking_resort h1.sysHeadline,
  #ranking_swimwear h1.sysHeadline {
    font-size: 20px;
  }
  #ranking_albove .ranking_ttl,
  #ranking_mens .ranking_ttl,
  #ranking_mask .ranking_ttl,
  #ranking_resort .ranking_ttl,
  #ranking_swimwear .ranking_ttl {
    margin-bottom: 20px;
  }
  #ranking_albove h2.sysHeadline,
  #ranking_mens h2.sysHeadline,
  #ranking_mask h2.sysHeadline,
  #ranking_resort h2.sysHeadline,
  #ranking_swimwear h2.sysHeadline {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.about_pp_albove {
  margin: 0 auto 80px;
  max-width: 1000px;
}

.about_pp_albove h2 {
  margin-bottom: 10px;
}

.about_pp_albove p {
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 11px;
  letter-spacing: 0.052em;
}

@media screen and (max-width: 1100px) {
  #sysFooter .about_pp_albove {
    width: 96vw;
    margin: 0 2vw 40px;
  }
  #sysFooter .about_pp_albove h2 {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 640px) {
  /*
  #sysMain .footer_category_menu .f_category.f_item10 .sysHeadline {
    padding: 0;
  }
  #sysMain .footer_category_menu .f_category.f_item10 .sysHeadline a {
    display: block;
    width: 100%;
    padding: 16px 2vw;
  }
  #sysMain .footer_category_menu .f_category.f_item10 .sysHeadline::before {
    display: none;
  }
  #sysMain .footer_category_menu .f_category.f_item10 .sysContent {
    display: none !important;
  }
  */
}
@media screen and (max-width: 640px) {
  #sysMain .footer_category_menu .f_category.f_item10 .sysContent li.sysText:nth-child(3), #sysMain .footer_category_menu .f_category.f_item10 .sysContent li.sysText:nth-child(4), #sysMain .footer_category_menu .f_category.f_item10 .sysContent li.sysText:nth-child(5), #sysMain .footer_category_menu .f_category.f_item10 .sysContent li.sysText:nth-child(6), #sysMain .footer_category_menu .f_category.f_item10 .sysContent li.sysText:nth-child(7), #sysMain .footer_category_menu .f_category.f_item10 .sysContent li.sysText:nth-child(8) {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  #sysFooter .h_hummenu .hum_wrap #humSearch {
    margin-bottom: 20px;
  }
  #sysFooter .h_hummenu .hum_wrap .popular_keywords .sysContent ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 20px 0;
  }
  #sysFooter .h_hummenu .hum_wrap .popular_keywords .sysContent ul li {
    width: 49% !important;
    margin-right: 2%;
  }
  #sysFooter .h_hummenu .hum_wrap .popular_keywords .sysContent ul li:nth-child(2n) {
    margin-right: 0;
  }
  #sysFooter .h_hummenu .hum_wrap .popular_keywords .sysContent ul li a {
    display: block;
    font-size: 11px;
    border-bottom: 1px dotted #ccc;
    margin-right: 10px;
    padding: 10px 0;
  }
}
.old_page#sysItemDetail .sysGoCartButton,
#sysItemCategory#sysItemDetail .sysGoCartButton,
#sysItemDetail#sysItemDetail .sysGoCartButton {
  background: #9e2418 url(https://www.peakpine.com/img/layout/system/btn_cart2.png) center center no-repeat;
  background-size: 127px;
}

@media screen and (max-width: 640px) {
  .old_page #sysWrap, #sysItemCategory #sysWrap, #sysItemDetail #sysWrap, .brand_page #sysWrap {
    padding-top: 80px !important;
  }
}
.old_page#sysItemDetail .btn_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.old_page#sysItemDetail .btn_wrap .button05 {
  width: 49% !important;
  border-radius: 5px;
  padding: 0px 20px !important;
  height: auto !important;
  border: 1px solid #aaa;
  background: transparent !important;
  color: #aaa !important;
  margin-bottom: 0 !important;
}

.old_page#sysItemDetail .btn_wrap .button05.line {
  width: 49% !important;
  border-radius: 5px;
  padding: 0px 20px !important;
  height: auto !important;
  border: 1px solid #06c755;
  background: #06c755 !important;
  color: #fff !important;
  margin-bottom: 0 !important;
}

.old_page#sysItemDetail .btn_wrap .button05:hover {
  background: #aaa !important;
  color: #fff !important;
}

.old_page#sysItemDetail .btn_wrap .button05.line:hover {
  background: #06c755 !important;
  color: #fff !important;
}

@media screen and (max-width: 640px) {
  .old_page#sysItemDetail .btn_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .old_page#sysItemDetail .btn_wrap .button05 {
    width: 100% !important;
    border-radius: 5px;
    padding: 0px 20px !important;
    height: auto !important;
    border: 1px solid #aaa;
    background: transparent !important;
    color: #aaa !important;
    margin-bottom: 0 !important;
  }
  .old_page#sysItemDetail .btn_wrap .button05:hover {
    background: #aaa !important;
    color: #fff !important;
  }
  .old_page#sysItemDetail .btn_wrap .button05.line {
    width: 100% !important;
    border-radius: 5px;
    padding: 0px 20px !important;
    height: auto !important;
    border: 1px solid #06c755;
    background: #06c755 !important;
    color: #fff !important;
    margin-bottom: 0 !important;
  }
  .old_page#sysItemDetail .btn_wrap .button05.line:hover {
    background: #06c755 !important;
    color: #fff !important;
  }
}
.old_page .ranking_parts li::before {
  font-family: "Lato", sans-serif;
  background: transparent;
  text-indent: 0;
  width: auto !important;
  height: 30px;
  color: #000;
  font-size: 25px;
}

.old_page .ranking_parts li:nth-child(1)::before {
  content: "No.1";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(2)::before {
  content: "No.2";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(3)::before {
  content: "No.3";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(4)::before {
  content: "No.4";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(5)::before {
  content: "No.5";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(6)::before {
  content: "No.6";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(7)::before {
  content: "No.7";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(8)::before {
  content: "No.8";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(9)::before {
  content: "No.9";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(10)::before {
  content: "No.10";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(11)::before {
  content: "No.11";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(12)::before {
  content: "No.12";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(13)::before {
  content: "No.13";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(14)::before {
  content: "No.14";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(15)::before {
  content: "No.15";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(16)::before {
  content: "No.16";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(17)::before {
  content: "No.17";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(18)::before {
  content: "No.18";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(19)::before {
  content: "No.19";
  background: transparent;
}

.old_page .ranking_parts li:nth-child(20)::before {
  content: "No.20";
  background: transparent;
}

@media screen and (max-width: 640px) {
  .old_page .ranking_parts .sysContent .sysHorizontal li::before {
    font-size: 20px;
  }
  .old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(1), .old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(2), .old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(3), .old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(4) {
    width: 45% !important;
  }
  .old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(1)::before, .old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(2)::before, .old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(3)::before, .old_page .ranking_parts .sysContent .sysHorizontal li:nth-child(4)::before {
    font-size: 25px;
  }
}
.breadcrumb {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#albove .top_banner {
  margin-bottom: 80px;
}

#albove .top_banner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#albove .top_banner ul li {
  float: none !important;
  width: 300px;
  margin-right: 50px;
  margin-bottom: 60px;
}

#albove .top_banner ul li:nth-child(3) {
  margin-right: 0;
}

@media screen and (max-width: 1100px) {
  #albove .top_banner ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  #albove .top_banner ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) {
  #albove .top_banner ul li {
    width: 90%;
    margin: 0 5% 30px;
  }
}
#albove .top_banner ul li:nth-child(n+4) {
  width: 235px;
  margin-right: 20px;
  margin-bottom: 10px;
}

#albove .top_banner ul li:nth-child(n+7) {
  margin-bottom: 0;
}

#albove .top_banner ul li:nth-child(3), #albove .top_banner ul li:nth-child(4n+3) {
  margin-right: 0;
}

#albove .top_banner ul li a img {
  margin-bottom: 10px;
}

#albove .top_banner ul li a .caption {
  display: block;
  line-height: 1.6;
  font-size: 10px;
}

#albove .top_banner ul li a .caption span {
  display: block;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 12px;
}

@media screen and (max-width: 650px) {
  #albove .top_banner {
    margin-bottom: 40px;
  }
  #albove .top_banner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #albove .top_banner ul li {
    float: none !important;
    width: 300px;
    margin-right: 50px;
    margin-bottom: 60px;
  }
  #albove .top_banner ul li:nth-child(3) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) and (max-width: 1100px) {
  #albove .top_banner ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  #albove .top_banner ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) and (max-width: 650px) {
  #albove .top_banner ul li {
    width: 90%;
    margin: 0 5% 30px;
  }
}
@media screen and (max-width: 650px) {
  #albove .top_banner ul li:nth-child(n+4) {
    width: 47.5%;
    margin-right: 3%;
    margin-left: 0;
    margin-bottom: 3px;
  }
  #albove .top_banner ul li:nth-child(2n+3), #albove .top_banner ul li:nth-child(5) {
    margin-right: 0;
  }
  #albove .top_banner ul li:nth-child(3) {
    margin-right: 5%;
  }
  #albove .top_banner ul li a img {
    margin-bottom: 10px;
  }
  #albove .top_banner ul li a .caption {
    display: block;
    line-height: 1.6;
    font-size: 10px;
  }
  #albove .top_banner ul li a .caption span {
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 0.02em;
    font-weight: bold;
    font-size: 14px;
  }
}
.old_page#sysItemSearch .sysThumbnail li, .old_page#sysItemCategory .sysThumbnail li, #sysItemCategory#sysItemSearch .sysThumbnail li, #sysItemCategory#sysItemCategory .sysThumbnail li, #sysItemDetail#sysItemSearch .sysThumbnail li, #sysItemDetail#sysItemCategory .sysThumbnail li {
  padding: 10px !important;
}

/* ヘッダーカート内商品数表示 */
.h_cart_info {
  display: none;
}

#sysHeader #header_inner .h_navi #h_navi ul li {
  position: relative;
}

button.itemCount {
  display: none;
  border: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  margin-left: 5px;
  color: #fff;
  background: #fc709b;
  border-radius: 10px;
  position: absolute;
  top: 20px;
  right: -20px;
  pointer-events: none;
}

#spCart {
  position: relative;
  display: none;
}

button.itemCount2 {
  display: none;
  border: none;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  text-align: center;
  line-height: 15px;
  font-size: 10px;
  font-weight: bold;
  background-color: #fc709b;
  color: #fff;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -5px;
  pointer-events: none;
}

@media screen and (max-width: 1100px) {
  #spCart {
    position: relative;
    display: block;
  }
  input.opcConfirm_requestOrder.opcCommonButton.opcConfirm_order {
    font-size: 1.2em;
  }
}
#sysItemDetail .renew_wrap .btn_wrap {
  display: block;
  margin-bottom: 30px;
}

#sysItemDetail .renew_wrap .btn_wrap ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#sysItemDetail .renew_wrap .btn_wrap ul li {
  width: 30.8%;
  height: 60px;
  border: 1px solid #000;
  position: relative;
}

#sysItemDetail .renew_wrap .btn_wrap ul li::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-bottom: 16px solid #000;
  border-left: 16px solid transparent;
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 1;
  pointer-events: none;
}

#sysItemDetail .renew_wrap .btn_wrap ul li::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-bottom: 13px solid #fff;
  border-left: 13px solid transparent;
  position: absolute;
  bottom: 6px;
  right: 6px;
  z-index: 2;
  pointer-events: none;
}

#sysItemDetail .renew_wrap .btn_wrap ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#sysItemDetail .renew_wrap .btn_wrap .large_btn {
  display: block;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  border: 1px solid #000;
  position: relative;
}

#sysItemDetail .renew_wrap .btn_wrap .large_btn::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-bottom: 16px solid #000;
  border-left: 16px solid transparent;
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 1;
  pointer-events: none;
}

#sysItemDetail .renew_wrap .btn_wrap .large_btn::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-bottom: 13px solid #fff;
  border-left: 13px solid transparent;
  position: absolute;
  bottom: 6px;
  right: 6px;
  z-index: 2;
  pointer-events: none;
}

#sysItemDetail .renew_wrap .btn_wrap .large_btn a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 680px) {
  #sysItemDetail .renew_wrap * {
    font-family: "Noto Sans Display", "Noto Sans JP", sans-serif;
  }
  #sysItemDetail .renew_wrap .btn_wrap ul li {
    width: 30.6666666667vw;
  }
}
/* カテゴリーアコーディオン */
#sysItemCategory .category_head .accordion_wrap {
  width: 100%;
  margin-top: 20px;
}

#sysItemCategory .category_head .accordion_wrap dl {
  margin-bottom: 20px;
  border: 1px solid #ededed;
  border-radius: 5px;
  overflow: hidden;
}

#sysItemCategory .category_head .accordion_wrap dl:last-child {
  margin-bottom: 0;
}

#sysItemCategory .category_head .accordion_wrap dl dt {
  width: 100%;
  padding: 10px;
  background: #ededed;
  font-weight: 700;
  position: relative;
  cursor: pointer;
}

#sysItemCategory .category_head .accordion_wrap dl dt::before {
  content: "";
  display: block;
  width: 15px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(-50%, -50%);
}

#sysItemCategory .category_head .accordion_wrap dl dt::after {
  content: "";
  display: block;
  width: 15px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(-50%, -50%) rotateZ(90deg);
  transition-duration: 0.3s;
}

#sysItemCategory .category_head .accordion_wrap dl dt.open::after {
  transform: translate(-50%, -50%) rotateZ(0);
}

#sysItemCategory .category_head .accordion_wrap dl dd {
  display: none;
  padding: 20px 10px;
}

form[action="https://www.peakpine.com/mypage/my-coupon.html"] {
  display: none !important;
}

#sysItemCategory .sysItemList .sysSuggestedRetailPrice,
#sysItemSearch .sysItemList .sysSuggestedRetailPrice {
  text-decoration: line-through;
}
#sysItemCategory .sysItemList .sysSuggestedRetailPrice span,
#sysItemSearch .sysItemList .sysSuggestedRetailPrice span {
  text-decoration: none !important;
}
#sysItemCategory .sysItemList .sysRetailPrice.sysRetailPriceWithSuggested,
#sysItemSearch .sysItemList .sysRetailPrice.sysRetailPriceWithSuggested {
  color: #f75353;
  font-size: 1.1em !important;
}
#sysItemCategory .sysItemList .sysRetailPrice.sysRetailPriceWithSuggested::before,
#sysItemSearch .sysItemList .sysRetailPrice.sysRetailPriceWithSuggested::before {
  content: "SALE価格：";
  display: inline;
}
#sysItemCategory .sysItemList .sysItemPrArea span.sale,
#sysItemSearch .sysItemList .sysItemPrArea span.sale {
  font-size: small;
  padding: 2px 10px;
  background: #f75353;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin-bottom: 3px;
}

#sysItemDetail #sysMain .orderArea.itemdetail .sysSuggestedRetailPrice:has(span) {
  margin-top: 0;
  text-decoration: line-through;
}
#sysItemDetail #sysMain .orderArea.itemdetail .sysSuggestedRetailPrice:has(span) span {
  font-size: 1em;
}
#sysItemDetail #sysMain .orderArea.itemdetail .sysSuggestedRetailPrice:has(span) + .sysRetailPrice {
  color: #f75353;
}
#sysItemDetail #sysMain .orderArea.itemdetail .sysSuggestedRetailPrice:has(span) + .sysRetailPrice::before {
  content: "SALE価格：";
  display: inline;
}
#sysItemDetail #sysMain .orderArea.itemdetail .sysPr span.sale {
  font-size: small;
  padding: 2px 10px;
  background: #f75353;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  margin-bottom: 3px;
}

#sysMain .brand_list ul {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 650px) {
  #sysMain .brand_list ul {
    justify-content: space-between;
    gap: 5.3333333333vw 0;
  }
}
#sysMain .brand_list ul li {
  width: calc((100% - 40px) / 3);
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 650px) {
  #sysMain .brand_list ul li {
    width: 48%;
  }
}

body.form-recruit#sysFormIndex div#sysMain {
  float: none !important;
  max-width: 680px;
  width: 100%;
  margin: 0 auto 70px;
}
@media screen and (max-width: 650px) {
  body.form-recruit#sysFormIndex div#sysMain {
    padding: 10px !important;
  }
}
body.form-recruit#sysFormIndex div#sysMain > h2 {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}
body.form-recruit#sysFormIndex div#sysMain > p {
  margin: 10px auto;
}
body.form-recruit#sysFormIndex div#sysMain > form {
  padding: 10px;
}
@media screen and (max-width: 650px) {
  body.form-recruit#sysFormIndex div#sysMain > form {
    padding: 0;
  }
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem {
  margin-bottom: 10px;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem span.sysRequired {
  color: #ff6f9b;
  font-weight: bolder;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys2 div.sysFormField > input {
  line-height: 15px;
  padding: 5px;
  font-size: small;
  margin: 5px auto;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys3 div.sysFormField > input {
  line-height: 15px;
  padding: 5px;
  font-size: small;
  margin: 5px auto;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys5 div.sysFormField {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys5 div.sysFormField > label {
  padding-top: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys5 div.sysFormField > label > input {
  margin: -3px 0 0;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys6 div.sysFormField > input {
  line-height: 15px;
  padding: 5px;
  font-size: small;
  margin: 5px auto;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys7 div.sysFormField > input {
  line-height: 15px;
  padding: 5px;
  font-size: small;
  margin: 5px auto;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys8 div.sysFormField {
  display: flex;
  gap: 5px;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys8 div.sysFormField > input {
  line-height: 15px;
  padding: 5px;
  font-size: small;
  margin: 5px 0;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys8 div.sysFormField button.sysButton {
  flex-shrink: 0;
  width: 200px;
  height: 40px;
  margin: 5px 0;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys9 div.sysFormField > select {
  width: 200px;
  height: 50px;
}
body.form-recruit#sysFormIndex div#sysMain > form div.sysForm div.sys10 div.sysFormField > input {
  line-height: 15px;
  padding: 5px;
  font-size: small;
  margin: 5px auto;
}
body.form-recruit#sysFormIndex div#sysMain > form input.sysNextSubmit {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: #4b4b4b;
  border: none;
  border-radius: 5px;
  text-shadow: none;
  line-height: 15px;
  padding: 5px;
  font-size: small;
  margin: 5px auto;
}
body.form-recruit#sysFormConfirm div#sysMain {
  float: none !important;
  max-width: 680px;
  width: 100%;
  margin: 0 auto 70px;
}
@media screen and (max-width: 650px) {
  body.form-recruit#sysFormConfirm div#sysMain {
    padding: 10px !important;
  }
}
body.form-recruit#sysFormConfirm div#sysMain > h2 {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}
body.form-recruit#sysFormConfirm div#sysMain > form {
  padding: 0;
}
body.form-recruit#sysFormConfirm div#sysMain > form div.sysForm div.sysFormItem {
  margin-bottom: 10px;
}
body.form-recruit#sysFormConfirm div#sysMain > form button.sysButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  color: #000;
  font-size: 1.3rem;
  background-color: #fff;
  border: 1px solid #999;
  cursor: pointer;
}
body.form-recruit#sysFormConfirm div#sysMain > form + form input.sysNextSubmit {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  background: #4b4b4b;
  border-radius: 5px;
}
@media screen and (max-width:640px){

}
@media screen and (min-width:641px) and (max-width:1200px){

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

}
/* #END_OF_RESOURCE_FILE */