@charset "UTF-8";
/*!────────────────────────────────────────
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 ────────────────────────────────────────*/
/*
  # Global selectors
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans&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 {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

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 {
  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;
}

:focus {
  outline: none;
}

/*added 2018-05-14*/
ul {
  list-style: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

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

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

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

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*!────────────────────────────────────────
* _variables.scss
* This file sets key colors etc.
────────────────────────────────────────*/
/* 基本設定
 *----------------------------------------------------------------------*/
html {
  font-size: 62.3%;
}

body {
  color: #000;
  font-size: 1.3rem;
  /*13px*/
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  line-height: 1.6;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sp_only {
  display: none;
}

#sysAll {
  max-width: 100%;
  background-color: transparent;
  padding: 0;
  overflow: hidden;
}

#sysWrap {
  max-width: 1100px;
  margin: 160px auto 0;
  padding: 0;
  overflow: hidden;
}

#sysHeader {
  margin: 0;
  padding: 0;
}

div#sysMain {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

#sysAside {
  display: none;
  float: none;
  padding: 0;
}

#sysFooter {
  margin: 0;
  padding: 0;
}

#top #sysWrap {
  margin-top: 0;
}

.sysContent {
  padding: 0;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: inherit;
}

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

img {
  vertical-align: bottom;
  /*you kakunin*/
  height: auto;
}

a:hover img.nohover {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-filter: "alpha( opacity=100 )";
  -webkit-filter: "alpha( opacity=100 )";
  -o-filter: "alpha( opacity=100 )";
  -ms-filter: "alpha( opacity=100 )";
}

p.indent {
  margin: 5px 0 !important;
  text-indent: 1em;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

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

/* フォーム要素の基本レイアウト */
input[type=search], input[type=text], input[type=tel], input[type=email], input[type=password], textarea {
  -webkit-appearance: none;
  padding: 10px 5px !important;
  width: 100%;
  line-height: 2;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0;
}

input[type=submit] {
  -webkit-appearance: none;
  padding: 10px 5px !important;
  line-height: 2;
  margin-top: 30px;
}

input[type="radio"] {
  margin: 10px 10px 20px;
}

.sysFormField {
  margin: 10px 0;
}

.sysFormField label {
  margin-right: 20px;
  font-size: 15px;
}

.sysFormField a {
  display: inline-block;
  color: #068acc;
  border-bottom: 1px solid #068acc;
  line-height: 15px;
  margin: 0 3px;
}

select {
  height: 30px;
}

#sysItemCategory select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none !important;
  width: 100%;
  padding: 3px 5px;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.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;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.top_slider .owl-carousel .owl-stage-outer {
  height: auto;
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.top_slider .owl-carousel .owl-wrapper,
.top_slider .owl-carousel .owl-item {
  width: 1000px !important;
  -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);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.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;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  /*background: url("owl.video.play.png") no-repeat;*/
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-controls {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-controls .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.owl-controls .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}

.owl-controls .owl-nav .disabled {
  opacity: .5;
  cursor: default;
}

.owl-dots {
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
}

.owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 12.5px;
  background: #ededed;
  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;
}

.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
  background: #004098;
}

.owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-nav [class*=owl-] {
  position: absolute;
  top: calc(50% - 15px);
  width: 50px !important;
  height: 50px !important;
  outline: 0;
  padding: 0;
  text-indent: -9999px;
  z-index: 9999;
  border: none;
  border-radius: none;
  cursor: pointer;
}

.owl-nav .owl-prev {
  left: 6px;
  background: url(https://www.fishing-labo.toray/img/top/slider/arrow_left.png) top center no-repeat;
  background-size: 100% 100%;
}

.owl-nav .owl-next {
  right: 6px;
  background: url(https://www.fishing-labo.toray/img/top/slider/arrow_right.png) top center no-repeat;
  background-size: 100% 100%;
}

/* 検索ボックス */
.search_bx form {
  overflow: hidden;
  border: 1px solid #dddddd;
}

.search_bx .sysItemSearchFormWord {
  float: left;
  width: 70%;
}

.search_bx input[type="search"] {
  height: 40px;
  border: none;
  padding: 5px;
  width: 100%;
}

.search_bx .sysSearchButton {
  overflow: hidden;
  float: left;
  display: block;
  width: 30%;
  height: 40px;
  margin: 0;
  padding: 0;
  text-indent: -999px;
  border-radius: 0px;
  border: none;
  background: #222222 url(https://www.fishing-labo.toray/img/common/ico_search.png) no-repeat center center;
  background-size: 70px;
  cursor: pointer;
}

/* submitボタンの調整 */
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit {
  background: #666;
  color: #fff;
  display: block;
  padding: 10px 15px;
  text-shadow: none;
  border-color: transparent;
  border-radius: 3px;
  width: 80%;
  height: 50px;
  margin: 0 auto;
}

/* 商品カテゴリページ */
.sysFuncItemCategory a {
  line-height: 1.75;
}

.sysFuncItemCategory a:hover {
  background: #eee;
}

#sysItemCategory h1.itemCategory {
  margin-left: 5px;
  border-left: 5px solid #222222;
  padding-left: 10px;
  font-size: 18px;
  margin: 20px 0 10px;
}

.sysSelectionDescription {
  margin: 2px 0 10px;
}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
  font-size: small;
}

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

/* PRアイコン設定 */
.sysItemPr {
  font-size: small;
  padding: 0 5px;
  background: #fff;
  border: 1px solid #666;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
}

/*PRアイコン(商品詳細ページ)*/
.sysPr span {
  width: 24%;
  padding: 3px 10px;
  color: #222222;
  font-weight: bold;
  font-size: 13px;
  border-radius: 15px;
  margin: 0 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

span.icon_online, span.icon_kyobashi {
  display: inline-block;
  background: #ff1000;
  border: 3px solid #ff1000;
  color: #fff;
}

span.icon_book {
  display: inline-block;
  border: 3px solid #ff1000;
  color: #ff1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

span.icon_chilled {
  display: inline-block;
  background: #4472c4;
  border: 3px solid #4472c4;
  color: #fff;
  text-indent: 0.5em;
  letter-spacing: 0.5em;
}

/* カートボタン */
.sysCartButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  background-color: #222222;
  color: #fff;
  cursor: pointer;
}

.sysCartButton:hover {
  background: #999;
}

/* アーカイブリスト */
.sysItemList ul.sysList li .sysThumbnailImage {
  width: 40%;
  max-width: 200px;
}

/* 4-1-7  商品サムネイル画像 */
.sysItemList ul.sysThumbnail li {
  display: inline-block;
  float: none;
  vertical-align: top;
  letter-spacing: normal;
}

.sysItemList ul.sysThumbnail {
  letter-spacing: -.4em;
}

.sysItemList ul.sysThumbnail input {
  width: 100%;
  padding: 10px 0;
}

/* 商品ぺージ */
/* 商品画像 */
.sysThumbnailImage > span, .sysThumbnailImage > br {
  display: none;
}

.sysItemImages {
  max-width: 500px;
  padding-right: 20px;
}

.sysItemImages .sysImageList li {
  display: inline-block;
  vertical-align: top;
  height: auto;
  width: 23%;
  line-height: 1;
  float: none;
  margin: 1% 0;
}

/* 商品名 */
.sysItemName h1 {
  font-size: x-large;
}

/* 注文エリア*/
.orderArea {
  letter-spacing: -.4em;
  text-align: center;
}

.orderArea > div {
  width: 50%;
  display: inline-block;
  letter-spacing: normal;
  text-align: left;
  vertical-align: top;
}

.orderArea > .orderArea > div {
  width: 100%;
  display: block;
}

/* 商品ページのタイトル */
.sysItemName,
.sysExplanation > div > span,
.sysReview > span {
  display: block;
  margin-bottom: 0px;
  font-size: large;
}

/* 商品説明 */
.sysExplanation table {
  width: 100%;
  text-align: center;
  border: 1px solid #999;
  line-height: 2;
}

.sysExplanation thead {
  text-align: center;
  color: #fff;
  background: #999;
}

.sysExplanation td {
  font-size: small;
  text-align: left;
  padding-left: 10px;
}

/* 買い物フォーム */
#sysItemDetail .sysRetailPrice {
  font-weight: bold;
}

#sysItemDetail #sysVariation {
  overflow: hidden;
  margin: 5px auto;
}

#sysItemDetail #sysVariation > div {
  margin: 10px auto;
  overflow: hidden;
}

#sysItemDetail .sysNumArea button {
  display: inline-block;
  width: 48%;
  background: #666;
  padding: 10px;
  border: 1px solid #999;
  border-radius: 5px;
  color: #fff;
}

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

#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
  width: 98%;
  margin-left: 2%;
}

#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
}

#sysCartInForm {
  width: 100%;
}

/* ログインボタン */
.sysLoginButton,
.sysButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  background-color: #666;
  color: #fff;
  cursor: pointer;
}

.sysLoginButton,
.sysButton:hover {
  background: #999;
}

.sysLoginButton {
  display: block;
  width: 50%;
  margin: 10px auto;
  padding: 20px;
}

/* カートボタン */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
  background: #666;
  color: #fff;
  text-shadow: none;
}

.sysCartInDone {
  margin: 0;
}

/* フォームページの基本レイアウト*/
#sysFormIndex #sysMain,
#sysFormConfirm #sysMain,
#sysFormThanks #sysMain,
.sysMemberRegister #sysMain,
.sysMypage #sysMain {
  width: 1100px;
  border: 1px solid #eee;
  padding: 20px 150px;
  margin: 30px auto;
}

#sysDestination #sysMain {
  width: 1100px;
  border: 1px solid #eee;
  padding: 20px 150px;
  margin: 30px auto;
}

#sysFormConfirm label, #sysMemberRegisterConfirm label {
  display: block;
  margin: 15px 0 5px !important;
}

#sysFormConfirm .sysFormField #sysMemberRegisterConfirm .sysFormField {
  margin: 10px 0 20px !important;
}

#sysFormConfirm button.sysButton {
  width: 49%;
  float: left;
  margin: 0;
  margin-right: 1%;
  margin-top: 30px;
  height: 50px;
  border-radius: 3px;
  background: #ccc;
  color: #444;
}

#sysFormConfirm .sysNextSubmit {
  width: 49%;
  margin: 0;
  margin-top: 50px;
  margin-left: 1%;
}

#sysMemberRegisterConfirm .sysNextSubmit {
  width: 49%;
  margin: 0;
  margin-top: 20px;
  margin-right: 1%;
  float: left;
}

#sysMemberRegisterConfirm .sysBackButton {
  width: 49%;
  float: left;
  margin: 0;
  margin-left: 1%;
  margin-top: 0px;
  height: 50px;
  border-radius: 3px;
  background: #ccc;
  color: #444;
}

#sysFormThanks .completeText {
  margin: 20px 0;
  text-align: center;
  font-size: 15px;
}

#sysFormThanks .completeText a {
  color: #068acc;
  text-decoration: underline;
}

#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {
  display: none;
}

#sysFormIndex #sysMain input {
  font-size: 15px;
}

#sysFormIndex .txtBlock {
  text-align: center;
}

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

#sysMypageReminder #sysMain input[type="text"],
#sysMemberRegisterIndex #sysMain input[type="text"],
#sysFormIndex #sysMain input[type="text"],
#sysFormIndex #sysMain textarea {
  background: #fff;
  border-radius: 0;
  margin: 0;
}

#sysMemberRegisterIndex #sysMain input[type="tel"],
#sysMemberRegisterIndex #sysMain input[type="email"],
#sysMemberRegisterIndex #sysMain input[type="password"] {
  background: #fff;
  border-radius: 0;
  margin: 0;
}

#sysMain .sysFormLabel {
  display: block;
  border-left: 5px solid #000;
  padding-left: 5px;
  line-height: 25px;
  font-size: 15px;
  margin-bottom: 5px;
}

#sysMain .sysRequired {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  margin-bottom: 5px;
}

#sysMain textarea {
  min-height: 75px;
}

.sysZipcode button,
.sysZipcode .sysFormField {
  display: inline-block;
}

.sysZipcode .sysFormLabel {
  display: block;
}

.sysZipcode .sysFormField {
  width: auto;
}

.sysZipcode br {
  display: none;
}

.sysBirthday input {
  width: auto !important;
}

/* フォーム確認ぺージ */
#sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField {
  border: 1px solid #999;
  line-height: 2;
  padding-left: 10px;
  font-size: small;
  border-radius: 3px;
  margin: 5px auto;
  min-height: 20px;
}

/* マイページ */
.sysMypageMajorHeadLine {
  display: none;
}

.SysMypageMinorHeadLine {
  font-size: 18px;
  border-left: 5px solid #3d3d3d;
  padding-left: 5px;
  margin: 20px 0;
}

#sysMypageLogin .sysMypageMinorHeadLine {
  display: none;
}

/* 購入履歴 */
.sysOrderList {
  border: 1px solid #d4d4d4;
  padding: 10px;
  max-height: 400px;
  overflow-y: scroll;
}

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

/* Member Profile Editor */
#sysMypageEditDelivery #sysMain > form,
#sysMypageEditMember #sysMain > form {
  padding: 10px;
}

#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
  line-height: 2;
  padding: 5px;
  font-size: small;
  margin: 0px auto;
}

#sysMypageEditConfirm #sysMain > form {
  padding: 10px;
}

/* Special Point */
.sysSpecialPoint {
  overflow: hidden;
  letter-spacing: -.4em;
}

.sysSpecialPoint > div:nth-child(2n) {
  width: 60%;
}

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

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

/* 4-5-4 Coupon List */
.sysCoupon {
  border: 1px solid #d5d5d5;
  margin: 10px;
}

/* マイページ（複数配送先編集画面）*/
.sysSelectAddress {
  background: none;
}

.sysSelectAddress a {
  display: block;
  text-decoration: none;
  border: 0px solid;
  padding: 10px;
}

.sysSelectAddress {
  margin: 10px 0;
}

.sysSelectAddress a:hover {
  background: #eee;
}

/***********************************
  商品詳細ページ
***********************************/
/*商品名*/
#sysItemDetail .sysItemName h1 {
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
}

/*商品番号*/
#sysItemDetail .sysItemId {
  text-align: right;
  font-size: 12px;
}

/*価格表示*/
#sysItemDetail .sysRetailPrice {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  color: #000;
  font-weight: bold;
  text-align: right;
}

#sysItemDetail .sysRetailPrice span {
  font-size: 1.1rem;
}

#sysItemDetail .sysRetailPrice span.sysRetailPriceValue {
  font-size: 20px;
  font-weight: normal;
}

/*通常価格*/
#sysItemDetail .sysSuggestedRetailPrice {
  margin-bottom: 5px;
  text-align: right;
}

#sysItemDetail .sysSuggestedRetailPrice span {
  font-size: 1.1rem;
}

/*送料区分*/
#sysItemDetail .sysShippingCost {
  display: inline-block;
  width: auto;
  margin-left: auto;
  margin-top: 5px;
  padding: 0 5px;
  color: #da4636;
  font-weight: bold;
  font-size: 1.1rem;
  border: 1px solid #da4636;
  border-radius: 3px;
}

/*PRアイコン(カテゴリーページ)*/
#sysItemCategory input[type=submit] {
  margin-top: 0px;
}

.sysAddSelection div {
  margin-bottom: 10px;
}

.sysAddSelection input, .sysAddSelection select {
  margin: 5px 0;
}

.sysItemPrArea {
  margin-top: 5px;
}

.sysItemPrArea span {
  width: 49%;
  height: 30px;
  display: inline-block;
  padding: 3px 0px;
  font-size: 18px;
  line-height: 18px;
  border-radius: 20px;
  font-weight: bold;
  margin: 0 0 5px;
  text-align: center;
}

#sysItemDetail .sysForm select {
  min-width: 450px;
  display: inline-block;
  float: none !important;
  margin: 5px 0;
}

#sysItemDetail .sysForm select[name="num"] {
  min-width: 200px;
}

#sysItemDetail .sysForm input[type="text"] {
  margin-top: 5px;
}

#sysSelections div {
  margin-bottom: 10px;
}

#sysItemDetail .sysSelections {
  line-height: 30px;
}

#sysItemDetail #sysVariation {
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  margin-left: auto;
}

#sysItemDetail #sysVariation > div {
  margin: 10px auto;
  overflow: hidden;
}

#sysItemDetail .sysNumArea button {
  display: inline-block;
  width: 48%;
  background: #000;
  padding: 10px;
  border: 1px solid #999;
  border-radius: 5px;
  color: #fff;
}

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

#sysWishlist .sysButton, #sysItemDetail .sysCartButton {
  width: 98%;
  margin-left: 2%;
}

#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
}

#sysCartInForm {
  width: 100%;
  margin-left: auto;
}

/*バリエーション*/
#sysItemDetail .sysFormVariationName {
  background-color: #fdf5f5;
}

#sysItemDetail .sysFormVariationTable {
  width: 100%;
  max-width: 500px;
}

/*下部フォーム*/
#sysItemDetail .order_bottom {
  margin: 0 auto 40px;
  text-align: right;
}

/*簡易商品説明*/
#sysItemDetail .sysDescription {
  text-align: left;
}

/*商品詳細*/
.sysExplanation {
  text-align: center;
}

.sysExplanation img {
  height: auto;
}

#sysItemDetail .itempage_cap {
  margin-bottom: 30px;
  font-size: 12px;
}

#sysItemDetail .itempage_cap .i_ttl {
  margin-bottom: 20px;
  font-size: 120%;
  font-weight: bold;
}

#sysItemDetail .itempage_detail h3 {
  font-size: 18px;
  font-weight: normal;
}

#sysItemDetail .itempage_detail table {
  width: 100%;
  margin-bottom: 10px;
  border-top: 1px solid #ccc;
}

#sysItemDetail .itempage_detail table tr {
  border-bottom: 1px solid #ccc;
}

#sysItemDetail .itempage_detail table th,
#sysItemDetail .itempage_detail table td {
  padding: 10px;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}

#sysItemDetail .itempage_detail table th {
  width: 30%;
  border-right: 1px solid #ccc;
}

#sysItemDetail .itempage_detail table td {
  width: 70%;
  text-align: left;
  background: #fff;
}

#sysItemDetail .itempage_detail_ttl {
  position: relative;
  margin-top: 40px;
  padding: 5px 0;
  font-weight: bold;
  font-size: 18px;
}

#sysItemDetail .itempage_detail_ttl:after {
  content: "　";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  height: 2px;
  background-color: #000;
}

#sysItemDetail .sysMainImage img {
  border: 1px solid #ccc;
}

/*数量増減*/
#sysItemDetail #sysNumber {
  text-align: right;
}

#sysItemDetail .sysNumArea {
  margin-bottom: 20px;
}

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

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

#sysItemDetail .sysNumArea .sysBtnPlus {
  border-color: #b9b9b9;
  background: url(https://www.fishing-labo.toray/img/layout/system/btn_plus.png) center center no-repeat;
  background-size: 65px;
  width: 37%;
}

#sysItemDetail .sysNumArea .sysBtnMinus {
  border-color: #b9b9b9;
  background: url(https://www.fishing-labo.toray/img/layout/system/btn_minus.png) center center no-repeat;
  background-size: 90px;
  width: 37%;
}

/*カートに入れる*/
#sysItemDetail .sysCartButton {
  padding: 23px 15px !important;
  text-indent: -999px;
  background: #da4636 url(https://www.fishing-labo.toray/img/layout/system/btn_cart.png) center center no-repeat;
  background-size: 140px;
}

#sysItemDetail .sysCartButton:hover {
  opacity: 0.8;
}

#sysItemDetail .sysGoCartButton {
  background: #da4636 url(https://www.fishing-labo.toray/img/layout/system/btn_cart2.png) center center no-repeat;
  background-size: 127px;
}

/*お気に入り*/
#sysItemDetail #sysWishlist .sysButton {
  overflow: hidden;
  text-indent: -999px;
  border: 1px solid #b9b9b9;
  background: #fff url(https://www.fishing-labo.toray/img/layout/system/btn_favo.png) center center no-repeat;
  background-size: 100px;
}

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

/*SNSボタン*/
#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
  text-align: right;
}

#sysItemDetail .sysShare .sysFacebook {
  position: relative;
  top: -6px;
}

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

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

#sysItemDetail .sysShare .sysLine {
  position: relative;
  top: 0px;
}

/*.sysReview*/
#sysItemDetail .sysReview {
  margin: 20px 0 40px;
}

/*テーブルデザイン*/
.sysExplanation table {
  margin-bottom: 40px;
  border: none;
  border-top: 1px solid #ccc;
}

.sysExplanation table tr {
  border-bottom: 1px solid #ccc;
}

.sysExplanation table th,
.sysExplanation table td {
  padding: 3px 10px;
  text-align: center;
  border: none;
}

/*商品ページ用おすすめ商品*/
.itempage_recommend .sysItemBlock .sysHorizontal li {
  width: 25%;
  padding: 0 10px;
}

.itempage_recommend .sysItemName {
  margin-bottom: 0;
  font-size: 14px;
  text-align: left;
}

.itempage_recommend .sysItemPrice {
  text-align: left;
}

/*商品ページ成分表*/
#sysItemDetail .show_bx {
  margin-bottom: 30px;
}

#sysItemDetail .show_bx_inner {
  margin-bottom: 10px;
}

#sysItemDetail .btn_tr {
  padding: 10px 0 10px 35px !important;
  background: #e4e4e4 url(https://www.fishing-labo.toray/img/layout/system/ico_plus.png) 10px center no-repeat !important;
  background-size: 18px !important;
  cursor: pointer;
}

#sysItemDetail .active {
  background: #e4e4e4 url(https://www.fishing-labo.toray/img/layout/system/ico_minus.png) 10px center no-repeat !important;
  background-size: 18px !important;
}

#sysItemDetail .contents_tr {
  background-color: #f5f5f5;
}

#sysItemDetail .contents_tr td {
  background-color: #f5f5f5 !important;
}

#sysItemDetail .contents_tr table {
  margin-bottom: 0;
}

/***********************************
  カートページ
***********************************/
/*カートページ内レイアウト調整*/
.sysCart .header_h1_under {
  float: none;
  padding: 10px 0;
  width: 100%;
  height: auto;
  background-color: #fff;
}

.sysCart .header_h1_under a {
  display: block;
  width: 160px;
  margin: 0 auto;
}

.sysCart .header_h1_under .logo img {
  float: none;
  margin-right: 0;
}

.sysCart .header_h1_under .head_title {
  text-align: center;
}

.sysCart .header_wrap {
  border-bottom: none;
  height: auto;
  position: inherit;
}

.sysCart #sysWrap {
  margin: 0 auto;
}

.sysCart #sysMain {
  max-width: 1100px;
  border: 1px solid #eee;
  padding: 20px 150px;
  margin: 0 auto;
}

.sysCart #sysMain, .sysCart #sysMain a {
  color: #000;
}

.sysCart .sysBox, .sysCart .sysSelectPaymentArea,
.sysCart .sysSelectDeliveryArea, .sysCart .sysRemarksArea,
.sysCart .sysSelectOptionArea, .sysCart .sysDetail,
.sysCart .sysOrder .nav,
.sysCart .sysAcceptDomainArea,
.sysCart .sysRepeatOrderSetting {
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
  border-radius: 0;
  box-shadow: none;
  margin: 1em auto 2em;
  padding: 1em;
}

.sysCart .sysBox hr {
  display: block;
  border: 0;
  height: 0;
  border-bottom: 1px solid #cfcfcf;
  margin: 5px 0;
  padding: 0;
}

.sysCart #sysMain input[type="text"],
.sysCart #sysMain input[type="password"],
.sysCart #sysMain input[type="email"],
.sysCart #sysMain input[type="number"],
.sysCart #sysMain input[type="tel"],
.sysCart #sysMain input[type="search"],
.sysCart #sysMain textarea {
  background: none;
  border-radius: 0;
  border: 1px solid #dddddd;
}

.sysCart .sysTotalTxt {
  text-shadow: none;
}

.sysTotal .sysTotalTxt .sysCartAttention {
  font-size: 2rem;
}

.sysCart .sysSubTotalArea {
  margin: 10px 0;
}

.sysCart .sysNextSubmitArea {
  margin-bottom: 20px;
}

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

.sysCart .sysCartAttention, .sysCart .sysRequired {
  color: #da4636;
  font-weight: bolder;
}

.sysCart .sysGetPoint {
  color: #da4636;
  font-weight: bolder;
}

.sysCart .sysCartNote {
  color: #000;
  font-size: 90%;
}

.sysCart .sysCartTitle {
  color: #000;
  font-size: large;
  font-weight: bolder;
  background-color: #fff;
  padding: 0;
  margin-bottom: 2-px;
}

.sysCart .sysCartTitle span {
  font-size: 1.2rem;
}

.sysCart #sysMain input {
  background: #fff !important;
}

.sysCart #sysMain input[type="submit"], .sysCart #sysMain button[type="submit"], .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;
}

.sysCart .sysDeleteArea, .sysCart .sysConfirmButton {
  text-align: right;
}

.sysCart .sysNavImg {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}

.sysCart .sysFreeArea {
  color: #000;
  margin: 20px 0;
}

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

.sysCart .sysAcceptDomainArea input {
  padding: 0 10px !important;
}

.sysCart .cart_btn {
  color: #000;
  text-align: center;
  margin-top: 40px;
}

.sysCart .cart_btn p {
  margin: 0;
  padding: 0;
}

.sysCart .cart_btn .btn {
  margin-top: 5px;
}

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

#sysBasket #sysMain {
  padding-top: 10px;
}

.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 auto;
  padding: 10px;
  background-color: #fff;
}

.sysCart #sysMain .sysConfirmButton input[type="submit"] {
  width: auto;
}

.sysCart #sysMain select {
  display: inline-block;
}

.sysCart .sysBtnChange {
  margin-bottom: 10px !important;
}

/*登録せずに購入*/
#sysBillingAddress .input-append input[type="text"] {
  display: inline-block;
}

/*都道府県*/
#sysBillingAddress .sysPrefState select {
  width: 200px;
}

/*性別*/
#sysBillingAddress .sysGender {
  margin-bottom: 20px;
}

#sysBillingAddress .sysGender input {
  vertical-align: middle;
}

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

/*メルマガ*/
#sysBillingAddress .sysAcceptMailmagazine {
  margin-bottom: 20px;
}

/*注文完了ページ*/
.cart_completion {
  text-align: center;
}

/*ご注文番号*/
#sysThanks #sysMain .sysOrderNumber {
  font-size: 1.5rem;
  font-weight: bold;
}

/*お買い物を続ける*/
body#sysBasket .sysBackButton2 {
  font-weight: bold;
  background: #b4f4ff !important;
  border-color: #000 !important;
}

/***********************************
  ワンページカート
***********************************/
.mdl_btn_.opcDialog, form.opcUseAmazon {
  width: 100%;
  padding-right: 0;
}

.sysCart #sysMain h3 {
  font-size: 20px;
}

.sysCart #sysMain #show-dlg-1,
.sysCart #sysMain #show-dlg-1_low,
.sysCart #sysMain .sysOpcNextSubmit,
.sysCart #sysMain .sysNextSubmit {
  display: block;
  width: 100% !important;
  padding: 15px 10px !important;
  margin: 5px 0 !important;
  color: #fff !important;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  text-shadow: none;
  box-shadow: none;
  border: none !important;
  border-radius: 5px;
  background: #da4636 !important;
}

.sysCart #sysMain #show-dlg-2,
.sysCart #sysMain #show-dlg-3 {
  display: block;
  width: 100% !important;
  padding: 10px;
  margin: 0 0 30px !important;
  color: #fff !important;
  font-size: 1.2rem;
  line-height: 1;
  text-shadow: none;
  box-shadow: none;
  border: none !important;
  border-radius: 5px;
  background: #000 !important;
}

.sysCart #sysMain #show-dlg-3 {
  color: #fff !important;
  background: #da4636 !important;
}

.sysCart #sysMain .next_btn {
  color: #fff !important;
  font-size: 1rem;
  line-height: 1;
  border: none !important;
  background: #000 !important;
}

.sysCart #sysMain #order_price_confirm_btn {
  color: #fff !important;
  width: 100% !important;
  box-shadow: none;
  background: #000 !important;
}

.sysCart #sysMain .mdl-js-button {
  box-shadow: none;
}

.sysCart #sysMain #change-to-billAddr,
.sysCart #sysMain #show-dlg-addrList,
.sysCart #sysMain #show-dlg-inputAddr {
  line-height: 1;
  border: none !important;
  background: #000 !important;
}

.sysCart #sysMain p.user_type {
  font-size: 1.2rem;
}

.sysOpcProduct .sysOpcItemName {
  font-size: 1.2rem;
}

/***********************************
  検索ページ
***********************************/
#sysItemSearch div#sysMain {
  max-width: 980px;
  margin: 20px auto 40px;
}

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

#sysItemSearch #sysMain h2 {
  font-size: 13px;
  margin-bottom: 10px;
}

#sysItemSearch #sysMain .sysItemSearchForm {
  font-size: 12px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #ededed;
}

#sysItemSearch #sysMain .sysItemSearchFormWord {
  margin-bottom: 5px;
}

#sysItemSearch #sysMain .sysItemSearchFormWord input {
  height: 40px;
  vertical-align: bottom;
  border: 1px solid #d0d0d0;
}

#sysItemSearch #sysMain .sysSearchButton {
  display: block;
  margin: 10px auto;
  padding: 10px;
  width: 95%;
  border: none;
  background: #222222;
  color: #fff;
  font-size: 120%;
  cursor: pointer;
  border-radius: 3px;
}

#sysItemSearch #sysMain .sysItemSearchFormRange input {
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

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

#sysItemSearch #sysMain .sysItemSearchFormRange input {
  padding: 10px;
}

/***********************************
  お問い合わせ
***********************************/
#sysFormConfirm .sysNextSubmit {
  width: 100%;
  margin: 20px 0 0 !important;
}

#sysFormConfirm button.sysButton {
  width: 30%;
  margin-bottom: 20px;
}

/***********************************
  新規会員登録
***********************************/
.sysMemberRegister #sysWrap {
  margin: 160px auto 0;
}

/***********************************
  マイページ
***********************************/
.sysMypage #sysWrap {
  margin: 160px auto 0;
}

.sysMypage input[type="submit"] {
  margin-top: 10px;
}

/* マイページボタン */
.sysMypageNav > form {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

.sysMypageNav .sysButton {
  width: 100%;
  display: block;
  font-size: 15px;
  margin: 5px 0;
  padding: 15px 0;
}

#sysMemberRegisterIndex .sysNextSubmit {
  width: 49%;
  float: left;
  margin-right: 1%;
  border-radius: 5px;
  height: 50px;
  font-size: 15px;
}

#sysMemberRegisterIndex .sysButton[type="submit"] {
  width: 49%;
  float: left;
  margin-right: 1%;
  border-radius: 5px;
  height: 50px;
  font-size: 15px;
  margin-top: 10px;
}

#sysMypageLogin .sysLoginButton {
  width: 49%;
  float: left;
  margin-right: 1%;
  font-size: 15px;
}

#sysMypageLogin .sysButton {
  width: 49%;
  margin-left: 1%;
  font-size: 15px;
}

/***********************************
  ヘッダー
***********************************/
/***********************************
  カート情報
***********************************/
#cartInfo {
  float: left;
  position: relative;
  margin-top: 15px;
  margin-left: 5px;
  width: 120px;
  height: 30px;
  line-height: 28px;
  font-weight: bold;
  font-size: 12px;
  border-radius: 20px;
  border: 1px solid #222222;
  background: #222222;
  color: #fff;
  text-align: center;
  cursor: pointer;
  padding-top: -10px;
}

#cartInfo p.cartTxt {
  margin: -2px;
  line-height: 21px;
  padding-top: 5px;
  font-size: 10px;
}

#cartInfo p img {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}

#cartInfo i {
  margin-right: 5px;
}

.h_cart {
  display: none;
  width: 280px;
  height: 145px;
  position: absolute;
  top: 40px;
  right: 5px;
  border: 1px solid #aaa;
  background: #fff;
  color: #000;
  z-index: 110;
  padding: 10px 20px;
}

.h_cart dl {
  font-size: 12px;
  margin-bottom: 0px;
}

.h_cart dl:after {
  display: block;
  content: "";
  clear: both;
}

.h_cart dt, .h_cart dd {
  float: left;
}

.h_cart dd span {
  display: inline-block;
  color: #da4636;
  font-weight: bold;
  padding: 0 5px;
}

.h_cart .sysCartInfoCartIn a {
  display: block;
  background: #000;
  color: #fff;
  width: 100%;
  margin: 10px 0% 5px;
  height: 50px;
  padding: 12px 0 0;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.h_cart .sysCartInfoCartIn a:hover {
  background: #999;
}

.h_cart .sysCartInfoCartIn a img {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.h_cart .sysCartInfoCartIn a i {
  margin-right: 5px;
}

/* カート内商品数表示 */
button.itemCount {
  display: none;
  border: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  margin-left: 5px;
  color: #222222;
  background: #fff;
  border-radius: 10px;
}

/***********************************
  ナビゲーション
***********************************/
/***********************************
  フッター
***********************************/
/***********************************
  フッター部分のご利用ガイド
***********************************/
/***********************************
  サイド
***********************************/
/***********************************
  共通パーツ
***********************************/
hr.style01 {
  width: 100%;
  height: 1px;
  background: #222222;
  margin: 50px auto;
  padding: 0;
  border: 0;
}

.contentsWrap {
  width: 1100px;
  margin: 0 auto;
}

/***********************************
  特商法テーブルレイアウト
***********************************/
#main_tradelaw, .main_tradelaw {
  border: 1px solid #ddd;
  margin: 0 auto 30px;
  max-width: 1100px;
}

#main_tradelaw dl, .main_tradelaw dl {
  background: #ededed;
  border-bottom: 1px dotted #bfbfbf;
  overflow: hidden;
}

#main_tradelaw dl:last-child, .main_tradelaw dl:last-child {
  border: 0px;
}

#main_tradelaw dt, .main_tradelaw dt {
  padding: 15px 0 15px 20px;
  float: left;
  clear: both;
  font-weight: bolder;
}

#main_tradelaw dd, .main_tradelaw dd {
  margin-left: 200px;
  padding: 15px;
  background: #fff;
}

.shipFee {
  max-width: 1100px;
  margin: 20px auto;
}

.shipFee .tableTitle {
  font-size: 16px;
  height: 70px;
  padding: 10px;
  color: #424242;
  margin: 50px 0 0px;
  border: 0px !important;
  text-align: leftr;
}

table.shipFeeTable {
  border-collapse: collapse;
  margin-bottom: 30px;
  text-align: left;
  line-height: 1.5;
  text-align: center;
}

table.shipFeeTable .eyeCatch {
  width: 120px;
  display: block;
  margin: 5px auto;
  height: 25px;
  line-height: 25px;
  color: #000;
  border-bottom: 1px solid #aaa;
  padding-bottom: 5px;
}

table.shipFeeTable thead {
  background: #555;
  text-align: center;
}

.spThead {
  display: none;
}

table.shipFeeTable thead th {
  padding: 10px;
  vertical-align: top;
  font-weight: normal;
  color: #fff;
}

table.shipFeeTable tbody .sum {
  position: relative;
}

table.shipFeeTable tbody .sum i {
  position: absolute;
  color: #888;
  font-size: 35px;
  right: -15px;
  bottom: 30px;
  z-index: 20;
}

table.shipFeeTable tbody th {
  width: 600px;
  padding: 10px;
  vertical-align: top;
  background: #fff;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

table.shipFeeTable td {
  width: 500px;
  padding: 10px;
  vertical-align: top;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
}

table.shipFeeTable b {
  color: #D42E30;
  display: inline-block;
  padding: 0 3px;
  font-size: 1.2em;
}

div#main_tradelaw a {
  display: inline-block;
  color: #068acc;
  text-decoration: underline;
}

/***********************************
  2カラムレイアウト
***********************************/
.column2Wrap {
  width: 1100px;
  margin: 0 auto;
}

.column2Wrap:after {
  display: block;
  content: "";
  clear: both;
}

.sideWrap {
  width: 180px;
  height: 1000px;
  background: #aaa;
  margin-right: 20px;
  float: left;
}

.mainWrap {
  width: 900px;
  margin-left: 200px;
}

.col2Style h2.pattern01 {
  font-size: 18px;
  border-left: 5px solid #3d3d3d;
  padding-left: 5px;
  margin: 15px 0;
}

.col2Style h2.pattern02 {
  font-size: 18px;
  border-bottom: 1px solid #3d3d3d;
  padding-left: 5px;
  padding-bottom: 5px;
  margin: 15px 0;
}

.col2Style h2.pattern03 {
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  padding: 0 0px 3px 30px;
  margin: 0 0 15px;
  border-bottom: 1px solid #6843ac;
}

.col2Style h3.pattern01 {
  font-size: 14px;
  border-bottom: 0px solid #aaa !important;
  padding: 0px 0px 3px;
  margin: 15px 0 5px;
}

.col2Style h4.style01 {
  font-size: 15px;
  padding-bottom: 3px;
  margin: 20px 0;
  border-bottom: 0px solid #3d3d3d !important;
}

.col2Style .txtBlock {
  margin: 30px 0;
}

.col2Style .imgWrap {
  margin: 30px 0;
}

.col2Style .txtBlock a, #forbusiness .txtBlock a, #relocation .txtBlock a, #privacypolicy .txtBlock a {
  color: #068acc;
  height: 25px;
  line-height: 25px;
  padding-bottom: 1px;
  border-bottom: 1px solid #068acc;
}

#shoplist td a, #corporate dd a {
  color: #068acc;
  height: 25px;
  line-height: 25px;
  padding-bottom: 1px;
  border-bottom: 1px solid #068acc;
}

.col2Style .txtBlock li {
  margin: 5px 0;
  font-size: 12px;
}

.col2Style .txtBlock li .larger {
  font-size: 14px;
  margin-bottom: 10px;
}

.col2Style .txtBlock li span {
  width: 20px;
  display: inline-block;
}

.col2Style .imgWrap img {
  width: 40%;
  margin: 10px 0;
}

.col2Style .floatWrap {
  margin: 20px 0;
}

.col2Style .floatWrap:after {
  display: block;
  content: "";
  clear: both;
}

.col2Style .floatWrap img {
  width: 150px;
  float: left;
}

.col2Style .floatWrap .txt {
  padding-top: 5px;
  margin-left: 170px;
}

.col2Style .floatImg {
  text-align: center;
}

.col2Style .floatImg:after {
  display: block;
  content: "";
  clear: both;
}

.col2Style .floatImg .imgWrap {
  width: 50%;
  float: left;
}

.col2Style .floatImg .imgWrap img {
  width: 60%;
  margin: 20px 10%;
}

/***********************************
   お買い物ガイド
***********************************/
.indexList {
  margin: 10px 0;
}

.indexList li {
  display: inline-block;
  text-align: center;
  margin: 0 5px 10px;
  border: 1px solid #aaa;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: 15px;
}

.guideBlock {
  padding-top: 30px;
}

/*商品購入ステップ*/
.steps ul {
  width: 700px;
  margin: 0 auto;
}

.steps ul:after {
  display: block;
  content: "";
  clear: both;
}

.steps li {
  float: left;
  padding: 0 6px;
  height: 200px;
}

.steps li a {
  display: block;
  height: 100%;
  height: 200px !important;
}

.steps li img {
  height: 200px;
}

/***********************************
   ボタンデザイン
***********************************/
.common_btn {
  width: 260px;
  margin: 20px auto 83px;
  position: relative;
}

.common_btn a {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #001533;
}

.common_btn a:hover {
  background: #999;
}

.common_btn a i {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
}

/***********************************
  TOPページ
***********************************/
/*スライダー*/
.top_slider {
  margin: 0 0 40px;
}

.top_slider .owl-item {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-filter: "alpha( opacity=50 )";
  -webkit-filter: "alpha( opacity=50 )";
  -o-filter: "alpha( opacity=50 )";
  -ms-filter: "alpha( opacity=50 )";
}

.top_slider .center {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-filter: "alpha( opacity=100 )";
  -webkit-filter: "alpha( opacity=100 )";
  -o-filter: "alpha( opacity=100 )";
  -ms-filter: "alpha( opacity=100 )";
}

/*新着アイテム*/
.top_newarrival ul {
  font-size: 0;
  text-align: left;
}

.top_newarrival li {
  float: none !important;
  display: inline-block;
  width: 23% !important;
  margin: 5px 1% 20px !important;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.top_newarrival li img {
  width: 100%;
}

.top_newarrival .sysItemName {
  font-size: 16px;
  font-weight: 500;
  padding-top: 10px;
}

/*特集一覧*/
.top_features {
  overflow: hidden;
}

.top_features ul {
  font-size: 0;
  text-align: left;
}

.top_features li {
  float: none !important;
  display: inline-block;
  width: 30%;
  margin: 1.66666666666667%;
  font-size: 12px;
  vertical-align: top;
}

.top_features li img {
  width: 100%;
}

.top_features li a {
  display: block;
  position: relative;
}

.top_features li span {
  display: block;
  font-size: 14px;
  font-weight: bold;
}

/*おすすめ商品、ランキング*/
.top_recommend_item li .sysItemName,
.top_ranking_item li .sysItemName {
  font-size: 16px;
  font-weight: 500;
  padding-top: 10px;
}

top_recommend_item .sysItemPrice,
top_ranking_item .sysItemPrice {
  font-size: 14px;
  color: #ff0000;
  font-weight: 600;
  padding-top: 5px;
}

/*おすすめ商品*/
.top_recommend_item {
  margin-bottom: 60px;
}

.top_recommend_item li {
  width: 100% !important;
  padding: 0 20px !important;
}

/*ランキング*/
.top_ranking_item ul {
  font-size: 0;
  text-align: left;
}

.top_ranking_item li {
  float: none !important;
  display: inline-block;
  width: 30% !important;
  margin: 0 1.5% 30px !important;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

span.sysSubtotalPrice {
  font-size: 17px;
  float: right;
}

/* ======================================================
SP
====================================================== */
@media only screen and (max-width: 750px) {
  .sysDisplayMobileNone {
    display: none !important;
  }
  .top_slider .owl-carousel .owl-wrapper,
  .top_slider .owl-carousel .owl-item {
    width: 100vw !important;
  }
  .owl-nav .owl-prev {
    width: 30px !important;
    height: 30px !important;
    left: 6px !important;
    background: url("https://www.fishing-labo.toray/img/top/slider/arrow_left.png") top center no-repeat !important;
    background-size: 100% 100% !important;
  }
  .owl-nav .owl-next {
    width: 30px !important;
    height: 30px !important;
    right: 6px !important;
    background: url("https://www.fishing-labo.toray/img/top/slider/arrow_right.png") top center no-repeat !important;
    background-size: 100% 100% !important;
  }
  /* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
  #sysWrap {
    margin-top: 120px;
  }
  #sysMain, #sysAside {
    width: 100% !important;
  }
  .sysMypage #sysWrap,
  .sysMemberRegister #sysWrap {
    margin: 130px auto 0;
  }
  #sysFormIndex div#sysMain,
  #sysFormConfirm div#sysMain,
  #sysFormThanks div#sysMain {
    width: 98% !important;
    padding: 20px 10px 30px !important;
    margin: 10px auto;
  }
  .sysCart #sysMain,
  .sysMypage div#sysMain,
  .sysMemberRegister #sysMain,
  #sysItemSearch div#sysMain {
    width: 98% !important;
    padding: 20px 10px 30px !important;
    margin: 0 auto;
  }
  .sysFormField label {
    display: block;
  }
  #sysFormIndex .txtBlock {
    text-align: left;
  }
  #sysMain {
    margin-top: 0;
  }
  .grid-col {
    float: none;
    width: 100% !important;
    margin-left: 0;
  }
  /*Header */
  #sysHeader {
    margin-bottom: 5px;
  }
  /* Category Pankuzu */
  .sysItemCategoryPankuzu {
    font-size: xx-small;
  }
  /* Archive Thumbnail Item */
  .sysItemList ul.sysThumbnail {
    font-size: small;
  }
  .sysItemList ul.sysThumbnail input {
    font-size: x-small;
  }
  /* Order Area */
  .orderArea {
    letter-spacing: normal;
  }
  .orderArea > div {
    width: 100%;
    padding-right: 0;
    float: none;
  }
  /*header検索ボックス*/
  .h_search {
    margin-top: 30px;
  }
  /***********************************
  商品詳細ページ
***********************************/
  #sysItemDetail #sysMain {
    max-width: 450px;
    width: 94% !important;
  }
  .sysItemList ul.sysThumbnail li {
    width: 50% !important;
  }
  .sysItemName a {
    font-size: 12px;
  }
  /*商品名*/
  #sysItemDetail .sysItemName h1 {
    font-size: 20px;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  #sysItemDetail .sysForm select {
    height: 30px;
    text-align: center;
  }
  #sysItemDetail .sysSelectionDescription {
    margin: 5px 0 10px;
  }
  #sysItemDetail #sysNumber {
    text-align: right;
  }
  /*数量増減*/
  #sysItemDetail .sysNumArea button {
    width: 35%;
  }
  /*PRアイコン(商品カテゴリーページ)*/
  .sysItemPrArea span {
    width: 48%;
    padding: 3px 0px;
    font-size: 10px;
  }
  #sysItemCategory input[type=submit] {
    margin-top: 0px;
  }
  .sysAddSelection {
    font-size: 12px;
  }
  .sysSelectionDescription {
    font-size: 10px;
  }
  /*PRアイコン(商品詳細ページ)*/
  .sysPr {
    margin-top: 10px;
  }
  .sysPr span {
    width: 49%;
    font-size: 16px;
  }
  #sysItemDetail .sysForm select {
    min-width: 300px;
    display: inline-block;
    float: right;
  }
  #sysItemDetail .sysNumber select {
    min-width: 100px;
  }
  #sysItemDetail {
    padding-bottom: 40px;
  }
  /*商品ページ用おすすめ商品*/
  .itempage_recommend .sysItemBlock .sysHorizontal li {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 20px;
  }
  .itempage_recommend .sysItemName {
    font-size: 12px;
  }
  .itempage_recommend .sysItemPrice {
    font-size: 11px;
  }
  /*for demo 2017/01/12*/
  .sysExplanation {
    float: none;
    width: 100%;
  }
  span.sp_newline {
    display: block;
  }
  /***********************************
  ヘッダー
***********************************/
  .header_wrap {
    position: relative;
    height: 120px;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 120;
  }
  #sysHeader {
    width: 100%;
    margin: 0px auto;
  }
  .h_inner {
    margin: 0px 0 0;
  }
  .header_h1_under, .header_h1 {
    width: 100%;
    height: 20px;
    float: none;
    text-align: center;
    background: #ededed;
  }
  .header_h1_under a, .header_h1 a {
    display: none;
  }
  .head_title {
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    letter-spacing: 1px;
  }
  .header_sp {
    width: 94%;
    margin: 0 3%;
    position: relative;
    text-align: center;
  }
  .header_sp #navBtn {
    position: absolute;
    top: 10px;
    left: 0;
  }
  .header_sp .spLogo img {
    width: 180px;
    margin-top: 0px;
  }
  /***********************************
  カート情報
***********************************/
  #cartInfo {
    display: none;
  }
  /***********************************
  ナビゲーション
***********************************/
  #headNavigation .pcnone {
    display: block;
  }
  #headNavigation .spnone {
    display: none;
  }
  #headNavigation li.active {
    background: #fff;
  }
  .h_navi {
    width: 100%;
    height: 40px;
  }
  #headNavigation li.tab1 {
    width: 25%;
    margin-top: 10px;
  }
  #headNavigation li.tab1 a {
    font-size: 12px;
    line-height: 15px;
    position: relative;
  }
  #headNavigation li.tab1:nth-of-type(5) {
    display: none;
  }
  /*ナビゲーショントグル*/
  .toggleNav {
    display: none;
    width: 100%;
    position: absolute;
    height: 0px;
    /*heightはjs制御*/
    top: 39px;
    left: 0;
    z-index: 110;
    background: transparent;
    box-shadow: 0px 0px 0px 0px #ccc;
    -moz-box-shadow: 0px 0px 0px 0px #ccc;
    -webkit-box-shadow: 0px 0px 0px 0px #ccc;
  }
  .toggleNav:hover {
    overflow: visible !important;
  }
  #headNavigation ul.tab {
    position: relative;
  }
  .tabmenu .border:after {
    content: none;
  }
  .tabmenu li.tab1 {
    position: static;
    border-right: 1px solid #000;
  }
  .tabmenu li.tab1:nth-child(4) {
    border-right: none;
  }
  .tabmenu li.tab1 a {
    font-size: 14px;
  }
  .tabmenu ul:after {
    display: block;
    content: "";
    clear: both;
  }
  .tabmenu li.tab2 {
    width: 100%;
    height: auto;
    text-align: left;
    line-height: 1;
    font-size: 18px;
    border-bottom: 1px dotted #ddd;
    position: relative;
    background: white;
  }
  .tabmenu li.tab2 a {
    display: block;
    position: relative;
    padding: 5px 15px;
    font-size: 14px !important;
    line-height: 40px !important;
    font-weight: bold;
  }
  #headNavigation li.tab2 a:after {
    display: none;
  }
  .tabmenu li.tab2 a i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
  }
  .h_spnavi {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    color: #444;
    display: none;
    overflow: auto;
    background: #e1e1e1;
  }
  #spNaviWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: -100%;
    background: #e1e1e1;
    z-index: 200;
    padding: 0;
    overflow-y: scroll;
    transform: translateZ(0);
  }
  /***********************************
  ログイン情報
***********************************/
  .h_login .sysHeadline, .h_search .sysHeadline {
    text-align: center;
    font-size: 18px;
    margin-botom: 10px;
  }
  .h_login .sysContent {
    text-align: center;
  }
  .h_login .sysFormItem {
    margin-bottom: 10px;
  }
  .h_login .sysFormLabel {
    display: block;
    font-size: 12px;
    height: 20px;
    text-align: left;
    margin-bottom: 3px;
  }
  .h_login .sysLoginButton {
    width: 100%;
    margin: 10px 0%;
    border-radius: 5px;
    background: #000;
    font-size: 15px;
    height: 35px;
    line-height: 10px;
  }
  .h_login li {
    border: 1px solid #444;
    margin-bottom: 10px;
    font-size: 15px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    border-radius: 5px;
  }
  .h_login li a {
    font-size: 12px;
    padding: 0px 5px 5px 0px;
  }
  /***********************************
  ナビゲーションメニュー
***********************************/
  #closeMenu {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 15px;
  }
  #closeMenu span {
    font-size: 12px;
    margin: 0 10px;
    display: inline-block;
    cursor: pointer;
  }
  #closeMenu2 {
    text-align: center;
    margin: 20px 0;
    border: 1px solid #444;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    border-radius: 5px;
    cursor: pointer;
  }
  #closeMenu2 span {
    display: inline-block;
    margin: 0 10px;
  }
  #spNavMenu .navTitle {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
  }
  #spNavMenu {
    margin: 30px 0 0;
  }
  #spNavMenu .spMenuList {
    height: auto;
    line-height: 40px;
    font-size: 15px;
    position: relative;
    border-bottom: 1px solid #aaa;
  }
  #spNavMenu .spMenuList a {
    display: block;
    padding-left: 15px;
  }
  #spNavMenu .spToggleNav {
    height: 270px;
    overflow: hidden;
  }
  #spNavMenu .spToggleNav li {
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    border-bottom: 1px dotted #aaa;
  }
  #spNavMenu .spToggleNav li {
    padding-left: 20px;
  }
  #spNavMenu .spToggleNav li:first-child {
    border-top: 1px solid #aaa;
  }
  #spNavMenu .spToggleNav li:last-child {
    border-bottom: 0;
  }
  /***********************************
  フッター
***********************************/
  .footer {
    margin: 30px 0 0;
    background: #fff;
    letter-spacing: 2px;
  }
  .footer .f_navi_all {
    width: 95%;
    margin: 0 auto;
    padding: 10px 2.5% 0;
  }
  .footer .f_navi h3 {
    width: 100%;
    height: 25px;
    background: #424242;
    color: #fff;
    margin: 10px 0;
    font-size: 12px;
    line-height: 25px;
    border-radius: 10px;
  }
  .footer .f_navi ul {
    width: 100%;
    text-align: left;
    margin: 0 auto;
  }
  .footer .f_navi li {
    display: inline-block;
    height: 25px;
    padding: 0 3px;
    margin: 10px 0px 0;
    font-size: 15px;
    position: relative;
    border-right: 1px solid #aaa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .footer .f_navi li i {
    position: absolute;
    font-size: 20px;
    line-height: 23px;
    right: 10px;
    top: 0;
  }
  .footer .f_navi li.sp_title {
    width: 100%;
    text-align: center;
    margin: 10px 0;
  }
  .footer .f_navi li.sp_title h5 {
    position: relative;
    text-align: center;
    background: #fff;
  }
  .footer .f_navi li.sp_title h5 span {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    background-color: #fff;
    text-align: left;
  }
  .footer .f_navi li.sp_title h5::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #222222;
  }
  .footer .f_navi li.sp_3column {
    width: 32%;
    margin-bottom: 5px;
  }
  .footer .f_navi li.sp_2column {
    width: 49%;
    margin-bottom: 5px;
  }
  .footer .f_navi li:after {
    width: 0;
  }
  .footer .f_navi .b_none, .footer .f_navi .spb_none {
    border-right: 0px;
  }
  .footer .f_gnav_all {
    background: #c3c3c3;
    padding: 0px 0 0px;
    letter-spacing: 2px;
    text-align: left;
  }
  .footer .f_gnav ul:after {
    display: block;
    content: "";
    clear: both;
  }
  .footer .f_gnav {
    width: 100%;
    border-top: 1px solid #444;
    margin-bottom: 0;
    overflow: hidden;
  }
  .footer .f_gnav li {
    width: 50%;
    float: left;
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0px 0px 0 15px;
    font-size: 12px;
    position: relative;
    border-bottom: 1px solid #444;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .footer .f_gnav li i {
    position: absolute;
    font-size: 20px;
    line-height: 30px;
    right: 10px;
    top: 6px;
  }
  .footer .f_gnav li:nth-child(even) {
    border-left: 1px solid #444;
  }
  .footer .f_gnav li:last-child {
    width: 100%;
  }
  .footer .f_gnav li a {
    display: block;
  }
  .footer .f_gnav .sp_wide {
    width: 100%;
    height: 38px;
    border-bottom: 0px;
  }
  .footer .f_gnav li:after {
    width: 0px;
  }
  .footer .f_gnav {
    margin-bottom: 5px;
  }
  .footer .f_copy {
    padding: 10px 5px;
    font-size: 10px;
  }
}

@media only screen and (max-width: 750px) and (max-width: 320px) {
  .footer .telephone .telephone02 a {
    font-size: 27px;
  }
  .footer .f_gnav:nth-of-type(2) li:nth-child(3) a {
    font-size: 10px;
  }
}

@media only screen and (max-width: 750px) {
  /***********************************
  サイド
***********************************/
  .side_search {
    width: 95%;
    margin: 0 auto 30px;
  }
  .side_navi_item,
  .side_navi {
    width: 95%;
    margin: 0 auto;
  }
  .side_navi ul li.sysText a {
    padding: 10px 5px !important;
  }
  .side_navi_item .sysHeadline,
  .side_navi_item .sysContent {
    width: 100% !important;
    margin: 0 auto !important;
  }
  .side_navi_1 {
    border-top: 1px solid #000;
  }
  /***********************************
  共通パーツ
***********************************/
  .sysTitle {
    width: 100%;
    margin: 30px auto !important;
    position: relative;
    text-align: center;
    font-size: 13px;
    letter-spacing: auto;
  }
  .sysTitle b {
    display: block;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
  }
  .sysTitle span {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 10px 0 20px;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
  }
  .sysTitle::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #222222;
  }
  .contentsWrap {
    width: 90%;
    margin: 0 auto;
  }
  /***********************************
  特商法テーブルレイアウト
***********************************/
  .p-law .sysTitle {
    width: 90%;
  }
  #main_tradelaw, .main_tradelaw {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 30px;
    border: 0px solid #ddd;
  }
  #main_tradelaw dl, .main_tradelaw d {
    width: 100%;
    background: #ededed;
    border-bottom: 0px dotted #bfbfbf;
    overflow: hidden;
  }
  #main_tradelaw dl:after, .main_tradelaw dl:after {
    display: block;
    content: "";
    clear: both;
  }
  #main_tradelaw dt, .main_tradelaw dt {
    width: 100%;
    padding: 15px 0 15px 20px;
    float: none;
    clear: both;
    font-weight: bolder;
  }
  #main_tradelaw dd, .main_tradelaw dd {
    margin-left: 0px;
    padding: 15px;
    background: #fff;
  }
  .shipFee {
    max-width: 1100px;
    margin: 20px auto;
  }
  .shipFee .tableTitle {
    text-align: center;
    font-size: 12px;
  }
  table.shipFeeTable {
    width: 100%;
    margin: 0%;
    border-collapse: collapse;
    margin-bottom: 30px;
    text-align: left;
    line-height: 1.5;
  }
  .spThead {
    display: block;
  }
  .pcThead {
    display: none;
  }
  table.shipFeeTable thead th {
    font-size: 12px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
    text-align: left;
  }
  table.shipFeeTable tbody th {
    font-size: 12px;
    display: block;
    width: 100%;
    border: 0px solid #ddd;
  }
  table.shipFeeTable tbody .sum {
    position: relative;
    padding: 25px 10px;
    text-align: center;
  }
  table.shipFeeTable tbody .sum i {
    position: absolute;
    color: #888;
    font-size: 35px;
    left: 0;
    right: 0px;
    margin: auto;
    bottom: -20px;
    z-index: 20;
  }
  table.shipFeeTable td {
    display: block;
    width: 100%;
    vertical-align: top;
    border: 0px;
  }
  table.shipFeeTable b {
    color: #D42E30;
    display: inline-block;
    padding: 0 3px;
    font-size: 1.2em;
  }
  /***********************************
  2カラムレイアウト
***********************************/
  .col2Style h2.pattern03 {
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    padding: 0 0px 3px 10px;
    margin: 0 0 15px;
    border-bottom: 1px solid #6843ac;
  }
  .col2Style .txtBlock li {
    margin: 10px 0;
  }
  .col2Style .imgWrap img {
    width: 80%;
    margin: 0px 10%;
  }
  .col2Style .floatWrap img {
    width: 80%;
    margin: 0px 10%;
    float: none;
  }
  .col2Style .floatWrap .txt {
    padding-top: 5px;
    margin-left: 0px;
  }
  .col2Style .floatImg .imgWrap {
    width: 100%;
    float: none;
  }
  .col2Style .floatImg .imgWrap img {
    width: 80%;
    margin: 20px 10%;
  }
  /***********************************
  お買物ガイド
***********************************/
  .indexList li {
    padding: 3px 5px;
    font-size: 12px;
  }
  .guideBlock {
    padding-top: 0;
    maergin-top: 30px;
  }
  /***********************************
  ご利用ガイド
***********************************/
  .f_guide {
    margin-top: 30px;
  }
  .f_guide .sysContent {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .f_guide .Title {
    font-size: 20px;
    text-align: center;
    padding: 20px 0 0px;
  }
  .f_guide .guideBlock {
    width: 95%;
    margin: 50px 2.5%;
    display: block;
    padding: 30px 0px 5px;
    border: 1px solid #424242;
    border-radius: 10px;
    position: relative;
  }
  .f_guide .guide01 {
    padding-right: 0px;
  }
  .f_guide .guide02 {
    padding-left: 0px;
  }
  .f_guide .guideTitle {
    width: 200px;
    margin: auto;
    text-align: center;
    margin-bottom: 10px;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    background: #fff;
    font-size: 15px;
  }
  .f_guide p {
    font-size: 15px;
    line-height: 20px;
    margin: 5px 0  !important;
    text-align: left;
    padding: 0 10px 0 15px;
  }
  .f_guide img {
    width: 100%;
  }
  .f_guide .mt {
    margin-top: 10px;
  }
  .f_guide .smaller {
    font-size: 12px;
  }
  .f_guide a.f_guide_btn {
    margin: 20px auto;
    float: none;
  }
  .f_guide .freedial {
    font-size: 30px;
  }
  /* カート内商品数表示*/
  button.itemCount2 {
    display: none;
    position: absolute;
    bottom: 26px;
    right: -1px;
    background: #da4636;
    border: none;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
  }
  /*商品購入ステップ*/
  .steps ul {
    width: 350px;
  }
  .steps li {
    float: left;
    padding: 0 6px;
    height: 150px;
  }
  .steps li a {
    height: 150px !important;
  }
  .steps li img {
    height: 150px;
  }
}

@media only screen and (max-width: 750px) and (max-width: 350px) {
  /*商品購入ステップ*/
  .steps ul {
    width: 275px;
  }
  .steps li {
    float: left;
    padding: 0 2px;
    height: 100px;
  }
  .steps li a {
    height: 100px !important;
  }
  .steps li img {
    height: 100px;
  }
}

@media only screen and (max-width: 750px) {
  /* 決済ページ*/
  #sysPayment #sysWrap,
  #sysConfirm #sysWrap,
  #sysThanks #sysWrap,
  #sysCartError #sysMain {
    width: 95% !important;
    margin-left: 2.5%;
  }
  #sysBillingAddress form {
    width: 95%;
    padding: 30px 20px;
    margin: 0 auto;
  }
  #sysPayment #sysMain .sysFormLabel {
    line-height: 10px;
  }
  #sysDestination #sysMain {
    width: 95%;
    border: 1px solid #aaa;
    padding: 20px 20px !important;
    margin: 30px auto;
  }
  /***********************************
  マイページ
***********************************/
  .sysMypage .sysMypageNav form {
    width: 100% !important;
  }
  /***********************************
  新規会員登録
***********************************/
  #sysMemberRegisterIndex .sysNextSubmit {
    width: 100%;
    float: none;
    margin-right: 0%;
    border-radius: 5px;
    height: 50px;
    font-size: 15px;
  }
  #sysMemberRegisterIndex .sysButton[type="submit"] {
    width: 100%;
    float: none;
    margin-right: 0%;
    border-radius: 5px;
    height: 50px;
    font-size: 15px;
    margin-top: 0px;
  }
  #sysMypageLogin .sysLoginButton {
    width: 100%;
    float: none;
    margin-right: 0%;
  }
  #sysMypageLogin .sysButton {
    width: 100%;
    margin-left: 0%;
    margin-top: 0px;
  }
  /***********************************
  カートページ
***********************************/
  /*ドメイン*/
  .sysAcceptDomainArea .sysAcceptDomain a {
    padding: 0;
    font-size: 10px;
  }
  /***********************************
  ボタンデザイン
***********************************/
  .common_btn {
    margin: 20px auto 30px;
  }
  /***********************************
  TOPページ
***********************************/
  /*.トップスライダー*/
  #slideShow {
    height: 130px;
  }
  .top_slider {
    padding-top: 0;
    margin: 120px auto 0;
  }
  .owl-dots .owl-dot {
    top: 0;
  }
  .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
  }
  .owl-nav .owl-prev {
    left: 6px;
    background: url(https://www.fishing-labo.toray/img/common/controls.png) no-repeat 0 0;
    background-size: 30px;
  }
  .owl-nav .owl-next {
    right: 6px;
    background: url(https://www.fishing-labo.toray/img/common/controls.png) no-repeat -15px 0;
    background-size: 30px;
  }
  .owl-nav .owl-prev:hover {
    background-position: 0 0;
  }
  .owl-nav .owl-next:hover {
    background-position: -15px 0;
  }
  /*新着アイテム*/
  .top_newarrival li {
    width: 30% !important;
    margin: 0 1.5% 30px !important;
    padding: 0 !important;
  }
  .top_newarrival li .sysItemName {
    padding-top: 0;
  }
  .top_newarrival li .sysItemPrice {
    font-size: 12px;
  }
  /*特集一覧*/
  .top_features {
    overflow: hidden;
  }
  .top_recommend_item ul {
    font-size: 0;
    text-align: left;
  }
  .top_features li {
    width: 46%;
    margin: 2%;
  }
  .top_features li:nth-child(1),
  .top_features li:nth-child(2) {
    position: relative;
    z-index: 10;
    width: 96%;
  }
  .top_features li:nth-child(1) p,
  .top_features li:nth-child(2) p {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 15;
    margin: 0;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  }
  /*おすすめ商品、ランキング*/
  .top_ranking_item li {
    width: 30% !important;
    margin: 0 1.5% 30px !important;
    padding: 0 !important;
  }
  .top_recommend_item li .sysItemName,
  .top_ranking_item li .sysItemName {
    padding-top: 0;
  }
  .top_recommend_item li .sysItemPrice,
  .top_ranking_item li .sysItemPrice {
    font-size: 12px;
  }
  .top_recommend_item li .sysCartButton,
  .top_ranking_item li .sysCartButton {
    width: 100%;
    font-size: 10px;
    letter-spacing: -1px;
  }
  /*おすすめ商品*/
  .top_recommend_item li {
    padding: 5px !important;
  }
}

/* ======================================================
Tablet
====================================================== */
@media only screen and (min-width: 751px) and (max-width: 1199px) {
  .sysDisplayTabletNone {
    display: none !important;
  }
  .top_slider .owl-carousel .owl-wrapper,
  .top_slider .owl-carousel .owl-item {
    width: 100vw !important;
    max-width: 1000px !important;
  }
  /* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
  #sysWrap {
    margin-top: 120px;
  }
  div#sysMain, div#sysAside {
    width: 100% !important;
    float: none;
  }
  .sysMypage #sysWrap,
  .sysMemberRegister #sysWrap {
    margin: 130px auto 0;
  }
  #sysFormIndex div#sysMain,
  #sysFormConfirm div#sysMain,
  #sysFormThanks div#sysMain,
  .sysMypage div#sysMain,
  .sysMemberRegister #sysMain,
  #sysItemSearch div#sysMain {
    width: 95% !important;
    margin: 30px auto;
    padding: 20px !important;
  }
  .sysCart #sysMain {
    width: 95% !important;
    margin: 0 auto;
    padding: 20px;
  }
  .sysFormField label {
    display: block;
  }
  /* 決済ページ*/
  #sysPayment #sysWrap,
  #sysConfirm #sysWrap,
  #sysThanks #sysWrap,
  #sysCartError #sysMain {
    width: 95% !important;
    margin-left: 2.5%;
  }
  #sysPayment #sysMain .sysFormLabel {
    line-height: 10px;
  }
  #sysBillingAddress form {
    width: 95%;
    padding: 30px 20px;
    margin: 0 auto;
  }
  #sysDestination #sysMain {
    width: 95%;
    border: 1px solid #aaa;
    padding: 20px 20px !important;
    margin: 30px auto;
  }
  /*header検索ボックス*/
  .h_search {
    margin-top: 0px;
  }
  /***********************************
  商品詳細ページ
***********************************/
  #sysItemCategory #sysMain {
    padding: 30px 20px;
  }
  #sysItemCategory input[type=submit] {
    margin-top: 0px;
  }
  #sysItemDetail #sysMain {
    width: 95% !important;
  }
  #sysItemDetail .sysCategoryPankuzu {
    margin-bottom: 20px;
  }
  #sysItemDetail .sysItemName h1 {
    font-size: 15px;
  }
  #sysItemDetail .sysItemId {
    margin: 0 0 10px 0 !important;
  }
  #sysItemDetail .sysMainImage {
    max-width: 700px;
    margin: 0 auto;
  }
  #sysItemDetail .sysImageList {
    max-width: 700px;
    margin: 0 auto 20px;
  }
  #sysItemDetail .sysImageList li {
    display: inline-block;
    max-width: 60px;
    line-height: 0;
  }
  #sysItemDetail .sysReview,
  #sysItemDetail .description_left,
  #sysItemDetail .sysDescription,
  #sysItemDetail .sysForm,
  #sysItemDetail .sysRetailPrice,
  #sysItemDetail .sysImageDescription {
    max-width: 700px;
    margin: 0 auto 10px auto !important;
  }
  #sysItemDetail .sysForm select {
    min-width: 350px;
    display: inline-block;
    float: none !important;
  }
  #sysItemDetail #sysNumber {
    text-align: right;
  }
  .sysItemPrArea span {
    width: 48%;
    font-size: 14px;
  }
  .sysPr span {
    font-size: 10px;
  }
  /***********************************
  ヘッダー
***********************************/
  .header_wrap {
    position: relative;
    height: 120px;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 120;
  }
  #sysHeader {
    width: 100%;
    margin: 0px auto;
  }
  .h_inner {
    margin: 0px 0 0;
  }
  .header_h1_under, .header_h1 {
    width: 100%;
    height: 20px;
    float: none;
    text-align: center;
    background: #ededed;
  }
  .header_h1_under a, .header_h1 a {
    display: none;
  }
  .head_title {
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    letter-spacing: 1px;
  }
  .header_sp {
    width: 94%;
    margin: 0 3%;
    position: relative;
    text-align: center;
  }
  .header_sp #navBtn {
    position: absolute;
    top: 10px;
    left: 0;
  }
  /***********************************
  カート情報
***********************************/
  #cartInfo {
    display: none;
  }
  /***********************************
  ナビゲーション
***********************************/
  #headNavigation .pcnone {
    display: block;
  }
  #headNavigation .spnone {
    display: none;
  }
  #headNavigation li.active {
    background: #fff;
  }
  .h_navi {
    width: 100%;
    height: 40px;
  }
  #headNavigation li.tab1 {
    width: 25%;
    margin-top: 10px;
  }
  #headNavigation li.tab1 a {
    font-size: 12px;
    line-height: 15px;
    position: relative;
  }
  #headNavigation li.tab1:nth-of-type(5) {
    display: none;
  }
  /*ナビゲーショントグル*/
  .toggleNav {
    display: none;
    width: 100%;
    position: absolute;
    height: 0px;
    /*heightはjs制御*/
    top: 39px;
    left: 0;
    z-index: 110;
    background: transparent;
    box-shadow: 0px 0px 0px 0px #ccc;
    -moz-box-shadow: 0px 0px 0px 0px #ccc;
    -webkit-box-shadow: 0px 0px 0px 0px #ccc;
  }
  .toggleNav:hover {
    overflow: visible !important;
  }
  #headNavigation ul.tab {
    position: relative;
  }
  .tabmenu .border:after {
    content: none;
  }
  .tabmenu li.tab1 {
    position: static;
    border-right: 1px solid #000;
  }
  .tabmenu li.tab1:nth-child(4) {
    border-right: none;
  }
  .tabmenu li.tab1 {
    position: static;
  }
  .tabmenu li.tab1 a {
    font-size: 14px;
  }
  .tabmenu ul:after {
    display: block;
    content: "";
    clear: both;
  }
  .tabmenu li.tab2 {
    width: 100%;
    height: auto;
    text-align: left;
    line-height: 1;
    font-size: 18px;
    border-bottom: 1px dotted #ddd;
    position: relative;
    background: white;
  }
  .tabmenu li.tab2 a {
    display: block;
    position: relative;
    padding: 5px 15px;
    font-size: 14px !important;
    line-height: 40px !important;
    font-weight: bold;
  }
  #headNavigation li.tab2 a:after {
    display: none;
  }
  .tabmenu li.tab2 a i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
  }
  .h_spnavi {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    color: #444;
    display: none;
    overflow: auto;
  }
  #spNaviWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: -100%;
    background: #e1e1e1;
    z-index: 200;
    padding: 80px 10px 50px;
    overflow: scroll;
  }
  /***********************************
  ログイン情報
***********************************/
  .h_login {
    max-width: 700px;
    width: 90%;
    margin: 0 auto;
  }
  .h_login .sysHeadline {
    text-align: center;
    font-size: 25px;
    margin-botom: 10px;
  }
  .h_login .sysContent {
    text-align: center;
  }
  .h_login .sysFormItem {
    margin-bottom: 10px;
  }
  .h_login .sysFormLabel {
    display: block;
    font-size: 15px;
    height: 25px;
    text-align: left;
    margin-bottom: 0px;
  }
  .h_login .sysLoginButton {
    width: 100%;
    margin: 15px 0%;
    border-radius: 0;
    border: 1px solid #444;
    font-size: 15px;
    height: 50px;
    line-height: 10px;
  }
  .h_login li {
    border: 1px solid #444;
    margin-bottom: 15px;
    height: 50px;
    line-height: 45px;
    text-align: center;
  }
  .h_login li a {
    font-size: 15px;
    padding: 0px 5px 5px 0px;
  }
  /***********************************
  ナビゲーションメニュー
***********************************/
  #closeMenu {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 20px;
  }
  #closeMenu span {
    font-size: 15px;
    margin: 0 10px;
    display: inline-block;
  }
  #closeMenu2 {
    text-align: center;
    margin: 20px 0;
    border: 1px solid #aaa;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
  #closeMenu2 span {
    display: inline-block;
    margin: 0 10px;
  }
  #spNavMenu .navTitle {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
  }
  #spNavMenu {
    max-width: 800px;
    margin: 80px auto 0;
    width: 90%;
  }
  #spNavMenu .spMenuList {
    height: auto;
    line-height: 40px;
    font-size: 15px;
    position: relative;
    border-bottom: 1px solid #aaa;
  }
  #spNavMenu .spMenuList i {
    position: absolute;
    line-height: 40px;
    right: 10px;
    font-size: 18px;
  }
  #spNavMenu .spMenuList a {
    display: block;
    padding-left: 15px;
  }
  #spNavMenu .spToggleNav {
    height: 200px;
    overflow: hidden;
  }
  #spNavMenu .spToggleNav li {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    border-bottom: 1px dotted #aaa;
  }
  #spNavMenu .spToggleNav li:first-child {
    border-top: 1px solid #aaa;
  }
  #spNavMenu .spToggleNav li:last-child {
    border-bottom: 0;
  }
  /***********************************
  フッター
***********************************/
  .footer .f_gnav_all {
    background: #c3c3c3;
    padding: 0px 0 0px;
    letter-spacing: 2px;
    text-align: left;
  }
  .footer .f_gnav ul:after {
    display: block;
    content: "";
    clear: both;
  }
  .footer .f_gnav {
    width: 100%;
    border-top: 1px solid #444;
    margin-bottom: 0;
    overflow: hidden;
  }
  .footer .f_gnav li {
    width: 50%;
    float: left;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0px 0px 0 15px;
    font-size: 12px;
    position: relative;
    border-bottom: 1px solid #444;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .footer .f_gnav li i {
    position: absolute;
    font-size: 20px;
    line-height: 30px;
    right: 10px;
    top: 5px;
  }
  .footer .f_gnav li:nth-child(even) {
    border-left: 1px solid #444;
  }
  .footer .f_gnav li:last-child {
    width: 100%;
  }
  .footer .f_gnav li a {
    display: block;
  }
  .footer .f_gnav .sp_wide {
    width: 100%;
    height: 35px;
    border-bottom: 0px;
  }
  .footer .f_gnav li:after {
    width: 0px;
  }
  /***********************************
  サイド
***********************************/
  .side_search {
    width: 95%;
    margin: 0 auto 30px;
  }
  .side_navi_item,
  .side_navi {
    width: 95%;
    margin: 0 auto;
  }
  .side_navi ul li.sysText a {
    padding: 10px 5px !important;
  }
  .side_navi_item .sysHeadline,
  .side_navi_item .sysContent {
    width: 100% !important;
    margin: 0 auto !important;
  }
  .side_navi_item .sysContent li,
  .side_navi .sysContent li {
    float: left !important;
    width: 50% !important;
  }
  .side_navi_1 {
    border-top: 1px solid #000;
  }
  /***********************************
  共通パーツ
***********************************/
  .sysTitle {
    width: 600px;
    margin: 50px auto !important;
    position: relative;
    text-align: center;
    font-size: 20px;
    letter-spacing: auto;
  }
  .sysTitle b {
    display: block;
    font-size: 15px;
    text-align: center;
    margin-top: 5px;
  }
  .sysTitle span {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 40px;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
  }
  .sysTitle::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #222222;
  }
  .contentsWrap {
    width: 90%;
    margin: 0 auto;
  }
  /***********************************
  商法テーブルレイアウト
***********************************/
  .p-law .sysTitle {
    max-width: 600px;
  }
  .p-law .sysTitle span {
    font-size: 22px;
    padding: 0 40px;
  }
  #main_tradelaw {
    width: 90%;
  }
  .shipFee {
    width: 90%;
    margin: 50px auto;
  }
  .shipFee h3 {
    font-size: 16px;
  }
  table.shipFeeTable .newLine {
    display: block;
  }
  table.shipFeeTable tbody th {
    width: 500px;
    vertical-align: middle;
  }
  table.shipFeeTable td {
    width: 500px;
    font-size: 15px;
    vertical-align: middle;
  }
  /***********************************
   フッター部分のご利用ガイド
***********************************/
  .f_guide {
    margin-top: 50px;
  }
  .f_guide .sysContent {
    width: 100%;
  }
  .f_guide .Title {
    font-size: 15px;
    padding: 20px 0 30px;
  }
  .f_guide .guideBlock {
    width: 50%;
    padding: 0 2%;
    padding-bottom: 30px;
  }
  .f_guide .guide01 {
    padding-right: 20px;
  }
  .f_guide .guide02 {
    padding-left: 20px;
  }
  .f_guide .freedial {
    font-size: 30px;
  }
  .f_guide a {
    display: block;
    width: auto;
  }
  /***********************************
  カート内商品数表示
***********************************/
  button.itemCount2 {
    display: none;
    position: absolute;
    bottom: 26px;
    right: -1px;
    background: #da4636;
    border: none;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
  }
  /***********************************
  商品購入ステップ
***********************************/
  .steps ul {
    width: 550px;
  }
  .steps li {
    float: left;
    padding: 0 2px;
    height: 180px;
  }
  .steps li a {
    height: 180px !important;
  }
  .steps li img {
    height: 180px;
  }
  /***********************************
  TOPページ
***********************************/
  /*.トップスライダー*/
  #slideShow {
    height: 190px;
  }
  .top_slider {
    padding-top: 0;
    margin-top: 120px;
  }
}

/* ======================================================
PC
====================================================== */
@media only screen and (min-width: 1200px) {
  .sysDisplayPcNone {
    display: none !important;
  }
}

/*!────────────────────────────────────────
* _font.scss
────────────────────────────────────────*/
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

html {
  /* set 16px to 10px */
  font-size: 62.5%;
}

body {
  color: #000;
  /* set 12px */
  font-size: 1.4rem;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  line-height: 1.6;
  /*letter-spacing: 0.1em;　*/
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-print-color-adjust: exact;
}

body {
  /* フォントレンダリング設定: 1x解像度ではsubpixel、2x以上の解像度ではgrayscale */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.mont {
  font-family: 'Montserrat', sans-serif;
}

.mincho {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.gothic {
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

.bold {
  font-weight: bold;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/*!────────────────────────────────────────
 * _common_settings.scss
 * ────────────────────────────────────────*/
/* ===========================
基本設定
=========================== */
* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
  transition: opacity .2s;
}

a:hover {
  opacity: .7;
  transition: opacity .2s;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

main, section {
  display: block;
}

#sysAll {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
}

@media only screen and (min-width: 751px) and (max-width: 1199px) {
  #sysAll {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    padding-top: 0;
  }
}

@media only screen and (max-width: 750px) {
  #sysAll {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    padding-top: 0;
  }
}

#sysWrap {
  max-width: 1200px;
  overflow: visible;
}

#sysHeader, #sysMain, #sysAside, #sysFooter, #sysWrap {
  padding: 0;
  margin: 0 auto;
}

/* ===========================
画面幅による表示・非表示
=========================== */
.tb_only {
  display: none;
}

.sp_only {
  display: none;
}

.pc_only {
  display: block;
}

/* TBここから */
@media only screen and (min-width: 751px) and (max-width: 1199px) {
  .pc_only {
    display: none;
  }
  .sp_only {
    display: none;
  }
  .tb_only {
    display: block;
  }
}

/* SPここから */
@media only screen and (max-width: 750px) {
  .pc_only {
    display: none;
  }
  .tb_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
}

/* ===========================
はみ出す背景など
=========================== */
.ex_width {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.ex_width .ex_width_inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* ===========================
コンテンツとサイドナビの横並び設定
=========================== */
/* フォームページの基本レイアウト*/
#sysFormIndex #sysWrap #sysMain,
#sysFormConfirm #sysWrap #sysMain,
#sysFormThanks #sysWrap #sysMain,
.sysMemberRegister #sysWrap #sysMain,
.sysMypage #sysWrap #sysMain,
#sysDestination #sysWrap #sysMain,
#sysRegi #sysWrap #sysMain,
#sysBillingAddress #sysWrap #sysMain,
#sysPayment #sysWrap #sysMain,
#sysConfirm #sysWrap #sysMain {
  width: 1200px;
  border: 1px solid #eee;
  padding: 20px 150px;
  margin: 30px auto;
}

#sysFormIndex #sysWrap #sysAside,
#sysFormConfirm #sysWrap #sysAside,
#sysFormThanks #sysWrap #sysAside,
.sysMemberRegister #sysWrap #sysAside,
.sysMypage #sysWrap #sysAside,
#sysDestination #sysWrap #sysAside,
#sysRegi #sysWrap #sysAside,
#sysBillingAddress #sysWrap #sysAside,
#sysPayment #sysWrap #sysAside,
#sysConfirm #sysWrap #sysAside {
  display: none;
}

@media only screen and (min-width: 751px) and (max-width: 1199px) {
  /* フォームページの基本レイアウト */
  #sysFormConfirm #sysWrap #sysMain,
  #sysFormIndex #sysWrap #sysMain,
  #sysFormThanks #sysWrap #sysMain,
  #sysItemSearch #sysWrap #sysMain,
  #sysDestination #sysWrap #sysMain,
  #sysRegi #sysWrap #sysMain,
  #sysBillingAddress #sysWrap #sysMain,
  .sysMemberRegister #sysWrap #sysMain,
  .sysMypage #sysWrap #sysMain {
    width: 96%;
    margin: 30px auto;
    padding: 20px 2%;
  }
  #sysFormConfirm #sysWrap #sysAside,
  #sysFormIndex #sysWrap #sysAside,
  #sysFormThanks #sysWrap #sysAside,
  #sysItemSearch #sysWrap #sysAside,
  #sysDestination #sysWrap #sysAside,
  #sysRegi #sysWrap #sysAside,
  #sysBillingAddress #sysWrap #sysAside,
  .sysMemberRegister #sysWrap #sysAside,
  .sysMypage #sysWrap #sysAside {
    display: none;
  }
  /* 決済ページの基本レイアウト */
  #sysCartError #sysWrap #sysMain,
  #sysConfirm #sysWrap #sysMain,
  #sysPayment #sysWrap #sysMain,
  #sysThanks #sysWrap #sysMain {
    width: 96%;
    margin: 30px auto;
    padding: 20px 2%;
  }
  #sysCartError #sysWrap #sysAside,
  #sysConfirm #sysWrap #sysAside,
  #sysPayment #sysWrap #sysAside,
  #sysThanks #sysWrap #sysAside {
    display: none;
  }
}

@media only screen and (max-width: 750px) {
  /* フォームページの基本レイアウト */
  #sysFormConfirm #sysWrap #sysMain,
  #sysFormIndex #sysWrap #sysMain,
  #sysFormThanks #sysWrap #sysMain,
  #sysItemSearch #sysWrap #sysMain,
  #sysDestination #sysWrap #sysMain,
  #sysRegi #sysWrap #sysMain,
  #sysBillingAddress #sysWrap #sysMain,
  .sysMemberRegister #sysWrap #sysMain,
  .sysMypage #sysWrap #sysMain {
    width: 92%;
    padding: 20px 4% 30px;
    margin: 10px auto;
  }
  #sysFormConfirm #sysWrap #sysAside,
  #sysFormIndex #sysWrap #sysAside,
  #sysFormThanks #sysWrap #sysAside,
  #sysItemSearch #sysWrap #sysAside,
  #sysDestination #sysWrap #sysAside,
  #sysRegi #sysWrap #sysAside,
  #sysBillingAddress #sysWrap #sysAside,
  .sysMemberRegister #sysWrap #sysAside,
  .sysMypage #sysWrap #sysAside {
    display: none;
  }
  /* 決済ページの基本レイアウト */
  #sysCartError #sysWrap #sysMain,
  #sysConfirm #sysWrap #sysMain,
  #sysPayment #sysWrap #sysMain,
  #sysThanks #sysWrap #sysMain {
    width: 92%;
    padding: 20px 4% 30px;
    margin: 10px auto;
  }
  #sysCartError #sysWrap #sysAside,
  #sysConfirm #sysWrap #sysAside,
  #sysPayment #sysWrap #sysAside,
  #sysThanks #sysWrap #sysAside {
    display: none;
  }
}

/* ===========================
clearfix
=========================== */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

#sysHeader {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#sysHeader #cart_info {
  position: absolute;
  top: 65px;
  right: 0;
  width: 65px;
}

#sysHeader #cart_info .cartTxt {
  padding: 0 !important;
}

#sysHeader #cart_info .cartTxt .header_top_menu_blk {
  width: 100%;
  font-size: 1.0rem;
  line-height: 1;
  color: #4c4c4c;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  margin: 0;
  text-align: center;
  letter-spacing: 0.2em;
  position: relative;
}

#sysHeader #cart_info .cartTxt .header_top_menu_blk div {
  width: 30px;
  margin: 0 auto 5px;
}

#sysHeader #cart_info .cartTxt .header_top_menu_blk .itemCount {
  border: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #da4636;
  border-radius: 10px;
  position: absolute;
  top: -3px;
  right: 11px;
}

#sysHeader #cart_info .h_cart {
  display: none;
  width: 280px;
  height: auto;
  position: absolute;
  top: 50px;
  right: 0;
  border: 1px solid #4c4c4c;
  background: #fff;
  color: #4c4c4c;
  z-index: 10;
  padding: 15px 20px 20px;
}

#sysHeader #cart_info .h_cart .sysCartInfoItemCount {
  font-size: 1.2rem;
  margin-bottom: 5px;
}

#sysHeader #cart_info .h_cart .sysCartInfoCartIn a {
  display: block;
  background: #001533;
  color: #fff;
  border: 1px solid #001533;
  width: 100%;
  margin: 15px 0 0;
  height: auto;
  padding: 5px 0;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

#sysHeader #cart_info .h_cart .sysCartInfoCartIn a img {
  width: 20px;
  height: auto;
}

#sysHeader #cart_info .h_cart .sysCartInfoCartIn a img:nth-of-type(2) {
  display: none;
}

#sysHeader .header_top_text {
  height: 40px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #4f5966;
}

#sysHeader .header_top_text .sysContent p {
  font-size: 20px;
  line-height: 40px;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
}

#sysHeader .header_h1 {
  width: 800px;
  margin-bottom: 17px;
  padding: 26px 15px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#sysHeader .header_h1 .sysHeadline {
  width: 160px;
  margin-right: 33px;
}

#sysHeader .header_h1 .sysContent h1, #sysHeader .header_h1 .sysContent p {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 0;
}

#sysHeader .header {
  width: 300px;
  padding-right: 65px;
  position: absolute;
  top: 65px;
  right: 0;
}

#sysHeader .header .sysContent .g_navi ul {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

#sysHeader .header .sysContent .g_navi ul li {
  width: 75px;
}

#sysHeader .header .sysContent .g_navi ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  font-size: 1.0rem;
  line-height: 1;
  color: #4c4c4c;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  margin: 0;
  text-align: center;
  letter-spacing: 0.1em;
}

#sysHeader .header .sysContent .g_navi ul li a img {
  width: 30px;
  margin-bottom: 5px;
}

#sysHeader .news_line .sysContent ul {
  height: 36px;
  padding: 0 0 0 10px;
}

#sysHeader .news_line .sysContent ul li {
  height: 36px;
 /*padding: 9px 0;*/
}

#sysHeader .news_line .sysContent ul li a {
  display: inline-block;
  height: 18px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.05em;
  font-weight: 700;
  padding: 0 35px 0 0;
  background: url("https://www.fishing-labo.toray/img/common/header_btn_arrow.png") center right no-repeat;
  background-size: 18px;
  white-space: normal !important;
}

#sysHeader .feature_word .sysContent {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #ededed;
}

#sysHeader .feature_word .sysContent ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 1200px;
  height: 50px;
  margin: 0 auto;
  padding: 0 15px;
}

#sysHeader .feature_word .sysContent ul li {
  display: inline;
  width: auto !important;
  margin-right: 2em;
}

#sysHeader .feature_word .sysContent ul li a {
  font-size: 1.4rem;
  line-height: 50px;
  letter-spacing: 0.05em;
  font-weight: 700;
}

#sysHeader .feature_word .sysContent ul li a::before {
  content: "#";
  display: inline;
}

/* ====================================
TBここから
==================================== */
@media only screen and (min-width: 751px) and (max-width: 1200px) {
  #sysHeader {
    width: 100%;
    padding: 0;
  }
  #sysHeader #cart_info {
    display: none;
    top: 19px;
    right: 0;
    width: 32px;
  }
  #sysHeader #cart_info .cartTxt {
    margin: 0;
  }
  #sysHeader #cart_info .cartTxt .header_top_menu_blk {
    font-size: 1rem;
  }
  #sysHeader #cart_info .h_cart {
    display: none !important;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp .header_blk_sp_inner .header_logo {
    width: 140px;
    height: 24px;
    margin: 0 auto;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp .header_blk_sp_inner .header_logo a {
    display: block;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp .header_blk_sp_inner .header_logo a img {
    width: 140px;
    height: 22px;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav {
    width: 50%;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul li {
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    margin-bottom: 20px;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search {
    width: 100%;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form {
    position: relative;
    line-height: 1;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form .sysItemSearchFormWord input[type="search"] {
    padding: 0 40px 0 20px !important;
    height: 34px;
    border-radius: 30px;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    font-size: 1.4rem;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form .sysItemSearchFormWord input[type="search"]::-webkit-input-placeholder {
    /* Chrome, Opera */
    letter-spacing: 0.2em;
    color: #000;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form .sysItemSearchFormWord input[type="search"]:-moz-placeholder {
    /* Firefox 19+ */
    letter-spacing: 0.2em;
    color: #000;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form .sysItemSearchFormWord input[type="search"]:-ms-input-placeholder {
    /* IE 10+ */
    letter-spacing: 0.2em;
    color: #000;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form input[type="submit"] {
    padding: 0 !important;
    margin-top: 0;
    position: absolute;
    top: 9px;
    right: 14px;
    width: 20px;
    height: 20px;
    background-image: url(../img/layout/common/ico_search.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left top;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger {
    width: 60px;
    height: 60px;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger a {
    width: 20px;
    height: 20px;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger a span {
    height: 2px;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger a span:nth-of-type(1) {
    position: absolute;
    top: 0;
    left: 0;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger a span:nth-of-type(2) {
    position: absolute;
    top: 9px;
    left: 0;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger a span:nth-of-type(3) {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger.open a:hover {
    opacity: 1;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger.open a span:nth-of-type(1) {
    top: 9px;
    transform: rotate(45deg);
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger.open a span:nth-of-type(2) {
    opacity: 0;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger.open a span:nth-of-type(3) {
    bottom: 9px;
    transform: rotate(-45deg);
  }
  #sysHeader .header_fixed_menu .fixed_menu_content .fixed_menu_inner {
    padding-top: 60px;
  }
  #sysHeader .header_sp .sysContent #navBtn {
    position: absolute;
    top: 20px;
    left: 0;
  }
  #sysHeader .header_sp .sysContent #navBtn .spans {
    width: 30px;
    height: 25px;
    margin: 0 auto;
    position: relative;
  }
  #sysHeader .header_sp .sysContent #navBtn .spans span {
    width: 100%;
    height: 2px;
    background: #000;
    transition-duration: 0.2s;
  }
  #sysHeader .header_sp .sysContent #navBtn .spans span:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
  }
  #sysHeader .header_sp .sysContent #navBtn .spans span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  #sysHeader .header_sp .sysContent #navBtn .spans span:nth-child(3) {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #sysHeader .header_sp .sysContent #navBtn p {
    text-align: center;
    font-size: 1rem;
    letter-spacing: 0;
  }
  #sysHeader .header_sp .sysContent #navBtn.open_cls .spans span:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
  }
  #sysHeader .header_sp .sysContent #navBtn.open_cls .spans span:nth-child(2) {
    opacity: 0;
  }
  #sysHeader .header_sp .sysContent #navBtn.open_cls .spans span:nth-child(3) {
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
  }
  #sysHeader .header_sp .sysContent .spLogo img {
    width: 135px;
    margin: 8px 0 !important;
  }
  #sysHeader .header_sp .sysContent .spRegi {
    position: absolute;
    top: 20px;
    right: 50px;
  }
  #sysHeader .header_sp .sysContent .spRegi img {
    width: 30px;
  }
  #sysHeader .header_sp .sysContent .spRegi span {
    display: block;
    font-size: 1rem;
    letter-spacing: 0;
  }
  #sysHeader .header_sp .sysContent .spCart {
    position: absolute;
    top: 20px;
    right: 0px;
  }
  #sysHeader .header_sp .sysContent .spCart img {
    width: 30px;
  }
  #sysHeader .header_sp .sysContent .spCart span {
    display: block;
    font-size: 1rem;
    letter-spacing: 0;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent {
    width: 100%;
    text-align: left;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul {
    border-top: 1px solid #000;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2 {
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.1em;
    font-weight: 700;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 4px;
    border-right: 2px solid #010101;
    border-bottom: 2px solid #010101;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 20px;
    top: 44%;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2 span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.05em;
    margin-left: 1em;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2.open::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 16px;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2.open + div {
    max-height: 350px;
    height: auto;
    padding: 0;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2 + div {
    width: 100%;
    padding: 0;
    transition-duration: 0.5s;
    overflow: hidden;
    max-height: 0;
    border-bottom: 1px solid #000;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2 + div nav li {
    font-size: 14px;
    margin: 0 !important;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #fff;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2 + div nav li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 3em;
    line-height: 40px;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_gnavi_wrap ul li {
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.1em;
    font-weight: 700;
    border-bottom: 1px solid #000;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_gnavi_wrap ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_follow_wrap {
    margin: 10vw 0;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_follow_wrap ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_follow_wrap ul li {
    width: 10vw;
    max-width: 40px;
    margin-right: 5vw;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_follow_wrap ul li:last-child {
    margin-right: 0;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .closeMenu_btn {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
    background: #4f5966;
    color: #fff;
  }
  #nav-toggle {
    position: absolute;
    top: 25px;
    left: 0;
    height: 20px;
    cursor: pointer;
  }
  #nav-toggle.open {
    position: fixed;
    left: 3%;
  }
  #nav-toggle > div {
    position: relative;
    width: 20px;
  }
  #nav-toggle span {
    width: 100%;
    height: 1px;
    left: 0;
    display: block;
    background: #000;
    position: absolute;
    transition: transform .6s ease-in-out, top .5s ease;
  }
  #nav-toggle span:nth-child(1) {
    top: 0;
  }
  #nav-toggle span:nth-child(2) {
    top: 8px;
  }
  #nav-toggle span:nth-child(3) {
    top: 16px;
  }
  .open #nav-toggle span {
    background: #000;
  }
  .open #nav-toggle span:nth-child(1) {
    top: 9px;
    transform: rotate(45deg);
  }
  .open #nav-toggle span:nth-child(2) {
    top: 9px;
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 9px;
    transform: rotate(-45deg);
  }
  /* z-index */
  #nav-toggle {
    z-index: 100;
  }
  #container {
    z-index: 90;
  }
  #gloval-nav {
    background: #fff;
    color: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    text-align: left;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
  }
  #gloval-nav a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 10px 0;
    transition: color .6s ease;
  }
  #gloval-nav a:hover {
    color: #666;
  }
  #gloval-nav ul {
    list-style: none;
  }
  #gloval-nav ul li {
    opacity: 0;
    transform: translateX(200px);
    transition: transform .6s ease, opacity .2s ease;
  }
  #gloval-nav ul li:nth-child(2) {
    transition-delay: .15s;
  }
  #gloval-nav ul li:nth-child(3) {
    transition-delay: .3s;
  }
  #gloval-nav ul li:nth-child(4) {
    transition-delay: .45s;
  }
  #gloval-nav ul li:nth-child(5) {
    transition-delay: .6s;
  }
  #gloval-nav ul li:nth-child(6) {
    transition-delay: .75s;
  }
  #gloval-nav ul li:nth-child(7) {
    transition-delay: .9s;
  }
  /* open */
  .open {
    overflow: hidden;
  }
  .open #gloval-nav {
    visibility: visible;
    opacity: 1;
  }
  .open #gloval-nav li {
    opacity: 1;
    transform: translateX(0);
    transition: transform 1s ease, opacity .9s ease;
  }
}

/* ====================================
SPここから
==================================== */
@media only screen and (max-width: 750px) {
  #sysHeader {
    width: 100%;
    padding: 0;
  }
  #sysHeader .header_top_text {
    background: #4f5966;
  }
  #sysHeader .header_top_text .sysContent p {
    font-size: 14px;
  }
  #sysHeader #cart_info {
    display: none !important;
    top: 19px;
    right: 0;
    width: 32px;
  }
  #sysHeader #cart_info .cartTxt {
    margin: 0;
  }
  #sysHeader #cart_info .cartTxt .header_top_menu_blk {
    font-size: 1rem;
  }
  #sysHeader #cart_info .h_cart {
    display: none !important;
  }
  #sysHeader .header_sp .sysContent #navBtn {
    position: absolute;
    top: 3.5vw;
    left: 0px;
  }
  #sysHeader .header_sp .sysContent #navBtn .spans {
    width: 6vw;
    height: 6vw;
    margin: 0 auto;
    position: relative;
  }
  #sysHeader .header_sp .sysContent #navBtn .spans span {
    width: 100%;
    height: 2px;
    background: #000;
    transition-duration: 0.2s;
  }
  #sysHeader .header_sp .sysContent #navBtn .spans span:nth-child(1) {
    position: absolute;
    top: 0.5vw;
    left: 0;
  }
  #sysHeader .header_sp .sysContent #navBtn .spans span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  #sysHeader .header_sp .sysContent #navBtn .spans span:nth-child(3) {
    position: absolute;
    bottom: 0.5vw;
    left: 0;
  }
  #sysHeader .header_sp .sysContent #navBtn p {
    text-align: center;
    font-size: 2vw;
    letter-spacing: 0;
  }
  #sysHeader .header_sp .sysContent #navBtn.open_cls .spans span:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
  }
  #sysHeader .header_sp .sysContent #navBtn.open_cls .spans span:nth-child(2) {
    opacity: 0;
  }
  #sysHeader .header_sp .sysContent #navBtn.open_cls .spans span:nth-child(3) {
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
  }
  #sysHeader .header_sp .sysContent .spLogo img {
    width: 25.33333vw;
    margin: 8px 0 !important;
  }
  #sysHeader .header_sp .sysContent .spRegi {
    position: absolute;
    top: 3.5vw;
    right: 8vw;
  }
  #sysHeader .header_sp .sysContent .spRegi img {
    width: 6vw;
  }
  #sysHeader .header_sp .sysContent .spRegi span {
    display: block;
    font-size: 2vw;
    letter-spacing: 0;
  }
  #sysHeader .header_sp .sysContent .spCart {
    position: absolute;
    top: 3.5vw;
    right: 0px;
  }
  #sysHeader .header_sp .sysContent .spCart img {
    width: 6vw;
  }
  #sysHeader .header_sp .sysContent .spCart span {
    display: block;
    font-size: 2vw;
    letter-spacing: 0;
  }
  #sysHeader #feature_word_slider {
    height: 10.66667vw;
    background: #ededed;
    padding: 0 20px !important;
  }
  #sysHeader #feature_word_slider .owl-stage-outer .owl-stage {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  #sysHeader #feature_word_slider .owl-stage-outer .owl-stage .owl-item {
    padding: 0 10px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.66667vw;
    line-height: 10.66667vw;
    font-weight: bold;
  }
  #sysHeader #feature_word_slider .owl-stage-outer .owl-stage .owl-item::before {
    content: "#";
    display: inline;
  }
  #sysHeader #feature_word_slider .owl-stage-outer .owl-stage .owl-item li.sysText {
    float: none;
  }
  #sysHeader #feature_word_slider .owl-stage-outer .owl-stage .owl-item li.sysText a {
    padding: 0 5px;
  }
  #sysHeader #feature_word_slider .owl-nav {
    display: none;
  }
  #sysHeader #feature_word_slider .owl-nav .owl-prev {
    position: absolute;
    top: 50% !important;
    left: -10px !important;
    margin-top: 0;
    transform: translateY(-50%);
  }
  #sysHeader #feature_word_slider .owl-nav .owl-next {
    position: absolute;
    top: 50% !important;
    right: -10px !important;
    margin-top: 0;
    transform: translateY(-50%);
  }
  #sysHeader #feature_word_slider .owl-dots {
    display: none;
  }
  #sysHeader .h_navi_sp > .sysContent > ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li {
    width: 24%;
    padding: 2.66667vw 0;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li:first-child {
    width: 28%;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li h2 {
    text-align: center;
    font-size: 1.86667vw;
    font-weight: 700;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li h2 span {
    display: block;
    font-size: 3.2vw;
    font-family: 'Montserrat', sans-serif;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li h2 + div {
    width: 100vw;
    height: auto;
    background: #ddd;
    position: absolute;
    top: 100%;
    right: -100vw;
    z-index: 500;
    opacity: 0;
    transition-duration: 0.3s;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li h2 + div.open {
    right: 0;
    opacity: 1;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li h2 + div nav li {
    font-size: 12px;
    margin: 0 !important;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #fff;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li h2 + div nav li:first-child {
    border-top: none;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li h2 + div nav li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    padding-left: 3%;
    font-size: 12px;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li h2 + div.h_special_wrap ul li {
    width: 100%;
    height: 40px;
    border-top: 1px solid #fff;
    padding: 0;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li h2 + div.h_special_wrap ul li:first-child {
    border-top: none;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li h2 + div.h_special_wrap ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    padding-left: 3%;
    font-size: 12px;
  }
  #sysHeader .h_navi_sp > .sysContent > ul > li h2 + div .close_btn {
    font-size: 12px;
    line-height: 50px;
    text-align: center;
    background: #4f5966;
    color: #fff;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp .header_blk_sp_inner .header_logo {
    width: 130px;
    height: 27px;
    margin: 0 auto;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp .header_blk_sp_inner .header_logo a {
    display: block;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp .header_blk_sp_inner .header_logo a img {
    width: 130px;
    height: 27px;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav {
    width: 80%;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul li {
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    margin-bottom: 10px;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search {
    width: 100%;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form {
    position: relative;
    line-height: 1;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form .sysItemSearchFormWord input[type="search"] {
    padding: 0 40px 0 20px !important;
    height: 34px;
    border-radius: 30px;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    font-size: 1.4rem;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form .sysItemSearchFormWord input[type="search"]::-webkit-input-placeholder {
    /* Chrome, Opera */
    letter-spacing: 0.2em;
    color: #000;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form .sysItemSearchFormWord input[type="search"]:-moz-placeholder {
    /* Firefox 19+ */
    letter-spacing: 0.2em;
    color: #000;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form .sysItemSearchFormWord input[type="search"]:-ms-input-placeholder {
    /* IE 10+ */
    letter-spacing: 0.2em;
    color: #000;
  }
  #sysHeader .header_blk .sysContent .header_blk_sp #gloval-nav nav ul .menu_search .header_search form input[type="submit"] {
    padding: 0 !important;
    margin-top: 0;
    position: absolute;
    top: 9px;
    right: 14px;
    width: 20px;
    height: 20px;
    background-image: url(../img/layout/common/ico_search.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left top;
  }
  #sysHeader .header_nav_menu {
    padding-top: 9px;
  }
  #sysHeader .header_nav_menu .sysContent nav ul {
    display: flex;
  }
  #sysHeader .header_nav_menu .sysContent nav ul li {
    width: 25%;
    text-align: center;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    letter-spacing: 0.2em;
    line-height: 1;
  }
  #sysHeader .header_nav_menu .sysContent nav ul li a {
    font-size: 4.5vw;
    display: block;
    width: 100%;
    padding: 20px 0;
  }
  #sysHeader .header_nav_menu .sysContent nav ul li a:hover {
    opacity: 1;
    color: #00b5a2;
  }
  #sysHeader .header_nav_menu .sysContent nav ul li.nav_ranking, #sysHeader .header_nav_menu .sysContent nav ul li.nav_news {
    display: none;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner {
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_content_close {
    font-size: 5rem;
    font-weight: 100;
    position: relative;
    top: 21px;
    left: 3%;
    width: 30px;
    height: 30px;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_content_close a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1;
    display: flex;
    align-items: flex-end;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_txt {
    width: 80%;
    margin: 0 auto;
    padding-top: 10%;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_txt li {
    width: 100%;
    text-align: left;
    border-right: none;
    margin-bottom: 0;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_txt li:nth-of-type(1) {
    border-left: none;
    border-top: 1px solid #ddd;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_txt li:nth-of-type(6n) {
    border-left: none;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_txt li a {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 10px 2%;
    position: relative;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_txt li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 4px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 2%;
    top: 16px;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_img {
    width: 80%;
    margin: 0 auto;
    padding-top: 10%;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_img li {
    width: 48%;
    text-align: center;
    border-right: none;
    margin-bottom: 4%;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_img li a {
    display: block;
    position: relative;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_img.style_img_wrap li {
    width: 100%;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_img.column_img_wrap li {
    width: 48%;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_img.column_img_wrap li a .column_img {
    position: relative;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_img.column_img_wrap li a .column_img::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
  }
  #sysHeader .header_nav_menu .sysContent .nav_content_blk .nav_content_blk_inner .nav_img.column_img_wrap li a p {
    position: absolute;
    top: calc(50% - .5em);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger {
    width: 50px;
    height: 50px;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger a {
    width: 18px;
    height: 18px;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger a span {
    height: 2px;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger a span:nth-of-type(1) {
    position: absolute;
    top: 0;
    left: 0;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger a span:nth-of-type(2) {
    position: absolute;
    top: 8px;
    left: 0;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger a span:nth-of-type(3) {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger.open a:hover {
    opacity: 1;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger.open a span:nth-of-type(1) {
    top: 8px;
    transform: rotate(45deg);
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger.open a span:nth-of-type(2) {
    opacity: 0;
  }
  #sysHeader .header_fixed_menu .fixed_menu_trigger.open a span:nth-of-type(3) {
    bottom: 8px;
    transform: rotate(-45deg);
  }
  #sysHeader .header_fixed_menu .fixed_menu_content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transition: all 0.5s;
    z-index: -1;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content.open {
    left: 0;
    z-index: 90;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content.open .fixed_menu_inner {
    left: 0;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content.open .fixed_menu_bg {
    right: 0;
    opacity: 1;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content .fixed_menu_inner {
    width: 80%;
    padding-top: 50px;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content .fixed_menu_inner .menu_content li a {
    padding: 14px 14px;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content .fixed_menu_inner .menu_content li a::after {
    right: 10px;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content .fixed_menu_inner .fixed_menu_ttl {
    font-size: 1.4rem;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    letter-spacing: .2em;
    font-weight: bold;
    padding: 24px 14px 10px;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content .fixed_menu_inner .menu_other {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    border-bottom: 1px dotted #DEDDDD;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content .fixed_menu_inner .menu_other li {
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 0;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content .fixed_menu_inner .menu_other li a {
    display: block;
    padding: 10px 14px;
    border-top: 1px dotted #DEDDDD;
    background-color: #fafafa;
    position: relative;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content .fixed_menu_inner .menu_other li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 10px;
    top: 16px;
  }
  #sysHeader .header_fixed_menu .fixed_menu_content .fixed_menu_bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: all .5s;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent {
    width: 100%;
    text-align: left;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul {
    border-top: 1px solid #000;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2 {
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.1em;
    font-weight: 700;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 4px;
    border-right: 2px solid #010101;
    border-bottom: 2px solid #010101;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 20px;
    top: 44%;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2 span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.05em;
    margin-left: 1em;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2.open::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 16px;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2.open + div {
    max-height: 300px;
    height: auto;
    padding: 0;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2 + div {
    width: 100%;
    padding: 0;
    transition-duration: 0.5s;
    overflow: hidden;
    max-height: 0;
    border-bottom: 1px solid #000;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2 + div nav li {
    font-size: 3vw;
    margin: 0 !important;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #fff;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_navi_wrap > ul > li h2 + div nav li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 3em;
    line-height: 40px;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_gnavi_wrap ul li {
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.1em;
    font-weight: 700;
    border-bottom: 1px solid #000;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_f_gnavi_wrap ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_follow_wrap {
    margin: 10vw 0;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_follow_wrap ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_follow_wrap ul li {
    width: 10vw;
    max-width: 40px;
    margin-right: 5vw;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .menu_follow_wrap ul li:last-child {
    margin-right: 0;
  }
  #sysHeader .h_spnavi .h_menu_inner .sysContent .closeMenu_btn {
    font-size: 12px;
    line-height: 50px;
    text-align: center;
    background: #4f5966;
    color: #fff;
  }
  #nav-toggle {
    position: absolute;
    top: 25px;
    left: 0;
    height: 20px;
    cursor: pointer;
  }
  #nav-toggle.open {
    position: fixed;
    left: 4%;
  }
  #nav-toggle > div {
    position: relative;
    width: 20px;
  }
  #nav-toggle span {
    width: 100%;
    height: 1px;
    left: 0;
    display: block;
    background: #000;
    position: absolute;
    transition: transform .6s ease-in-out, top .5s ease;
  }
  #nav-toggle span:nth-child(1) {
    top: 0;
  }
  #nav-toggle span:nth-child(2) {
    top: 8px;
  }
  #nav-toggle span:nth-child(3) {
    top: 16px;
  }
  .open #nav-toggle span {
    background: #000;
  }
  .open #nav-toggle span:nth-child(1) {
    top: 9px;
    transform: rotate(45deg);
  }
  .open #nav-toggle span:nth-child(2) {
    top: 9px;
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 9px;
    transform: rotate(-45deg);
  }
  /* z-index */
  #nav-toggle {
    z-index: 100;
  }
  #container {
    z-index: 90;
  }
  #gloval-nav {
    background: #fff;
    color: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    text-align: left;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 2.2rem;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
  }
  #gloval-nav a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 10px 0;
    transition: color .6s ease;
  }
  #gloval-nav a:hover {
    color: #666;
  }
  #gloval-nav ul {
    list-style: none;
  }
  #gloval-nav ul li {
    opacity: 0;
    transform: translateX(200px);
    transition: transform .6s ease, opacity .2s ease;
  }
  #gloval-nav ul li:nth-child(2) {
    transition-delay: .1s;
  }
  #gloval-nav ul li:nth-child(3) {
    transition-delay: .2s;
  }
  #gloval-nav ul li:nth-child(4) {
    transition-delay: .3s;
  }
  #gloval-nav ul li:nth-child(5) {
    transition-delay: .4s;
  }
  #gloval-nav ul li:nth-child(6) {
    transition-delay: .5s;
  }
  #gloval-nav ul li:nth-child(7) {
    transition-delay: .6s;
  }
  /* open */
  .open {
    overflow: hidden;
  }
  .open #gloval-nav {
    visibility: visible;
    opacity: 1;
  }
  .open #gloval-nav li {
    opacity: 1;
    transform: translateX(0);
    transition: transform 1s ease, opacity .9s ease;
  }
}

#sysFooter .h2_price, #sysFooter .side_price, #sysFooter .scene_river_kari, #sysFooter .scene_sea_kari, #sysFooter .scene_lure_kari, #sysFooter .side_cate1 {
  display: none;
}

#sysFooter .pagetop .sysContent #page-top {
  position: fixed;
  bottom: 30px;
  right: 20px;
  width: 54px;
  height: 54px;
  background-color: #001533;
  border-radius: 5px;
  color: white;
  font-size: 1rem;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
  padding-top: 8px;
  z-index: 9999;
}

#sysFooter .follow_us {
  margin-bottom: 45px;
}

#sysFooter .follow_us .sysHeadline {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 27px;
}

#sysFooter .follow_us .sysContent ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#sysFooter .follow_us .sysContent ul li {
  width: 40px;
  margin-right: 35px;
}

#sysFooter .follow_us .sysContent ul li:last-child {
  margin-right: 0;
}

#sysFooter .cat_fishingline, #sysFooter .cat_goods {
  display: none;
}

#sysFooter .footer_nav {
  padding: 28px 0;
  background: #ededed;
}

#sysFooter .footer_nav > .sysContent {
  width: 1066px;
  margin: 0 auto;
}

#sysFooter .footer_nav > .sysContent > ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#sysFooter .footer_nav > .sysContent > ul > li {
  font-size: 12px;
  line-height: 26px;
}

#sysFooter .footer_nav > .sysContent > ul > li h2 {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 39px;
  letter-spacing: 0.1em;
  font-weight: 700;
  display: flex;
  flex-direction: column-reverse;
}

#sysFooter .footer_nav > .sysContent > ul > li h2 span {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  display: block;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.05em;
}

#sysFooter .footer_nav > .sysContent > ul > li:nth-child(1) {
  width: 335px;
}

#sysFooter .footer_nav > .sysContent > ul > li:nth-child(2) {
  width: 316px;
}

#sysFooter .footer_nav > .sysContent > ul > li:nth-child(3) {
  width: 343px;
}

#sysFooter .footer_nav > .sysContent > ul > li li {
  padding-left: 0;
  font-size: 12px;
  font-weight: normal;
}

#sysFooter .f_guide {
  padding: 30px 0;
}

#sysFooter .f_guide .sysContent ul {
  width: 1066px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#sysFooter .f_guide .sysContent ul li h2 {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 39px;
  letter-spacing: 0.1em;
  font-weight: 700;
}

#sysFooter .f_guide .sysContent ul li h2 span {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  display: block;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.05em;
}

#sysFooter .f_guide .sysContent ul li p {
  font-size: 12px;
  line-height: 26px;
  letter-spacing: 0.05em;
}

#sysFooter .f_guide .sysContent ul .payment {
  width: 335px;
}

#sysFooter .f_guide .sysContent ul .payment img {
  display: block;
  max-width: 290px;
  margin-top: 10px;
}

#sysFooter .f_guide .sysContent ul .delivery {
  width: 316px;
}

#sysFooter .f_guide .sysContent ul .shipment {
  width: 343px;
}

#sysFooter .f_guide .sysContent ul .shipment img {
  max-width: 342px;
}

#sysFooter .f_guide .sysContent .tel_blk {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 49px 0 8px;
}

#sysFooter .f_guide .sysContent .tel_blk img {
  display: block;
  width: 229px;
  margin-right: 17px;
}

#sysFooter .f_guide .sysContent .tel_blk p a[href^="tel:"] {
  font-family: Meiryo, sans-serif;
  font-weight: 700;
  font-size: 30.45px;
  line-height: 32px;
  letter-spacing: 0;
  padding-left: 48px;
  background: url("https://www.fishing-labo.toray/img/common/icon_phone.png") center left no-repeat;
  background-size: contain;
}

#sysFooter .f_guide .sysContent .txt1 {
  text-align: center;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: 0.2em;
}

#sysFooter .f_guide .sysContent .txt2 {
  text-align: center;
  font-size: 10px;
  line-height: 28px;
  letter-spacing: 0.2em;
}

#sysFooter .footer .sysContent .footer_gnavi {
  background: #001533;
}

#sysFooter .footer .sysContent .footer_gnavi ul {
  width: 1000px;
  height: 47px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#sysFooter .footer .sysContent .footer_gnavi ul li {
  text-align: center;
  flex-grow: 1;
  position: relative;
}

#sysFooter .footer .sysContent .footer_gnavi ul li a {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.2em;
  color: #fff;
}

#sysFooter .footer .sysContent .footer_gnavi ul li:last-child::after {
  display: none;
}

#sysFooter .footer .sysContent .footer_gnavi ul li::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 12px;
  background: #fff;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#sysFooter .footer .sysContent .footer_logo {
  width: 100%;
  max-width: 1200px;
  height: 120px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#sysFooter .footer .sysContent .footer_logo a:first-child img {
  width: 153px;
}

#sysFooter .footer .sysContent .footer_logo p {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.2em;
  font-weight: 500;
  margin-top: 12px;
}

#sysFooter .footer .sysContent .footer_logo .official_site_btn {
  width: 150px;
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (min-width: 1200px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* ====================================
TBここから
==================================== */
@media only screen and (min-width: 751px) and (max-width: 1066px) {
  #sysFooter .follow_us {
    display: block;
    margin-bottom: 45px;
  }
  #sysFooter .follow_us .sysHeadline {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 27px;
  }
  #sysFooter .follow_us .sysContent ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #sysFooter .follow_us .sysContent ul li {
    width: 40px;
    margin-right: 35px;
  }
  #sysFooter .follow_us .sysContent ul li:last-child {
    margin-right: 0;
  }
  #sysFooter .cat_fishingline, #sysFooter .cat_goods {
    display: none;
  }
  #sysFooter .footer_nav {
    padding: 0;
    background: #ededed;
  }
  #sysFooter .footer_nav > .sysContent {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  #sysFooter .footer_nav > .sysContent > ul {
    display: block;
    border-top: 1px solid #000;
  }
  #sysFooter .footer_nav > .sysContent > ul > li {
    width: 100% !important;
    padding: 0;
    font-size: 12px;
    line-height: 26px;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2 {
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    padding: 10px 20px;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0.1em;
    font-weight: 700;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 4px;
    border-right: 2px solid #010101;
    border-bottom: 2px solid #010101;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 20px;
    top: 44%;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2 span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.05em;
    margin-left: 1em;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2.open::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 16px;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2.open + div {
    max-height: 350px;
    height: auto;
    padding: 0;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2 + div {
    width: 100%;
    padding: 0;
    transition-duration: 0.5s;
    overflow: hidden;
    max-height: 0;
    border-bottom: 1px solid #000;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2 + div nav ul li {
    font-size: 14px;
    margin: 0 !important;
    padding-left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #fff;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2 + div nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 2em;
    line-height: 40px;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(1) {
    width: 100%;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(1) .line {
    width: 100%;
    float: none;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(1) .goods {
    width: 100%;
    float: none;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(2) {
    width: 100%;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(2) .sea {
    width: 100%;
    float: none;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(2) .lure {
    width: 100%;
    float: none;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(2) .river {
    width: 100%;
    float: none;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(3) {
    width: 100%;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(3) .by_price {
    width: 100%;
    float: none;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(3) .sale {
    width: 100%;
    float: none;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(3) .sale ul li {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #fff;
    padding: 0;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(3) .sale ul li:first-child {
    border-top: 1px solid #fff;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(3) .sale ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    padding-left: 2em;
  }
  #sysFooter .footer_nav > .sysContent > ul > li::after {
    content: "";
    display: block;
    clear: both;
  }
  #sysFooter .footer_nav > .sysContent > ul > li > div div .sysHeadline {
    font-size: 16px;
    margin: 0 !important;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 2em;
    text-align: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  #sysFooter .footer_nav > .sysContent > ul > li > div div .sysContent {
    width: 100%;
    text-align: left;
  }
  #sysFooter .footer_nav > .sysContent > ul > li > div div .sysContent ul {
    display: flex;
    flex-wrap: wrap;
  }
  #sysFooter .footer_nav > .sysContent > ul > li > div div .sysContent ul li {
    font-size: 12px;
    width: 50% !important;
    padding: 0;
    border-bottom: 1px solid #fff;
  }
  #sysFooter .footer_nav > .sysContent > ul > li > div div .sysContent ul li:nth-child(2n+1) {
    border-right: 1px solid #fff;
  }
  #sysFooter .footer_nav > .sysContent > ul > li > div div .sysContent ul li:nth-last-child(1) {
    border-bottom: none;
  }
  #sysFooter .footer_nav > .sysContent > ul > li > div div .sysContent ul li:nth-last-child(2) {
    border-bottom: none;
  }
  #sysFooter .footer_nav > .sysContent > ul > li > div div .sysContent ul li:nth-last-child(2):nth-child(even) {
    border-bottom: 1px solid #fff;
  }
  #sysFooter .footer_nav > .sysContent > ul > li > div div .sysContent ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 2em;
    line-height: 40px;
  }
  #sysFooter .f_guide {
    margin: 0;
    padding: 0;
  }
  #sysFooter .f_guide .sysContent ul {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
  }
  #sysFooter .f_guide .sysContent ul li h2 {
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    padding: 10px 20px;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
  #sysFooter .f_guide .sysContent ul li h2::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 4px;
    border-right: 2px solid #010101;
    border-bottom: 2px solid #010101;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 20px;
    top: 44%;
  }
  #sysFooter .f_guide .sysContent ul li h2 span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.05em;
    margin-left: 1em;
  }
  #sysFooter .f_guide .sysContent ul li h2.open::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 16px;
  }
  #sysFooter .f_guide .sysContent ul li h2.open + div {
    max-height: 250px;
    height: auto;
    padding: 0 20px 20px;
  }
  #sysFooter .f_guide .sysContent ul li div {
    width: 100%;
    padding: 0 20px;
    transition-duration: 0.5s;
    overflow: hidden;
    max-height: 0;
    border-bottom: 1px solid #000;
  }
  #sysFooter .f_guide .sysContent ul li div p {
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 0.05em;
  }
  #sysFooter .f_guide .sysContent ul .payment {
    width: 100%;
  }
  #sysFooter .f_guide .sysContent ul .payment img {
    display: block;
    margin-top: 10px;
  }
  #sysFooter .f_guide .sysContent ul .delivery {
    width: 100%;
  }
  #sysFooter .f_guide .sysContent ul .shipment {
    width: 100%;
  }
  #sysFooter .f_guide .sysContent .tel_blk {
    display: block;
    margin: 0;
  }
  #sysFooter .f_guide .sysContent .tel_blk img {
    display: block;
    width: 229px;
    margin: 30px auto 10px;
  }
  #sysFooter .f_guide .sysContent .tel_blk p {
    display: block;
    margin: 0 auto 10px;
    text-align: center;
  }
  #sysFooter .f_guide .sysContent .tel_blk p a {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    white-space: nowrap;
    font-family: Meiryo, sans-serif;
    font-weight: 700;
    font-size: 30.45px;
    line-height: 32px;
    letter-spacing: 0;
    padding-left: 48px;
    background: url("https://www.fishing-labo.toray/img/common/icon_phone.png") center left no-repeat;
    background-size: contain;
  }
  #sysFooter .f_guide .sysContent .txt1 {
    padding: 0 2%;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.2em;
  }
  #sysFooter .f_guide .sysContent .txt2 {
    margin-bottom: 30px;
    padding: 0 2%;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.2em;
  }
  #sysFooter .footer .sysContent .footer_gnavi {
    background: #001533;
  }
  #sysFooter .footer .sysContent .footer_gnavi ul {
    width: 100%;
    height: 47px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #sysFooter .footer .sysContent .footer_gnavi ul li {
    text-align: center;
    flex-grow: 1;
    position: relative;
  }
  #sysFooter .footer .sysContent .footer_gnavi ul li a {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff;
  }
  #sysFooter .footer .sysContent .footer_gnavi ul li:last-child::after {
    display: none;
  }
  #sysFooter .footer .sysContent .footer_gnavi ul li::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 12px;
    background: #fff;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #sysFooter .footer .sysContent .footer_logo {
    width: 100%;
    height: 120px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  #sysFooter .footer .sysContent .footer_logo a:first-child img {
    width: 153px;
  }
  #sysFooter .footer .sysContent .footer_logo p {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 500;
    margin-top: 12px;
  }
  #sysFooter .footer .sysContent .footer_logo .official_site_btn {
    position: absolute;
    right: 0;
    top: 0;
  }
}

/* ====================================
SPここから
==================================== */
@media only screen and (max-width: 750px) {
  #sysFooter .pagetop .sysContent #page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background-color: #001533;
    border-radius: 5px;
    color: white;
    font-size: 1rem;
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    padding-top: 6px;
  }
  #sysFooter .follow_us {
    display: block;
    margin-bottom: 45px;
  }
  #sysFooter .follow_us .sysHeadline {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 5vw;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 3.6vw;
  }
  #sysFooter .follow_us .sysContent ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #sysFooter .follow_us .sysContent ul li {
    width: 10.66667vw;
    margin-right: 4.66667vw;
  }
  #sysFooter .follow_us .sysContent ul li:last-child {
    margin-right: 0;
  }
  #sysFooter .cat_fishingline, #sysFooter .cat_goods {
    display: none;
  }
  #sysFooter .footer_nav {
    padding: 0;
    background: #ededed;
  }
  #sysFooter .footer_nav > .sysContent {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
  }
  #sysFooter .footer_nav > .sysContent > ul {
    display: block;
    border-top: 1px solid #000;
  }
  #sysFooter .footer_nav > .sysContent > ul > li {
    width: 100% !important;
    padding: 0;
    font-size: 12px;
    line-height: 26px;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2 {
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    padding: 10px 3%;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.1em;
    font-weight: 700;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 4px;
    border-right: 2px solid #010101;
    border-bottom: 2px solid #010101;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 20px;
    top: 44%;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2 span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.05em;
    margin-left: 1em;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2.open::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 16px;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2.open + div {
    max-height: 300px;
    height: auto;
    padding: 0;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2 + div {
    width: 100%;
    padding: 0;
    transition-duration: 0.5s;
    overflow: hidden;
    max-height: 0;
    border-bottom: 1px solid #000;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2 + div nav ul li {
    font-size: 3.2vw;
    margin: 0 !important;
    padding-left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #fff;
  }
  #sysFooter .footer_nav > .sysContent > ul > li h2 + div nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 2em;
    line-height: 40px;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(1) {
    width: 100%;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(2) {
    width: 100%;
  }
  #sysFooter .footer_nav > .sysContent > ul > li:nth-child(3) {
    width: 100%;
  }
  #sysFooter .footer_nav > .sysContent > ul > li::after {
    content: "";
    display: block;
    clear: both;
  }
  #sysFooter .f_guide {
    margin: 0;
    padding: 0;
  }
  #sysFooter .f_guide p {
    padding: 0;
  }
  #sysFooter .f_guide .sysContent ul {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
    display: block;
  }
  #sysFooter .f_guide .sysContent ul li h2 {
    position: relative;
    text-align: left;
    margin-bottom: 0px;
    padding: 10px 3%;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
  #sysFooter .f_guide .sysContent ul li h2::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 4px;
    border-right: 2px solid #010101;
    border-bottom: 2px solid #010101;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 20px;
    top: 44%;
  }
  #sysFooter .f_guide .sysContent ul li h2 span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.05em;
    margin-left: 1em;
  }
  #sysFooter .f_guide .sysContent ul li h2.open::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 16px;
  }
  #sysFooter .f_guide .sysContent ul li h2.open + div {
    max-height: 250px;
    height: auto;
    padding: 0 20px 20px;
  }
  #sysFooter .f_guide .sysContent ul li div {
    width: 100%;
    padding: 0 20px;
    transition-duration: 0.5s;
    overflow: hidden;
    max-height: 0;
    border-bottom: 1px solid #000;
  }
  #sysFooter .f_guide .sysContent ul li div p {
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 0.05em;
  }
  #sysFooter .f_guide .sysContent ul .payment {
    width: 100%;
  }
  #sysFooter .f_guide .sysContent ul .payment img {
    display: block;
    margin-top: 10px;
    width: 100%;
    max-width: 100%;
  }
  #sysFooter .f_guide .sysContent ul .delivery {
    width: 100%;
  }
  #sysFooter .f_guide .sysContent ul .shipment {
    width: 100%;
  }
  #sysFooter .f_guide .sysContent .tel_blk {
    display: block;
    margin: 0;
  }
  #sysFooter .f_guide .sysContent .tel_blk img {
    display: block;
    width: 229px;
    margin: 30px auto 10px;
  }
  #sysFooter .f_guide .sysContent .tel_blk p {
    display: inline-block;
    margin: 0 auto 10px;
    text-align: center;
  }
  #sysFooter .f_guide .sysContent .tel_blk p a {
    font-family: Meiryo, sans-serif;
    font-weight: 700;
    font-size: 30.45px;
    line-height: 32px;
    letter-spacing: 0;
    padding-left: 48px;
    background: url("https://www.fishing-labo.toray/img/common/icon_phone.png") center left no-repeat;
    background-size: contain;
  }
  #sysFooter .f_guide .sysContent .txt1 {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.2em;
  }
  #sysFooter .f_guide .sysContent .txt2 {
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.2em;
  }
  #sysFooter .footer {
    margin-top: 0;
  }
  #sysFooter .footer .sysContent .footer_gnavi {
    background: #001533;
  }
  #sysFooter .footer .sysContent .footer_gnavi ul {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  #sysFooter .footer .sysContent .footer_gnavi ul li {
    width: 50%;
    height: 40px;
    text-indent: 0;
    padding-left: 3vw;
    text-align: left;
    position: relative;
    border-bottom: 1px solid #fff;
  }
  #sysFooter .footer .sysContent .footer_gnavi ul li:nth-child(2n) {
    border-left: 1px solid #fff;
  }
  #sysFooter .footer .sysContent .footer_gnavi ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 40px;
    letter-spacing: 0;
    color: #fff;
  }
  #sysFooter .footer .sysContent .footer_gnavi ul li:last-child::after {
    display: inline-block;
  }
  #sysFooter .footer .sysContent .footer_gnavi ul li::after {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(315deg) translateY(-50%);
    -ms-transform: rotate(315deg) translateY(-50%);
    transform: rotate(315deg) translateY(-50%);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: 46%;
    right: 5px;
    width: 0;
    height: 0;
    background: transparent;
  }
  #sysFooter .footer .sysContent .footer_logo {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    position: relative;
    display: block;
  }
  #sysFooter .footer .sysContent .footer_logo a:first-child img {
    width: 153px;
  }
  #sysFooter .footer .sysContent .footer_logo p {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 500;
    margin: 10px 0 20px;
  }
  #sysFooter .footer .sysContent .footer_logo .official_site_btn {
    width: 100%;
    display: block;
    position: relative;
  }
  #sysFooter .footer .sysContent .footer_logo .official_site_btn img {
    margin: 0 auto;
  }
}

/* Aside
 *----------------------------------------------------------------------*/
#sysAside .sysFuncBanner .sysContent ul li {
  margin-bottom: 20px;
}

#sysAside .side_cate1 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #bebcbd;
}

#sysAside .side_cate1 .sysHeadline {
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 0.05em;
  font-weight: normal;
  color: #000;
  padding: 0;
}

#sysAside .side_cate1 .sysHeadline span {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: bold;
  color: #000;
}

#sysAside .side_cate1 .sysContent ul li {
  padding-left: 17px;
}

#sysAside .side_cate1 .sysContent ul li a {
  padding: 0;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #000;
}

#sysAside .side_cate1.side_price {
  border-bottom: none;
}

#sysAside .side_cate1.side_price .sysContent ul li {
  padding-left: 17px;
}

#sysAside .side_cate1.side_price .sysContent ul li a {
  padding: 0;
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 0.05em;
  font-weight: normal;
  color: #000;
}

/* ====================================
TBここから
==================================== */
@media only screen and (max-width: 1199px) {
  .side_h2, .side_cate1, .side_scene, .side_price, .sysFuncBanner {
    display: none;
  }
  #sysAside .tab_banner_warp ul {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
  }
  #sysAside .tab_banner_warp ul li {
    width: 45%;
    max-width: 180px;
    margin: 0 2% 4%;
  }
  #sysAside .scene_sea_kari, #sysAside .scene_river_kari, #sysAside .scene_lure_kari {
    display: none;
  }
}

/* TOP main
 *----------------------------------------------------------------------*/
#sysMain {
  width: 1000px;
  font-weight: 500;
}

#sysMain .top_slider {
  margin-bottom: 53px;
}

#sysMain .mont {
  font-family: 'Montserrat', sans-serif !important;
}

#sysMain h2.sysHeadline {
  margin-bottom: 50px;
  text-align: center;
}

#sysMain h2.sysHeadline span {
  padding-left: 42px;
  font-size: 24px;
  line-height: 30px;
  color: #000;
}

#sysMain .sysItemImage {
  display: flex;
  justify-content: center;
  align-items: center;
}

#sysMain .new_product h2 span {
  font-family: 'Montserrat', sans-serif;
  background: url("https://www.fishing-labo.toray/img/common/icon_new_ttl.png") center left no-repeat;
  background-size: contain;
}

#sysMain .new_product .sysContent .sysItemBlock ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

#sysMain .new_product .sysContent .sysItemBlock ul li {
  width: 300px;
  text-align: center;
}

#sysMain .new_product .sysContent .sysItemBlock ul li .sysItemImage {
  width: 250px;
  height: 250px;
  margin: 0 auto 35px;
}

#sysMain .new_product .sysContent .sysItemBlock ul li .sysItemImage a {
  display: block;
  width: 100%;
}

#sysMain .new_product .sysContent .sysItemBlock ul li .sysItemImage a img {
  display: block;
  width: 100%;
}

#sysMain .new_product .sysContent .sysItemBlock ul li .sysItemName {
  font-size: 16px;
  line-height: 26px;
}

#sysMain .new_product .sysContent .sysItemBlock ul li .sysItemPrice {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 55px;
}

#sysMain .top_newarrival_btn .common_btn {
  margin-bottom: 40px;
}

#sysMain .ranking_ttl h2 {
  margin-bottom: 42px;
}

#sysMain .ranking_ttl h2 span {
  font-family: 'Montserrat', sans-serif;
  background: url("https://www.fishing-labo.toray/img/common/icon_ranking_ttl.png") center left no-repeat;
  background-size: contain;
}

#sysMain .ranking_ttl .sysContent .ranking_tab {
  width: 500px;
  margin: 0 auto 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

#sysMain .ranking_ttl .sysContent .ranking_tab li {
  font-family: 'Montserrat', sans-serif;
  width: 220px;
  font-size: 24px;
  line-height: 44px;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

#sysMain .ranking_ttl .sysContent .ranking_tab::after {
  content: "";
  display: block;
  width: 68px;
  height: 26px;
  position: absolute;
  bottom: -26px;
  background: url("https://www.fishing-labo.toray/img/common/icon_ranking_cat_bar.png") top center no-repeat;
  background-size: 100% 100%;
  transition-duration: 0.5s;
}

#sysMain .ranking_ttl .sysContent .ranking_tab.tab1::after {
  left: 76px;
}

#sysMain .ranking_ttl .sysContent .ranking_tab.tab2::after {
  left: 356px;
}

#sysMain #ranking_allwrap {
  display: none;
  position: relative;
  width: 1000px;
  height: 382px;
}

#sysMain #ranking_allwrap.tab1 .goods_ranking {
  opacity: 0;
  z-index: 0;
}

#sysMain #ranking_allwrap.tab2 .fishing_line_ranking {
  opacity: 0;
  z-index: 0;
}

#sysMain #ranking_allwrap .ranking_list {
  width: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  transition-duration: 0.5s;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li {
  width: 170px;
  text-align: center;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: -6px;
  position: relative;
  z-index: 20;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(1)::before {
  background: url("https://www.fishing-labo.toray/img/common/icon_ranking_01.png") top center no-repeat;
  background-size: 100% 100%;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(2)::before {
  background: url("https://www.fishing-labo.toray/img/common/icon_ranking_02.png") top center no-repeat;
  background-size: 100% 100%;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(3)::before {
  background: url("https://www.fishing-labo.toray/img/common/icon_ranking_03.png") top center no-repeat;
  background-size: 100% 100%;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(4)::before {
  background: url("https://www.fishing-labo.toray/img/common/icon_ranking_04.png") top center no-repeat;
  background-size: 100% 100%;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(5)::before {
  background: url("https://www.fishing-labo.toray/img/common/icon_ranking_05.png") top center no-repeat;
  background-size: 100% 100%;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysIconRank {
  display: none;
  width: 50px;
  height: 50px;
  margin-bottom: -6px;
  position: relative;
  z-index: 20;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysIconRank img {
  display: block;
  width: 100%;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemImage {
  width: 170px;
  height: 170px;
  margin: 0 auto 35px;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemImage img {
  display: block;
  width: 100%;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemName {
  font-size: 16px;
  line-height: 26px;
}

#sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemPrice {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 55px;
}

#sysMain .banner_blk .sysContent {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#sysMain .banner_blk .sysContent > div {
  width: 490px;
}

#sysMain .banner_blk .sysContent > div .img_blk {
  margin-bottom: 18px;
}

#sysMain .banner_blk .sysContent > div .img_blk img {
  display: block;
  width: 100%;
}

#sysMainAfter .sysItemImage {
  display: flex;
  justify-content: center;
  align-items: center;
}

#sysMainAfter .search_scene {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-bottom: 60px;
  padding: 40px 0 63px;
  background: #ededed;
}

#sysMainAfter .search_scene h2.sysHeadline {
  margin-bottom: 20px;
  text-align: center;
}

#sysMainAfter .search_scene h2.sysHeadline span {
  padding-left: 42px;
  font-size: 24px;
  line-height: 30px;
  color: #000;
  background: url("https://www.fishing-labo.toray/img/common/icon_search.png") center left no-repeat;
  background-size: contain;
}

#sysMainAfter .search_scene .sysContent {
  max-width: 1200px;
  margin: 0 auto;
}

#sysMainAfter .search_scene .sysContent ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#sysMainAfter .search_scene .sysContent ul li {
  width: 31.66667%;
  padding: 23px 1.66667% 36px;
  background: #fff;
}

#sysMainAfter .search_scene .sysContent ul li h3 {
  text-align: center;
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 17px;
}

#sysMainAfter .search_scene .sysContent ul li img {
  display: block;
  width: 100%;
  margin-bottom: 21px;
}

#sysMainAfter .search_scene .sysContent ul li p {
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
  margin-bottom: 40px;
}

#sysMainAfter .search_scene .sysContent ul li .common_btn {
  margin-bottom: 0;
  font-weight: 700;
}

#sysMainAfter .recommend_blk {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0 1.83333%;
}

#sysMainAfter .recommend_blk .sysHeadline {
  width: 48.44291%;
  padding: 0;
}

#sysMainAfter .recommend_blk .sysHeadline .headline_inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#sysMainAfter .recommend_blk .sysHeadline .headline_inner h2 {
  font-size: 63.4px;
  line-height: 76px;
  color: #fff;
  text-align: center;
}

#sysMainAfter .recommend_blk .sysHeadline .headline_inner .common_btn {
  margin: 21px 0 0;
}

#sysMainAfter .recommend_blk .sysHeadline .headline_inner .common_btn a {
  font-weight: 700;
  background-color: #995900;
}

#sysMainAfter .recommend_blk .sysContent {
  width: 46.7128%;
}

#sysMainAfter .recommend_blk .sysContent .sysItemBlock ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

#sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li {
  width: 44.44444%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

#sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemImage {
  margin-bottom: 16px;
  flex-grow: 2;
}

#sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemName {
  font-size: 16px;
  line-height: 22px;
}

#sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemPrice {
  font-size: 16px;
  line-height: 22px;
}

#sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li:nth-child(1), #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li:nth-child(2) {
  margin-bottom: 20px;
}

#sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li::after {
  display: none;
}

#sysMainAfter .recomend_lure {
  margin-bottom: 80px;
}

#sysMainAfter .recomend_lure .sysHeadline {
  background: url("https://www.fishing-labo.toray/img/top/feature/recommend_01.jpg") top center no-repeat;
  background-size: cover;
}

#sysMainAfter .recomend_lure .sysContent .sysVertical .sysItemImage img {
  width: 100%;
  float: none;
  margin-right: 0px;
}

#sysMainAfter .recommend_line {
  margin-bottom: 150px;
  flex-direction: row-reverse;
}

#sysMainAfter .recommend_line .sysHeadline {
  background: url("https://www.fishing-labo.toray/img/top/feature/recommend_02.jpg") top center no-repeat;
  background-size: cover;
}

#sysMainAfter .recommend_line .sysContent .sysVertical .sysItemImage img {
  width: 100%;
  float: none;
  margin-right: 0px;
}

#sysMainAfter .about_fishinglabo_toray {
  max-width: 1000px;
  margin: 0 auto 50px;
}

#sysMainAfter .about_fishinglabo_toray h2 {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
}

#sysMainAfter .about_fishinglabo_toray .sysContent p {
  font-size: 12px;
  line-height: 20px;
}

/* ====================================
TBここから
==================================== */
@media only screen and (min-width: 751px) and (max-width: 1199px) {
  #sysMain {
    width: 1000px;
  }
  #sysMain .top_slider {
    padding-top: 0;
    margin-top: 0;
  }
  #sysMain h2.sysHeadline {
    margin-bottom: 50px;
    text-align: center;
  }
  #sysMain h2.sysHeadline span {
    padding-left: 42px;
    font-size: 24px;
    line-height: 30px;
    color: #000;
  }
  #sysMain .sysItemImage {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #sysMain .new_product h2 span {
    font-family: 'Montserrat', sans-serif;
    background: url("https://www.fishing-labo.toray/img/common/icon_new_ttl.png") center left no-repeat;
    background-size: contain;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul {
    width: 96%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li {
    width: 30%;
    text-align: center;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li .sysItemImage {
    width: 100%;
    height: auto;
    margin: 0 auto 35px;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li .sysItemImage a {
    display: block;
    width: 100%;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li .sysItemImage a img {
    display: block;
    width: 100%;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li .sysItemName {
    font-size: 16px;
    line-height: 26px;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li .sysItemPrice {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 55px;
  }
  #sysMain .ranking_ttl h2 {
    margin-bottom: 42px;
  }
  #sysMain .ranking_ttl h2 span {
    font-family: 'Montserrat', sans-serif;
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_ttl.png") center left no-repeat;
    background-size: contain;
  }
  #sysMain .ranking_ttl .sysContent .ranking_tab {
    width: 500px;
    margin: 0 auto 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  #sysMain .ranking_ttl .sysContent .ranking_tab li {
    font-family: 'Montserrat', sans-serif;
    width: 220px;
    font-size: 24px;
    line-height: 44px;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
  }
  #sysMain .ranking_ttl .sysContent .ranking_tab::after {
    content: "";
    display: block;
    width: 68px;
    height: 26px;
    position: absolute;
    bottom: -26px;
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_cat_bar.png") top center no-repeat;
    background-size: 100% 100%;
    transition-duration: 0.5s;
  }
  #sysMain .ranking_ttl .sysContent .ranking_tab.tab1::after {
    left: 76px;
  }
  #sysMain .ranking_ttl .sysContent .ranking_tab.tab2::after {
    left: 356px;
  }
  #sysMain #ranking_allwrap {
    position: relative;
    width: 100%;
    max-width: 1000px;
    height: 382px;
  }
  #sysMain #ranking_allwrap.tab1 .goods_ranking {
    opacity: 0;
    z-index: 0;
  }
  #sysMain #ranking_allwrap.tab2 .fishing_line_ranking {
    opacity: 0;
    z-index: 0;
  }
  #sysMain #ranking_allwrap .ranking_list {
    width: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    transition-duration: 0.5s;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul {
    width: 96%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li {
    width: 19vw;
    text-align: center;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    margin-bottom: -6px;
    position: relative;
    z-index: 20;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(1)::before {
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_01.png") top center no-repeat;
    background-size: 100% 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(2)::before {
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_02.png") top center no-repeat;
    background-size: 100% 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(3)::before {
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_03.png") top center no-repeat;
    background-size: 100% 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(4)::before {
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_04.png") top center no-repeat;
    background-size: 100% 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(5)::before {
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_05.png") top center no-repeat;
    background-size: 100% 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysIconRank {
    display: none;
    width: 50px;
    height: 50px;
    margin-bottom: -6px;
    position: relative;
    z-index: 20;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysIconRank img {
    display: block;
    width: 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemImage {
    width: 19vw;
    height: 19vw;
    margin: 0 auto 35px;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemImage img {
    display: block;
    width: 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemName {
    font-size: 16px;
    line-height: 26px;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemPrice {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 55px;
  }
  #sysMain .banner_blk .sysContent {
    width: 96%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  #sysMain .banner_blk .sysContent > div {
    width: 49%;
  }
  #sysMain .banner_blk .sysContent > div .img_blk img {
    display: block;
    width: 100%;
  }
  #sysMainAfter .sysItemImage {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #sysMainAfter .search_scene {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin-bottom: 60px;
    padding: 40px 0 63px;
    background: #ededed;
  }
  #sysMainAfter .search_scene h2.sysHeadline {
    margin-bottom: 20px;
    text-align: center;
  }
  #sysMainAfter .search_scene h2.sysHeadline span {
    padding-left: 42px;
    font-size: 24px;
    line-height: 30px;
    color: #000;
    background: url("https://www.fishing-labo.toray/img/common/icon_search.png") center left no-repeat;
    background-size: contain;
  }
  #sysMainAfter .search_scene .sysContent {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2%;
  }
  #sysMainAfter .search_scene .sysContent ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  #sysMainAfter .search_scene .sysContent ul li {
    width: 31.66667%;
    padding: 23px 1.66667% 36px;
    background: #fff;
  }
  #sysMainAfter .search_scene .sysContent ul li h3 {
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 17px;
  }
  #sysMainAfter .search_scene .sysContent ul li img {
    display: block;
    width: 100%;
    margin-bottom: 21px;
  }
  #sysMainAfter .search_scene .sysContent ul li p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    margin-bottom: 40px;
  }
  #sysMainAfter .search_scene .sysContent ul li .common_btn {
    width: 95%;
    font-weight: 700;
    margin-bottom: 0;
  }
  #sysMainAfter .recommend_blk {
    display: block;
    padding: 0;
  }
  #sysMainAfter .recommend_blk .sysHeadline {
    width: 100%;
    margin-bottom: 5vw;
    padding: 10vw;
  }
  #sysMainAfter .recommend_blk .sysHeadline .headline_inner h2 {
    font-size: 8vw;
    line-height: 10vw;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
  }
  #sysMainAfter .recommend_blk .sysHeadline .common_btn {
    font-weight: 700;
    margin-bottom: 0;
  }
  #sysMainAfter .recommend_blk .sysContent {
    width: 100%;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li {
    width: 23vw;
    margin: 0 1vw;
    text-align: center;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemImage {
    width: 23vw;
    height: 23vw;
    max-height: 23vw;
    margin: 0 auto 2vw;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemImage img {
    display: block;
    width: 100%;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemName a {
    font-size: 16px;
    line-height: 1;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemPrice {
    font-size: 16px;
    line-height: 1;
    margin: 5px 0 5vw;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li:nth-child(1), #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li:nth-child(2) {
    margin-bottom: 0;
  }
  #sysMainAfter .recomend_lure {
    margin-bottom: 50px;
  }
  #sysMainAfter .recomend_lure .sysHeadline {
    background: url("https://www.fishing-labo.toray/img/top/feature/recommend_01.jpg") top center no-repeat;
    background-size: cover;
  }
  #sysMainAfter .recommend_line {
    margin-bottom: 50px;
  }
  #sysMainAfter .recommend_line .sysHeadline {
    background: url("https://www.fishing-labo.toray/img/top/feature/recommend_02.jpg") top center no-repeat;
    background-size: cover;
  }
  #sysMainAfter .recommend_line .sysContent .sysVertical .sysItemImage img {
    width: 100%;
    float: none;
    margin-right: 0px;
  }
  #sysMainAfter .about_fishinglabo_toray {
    width: 100%;
    margin: 0 auto;
    padding: 0 5vw;
  }
  #sysMainAfter .about_fishinglabo_toray h2 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 20px;
    text-align: center;
  }
  #sysMainAfter .about_fishinglabo_toray .sysContent p {
    font-size: 14px;
    line-height: 1.6;
  }
}

/* ====================================
SPここから
==================================== */
@media only screen and (max-width: 750px) {
  #top_page #sysMain {
    margin: 0 auto;
  }
  #sysMain {
    width: 100%;
    margin: 0 auto;
  }
  #sysMain h2.sysHeadline {
    margin: 5vw auto;
    text-align: center;
  }
  #sysMain h2.sysHeadline span {
    padding-left: 11.2vw;
    font-size: 6.4vw;
    line-height: 8vw;
    color: #000;
  }
  #sysMain .top_slider {
    padding-top: 0;
    margin-top: 0;
  }
  #sysMain .top_slider .owl-carousel .owl-stage-outer {
    height: auto;
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  #sysMain .new_product h2 span {
    background: url("https://www.fishing-labo.toray/img/common/icon_new_ttl.png") center left no-repeat;
    background-size: contain;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li {
    width: 45vw;
    margin: 0 2vw;
    text-align: center;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li .sysItemImage {
    width: 45vw;
    height: 45vw;
    margin: 0 auto 5vw;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li .sysItemImage a {
    display: block;
    width: 100%;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li .sysItemImage a img {
    display: block;
    width: 100%;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li .sysItemName {
    font-size: 3vw;
    line-height: 1.4;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li .sysItemName a {
    font-size: 3vw;
    line-height: 1.4;
  }
  #sysMain .new_product .sysContent .sysItemBlock ul li .sysItemPrice {
    font-size: 3vw;
    line-height: 1.4;
    margin-bottom: 5vw;
  }
  #sysMain .top_newarrival_btn .common_btn {
    font-weight: 700;
    margin-bottom: 0;
  }
  #sysMain .ranking_ttl h2 {
    margin-bottom: 5vw;
  }
  #sysMain .ranking_ttl h2 span {
    font-family: 'Montserrat', sans-serif;
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_ttl.png") center left no-repeat;
    background-size: contain;
  }
  #sysMain .ranking_ttl .sysContent .ranking_tab {
    width: 80vw;
    margin: 0 auto 13.33333vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  #sysMain .ranking_ttl .sysContent .ranking_tab li {
    font-family: 'Montserrat', sans-serif;
    width: 40vw;
    font-size: 5vw;
    line-height: 6vw;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
  }
  #sysMain .ranking_ttl .sysContent .ranking_tab::after {
    content: "";
    display: block;
    width: 9.06667vw;
    height: 3.46667vw;
    position: absolute;
    bottom: -3.46667vw;
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_cat_bar.png") top center no-repeat;
    background-size: 100% 100%;
    transition-duration: 0.5s;
  }
  #sysMain .ranking_ttl .sysContent .ranking_tab.tab1::after {
    left: 15vw;
  }
  #sysMain .ranking_ttl .sysContent .ranking_tab.tab2::after {
    left: 55vw;
  }
  #sysMain #ranking_allwrap {
    position: relative;
    width: 100%;
    height: auto;
  }
  #sysMain #ranking_allwrap.tab1 .goods_ranking {
    opacity: 0;
    z-index: 0;
  }
  #sysMain #ranking_allwrap.tab2 .fishing_line_ranking {
    opacity: 0;
    z-index: 0;
  }
  #sysMain #ranking_allwrap .ranking_list {
    width: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    transition-duration: 0.5s;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock {
    width: 94%;
    margin: 0 auto;
    overflow-x: scroll;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul {
    width: 225vw;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li {
    width: 41vw;
    margin: 0 2vw;
    text-align: center;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li::before {
    content: "";
    display: block;
    width: 8vw;
    height: 8vw;
    margin-bottom: -1.6vw;
    position: relative;
    z-index: 20;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(1)::before {
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_01.png") top center no-repeat;
    background-size: 100% 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(2)::before {
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_02.png") top center no-repeat;
    background-size: 100% 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(3)::before {
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_03.png") top center no-repeat;
    background-size: 100% 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(4)::before {
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_04.png") top center no-repeat;
    background-size: 100% 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li:nth-child(5)::before {
    background: url("https://www.fishing-labo.toray/img/common/icon_ranking_05.png") top center no-repeat;
    background-size: 100% 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysIconRank {
    display: none;
    width: 13.33333vw;
    height: 13.33333vw;
    margin-bottom: -1.6vw;
    position: relative;
    z-index: 20;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysIconRank img {
    display: block;
    width: 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemImage {
    width: 41vw;
    height: 41vw;
    margin: 0 auto 5vw;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemImage img {
    display: block;
    width: 100%;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemName {
    font-size: 3vw;
    line-height: 1.4;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemName a {
    font-size: 3vw;
    line-height: 1.4;
  }
  #sysMain #ranking_allwrap .ranking_list .sysItemBlock ul li .sysItemPrice {
    font-size: 3vw;
    line-height: 1.4;
    margin-bottom: 5vw;
  }
  #sysMain #ranking_allwrap .ranking_list.goods_ranking {
    position: relative;
  }
  #sysMain .banner_blk .sysContent {
    width: 100%;
    padding: 0 3vw;
    display: block;
  }
  #sysMain .banner_blk .sysContent > div {
    width: 100%;
  }
  #sysMain .banner_blk .sysContent > div .img_blk img {
    display: block;
    width: 100%;
  }
  #sysMain .banner_blk .sysContent > div .txt_blk {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 5vw;
  }
  #sysMainAfter .search_scene {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 16vw;
    padding: 10.66667vw 0px 0;
    background: #ededed;
  }
  #sysMainAfter .search_scene h2.sysHeadline {
    margin: 0 !important;
    text-align: center;
  }
  #sysMainAfter .search_scene h2.sysHeadline span {
    padding-left: 10.66667vw;
    font-size: 6.4vw;
    line-height: 8vw;
    color: #000;
    background: url("https://www.fishing-labo.toray/img/common/icon_search.png") center left no-repeat;
    background-size: contain;
  }
  #sysMainAfter .search_scene .sysContent {
    margin: 0 auto;
    padding: 3vw;
  }
  #sysMainAfter .search_scene .sysContent ul {
    width: 100%;
    display: block;
  }
  #sysMainAfter .search_scene .sysContent ul li {
    width: 100%;
    margin-bottom: 5vw;
    padding: 5.33333vw;
    background: #fff;
  }
  #sysMainAfter .search_scene .sysContent ul li h3 {
    text-align: center;
    font-size: 4.8vw;
    line-height: 6.13333vw;
    margin-bottom: 4.53333vw;
  }
  #sysMainAfter .search_scene .sysContent ul li img {
    display: block;
    width: 100%;
    margin-bottom: 5vw;
  }
  #sysMainAfter .search_scene .sysContent ul li p {
    font-size: 4.26667vw;
    line-height: 6.13333vw;
    font-weight: 700;
    margin-bottom: 5vw;
    text-align: center;
  }
  #sysMainAfter .search_scene .sysContent ul li .common_btn {
    font-weight: 700;
    margin-bottom: 0;
  }
  #sysMainAfter .recommend_blk {
    display: block;
    padding: 0;
  }
  #sysMainAfter .recommend_blk .sysHeadline {
    width: 100%;
    margin-bottom: 5vw;
    padding: 10vw;
  }
  #sysMainAfter .recommend_blk .sysHeadline .headline_inner h2 {
    font-size: 8vw;
    line-height: 10vw;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
  }
  #sysMainAfter .recommend_blk .sysHeadline .common_btn {
    margin-bottom: 0;
  }
  #sysMainAfter .recommend_blk .sysContent {
    width: 100%;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li {
    width: 45vw;
    margin: 0 2vw;
    text-align: center;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemImage {
    width: 45vw;
    height: 45vw;
    margin: 0 auto 5vw;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemImage img {
    display: block;
    width: 100%;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemName {
    font-size: 3vw;
    line-height: 1.4;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemName a {
    font-size: 3vw;
    line-height: 1.4;
  }
  #sysMainAfter .recommend_blk .sysContent .sysItemBlock ul li .sysItemPrice {
    font-size: 3vw;
    line-height: 1.4;
    margin: 5px 0 5vw;
  }
  #sysMainAfter .recomend_lure {
    margin-bottom: 5vw;
  }
  #sysMainAfter .recomend_lure .sysHeadline {
    background: url("https://www.fishing-labo.toray/img/top/feature/recommend_01.jpg") top center no-repeat;
    background-size: cover;
  }
  #sysMainAfter .recommend_line {
    margin-bottom: 20vw;
  }
  #sysMainAfter .recommend_line .sysHeadline {
    background: url("https://www.fishing-labo.toray/img/top/feature/recommend_02.jpg") top center no-repeat;
    background-size: cover;
  }
  #sysMainAfter .recommend_line .sysContent .sysVertical .sysItemImage img {
    width: 100%;
    float: none;
    margin-right: 0px;
  }
  #sysMainAfter .about_fishinglabo_toray {
    width: 100%;
    margin: 0 auto;
    padding: 0 3vw;
  }
  #sysMainAfter .about_fishinglabo_toray h2 {
    font-size: 4vw;
    line-height: 1.3;
    margin-bottom: 3vw;
    text-align: center;
  }
  #sysMainAfter .about_fishinglabo_toray .sysContent p {
    font-size: 3vw;
    line-height: 5vw;
  }
}

/* ================================================

タイトル共通

================================================ */
.operation_page .sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

.operation_page .sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

@media only screen and (max-width: 1199px) and (min-width: 751px) {
  .operation_page .sysHeadline {
    margin: 30px 0;
  }
}

@media only screen and (max-width: 750px) {
  .operation_page .sysHeadline {
    font-size: 18px;
    margin: 30px 0;
  }
  .operation_page .sysHeadline b {
    font-size: 14px;
    margin-top: .8em;
  }
}

/* ================================================

特定商取引法に基づく表示

================================================ */
#law #sysAll #sysWrap #sysMain {
  margin-bottom: 90px;
}

#law #sysAll #sysWrap #sysMain .p-law .trade_law_blk dl {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #bebcbd;
  border-left: 1px solid #bebcbd;
  border-right: 1px solid #bebcbd;
}

#law #sysAll #sysWrap #sysMain .p-law .trade_law_blk dl dt {
  width: 26%;
  background-color: #ededed;
  padding: 20px;
  border-bottom: 1px solid #bebcbd;
  border-right: 1px solid #bebcbd;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#law #sysAll #sysWrap #sysMain .p-law .trade_law_blk dl dd {
  width: 74%;
  padding: 20px;
  border-bottom: 1px solid #bebcbd;
}

@media only screen and (max-width: 1199px) and (min-width: 751px) {
  #law #sysAll #sysWrap #sysMain {
    margin-bottom: 40px;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 750px) {
  #law #sysAll #sysWrap #sysMain {
    margin-bottom: 30px;
    padding: 0 3%;
  }
  #law #sysAll #sysWrap #sysMain .p-law .trade_law_blk dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-top: 1px solid #bebcbd;
    border-left: 1px solid #bebcbd;
    border-right: 1px solid #bebcbd;
  }
  #law #sysAll #sysWrap #sysMain .p-law .trade_law_blk dl dt {
    width: 100%;
    background-color: #ededed;
    padding: 10px;
    border-bottom: 1px solid #bebcbd;
    border-right: none;
    font-weight: bold;
    display: flex;
    align-items: center;
  }
  #law #sysAll #sysWrap #sysMain .p-law .trade_law_blk dl dd {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #bebcbd;
  }
}

/* ================================================

会社概要

================================================ */
#corporate #sysAll #sysWrap #sysMain {
  margin-bottom: 90px;
}

#corporate #sysAll #sysWrap #sysMain .p-corporate .company_blk dl {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #bebcbd;
  border-left: 1px solid #bebcbd;
  border-right: 1px solid #bebcbd;
}

#corporate #sysAll #sysWrap #sysMain .p-corporate .company_blk dl dt {
  width: 26%;
  background-color: #ededed;
  padding: 20px;
  border-bottom: 1px solid #bebcbd;
  border-right: 1px solid #bebcbd;
  font-weight: bold;
  display: flex;
  align-items: center;
}

#corporate #sysAll #sysWrap #sysMain .p-corporate .company_blk dl dd {
  width: 74%;
  padding: 20px;
  border-bottom: 1px solid #bebcbd;
}

@media only screen and (max-width: 1199px) and (min-width: 751px) {
  #corporate #sysAll #sysWrap #sysMain {
    margin-bottom: 40px;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 750px) {
  #corporate #sysAll #sysWrap #sysMain {
    margin-bottom: 30px;
    padding: 0 3%;
  }
  #corporate #sysAll #sysWrap #sysMain .p-corporate .company_blk dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-top: 1px solid #bebcbd;
    border-left: 1px solid #bebcbd;
    border-right: 1px solid #bebcbd;
  }
  #corporate #sysAll #sysWrap #sysMain .p-corporate .company_blk dl dt {
    width: 100%;
    background-color: #ededed;
    padding: 10px;
    border-bottom: 1px solid #bebcbd;
    border-right: none;
    font-weight: bold;
    display: flex;
    align-items: center;
  }
  #corporate #sysAll #sysWrap #sysMain .p-corporate .company_blk dl dd {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #bebcbd;
  }
}

/* ================================================

個人情報の取扱いについて

================================================ */
#privacypolicy #sysAll #sysWrap #sysMain {
  margin-bottom: 90px;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk {
  border: 1px solid #bebcbd;
  padding: 60px 50px 50px;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk .mb_0 {
  margin-bottom: 0;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk .mb_30 {
  margin-bottom: 30px;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk .center {
  text-align: center;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk .right {
  text-align: right;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk h2 {
  font-size: 16px;
  margin-bottom: .5em;
  margin-top: 2em;
  border-left: 5px solid #004099;
  padding-left: .5em;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk p,
#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk ol li,
#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk ul li {
  font-size: 14px;
  margin-bottom: 1em;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk p a,
#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk ol li a,
#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk ul li a {
  text-decoration: underline;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk .num_list {
  padding-left: 1.4em;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk .num_list li {
  list-style: decimal;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk ul {
  padding-left: 1.4em;
}

#privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk ul li {
  list-style: disc;
}

@media only screen and (max-width: 1199px) and (min-width: 751px) {
  #privacypolicy #sysAll #sysWrap #sysMain {
    margin-bottom: 40px;
    padding: 0 20px;
  }
  #privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk {
    padding: 40px 30px 30px;
  }
}

@media only screen and (max-width: 750px) {
  #privacypolicy #sysAll #sysWrap #sysMain {
    margin-bottom: 30px;
    padding: 0 4%;
  }
  #privacypolicy #sysAll #sysWrap #sysMain .p-privacy .privacy_blk {
    border: none;
    padding: 0;
  }
}

#sysItemSearch #sysMain > h2 {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.2em;
  text-align: left;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  position: relative;
  margin-bottom: 0.8em;
}

#sysItemSearch #sysMain > h2 span {
  display: inline-block;
  padding: 0 35px;
  background-color: #fff;
}

#sysItemCategory div#sysMain .sysItemCategoryPankuzu,
#sysItemSearch div#sysMain .sysItemCategoryPankuzu {
  font-size: 1.2rem;
  line-height: 2;
  padding-top: 2em;
  padding-left: 1em;
  margin-bottom: 34px;
}

#sysItemCategory div#sysMain .sysItemCategoryPankuzu a,
#sysItemSearch div#sysMain .sysItemCategoryPankuzu a {
  font-size: 1.2rem;
}

#sysItemCategory div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1,
#sysItemSearch div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1 {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.2em;
  text-align: left;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  position: relative;
  margin-bottom: 0.8em;
}

#sysItemCategory div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1 span,
#sysItemSearch div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1 span {
  display: inline-block;
  padding: 0 35px;
  background-color: #fff;
}

#sysItemCategory div#sysMain .sysItemCategoryCtl,
#sysItemSearch div#sysMain .sysItemCategoryCtl {
  padding: 15px 20px;
  margin-top: 0px;
  border: none;
  background-color: #ededed;
  font-weight: bold;
}

#sysItemCategory div#sysMain .sysItemCategoryCtl a,
#sysItemSearch div#sysMain .sysItemCategoryCtl a {
  background-color: #fff;
  border-color: #000;
  color: #000;
  font-weight: bold;
  padding: 6px 8px;
  line-height: 1;
}

#sysItemCategory div#sysMain .sysItemCategoryCtl a:hover,
#sysItemSearch div#sysMain .sysItemCategoryCtl a:hover {
  opacity: 1;
  background-color: #001533;
  color: #fff;
}

#sysItemCategory div#sysMain .sysItemListDisp,
#sysItemSearch div#sysMain .sysItemListDisp {
  margin-bottom: 40px;
}

#sysItemCategory div#sysMain .sysItemListDisp .sysItemListViewType,
#sysItemSearch div#sysMain .sysItemListDisp .sysItemListViewType {
  position: relative;
  height: 20px;
}

#sysItemCategory div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1),
#sysItemSearch div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) {
  background-image: url(../img/layout/common/ico_list.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 32px;
  width: 20px;
  height: 20px;
  text-indent: -999em;
}

#sysItemCategory div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input,
#sysItemSearch div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input {
  display: none;
}

#sysItemCategory div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input:checked,
#sysItemSearch div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input:checked {
  opacity: 1;
}

#sysItemCategory div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2),
#sysItemSearch div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) {
  background-image: url(../img/layout/common/ico_thumb.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  text-indent: -999em;
}

#sysItemCategory div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input,
#sysItemSearch div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input {
  display: none;
}

#sysItemCategory div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input:checked,
#sysItemSearch div#sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input:checked {
  opacity: 1;
}

#sysItemCategory div#sysMain .sysItemList .sysThumbnail,
#sysItemSearch div#sysMain .sysItemList .sysThumbnail {
  display: flex;
  flex-wrap: wrap;
}

#sysItemCategory div#sysMain .sysItemList .sysThumbnail li,
#sysItemSearch div#sysMain .sysItemList .sysThumbnail li {
  width: 23.5%;
  padding: 0;
  display: block;
  margin-right: 2%;
  margin-bottom: 60px;
}

#sysItemCategory div#sysMain .sysItemList .sysThumbnail li:nth-of-type(4n),
#sysItemSearch div#sysMain .sysItemList .sysThumbnail li:nth-of-type(4n) {
  margin-right: 0;
}

#sysItemCategory div#sysMain .sysItemList .sysThumbnail li .sysThumbnailImage,
#sysItemSearch div#sysMain .sysItemList .sysThumbnail li .sysThumbnailImage {
  margin-bottom: 24px;
  height: 0;
  padding-top: 100%;
  position: relative;
}

#sysItemCategory div#sysMain .sysItemList .sysThumbnail li .sysThumbnailImage a,
#sysItemSearch div#sysMain .sysItemList .sysThumbnail li .sysThumbnailImage a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

#sysItemCategory div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap,
#sysItemSearch div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap {
  height: auto !important;
}

#sysItemCategory div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysItemName,
#sysItemSearch div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysItemName {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 1;
}

#sysItemCategory div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysRetailPrice,
#sysItemSearch div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysRetailPrice {
  font-size: 1.4rem;
  text-align: center;
}

#sysItemCategory div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysItemPrArea,
#sysItemSearch div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysItemPrArea {
  padding-top: 10px;
}

#sysItemCategory div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysItemPrArea span,
#sysItemSearch div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysItemPrArea span {
  border-radius: 0;
  font-size: 1rem;
  line-height: 1;
  width: auto;
  height: auto;
  padding: 4px 10px;
}

#sysItemCategory div#sysMain .sysItemList .sysList li,
#sysItemSearch div#sysMain .sysItemList .sysList li {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#sysItemCategory div#sysMain .sysItemList .sysList li .sysThumbnailImage,
#sysItemSearch div#sysMain .sysItemList .sysList li .sysThumbnailImage {
  float: none;
  width: 17%;
  max-width: 100%;
}

#sysItemCategory div#sysMain .sysItemList .sysList li .itemDetailWrap,
#sysItemSearch div#sysMain .sysItemList .sysList li .itemDetailWrap {
  width: 81%;
  height: auto !important;
}

#sysItemCategory div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemName,
#sysItemSearch div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemName {
  font-size: 1.4rem;
  margin-bottom: 5px;
}

#sysItemCategory div#sysMain .sysItemList .sysList li .itemDetailWrap .sysRetailPrice,
#sysItemSearch div#sysMain .sysItemList .sysList li .itemDetailWrap .sysRetailPrice {
  font-size: 1.4rem;
}

#sysItemCategory div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemPrArea,
#sysItemSearch div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemPrArea {
  padding-top: 10px;
}

#sysItemCategory div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemPrArea span,
#sysItemSearch div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemPrArea span {
  border-radius: 0;
  font-size: 1rem;
  line-height: 1;
  width: auto;
  height: auto;
  padding: 4px 10px;
}

#sysItemCategory div#sysMain .sysItemList .sysList li::after,
#sysItemSearch div#sysMain .sysItemList .sysList li::after {
  content: none;
}

#sysItemCategory div#sysMain .sysItemSearchForm,
#sysItemSearch div#sysMain .sysItemSearchForm {
  background-color: transparent;
  padding: 0;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysFreeArea h1,
#sysItemSearch div#sysMain .sysItemSearchForm .sysFreeArea h1 {
  display: block;
  font-size: 3.6rem;
  font-weight: 100;
  line-height: 1.2;
  letter-spacing: 0.2em;
  text-align: center;
  font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  position: relative;
  margin-top: 24px;
  margin-bottom: 50px;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysFreeArea h1 span,
#sysItemSearch div#sysMain .sysItemSearchForm .sysFreeArea h1 span {
  display: inline-block;
  padding: 0 35px;
  background-color: #fff;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysFreeArea h1::before,
#sysItemSearch div#sysMain .sysItemSearchForm .sysFreeArea h1::before {
  content: "";
  display: block;
  width: 1200px;
  height: 1px;
  background-color: #BEBCBD;
  position: absolute;
  top: 21px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput {
  padding: 30px 30px 20px;
  background-color: #ededed;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormWord,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormWord {
  width: 68%;
  margin-bottom: 20px;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr {
  width: 30%;
  margin-left: auto;
  margin-bottom: 20px;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label {
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 20px;
  width: auto;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"],
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  margin: 0 7px 0 0;
  position: relative;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]::before,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #BEBCBD;
  border-radius: 50%;
  position: relative;
  top: 5px;
  background-color: #fff;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]:checked::after,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 4px;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange {
  margin: 0;
  margin-right: 20px;
  display: flex;
  align-items: center;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange input[type="text"],
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange input[type="text"] {
  height: auto;
  vertical-align: bottom;
  border: 1px solid #d0d0d0;
  padding: 10px;
  line-height: 1;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormCategory,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormCategory {
  margin: 0;
  margin-right: 20px;
  display: flex;
  align-items: center;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormCategory select,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormCategory select {
  margin-left: 5px;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormSort,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormSort {
  margin: 0;
  margin-right: 20px;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormLimit,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormLimit {
  margin: 0;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput input[type="search"],
#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput input[type="text"],
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput input[type="search"],
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput input[type="text"] {
  padding: 10px !important;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput select,
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput select {
  height: auto;
  vertical-align: bottom;
  border: 1px solid #d0d0d0;
  border-radius: 0;
  padding: 10px;
  background-color: #fff;
}

#sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput input[type="submit"],
#sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput input[type="submit"] {
  width: 70%;
  border-radius: 5px;
  font-weight: bold;
  margin-top: 30px;
  background-color: #001533;
}

/* ====================================
TBここから
==================================== */
@media only screen and (min-width: 751px) and (max-width: 1199px) {
  #sysItemCategory div#sysMain,
  #sysItemSearch div#sysMain {
    width: 100%;
    padding: 0 20px !important;
    margin-bottom: 60px !important;
  }
  #sysItemCategory div#sysMain .sysItemCategoryPankuzu,
  #sysItemSearch div#sysMain .sysItemCategoryPankuzu {
    padding-left: 0;
  }
  #sysItemCategory div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1,
  #sysItemSearch div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1 {
    font-size: 1.4rem;
  }
  #sysItemCategory div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1 span,
  #sysItemSearch div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1 span {
    padding: 0 30px;
  }
  #sysItemCategory div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1::before,
  #sysItemSearch div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1::before {
    width: 100%;
    top: 18px;
  }
  #sysItemCategory div#sysMain .sysItemCategoryCtl a,
  #sysItemSearch div#sysMain .sysItemCategoryCtl a {
    padding: 5px 8px;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail,
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail {
    display: flex;
    flex-wrap: wrap;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail li,
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail li {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 40px;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail li:nth-of-type(4n),
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail li:nth-of-type(4n) {
    margin-right: 3.5%;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail li:nth-of-type(3n),
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail li:nth-of-type(3n) {
    margin-right: 0%;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail li .sysThumbnailImage,
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail li .sysThumbnailImage {
    margin-bottom: 15px;
  }
  #sysItemCategory div#sysMain .sysItemList .sysList li,
  #sysItemSearch div#sysMain .sysItemList .sysList li {
    padding: 20px 0;
  }
  #sysItemCategory div#sysMain .sysItemList .sysList li .sysThumbnailImage,
  #sysItemSearch div#sysMain .sysItemList .sysList li .sysThumbnailImage {
    width: 23%;
  }
  #sysItemCategory div#sysMain .sysItemList .sysList li .itemDetailWrap,
  #sysItemSearch div#sysMain .sysItemList .sysList li .itemDetailWrap {
    width: 75%;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysFreeArea h1,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysFreeArea h1 {
    font-size: 3rem;
    margin-top: 24px;
    margin-bottom: 50px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysFreeArea h1 span,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysFreeArea h1 span {
    padding: 0 30px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysFreeArea h1::before,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysFreeArea h1::before {
    width: 100%;
    top: 18px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput {
    padding: 20px 20px 10px;
    background-color: #ededed;
    display: flex;
    flex-wrap: wrap;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormWord,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormWord {
    width: 100%;
    margin-bottom: 10px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr {
    width: 100%;
    margin-left: auto;
    margin-bottom: 20px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label {
    display: inline-block;
    font-size: 1.4rem;
    margin-right: 20px;
    width: auto;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"],
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    margin: 0 7px 0 0;
    position: relative;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]::before,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #BEBCBD;
    border-radius: 50%;
    position: relative;
    top: 5px;
    background-color: #fff;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]:checked::after,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]:checked::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 4px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange {
    margin: 0;
    margin-right: 10px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange input[type="text"],
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange input[type="text"] {
    height: auto;
    vertical-align: bottom;
    border: 1px solid #d0d0d0;
    padding: 10px;
    line-height: 1;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormCategory,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormCategory {
    margin: 0;
    margin-right: 10px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormSort,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormSort {
    margin: 0;
    margin-right: 10px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormLimit,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormLimit {
    margin: 0;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput input[type="submit"],
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput input[type="submit"] {
    width: 100%;
  }
}

/* ====================================
SPここから
==================================== */
@media only screen and (max-width: 750px) {
  #sysItemCategory div#sysMain,
  #sysItemSearch div#sysMain {
    width: 100%;
    padding: 0 3% !important;
    position: relative;
    z-index: 110;
    margin-bottom: 60px !important;
  }
  #sysItemCategory div#sysMain .sysItemCategoryPankuzu,
  #sysItemSearch div#sysMain .sysItemCategoryPankuzu {
    margin-bottom: 20px;
    padding-left: 0;
  }
  #sysItemCategory div#sysMain .sysItemCategoryPankuzu a,
  #sysItemSearch div#sysMain .sysItemCategoryPankuzu a {
    font-size: 1.2rem;
  }
  #sysItemCategory div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1,
  #sysItemSearch div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1 {
    font-size: 1.4rem;
  }
  #sysItemCategory div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1 span,
  #sysItemSearch div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1 span {
    padding: 0 20px;
  }
  #sysItemCategory div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1::before,
  #sysItemSearch div#sysMain .sysItemCategoryInfo .sysCategoryDescription h1::before {
    width: 100%;
    top: 12px;
  }
  #sysItemCategory div#sysMain .sysItemCategoryCtl,
  #sysItemSearch div#sysMain .sysItemCategoryCtl {
    margin-top: 0px;
    padding: 10px 15px;
  }
  #sysItemCategory div#sysMain .sysItemCategoryCtl a,
  #sysItemSearch div#sysMain .sysItemCategoryCtl a {
    padding: 5px 8px;
    font-size: 1.2rem;
  }
  #sysItemCategory div#sysMain .sysItemListDisp,
  #sysItemSearch div#sysMain .sysItemListDisp {
    margin-bottom: 30px;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail,
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail {
    display: flex;
    flex-wrap: wrap;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail li,
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail li {
    width: 48% !important;
    margin-right: 4%;
    margin-bottom: 30px;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail li:nth-of-type(4n),
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail li:nth-of-type(4n) {
    margin-right: 4%;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail li:nth-of-type(2n),
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail li:nth-of-type(2n) {
    margin-right: 0;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail li .sysThumbnailImage,
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail li .sysThumbnailImage {
    margin-bottom: 5px;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysItemPrArea,
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysItemPrArea {
    padding-top: 3px;
  }
  #sysItemCategory div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysItemPrArea span,
  #sysItemSearch div#sysMain .sysItemList .sysThumbnail li .itemDetailWrap .sysItemPrArea span {
    padding: 3px 8px;
  }
  #sysItemCategory div#sysMain .sysItemList .sysList li,
  #sysItemSearch div#sysMain .sysItemList .sysList li {
    padding: 15px 0;
  }
  #sysItemCategory div#sysMain .sysItemList .sysList li .sysThumbnailImage,
  #sysItemSearch div#sysMain .sysItemList .sysList li .sysThumbnailImage {
    width: 30%;
  }
  #sysItemCategory div#sysMain .sysItemList .sysList li .itemDetailWrap,
  #sysItemSearch div#sysMain .sysItemList .sysList li .itemDetailWrap {
    width: 66%;
  }
  #sysItemCategory div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemName,
  #sysItemSearch div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemName {
    margin-bottom: 0;
  }
  #sysItemCategory div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemName a,
  #sysItemSearch div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemName a {
    font-size: 1.4rem;
  }
  #sysItemCategory div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemPrArea,
  #sysItemSearch div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemPrArea {
    padding-top: 5px;
  }
  #sysItemCategory div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemPrArea span,
  #sysItemSearch div#sysMain .sysItemList .sysList li .itemDetailWrap .sysItemPrArea span {
    padding: 4px 8px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysFreeArea h1,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysFreeArea h1 {
    font-size: 2.3rem;
    margin-top: 24px;
    margin-bottom: 30px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysFreeArea h1 span,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysFreeArea h1 span {
    padding: 0 20px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysFreeArea h1::before,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysFreeArea h1::before {
    width: 100%;
    top: 12px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput {
    padding: 20px 20px 10px;
    background-color: #ededed;
    display: flex;
    flex-wrap: wrap;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormWord,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormWord {
    width: 100%;
    margin-bottom: 10px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr {
    width: 100%;
    margin-left: auto;
    margin-bottom: 20px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label {
    display: inline-block;
    font-size: 1.4rem;
    margin-right: 20px;
    width: auto;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"],
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    margin: 0 7px 0 0;
    position: relative;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]::before,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #BEBCBD;
    border-radius: 50%;
    position: relative;
    top: 5px;
    background-color: #fff;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]:checked::after,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchAndOr label input[type="radio"]:checked::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 4px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange input[type="text"],
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormRange input[type="text"] {
    height: auto;
    vertical-align: bottom;
    border: 1px solid #d0d0d0;
    padding: 10px;
    line-height: 1;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormCategory,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormCategory {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormSort,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormSort {
    margin: 0;
    margin-right: 10px;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormLimit,
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput .sysItemSearchFormLimit {
    margin: 0;
  }
  #sysItemCategory div#sysMain .sysItemSearchForm .sysItemSearchFormInput input[type="submit"],
  #sysItemSearch div#sysMain .sysItemSearchForm .sysItemSearchFormInput input[type="submit"] {
    width: 100%;
  }
}

/* ================================================

カート

================================================ */
#sysBasket p {
  padding: 0;
}

#sysBasket #sysAll #sysWrap #sysMain {
  width: 800px !important;
  border: 1px solid #eee;
  padding: 20px 50px;
  margin: 30px auto 100px;
}

#sysBasket #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysBasket #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysBasket #sysAll #sysWrap #sysMain h2 {
  font-size: 18px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 15px 0;
}

#sysBasket #sysAll #sysWrap #sysMain .sysAmazonNextSubmit {
  margin: 0.45em 0 0.45em auto;
  background: #da4636 !important;
}

#sysBasket #sysAll #sysWrap #sysMain .sysItemListArea .sysBox .sysNumArea {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#sysBasket #sysAll #sysWrap #sysMain .sysItemListArea .sysBox .sysNumArea button {
  margin-right: 20px;
}

#sysBasket #sysAll #sysWrap #sysMain .sysItemListArea .sysBox .sysNumArea button:last-child {
  margin-right: 0;
}

#sysBasket #sysAll #sysWrap #sysMain input[type="submit"], #sysBasket #sysAll #sysWrap #sysMain button[type="submit"], #sysBasket #sysAll #sysWrap #sysMain button[type="button"] {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 49%;
  border: none !important;
}

#sysBasket #sysAll #sysWrap #sysMain input[type="submit"].sysBackButton, #sysBasket #sysAll #sysWrap #sysMain input[type="submit"].sysDeleteArea, #sysBasket #sysAll #sysWrap #sysMain button[type="submit"].sysBackButton, #sysBasket #sysAll #sysWrap #sysMain button[type="submit"].sysDeleteArea, #sysBasket #sysAll #sysWrap #sysMain button[type="button"].sysBackButton, #sysBasket #sysAll #sysWrap #sysMain button[type="button"].sysDeleteArea {
  color: #001533 !important;
  background: #fff !important;
  border: 1px solid #001533 !important;
  width: 170px;
  margin-top: 30px;
}

@media only screen and (max-width: 750px) {
  #sysBasket #sysAll #sysWrap #sysMain {
    width: 94% !important;
    margin: 10px auto 50px;
    padding: 10px 10px 30px !important;
  }
  #sysBasket #sysAll #sysWrap #sysMain h1 {
    text-align: center;
    margin: 20px 0 40px;
  }
  #sysBasket #sysAll #sysWrap #sysMain h1 span {
    font-size: 24px;
    line-height: 1;
  }
  #sysBasket #sysAll #sysWrap #sysMain h2 {
    font-size: 18px;
    border-left: 5px solid #004099;
    padding-left: 5px;
    margin: 15px 0;
  }
  #sysBasket #sysAll #sysWrap #sysMain .sysAmazonNextSubmit {
    margin: 0.45em auto 0.45em;
    background: #da4636 !important;
  }
  #sysBasket #sysAll #sysWrap #sysMain .sysItemListArea .sysBox .sysNumArea {
    display: block;
  }
  #sysBasket #sysAll #sysWrap #sysMain .sysItemListArea .sysBox .sysNumArea button {
    width: 80%;
    margin: 0 auto 15px;
  }
  #sysBasket #sysAll #sysWrap #sysMain .sysItemListArea .sysBox .sysNumArea button:last-child {
    margin: 0 auto;
  }
  #sysBasket #sysAll #sysWrap #sysMain input[type="submit"].sysBackButton, #sysBasket #sysAll #sysWrap #sysMain input[type="submit"].sysDeleteArea, #sysBasket #sysAll #sysWrap #sysMain button[type="submit"].sysBackButton, #sysBasket #sysAll #sysWrap #sysMain button[type="submit"].sysDeleteArea, #sysBasket #sysAll #sysWrap #sysMain button[type="button"].sysBackButton, #sysBasket #sysAll #sysWrap #sysMain button[type="button"].sysDeleteArea {
    margin: 50px auto 0;
  }
}

/* ================================================

レジ

================================================ */
#sysRegi p {
  padding: 0;
}

#sysRegi #sysAll #sysWrap #sysMain {
  width: 800px !important;
  border: 1px solid #eee;
  padding: 20px 50px;
  margin: 50px auto;
}

#sysRegi #sysAll #sysWrap #sysMain h1 {
  text-align: center;
  margin: 20px 0 40px;
}

#sysRegi #sysAll #sysWrap #sysMain h1 span {
  font-size: 24px;
  line-height: 1;
}

#sysRegi #sysAll #sysWrap #sysMain h2 {
  font-size: 18px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 15px 0;
}

#sysRegi #sysAll #sysWrap #sysMain .sysItemListArea .sysBox .sysNumArea {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#sysRegi #sysAll #sysWrap #sysMain .sysItemListArea .sysBox .sysNumArea button {
  margin-right: 20px;
}

#sysRegi #sysAll #sysWrap #sysMain .sysItemListArea .sysBox .sysNumArea button:last-child {
  margin-right: 0;
}

#sysRegi #sysAll #sysWrap #sysMain input[type="submit"], #sysRegi #sysAll #sysWrap #sysMain button[type="submit"], #sysRegi #sysAll #sysWrap #sysMain button[type="button"] {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 49%;
  border: none;
}

#sysRegi #sysAll #sysWrap #sysMain input[type="submit"].sysNextSubmit, #sysRegi #sysAll #sysWrap #sysMain button[type="submit"].sysNextSubmit, #sysRegi #sysAll #sysWrap #sysMain button[type="button"].sysNextSubmit {
  background: #da4636 !important;
}

#sysRegi #sysAll #sysWrap #sysMain input[type="submit"].sysBackSubmitArea, #sysRegi #sysAll #sysWrap #sysMain button[type="submit"].sysBackSubmitArea, #sysRegi #sysAll #sysWrap #sysMain button[type="button"].sysBackSubmitArea {
  color: #001533 !important;
  background: #fff !important;
  border: 1px solid #001533 !important;
  width: 170px;
}

@media only screen and (max-width: 750px) {
  #sysRegi #sysAll #sysWrap #sysMain {
    width: 94% !important;
    margin: 10px auto 50px;
    padding: 10px 10px 30px !important;
  }
}

/* ================================================

ワンページカート

================================================ */
.sysOpcBody #sysAll {
  padding: 0 0 110px;
}

.sysOpcBody #sysAll p {
  padding: 0;
}

.sysOpcBody #sysMain {
  width: 800px !important;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}

.sysOpcBody #sysMain #sysOpc .opcOrderSummaryTitle,
.sysOpcBody #sysMain #sysOpc .opcBillingAddressTitle,
.sysOpcBody #sysMain #sysOpc .opcDeliveryAddressTitle,
.sysOpcBody #sysMain #sysOpc .opcItemTitle,
.sysOpcBody #sysMain #sysOpc .opcPaymentMethodTitle,
.sysOpcBody #sysMain #sysOpc .opcRemarksTitle,
.sysOpcBody #sysMain #sysOpc .opcOrderSummaryTitle {
  text-align: center;
  margin: 40px 0 20px;
  font-size: 24px;
  line-height: 1;
}

.sysOpcBody #sysMain #sysOpc .opcBillingAddressDataBind .opcCommonEditModeBlock {
  background: #ededed;
}

.sysOpcBody #sysMain #sysOpc .opcItem_buttonGroup_edit,
.sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_buttonGroup_edit,
.sysOpcBody #sysMain #sysOpc .opcDeliveryMethod_buttonGroup_edit,
.sysOpcBody #sysMain #sysOpc .opcBillingAddressButtonGroup_edit,
.sysOpcBody #sysMain #sysOpc .opcPaymentMethod_buttonGroup_edit,
.sysOpcBody #sysMain #sysOpc .opcRemarks_buttonGroup_edit {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sysOpcBody #sysMain #sysOpc .opcItem_cancelButton_edit,
.sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_cancelButton_edit,
.sysOpcBody #sysMain #sysOpc .opcDeliveryMethod_cancelButton_edit,
.sysOpcBody #sysMain #sysOpc .opcBillingAddress_cancelButton_edit,
.sysOpcBody #sysMain #sysOpc .opcPaymentMethod_cancelButton_edit,
.sysOpcBody #sysMain #sysOpc .opcRemarks_cancelButton_edit {
  color: #001533;
  background: #fff !important;
  margin-right: 20px;
  border: 1px solid #001533;
}

.sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_applyToBillingAddressButton {
  margin-right: 20px;
}

.sysOpcBody #sysMain #sysOpc .opcItem_numAndLabelGroup_edit {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 40px;
}

.sysOpcBody #sysMain #sysOpc .opcItem_numAndLabelGroup_edit .opcItem_numLabel_edit {
  display: inline-block;
  width: 23%;
}

.sysOpcBody #sysMain #sysOpc .opcItem_numAndLabelGroup_edit .opcItem_num_edit {
  display: inline-block;
  border: 1px solid #999;
  border-radius: 0;
  padding: 0 1em;
  width: 23%;
  margin: 0;
}

.sysOpcBody #sysMain #sysOpc .opcItem_numAndLabelGroup_edit .opcItem_increaseNumButton_edit,
.sysOpcBody #sysMain #sysOpc .opcItem_numAndLabelGroup_edit .opcItem_decreaseNumButton_edit {
  margin: 0 0 0 20px;
  width: 23%;
  height: 30px;
  padding: 5px 0;
}

.sysOpcBody #sysMain #sysOpc .opcCommonEditModeBlock {
  background: #ededed;
}

.sysOpcBody #sysMain #sysOpc .opcCommonEditModeBlock {
  background: transparent;
}

.sysOpcBody #sysMain #sysOpc .opcItemDataBind .opcItem {
  margin-bottom: 0;
}

.sysOpcBody #sysMain #sysOpc .opcItemDataBind .opcItem .opcItem_deliveryAddressItemGroup_edit,
.sysOpcBody #sysMain #sysOpc .opcItemDataBind .opcItem .opcItem_deliveryAddressItemGroup {
  padding: 1em 0;
}

.sysOpcBody #sysMain #sysOpc .opcItemDataBind .opcItem_itemSummary {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}

.sysOpcBody #sysMain #sysOpc .opcItemDataBind .opcItem_buttonGroup {
  margin-top: 0;
}

.sysOpcBody #sysMain #sysOpc .opcConfirm {
  background-color: #bccfe7;
}

.sysOpcBody #sysMain #sysOpc .opcCommonInputText {
  margin-left: 0;
}

.sysOpcBody #sysMain #sysOpc .opcCommonInputSelect {
  border-radius: 0;
  border: 1px solid #bdbdbd;
  padding-left: 1em;
}

.sysOpcBody #sysMain #sysOpc .opcDeliveryMethod_hopeDeliveryTimeAndLabelGroup_edit {
  margin-bottom: 10px;
}

.sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_applyToBillingAddressButton {
  margin-bottom: 10px;
}

.sysOpcBody #sysMain input[type="submit"], .sysOpcBody #sysMain input[type="button"], .sysOpcBody #sysMain button[type="submit"], .sysOpcBody #sysMain button[type="button"] {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 49%;
  border: none;
}

.sysOpcBody #sysMain input[type="submit"].opcConfirm_inputStatus, .sysOpcBody #sysMain input[type="submit"].opcConfirm_order_disable, .sysOpcBody #sysMain input[type="submit"].opcConfirm_requestOrder, .sysOpcBody #sysMain input[type="submit"].opcConfirm_inputStatus_disable, .sysOpcBody #sysMain input[type="button"].opcConfirm_inputStatus, .sysOpcBody #sysMain input[type="button"].opcConfirm_order_disable, .sysOpcBody #sysMain input[type="button"].opcConfirm_requestOrder, .sysOpcBody #sysMain input[type="button"].opcConfirm_inputStatus_disable, .sysOpcBody #sysMain button[type="submit"].opcConfirm_inputStatus, .sysOpcBody #sysMain button[type="submit"].opcConfirm_order_disable, .sysOpcBody #sysMain button[type="submit"].opcConfirm_requestOrder, .sysOpcBody #sysMain button[type="submit"].opcConfirm_inputStatus_disable, .sysOpcBody #sysMain button[type="button"].opcConfirm_inputStatus, .sysOpcBody #sysMain button[type="button"].opcConfirm_order_disable, .sysOpcBody #sysMain button[type="button"].opcConfirm_requestOrder, .sysOpcBody #sysMain button[type="button"].opcConfirm_inputStatus_disable {
  width: 90%;
  max-width: 800px !important;
  margin: 0 auto;
}

.sysOpcBody #sysMain input[type="submit"].opcConfirm_inputStatus, .sysOpcBody #sysMain input[type="button"].opcConfirm_inputStatus, .sysOpcBody #sysMain button[type="submit"].opcConfirm_inputStatus, .sysOpcBody #sysMain button[type="button"].opcConfirm_inputStatus {
  color: #001533;
  background: #fff !important;
  border: 1px solid #001533;
}

.sysOpcBody #sysMain input[type="submit"].opcConfirm_inputStatus_disable, .sysOpcBody #sysMain input[type="button"].opcConfirm_inputStatus_disable, .sysOpcBody #sysMain button[type="submit"].opcConfirm_inputStatus_disable, .sysOpcBody #sysMain button[type="button"].opcConfirm_inputStatus_disable {
  background: #f36d5e !important;
  margin-bottom: 10px;
}

.sysOpcBody #sysMain input[type="submit"].opcConfirm_inputStatus, .sysOpcBody #sysMain input[type="button"].opcConfirm_inputStatus, .sysOpcBody #sysMain button[type="submit"].opcConfirm_inputStatus, .sysOpcBody #sysMain button[type="button"].opcConfirm_inputStatus {
  margin-bottom: 10px;
}

.sysOpcBody #sysMain input[type="submit"].opcOrderBackToBasket_backToBasket, .sysOpcBody #sysMain input[type="button"].opcOrderBackToBasket_backToBasket, .sysOpcBody #sysMain button[type="submit"].opcOrderBackToBasket_backToBasket, .sysOpcBody #sysMain button[type="button"].opcOrderBackToBasket_backToBasket {
  color: #001533;
  background: #fff !important;
  margin-right: 20px;
  border: 1px solid #001533;
  width: 170px;
}

.sysOpcBody #sysMain input[type="submit"].opcConfirm_requestOrder, .sysOpcBody #sysMain input[type="button"].opcConfirm_requestOrder, .sysOpcBody #sysMain button[type="submit"].opcConfirm_requestOrder, .sysOpcBody #sysMain button[type="button"].opcConfirm_requestOrder {
  background: #da4636 !important;
  font-size: 24px;
  font-weight: bold;
}

.sysOpcBody #sysMain .opcCommonEditLabel {
  font-size: 14px;
  line-height: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 15px 0;
}

.sysOpcBody #sysMain .opcBillingAddress_zipCodeRequireLabel_edit:after,
.sysOpcBody #sysMain .opcBillingAddress_telRequireLabel_edit:after,
.sysOpcBody #sysMain .opcDeliveryAddress_zipCodeRequireLabel_edit:after,
.sysOpcBody #sysMain .opcDeliveryAddress_telRequireLabel_edit:after {
  content: '※ハイフンなどは省き、半角数字のみでご入力ください。';
}

.opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup input[type="submit"], .opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup input[type="button"], .opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup button[type="submit"], .opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup button[type="button"] {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 90%;
  margin: 0 auto 10px;
  border: none;
}

@media only screen and (max-width: 750px) {
  .sysOpcBody #sysMain {
    width: 94% !important;
    margin: 10px auto 50px;
    padding: 10px 10px 30px !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .sysOpcBody #sysMain #sysOpc .opcBillingAddressDataBind .opcCommonEditModeBlock {
    background: #ededed;
  }
  .sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_buttonGroup {
    display: block;
  }
  .sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_applyToBillingAddressButton,
  .sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_editButton {
    margin-bottom: 15px;
  }
  .sysOpcBody #sysMain #sysOpc .opcCommonInputText, .sysOpcBody #sysMain #sysOpc .opcCommonInputSelect, .sysOpcBody #sysMain #sysOpc .opcCommonInputRadio, .sysOpcBody #sysMain #sysOpc .opcCommonInputCheckbox {
    margin-left: 0;
  }
  .sysOpcBody #sysMain #sysOpc .opcCommonInputSelect {
    border-radius: 0;
    border: 1px solid #bdbdbd;
  }
  .sysOpcBody #sysMain #sysOpc .opcDeliveryMethod_hopeDeliveryTimeAndLabelGroup_edit {
    margin-bottom: 10px;
  }
  .sysOpcBody #sysMain #sysOpc .opcItem_numAndLabelGroup_edit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 40px;
  }
  .sysOpcBody #sysMain #sysOpc .opcItem_numAndLabelGroup_edit .opcItem_numLabel_edit {
    display: inline-block;
    width: 23%;
  }
  .sysOpcBody #sysMain #sysOpc .opcItem_numAndLabelGroup_edit .opcItem_num_edit {
    display: inline-block;
    border: 1px solid #999;
    border-radius: 0;
    padding: 0 1em;
    width: 23%;
    margin: 0;
  }
  .sysOpcBody #sysMain #sysOpc .opcItem_numAndLabelGroup_edit .opcItem_increaseNumButton_edit,
  .sysOpcBody #sysMain #sysOpc .opcItem_numAndLabelGroup_edit .opcItem_decreaseNumButton_edit {
    margin: 0 0 0 20px;
    width: 23%;
    height: 30px;
    padding: 5px 0;
  }
  .sysOpcBody #sysMain input[type="submit"], .sysOpcBody #sysMain input[type="button"], .sysOpcBody #sysMain button[type="submit"], .sysOpcBody #sysMain button[type="button"] {
    width: 100%;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1200px) {
  #sysBasket #sysAll #sysWrap #sysMain,
  #sysRegi #sysAll #sysWrap #sysMain,
  .sysOpcBody #sysAll #sysWrap #sysMain {
    width: 96% !important;
    margin: 50px auto 70px;
  }
  #sysBasket #sysAll #sysWrap #sysMain .opcCommonInputText,
  #sysRegi #sysAll #sysWrap #sysMain .opcCommonInputText,
  .sysOpcBody #sysAll #sysWrap #sysMain .opcCommonInputText {
    margin-left: 0;
  }
}

/* ================================================

新規会員登録

================================================ */
#sysMemberRegisterIndex #sysAll #sysWrap {
  margin-top: 0;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 0;
  line-height: 1;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel .sysRequired {
  margin-bottom: 0;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField {
  margin: 10px 0 30px;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField + button {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 130px;
  border: none !important;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField select {
  border: 1px solid #dddddd;
  padding: 10px 20px;
  border-radius: 0;
  height: auto;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField input[type="radio"] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0 7px 0 0;
  position: relative;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField input[type="radio"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #BEBCBD;
  border-radius: 50%;
  position: relative;
  top: 5px;
  background-color: #fff;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField input[type="radio"]::after {
  display: none;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField input[type="radio"]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #004099;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 4px;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysZipcode .sysFormField {
  margin: 10px 0 30px;
  width: 45%;
  max-width: 200px;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysZipcode .sysFormField input[type="text"] {
  margin: 0;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysBirthday .sysFormField input[name="birth_year"] {
  width: 4em !important;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysBirthday .sysFormField input[name="birth_month"] {
  width: 2em !important;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysBirthday .sysFormField input[name="birth_day"] {
  width: 2em !important;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysBirthday input[type="text"] {
  box-sizing: content-box;
  border: 1px solid #dddddd;
  padding: 10px 20px 10px 10px !important;
  border-radius: 0;
  height: auto;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField {
  margin: 10px 0 30px;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField label {
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 20px;
  width: auto;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0 7px 0 0;
  position: relative;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #dddddd;
  position: relative;
  top: 5px;
  background-color: #fff;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]::after {
  display: none;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #004099;
  position: absolute;
  top: 9px;
  left: 4px;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain input[type="submit"] {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #001533 !important;
  text-align: center;
  border-radius: 5px;
  background: #fff !important;
  width: 49%;
  border: 1px solid #001533 !important;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain input[type="submit"].sysNextSubmit {
  color: #fff !important;
  background: #001533 !important;
  border: none !important;
}

@media only screen and (max-width: 750px) {
  #sysMemberRegisterIndex #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain {
    width: 94% !important;
    padding: 10px 10px 30px !important;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain #form_main {
    padding: 0;
    margin-bottom: 10px;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain #form_main + form {
    padding: 10px 0;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain input[type="submit"] {
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 16px;
    line-height: 16px;
    color: #001533 !important;
    text-align: center;
    border-radius: 5px;
    background: #fff !important;
    width: 80%;
    border: 1px solid #001533 !important;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain input[type="submit"].sysNextSubmit {
    color: #fff !important;
    background: #001533 !important;
    border: none !important;
    margin-top: 20px;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysZipcode .sysFormField {
    margin: 10px 0 30px;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysZipcode .sysFormField input[type="text"] {
    margin: 0;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField {
    margin: 10px 0 30px;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysAcceptMailmagazine {
    margin-bottom: 50px;
  }
}

#sysMemberRegisterConfirm #sysAll #sysWrap {
  margin-top: 0;
}

#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 0;
  line-height: 1;
}

#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel .sysRequired {
  margin-bottom: 0;
}

#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField {
  border: 1px solid #dddddd;
  line-height: 1;
  padding: 10px;
  font-size: 16px;
  border-radius: 3px;
  margin: 10px 0 30px;
  min-height: 30px;
  display: block;
}

#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain input[type="submit"] {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #001533 !important;
  text-align: center;
  border-radius: 5px;
  background: #fff !important;
  width: 49%;
  border: 1px solid #001533 !important;
}

#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain input[type="submit"].sysNextSubmit {
  color: #fff !important;
  background: #001533 !important;
  border: none !important;
}

@media only screen and (max-width: 750px) {
  #sysMemberRegisterConfirm #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysMemberRegisterConfirm #sysAll #sysWrap #sysMain {
    width: 100%;
    padding: 20px !important;
  }
  #sysMemberRegisterConfirm #sysAll #sysWrap #sysMain input[type="submit"] {
    display: block;
    width: 80%;
    margin: 0 auto;
    float: none;
  }
  #sysMemberRegisterConfirm #sysAll #sysWrap #sysMain input[type="submit"].sysBackButton {
    display: block;
    width: 80%;
    margin: 0 auto;
    float: none;
  }
}

#sysMemberRegisterRegister #sysAll #sysWrap {
  margin-top: 0;
}

#sysMemberRegisterRegister #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMemberRegisterRegister #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMemberRegisterRegister #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMemberRegisterRegister #sysAll #sysWrap #sysMain p {
  text-align: center;
}

@media only screen and (max-width: 750px) {
  #sysMemberRegisterRegister #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysMemberRegisterRegister #sysAll #sysWrap #sysMain {
    width: 100%;
    padding: 20px !important;
  }
}

/* ================================================

マイページ

================================================ */
#sysMypageIndex #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageIndex #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageIndex #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageIndex #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageIndex #sysAll #sysWrap #sysMain .sysOrderHistory h3 {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 15px 0;
  line-height: 30px;
}

#sysMypageIndex #sysAll #sysWrap #sysMain .sysMypageNav {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#sysMypageIndex #sysAll #sysWrap #sysMain .sysMypageNav input[type="submit"] {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 100%;
  border: none !important;
}

#sysMypageIndex #sysAll #sysWrap #sysMain .sysMypageNav input[value="ログアウトする"], #sysMypageIndex #sysAll #sysWrap #sysMain .sysMypageNav input[value="会員を退会する"] {
  color: #001533 !important;
  background: #fff !important;
  border: 1px solid #001533 !important;
}

#sysMypageEditMember #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 0;
  line-height: 1;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel .sysRequired {
  margin-bottom: 0;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField {
  margin: 10px 0 30px;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField + button {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 130px;
  border: none !important;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField select {
  border: 1px solid #dddddd;
  padding: 10px 20px;
  border-radius: 0;
  height: auto;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem input[type="radio"] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0 7px 0 0;
  position: relative;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem input[type="radio"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #BEBCBD;
  border-radius: 50%;
  position: relative;
  top: 5px;
  left: 0;
  background-color: #fff;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem input[type="radio"]::after {
  display: none;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem input[type="radio"]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #004099;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  left: 9px;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysZipcode .sysFormField {
  width: 45%;
  max-width: 200px;
  margin: 10px 0 30px;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysZipcode .sysFormField input[type="text"] {
  margin: 0;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysBirthday .sysFormField input[name="birth_year"] {
  width: 4em !important;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysBirthday .sysFormField input[name="birth_month"] {
  width: 2em !important;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysBirthday .sysFormField input[name="birth_day"] {
  width: 2em !important;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysBirthday input[type="text"] {
  box-sizing: content-box;
  border: 1px solid #dddddd;
  padding: 10px 20px 10px 10px !important;
  border-radius: 0;
  height: auto;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField {
  margin: 10px 0 30px;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField label {
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 20px;
  width: auto;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0 7px 0 0;
  position: relative;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #dddddd;
  position: relative;
  top: 5px;
  background-color: #fff;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]::after {
  display: none;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #004099;
  position: absolute;
  top: 14px;
  left: 9px;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain input[type="submit"] {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #001533 !important;
  text-align: center;
  border-radius: 5px;
  background: #fff !important;
  width: 80%;
  margin: 0 auto;
  border: 1px solid #001533 !important;
}

#sysMypageEditMember #sysAll #sysWrap #sysMain input[type="submit"].sysNextSubmit {
  color: #fff !important;
  background: #001533 !important;
  border: none !important;
  margin-top: 30px;
}

@media only screen and (max-width: 750px) {
  #sysMypageEditMember #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysMypageEditMember #sysAll #sysWrap #sysMain {
    width: 94% !important;
    padding: 10px 10px 30px !important;
  }
  #sysMypageEditMember #sysAll #sysWrap #sysMain h3 + form {
    padding: 0;
    margin-bottom: 10px;
  }
  #sysMypageEditMember #sysAll #sysWrap #sysMain h3 + form + form {
    padding: 10px 0;
  }
  #sysMypageEditMember #sysAll #sysWrap #sysMain input[type="submit"] {
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 16px;
    line-height: 16px;
    color: #001533 !important;
    text-align: center;
    border-radius: 5px;
    background: #fff !important;
    width: 80%;
    border: 1px solid #001533 !important;
  }
  #sysMypageEditMember #sysAll #sysWrap #sysMain input[type="submit"].sysNextSubmit {
    color: #fff !important;
    background: #001533 !important;
    border: none !important;
    margin-top: 20px;
  }
  #sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysZipcode .sysFormField {
    margin: 10px 0 30px;
  }
  #sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysZipcode .sysFormField input[type="text"] {
    margin: 0;
  }
  #sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField {
    margin: 10px 0 30px;
  }
  #sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  #sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysAcceptMailmagazine {
    margin-bottom: 50px;
  }
}

#sysMypageEditConfirm #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageEditConfirm #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageEditConfirm #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageEditConfirm #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageEditConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 0;
  line-height: 1;
  text-indent: -1em;
}

#sysMypageEditConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel::first-letter {
  color: transparent;
}

#sysMypageEditConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel .sysRequired {
  margin-bottom: 0;
}

#sysMypageEditConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem br {
  display: none;
}

#sysMypageEditConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField {
  display: block;
  border: 1px solid #dddddd;
  line-height: 1;
  padding: 10px;
  font-size: 16px;
  border-radius: 3px;
  margin: 10px 0 30px;
  min-height: 30px;
}

#sysMypageEditConfirm #sysAll #sysWrap #sysMain input[type="submit"] {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #001533 !important;
  text-align: center;
  border-radius: 5px;
  background: #fff !important;
  width: 80%;
  margin: 0 auto;
  border: 1px solid #001533 !important;
}

#sysMypageEditConfirm #sysAll #sysWrap #sysMain input[type="submit"].sysNextSubmit {
  color: #fff !important;
  background: #001533 !important;
  border: none !important;
  margin-top: 30px;
}

#sysMypageEditSave #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageEditSave #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageEditSave #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageEditSave #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageEditSave #sysAll #sysWrap #sysMain h3 {
  display: none;
}

#sysMypageEditSave #sysAll #sysWrap #sysMain p {
  text-align: center;
}

#sysMypageEditSave #sysAll #sysWrap #sysMain input[value="戻る"] {
  display: block;
  margin: 50px auto 0;
  padding: 10px 5px;
  font-size: 16px;
  line-height: 16px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 50%;
  border: 1px solid #001533 !important;
}

#sysMypageEditDelivery #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain h3.SysMypageMinorHeadLine {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 15px 0 0;
  line-height: 30px;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain h3.SysMypageMinorHeadLine .sysRequired {
  margin-bottom: 0;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysSelectAddress button[type="submit"] {
  padding: 10px;
  background: #bebcbd;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress {
  margin-top: 30px;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormLabel {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 0;
  line-height: 1;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormLabel .sysRequired {
  margin-bottom: 0;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormField {
  margin: 10px 0 30px;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormField.input-append {
  width: 100%;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormField.input-append input[type="text"] {
  width: 45%;
  max-width: 200px;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormField.input-append button {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 130px;
  border: none !important;
  margin-top: 10px;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormField select {
  border: 1px solid #dddddd;
  padding: 10px 20px;
  border-radius: 0;
  height: auto;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysBirthday input[type="text"] {
  border: 1px solid #dddddd;
  padding: 10px 20px !important;
  border-radius: 0;
  height: auto;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField {
  margin: 10px 0 30px;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField label {
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 20px;
  width: auto;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0 7px 0 0;
  position: relative;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #dddddd;
  position: relative;
  top: 5px;
  background-color: #fff;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]::after {
  display: none;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #004099;
  position: absolute;
  top: 14px;
  left: 9px;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain input[type="submit"] {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #001533 !important;
  text-align: center;
  border-radius: 5px;
  background: #fff !important;
  width: 80%;
  height: auto;
  margin: 0 auto;
  border: 1px solid #001533 !important;
}

#sysMypageEditDelivery #sysAll #sysWrap #sysMain input[type="submit"].sysNextSubmit {
  color: #fff !important;
  background: #001533 !important;
  border: none !important;
  margin-top: 40px;
}

#sysMypageEditSavedelivery #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageEditSavedelivery #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageEditSavedelivery #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageEditSavedelivery #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageEditSavedelivery #sysAll #sysWrap #sysMain h3 {
  display: none;
}

#sysMypageEditSavedelivery #sysAll #sysWrap #sysMain p {
  text-align: center;
}

#sysMypageEditSavedelivery #sysAll #sysWrap #sysMain input[value="戻る"] {
  display: block;
  margin: 50px auto 0;
  padding: 10px 5px;
  font-size: 16px;
  line-height: 16px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 50%;
  border: 1px solid #001533 !important;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain h3.SysMypageMinorHeadLine {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 15px 0;
  line-height: 30px;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain h3.SysMypageMinorHeadLine .sysRequired {
  margin-bottom: 0;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormLabel {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 0;
  line-height: 1;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormLabel .sysRequired {
  margin-bottom: 0;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormField {
  margin: 10px 0 30px;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormField.input-append button {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 130px;
  border: none !important;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem .sysFormField select {
  border: 1px solid #dddddd;
  padding: 10px 20px;
  border-radius: 0;
  height: auto;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysZipcode .input-append {
  width: 100%;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysZipcode .input-append input[type="text"] {
  width: 45%;
  max-width: 200px;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysBirthday input[type="text"] {
  border: 1px solid #dddddd;
  padding: 10px 20px !important;
  border-radius: 0;
  height: auto;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField {
  margin: 10px 0 30px;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField label {
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 20px;
  width: auto;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0 7px 0 0;
  position: relative;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #dddddd;
  position: relative;
  top: 5px;
  background-color: #fff;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]::after {
  display: none;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress .sysFormItem.sysAcceptMailmagazine .sysFormField label input[type="checkbox"]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #004099;
  position: absolute;
  top: 14px;
  left: 9px;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress + div label {
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 20px;
  width: auto;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress + div label input[type="checkbox"] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0 7px 0 0;
  position: relative;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress + div label input[type="checkbox"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #dddddd;
  position: relative;
  top: 5px;
  background-color: #fff;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress + div label input[type="checkbox"]::after {
  display: none;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysOtherAddress + div label input[type="checkbox"]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #004099;
  position: absolute;
  top: 9px;
  left: 4px;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain input[type="submit"] {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #001533 !important;
  text-align: center;
  border-radius: 5px;
  background: #fff !important;
  width: 80%;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #001533 !important;
}

#sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain input[type="submit"].sysNextSubmit {
  color: #fff !important;
  background: #001533 !important;
  border: none !important;
  margin: 30px auto 10px;
}

#sysMypageAshiato #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType {
  position: relative;
  height: 20px;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) {
  background-image: url(../img/layout/common/ico_list.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 32px;
  width: 20px;
  height: 20px;
  text-indent: -999em;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input {
  display: none;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input:checked {
  opacity: 1;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) {
  background-image: url(../img/layout/common/ico_thumb.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  text-indent: -999em;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input {
  display: none;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input:checked {
  opacity: 1;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysList li {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysList li .sysThumbnailImage {
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 0;
  margin-right: 20px;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysList li .sysThumbnailImage a {
  display: block;
  width: 100%;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysList li div:nth-child(2) {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  flex-grow: 1;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysList li div:nth-child(2) input[type="submit"] {
  margin-top: 45px;
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 50%;
  border: none !important;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li .sysThumbnailImage {
  width: 220px;
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 0;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li .sysThumbnailImage a {
  display: block;
  width: 100%;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li div:nth-child(2) input[type="submit"] {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 100%;
  border: none !important;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysMypageNav {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysMypageNav input[type="submit"] {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 100%;
  border: none !important;
}

#sysMypageAshiato #sysAll #sysWrap #sysMain .sysMypageNav input[value="ログアウトする"], #sysMypageAshiato #sysAll #sysWrap #sysMain .sysMypageNav input[value="会員を退会する"] {
  color: #001533 !important;
  background: #fff !important;
  border: 1px solid #001533 !important;
}

@media only screen and (max-width: 750px) {
  #sysMypageAshiato #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain {
    width: 94% !important;
    padding: 10px 10px 30px !important;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine {
    font-size: 24px;
    text-align: center;
    margin: 20px 0 40px;
    line-height: 1;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine b {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 1em;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType {
    position: relative;
    height: 20px;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) {
    background-image: url(../img/layout/common/ico_list.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 32px;
    width: 20px;
    height: 20px;
    text-indent: -999em;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input {
    display: none;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input:checked {
    opacity: 1;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) {
    background-image: url(../img/layout/common/ico_thumb.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    text-indent: -999em;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input {
    display: none;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input:checked {
    opacity: 1;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysList li .sysThumbnailImage {
    width: 40vw;
    height: 40vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-grow: 0;
    margin: 0 2vw 0 0;
    float: none;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysList li .sysThumbnailImage a {
    display: block;
    width: 100%;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysList li div:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    flex-grow: 1;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysList li div:nth-child(2) input[type="submit"] {
    margin: 20px auto;
    display: block;
    padding: 10px 0;
    font-size: 2vw;
    line-height: 3vw;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    background: #001533 !important;
    width: 80%;
    border: none !important;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li .sysThumbnailImage {
    width: 40vw;
    height: 40vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-grow: 0;
    margin: 0 auto;
    float: none;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li .sysThumbnailImage a {
    display: block;
    width: 100%;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li div:nth-child(2) {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li div:nth-child(2) input[type="submit"] {
    margin: 20px auto;
    display: block;
    padding: 10px 0;
    font-size: 2vw;
    line-height: 3vw;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    background: #001533 !important;
    width: 95%;
    border: none !important;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysMypageNav {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysMypageNav input[type="submit"] {
    display: inline-block;
    padding: 10px 0;
    font-size: 16px;
    line-height: 40px;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    background: #001533 !important;
    width: 100%;
    border: none !important;
  }
  #sysMypageAshiato #sysAll #sysWrap #sysMain .sysMypageNav input[value="ログアウトする"], #sysMypageAshiato #sysAll #sysWrap #sysMain .sysMypageNav input[value="会員を退会する"] {
    color: #001533 !important;
    background: #fff !important;
    border: 1px solid #001533 !important;
  }
}

#sysMypageReview #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageReview #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageReview #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageReview #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType {
  position: relative;
  height: 20px;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) {
  background-image: url(../img/layout/common/ico_list.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 32px;
  width: 20px;
  height: 20px;
  text-indent: -999em;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input {
  display: none;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input:checked {
  opacity: 1;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) {
  background-image: url(../img/layout/common/ico_thumb.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  text-indent: -999em;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input {
  display: none;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input:checked {
  opacity: 1;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysList li {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysList li .sysThumbnailImage {
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 0;
  margin-right: 20px;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysList li .sysThumbnailImage a {
  display: block;
  width: 100%;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysList li div:nth-child(2) {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  flex-grow: 1;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysList li div:nth-child(2) input[type="submit"] {
  margin: 0;
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: calc((100% - 220px) * 0.49);
  border: 1px solid #001533 !important;
  position: absolute;
  right: calc((100% - 220px) * 0.50);
  bottom: 5px;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysList li div:nth-child(3) input[type="submit"] {
  margin: 0;
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #001533 !important;
  text-align: center;
  border-radius: 5px;
  background: #fff !important;
  width: calc((100% - 220px) * 0.49);
  border: 1px solid #001533 !important;
  position: absolute;
  right: 0;
  bottom: 5px;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li .sysThumbnailImage {
  width: 220px;
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 0;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li .sysThumbnailImage a {
  display: block;
  width: 100%;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li div:nth-child(2) input[type="submit"] {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 100%;
  border: none !important;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li div:nth-child(3) {
  width: 100%;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li div:nth-child(3) input[type="submit"] {
  display: block;
  margin: 10px auto;
  padding: 10px 0;
  font-size: 14px;
  line-height: 30px;
  color: #001533 !important;
  text-align: center;
  border-radius: 5px;
  background: #fff !important;
  width: 85%;
  border: 1px solid #001533 !important;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysMypageNav {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysMypageNav input[type="submit"] {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 100%;
  border: none !important;
}

#sysMypageReview #sysAll #sysWrap #sysMain .sysMypageNav input[value="ログアウトする"], #sysMypageReview #sysAll #sysWrap #sysMain .sysMypageNav input[value="会員を退会する"] {
  color: #001533 !important;
  background: #fff !important;
  border: 1px solid #001533 !important;
}

@media only screen and (max-width: 750px) {
  #sysMypageReview #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain {
    width: 94% !important;
    padding: 10px 10px 30px !important;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine {
    font-size: 24px;
    text-align: center;
    margin: 20px 0 40px;
    line-height: 1;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine b {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 1em;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType {
    position: relative;
    height: 20px;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) {
    background-image: url(../img/layout/common/ico_list.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 32px;
    width: 20px;
    height: 20px;
    text-indent: -999em;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input {
    display: none;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(1) input:checked {
    opacity: 1;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) {
    background-image: url(../img/layout/common/ico_thumb.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    text-indent: -999em;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input {
    display: none;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemListDisp .sysItemListViewType label:nth-child(2) input:checked {
    opacity: 1;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysList li .sysThumbnailImage {
    width: 40vw;
    height: 40vw;
    display: block;
    margin: 0 2vw 0 0;
    float: none;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysList li .sysThumbnailImage a {
    display: block;
    width: 100%;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysList li div:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    flex-grow: 1;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysList li div:nth-child(2) input[type="submit"] {
    margin: 0 auto;
    display: block;
    padding: 10px 0;
    font-size: 2vw;
    line-height: 3vw;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    background: #001533 !important;
    width: 41vw;
    border: 1px solid #001533 !important;
    left: 0;
    right: auto;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysList li div:nth-child(3) input[type="submit"] {
    margin: 0 auto 0;
    display: block;
    padding: 10px 0;
    font-size: 2vw;
    line-height: 3vw;
    color: #001533 !important;
    text-align: center;
    border-radius: 5px;
    background: #fff !important;
    width: 41vw;
    border: 1px solid #001533 !important;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li .sysThumbnailImage {
    width: 40vw;
    height: 40vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-grow: 0;
    margin: 0 auto;
    float: none;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li .sysThumbnailImage a {
    display: block;
    width: 100%;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li div:nth-child(2) {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li div:nth-child(2) input[type="submit"] {
    margin: 20px auto 0;
    display: block;
    padding: 10px 0;
    font-size: 2vw;
    line-height: 3vw;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    background: #001533 !important;
    width: 95%;
    border: none !important;
    position: static;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysItemList .sysThumbnail li div:nth-child(3) input[type="submit"] {
    margin: 10px auto 0;
    display: block;
    padding: 10px 0;
    font-size: 2vw;
    line-height: 3vw;
    color: #001533 !important;
    text-align: center;
    border-radius: 5px;
    background: #fff !important;
    width: 95%;
    border: 1px solid #001533 !important;
    position: static;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysMypageNav {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysMypageNav input[type="submit"] {
    display: inline-block;
    padding: 10px 0;
    font-size: 16px;
    line-height: 40px;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    background: #001533 !important;
    width: 100%;
    border: none !important;
  }
  #sysMypageReview #sysAll #sysWrap #sysMain .sysMypageNav input[value="ログアウトする"], #sysMypageReview #sysAll #sysWrap #sysMain .sysMypageNav input[value="会員を退会する"] {
    color: #001533 !important;
    background: #fff !important;
    border: 1px solid #001533 !important;
  }
}

#sysMypageWithdrawalConfirm #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageWithdrawalConfirm #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageWithdrawalConfirm #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageWithdrawalConfirm #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageWithdrawalConfirm #sysAll #sysWrap #sysMain .sysWithdrawal {
  position: relative;
}

#sysMypageWithdrawalConfirm #sysAll #sysWrap #sysMain .sysWithdrawal input[value="退会する"] {
  display: block;
  margin: 20px auto 0;
  padding: 10px 0;
  font-size: 16px;
  line-height: 30px;
  color: #001533 !important;
  text-align: center;
  border-radius: 5px;
  background: #fff !important;
  width: 80%;
  border: 1px solid #001533 !important;
}

#sysMypageWithdrawalConfirm #sysAll #sysWrap #sysMain .sysWithdrawal input[value="退会しない"] {
  display: block;
  margin: 20px auto 0;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 80%;
  border: none !important;
}

#sysMypageWithdrawalDone #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageWithdrawalDone #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageWithdrawalDone #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageWithdrawalDone #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageWithdrawalDone #sysAll #sysWrap #sysMain h3 {
  display: none;
}

#sysMypageWithdrawalDone #sysAll #sysWrap #sysMain p {
  text-align: center;
}

#sysMypageLogin #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageLogin #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageLogin #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageLogin #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageLogin #sysAll #sysWrap #sysMain .sysLoginForm {
  position: relative;
  padding-bottom: 90px;
}

#sysMypageLogin #sysAll #sysWrap #sysMain .sysLoginForm .sysFormItem .sysFormLabel {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 0;
  line-height: 1;
}

#sysMypageLogin #sysAll #sysWrap #sysMain .sysLoginForm .sysFormItem .sysFormField {
  margin: 10px 0 30px;
}

#sysMypageLogin #sysAll #sysWrap #sysMain .sysLoginForm input[value="会員ID・パスワードを忘れた場合"] {
  display: block;
  margin: 0;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #001533 !important;
  text-align: center;
  border-radius: 5px;
  background: #fff !important;
  width: 49%;
  border: 1px solid #001533 !important;
  position: absolute;
  bottom: 0;
  right: 0;
}

#sysMypageLogin #sysAll #sysWrap #sysMain .sysLoginForm input[value="ログイン"] {
  display: block;
  margin: 0;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 49%;
  border: 1px solid #001533 !important;
  position: absolute;
  bottom: 0;
  left: 0;
}

#sysMypageLogin #sysAll #sysWrap #sysMain .sysLoginForm input[value="会員登録"] {
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 49%;
  border: 1px solid #001533 !important;
}

@media only screen and (max-width: 750px) {
  #sysMypageLogin #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysMypageLogin #sysAll #sysWrap #sysMain {
    width: 94% !important;
    padding: 10px 10px 30px !important;
  }
  #sysMypageLogin #sysAll #sysWrap #sysMain .sysLoginForm {
    position: relative;
    padding-bottom: 70px;
  }
  #sysMypageLogin #sysAll #sysWrap #sysMain .sysLoginForm .sysFormItem .sysFormLabel {
    font-size: 16px;
    border-left: 5px solid #004099;
    padding-left: 5px;
    margin: 0;
    line-height: 1;
  }
  #sysMypageLogin #sysAll #sysWrap #sysMain .sysLoginForm input[value="会員ID・パスワードを忘れた場合"] {
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 16px;
    line-height: 40px;
    color: #001533 !important;
    text-align: center;
    border-radius: 5px;
    background: #fff !important;
    width: 80%;
    border: 1px solid #001533 !important;
    position: static;
  }
  #sysMypageLogin #sysAll #sysWrap #sysMain .sysLoginForm input[value="ログイン"] {
    display: block;
    margin: 20px auto;
    padding: 10px 0;
    font-size: 16px;
    line-height: 40px;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    background: #001533 !important;
    width: 80%;
    border: 1px solid #001533 !important;
    position: static;
  }
  #sysMypageLogin #sysAll #sysWrap #sysMain .sysLoginForm input[value="会員登録"] {
    display: block;
    margin: 20px auto;
    padding: 10px 0;
    font-size: 16px;
    line-height: 40px;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    background: #001533 !important;
    width: 80%;
    border: 1px solid #001533 !important;
    position: static;
  }
}

#sysMypageLogout #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageLogout #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageLogout #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageLogout #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageLogout #sysAll #sysWrap #sysMain h3 {
  display: none;
}

#sysMypageLogout #sysAll #sysWrap #sysMain p {
  text-align: center;
}

#sysMypageReminder #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageReminder #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageReminder #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageReminder #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageReminder #sysAll #sysWrap #sysMain .sysRemindForm {
  position: relative;
  padding-bottom: 70px;
}

#sysMypageReminder #sysAll #sysWrap #sysMain .sysRemindForm .sysFormItem .sysFormLabel {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 0;
  line-height: 1;
}

#sysMypageReminder #sysAll #sysWrap #sysMain .sysRemindForm input[value="確認メールを受け取る"] {
  display: block;
  margin: 30px auto 0;
  padding: 10px 0;
  font-size: 16px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 49%;
  height: auto;
  border: 1px solid #001533 !important;
}

@media only screen and (max-width: 750px) {
  #sysMypageReminder #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysMypageReminder #sysAll #sysWrap #sysMain {
    width: 94% !important;
    padding: 10px 10px 30px !important;
  }
  #sysMypageReminder #sysAll #sysWrap #sysMain .sysRemindForm input[value="確認メールを受け取る"] {
    display: block;
    margin: 20px auto 0;
    padding: 10px 0;
    font-size: 16px;
    line-height: 40px;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    background: #001533 !important;
    width: 80%;
    height: auto;
    border: 1px solid #001533 !important;
  }
}

#sysMypageRemindermessage #sysAll #sysWrap {
  margin-top: 0;
}

#sysMypageRemindermessage #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysMypageRemindermessage #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysMypageRemindermessage #sysAll #sysWrap #sysMain h3.sysMypageMinorHeadLine b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageRemindermessage #sysAll #sysWrap #sysMain div {
  text-align: center;
}

@media only screen and (min-width: 750px) and (max-width: 1200px) {
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain,
  #sysMemberRegisterConfirm #sysAll #sysWrap #sysMain,
  #sysMemberRegisterRegister #sysAll #sysWrap #sysMain,
  #sysMypageIndex #sysAll #sysWrap #sysMain,
  #sysMypageEditMember #sysAll #sysWrap #sysMain,
  #sysMypageEditConfirm #sysAll #sysWrap #sysMain,
  #sysMypageEditSave #sysAll #sysWrap #sysMain,
  #sysMypageEditDelivery #sysAll #sysWrap #sysMain,
  #sysMypageEditSavedelivery #sysAll #sysWrap #sysMain,
  #sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain,
  #sysMypageWithdrawalConfirm #sysAll #sysWrap #sysMain,
  #sysMypageWithdrawalDone #sysAll #sysWrap #sysMain,
  #sysMypageLogin #sysAll #sysWrap #sysMain,
  #sysMypageLogout #sysAll #sysWrap #sysMain,
  #sysMypageReminder #sysAll #sysWrap #sysMain,
  #sysMypageRemindermessage #sysAll #sysWrap #sysMain {
    margin-bottom: 70px;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMemberRegisterConfirm #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMemberRegisterRegister #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageIndex #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageEditMember #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageEditConfirm #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageEditSave #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageEditDelivery #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageEditSavedelivery #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageWithdrawalConfirm #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageWithdrawalDone #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageLogin #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageLogout #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageReminder #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul,
  #sysMypageRemindermessage #sysAll #sysWrap #sysMain .sysForm .sysGender .sysFormField ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}

@media only screen and (max-width: 750px) {
  .sysMypage #sysAll #sysHeader #spNaviWrap .sysSearchButton {
    margin: 0;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap,
  #sysMemberRegisterConfirm #sysAll #sysWrap,
  #sysMemberRegisterRegister #sysAll #sysWrap,
  #sysMypageIndex #sysAll #sysWrap,
  #sysMypageEditMember #sysAll #sysWrap,
  #sysMypageEditConfirm #sysAll #sysWrap,
  #sysMypageEditSave #sysAll #sysWrap,
  #sysMypageEditDelivery #sysAll #sysWrap,
  #sysMypageEditSavedelivery #sysAll #sysWrap,
  #sysMypageEditDeliveryinput #sysAll #sysWrap,
  #sysMypageWithdrawalConfirm #sysAll #sysWrap,
  #sysMypageWithdrawalDone #sysAll #sysWrap,
  #sysMypageLogin #sysAll #sysWrap,
  #sysMypageLogout #sysAll #sysWrap,
  #sysMypageReminder #sysAll #sysWrap,
  #sysMypageRemindermessage #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysMemberRegisterIndex #sysAll #sysWrap #sysMain,
  #sysMemberRegisterConfirm #sysAll #sysWrap #sysMain,
  #sysMemberRegisterRegister #sysAll #sysWrap #sysMain,
  #sysMypageIndex #sysAll #sysWrap #sysMain,
  #sysMypageEditMember #sysAll #sysWrap #sysMain,
  #sysMypageEditConfirm #sysAll #sysWrap #sysMain,
  #sysMypageEditSave #sysAll #sysWrap #sysMain,
  #sysMypageEditDelivery #sysAll #sysWrap #sysMain,
  #sysMypageEditSavedelivery #sysAll #sysWrap #sysMain,
  #sysMypageEditDeliveryinput #sysAll #sysWrap #sysMain,
  #sysMypageWithdrawalConfirm #sysAll #sysWrap #sysMain,
  #sysMypageWithdrawalDone #sysAll #sysWrap #sysMain,
  #sysMypageLogin #sysAll #sysWrap #sysMain,
  #sysMypageLogout #sysAll #sysWrap #sysMain,
  #sysMypageReminder #sysAll #sysWrap #sysMain,
  #sysMypageRemindermessage #sysAll #sysWrap #sysMain {
    margin-bottom: 50px;
    width: 94% !important;
    padding: 10px 10px 30px !important;
  }
}

/* ================================================

お問い合わせ

================================================ */
#sysFormIndex p {
  padding: 0;
}

#sysFormIndex #sysAll #sysHeader .header_h1 {
  margin-bottom: 0;
}

#sysFormIndex #sysAll #sysWrap #sysMain {
  width: 800px !important;
  border: 1px solid #eee;
  padding: 20px 50px 40px !important;
  margin: 30px auto 100px;
}

#sysFormIndex #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysFormIndex #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysFormIndex #sysAll #sysWrap #sysMain form {
  padding: 0;
}

#sysFormIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel {
  display: inline-block;
  border-left: 5px solid #004099;
  line-height: 25px;
  margin-bottom: 0;
  font-size: 16px;
}

#sysFormIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysRequired {
  margin-bottom: 0;
}

#sysFormIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField {
  margin: 10px 0 30px;
}

#sysFormIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField input {
  font-size: 14px;
}

#sysFormIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField input[type="radio"] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  margin: 0 7px 0 0;
  position: relative;
}

#sysFormIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField input[type="radio"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #BEBCBD;
  border-radius: 50%;
  position: relative;
  top: 5px;
  background-color: #fff;
}

#sysFormIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField input[type="radio"]::after {
  display: none;
}

#sysFormIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField input[type="radio"]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #004099;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 4px;
}

#sysFormIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sys9 .sysFormField {
  margin-bottom: 50px;
}

#sysFormIndex #sysAll #sysWrap #sysMain .sysNextSubmit {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 80%;
  border: none !important;
}

#sysFormConfirm p {
  padding: 0;
}

#sysFormConfirm #sysAll #sysWrap {
  margin-top: 0;
}

#sysFormConfirm #sysAll #sysWrap #sysMain {
  width: 800px;
  margin-bottom: 100px;
  padding: 20px 50px 40px !important;
}

#sysFormConfirm #sysAll #sysWrap #sysMain h1.sysHeadline {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 40px;
  line-height: 1;
}

#sysFormConfirm #sysAll #sysWrap #sysMain h1.sysHeadline b {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}

#sysFormConfirm #sysAll #sysWrap #sysMain form {
  padding: 0;
}

#sysFormConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 0;
  line-height: 25px;
}

#sysFormConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormLabel .sysRequired {
  margin-bottom: 0;
}

#sysFormConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem .sysFormField {
  border: 1px solid #dddddd;
  line-height: 1;
  padding: 10px;
  font-size: 16px;
  border-radius: 3px;
  margin: 10px 0 30px;
  min-height: 30px;
  display: block;
}

#sysFormConfirm #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sys9 .sysFormField {
  margin-bottom: 50px;
}

#sysFormConfirm #sysAll #sysWrap #sysMain button[type="submit"] {
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 5px;
  width: 49%;
  color: #001533 !important;
  background: #fff !important;
  border: 1px solid #001533 !important;
  margin: 0 2% 0 0;
}

#sysFormConfirm #sysAll #sysWrap #sysMain input[type="submit"].sysNextSubmit {
  display: inline-block;
  padding: 10px 0;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 5px;
  width: 49%;
  color: #fff !important;
  background: #001533 !important;
  border: 1px solid #001533 !important;
  margin: 0 !important;
}

@media only screen and (min-width: 750px) and (max-width: 1200px) {
  #sysFormIndex #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysFormIndex #sysAll #sysWrap #sysMain {
    width: 96% !important;
    margin: 50px auto 70px;
  }
  #sysFormIndex #sysAll #sysWrap #sysMain .sysForm .sysFormItem.sys5 .sysFormField label {
    display: inline-block;
  }
  #sysFormConfirm #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysFormConfirm #sysAll #sysWrap #sysMain {
    width: 96% !important;
    margin: 50px auto 70px;
  }
}

@media only screen and (max-width: 750px) {
  #sysFormIndex #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysFormIndex #sysAll #sysWrap #sysMain {
    width: 94% !important;
    margin: 10px auto 50px;
    padding: 10px 10px 30px !important;
  }
  #sysFormConfirm #sysAll #sysWrap {
    margin-top: 0;
  }
  #sysFormConfirm #sysAll #sysWrap #sysMain {
    width: 94% !important;
    margin: 10px auto 50px;
    padding: 10px 10px 30px !important;
  }
}

/* ================================================

商品詳細ページ

================================================ */
#sysItemDetail {
  padding-bottom: 0;
}

#sysItemDetail p {
  padding: 0;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea {
  display: block;
  max-width: 520px;
  padding: 0;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages {
  padding-right: 0;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysModal {
  position: relative;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysModal #photoNum {
  position: absolute;
  background: #001533;
  color: #fff;
  padding: 0.5em;
  right: 5px;
  bottom: 5px;
  border: 1px solid #fff;
  z-index: 999;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysModal #modalPreb {
  position: absolute;
  background: url(https://www.fishing-labo.toray/img/top/slider/arrow_left.png) top center no-repeat;
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 5px;
  z-index: 1000;
  transform: translateY(-50%);
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysModal #modalNext {
  position: absolute;
  background: url(https://www.fishing-labo.toray/img/top/slider/arrow_right.png) top center no-repeat;
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 5px;
  z-index: 1000;
  transform: translateY(-50%);
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysMainImage {
  margin-bottom: 20px;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysMainImage a img {
  border-color: #bebcbd;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysImageDescription {
  padding: 0 10px;
  line-height: 2;
  letter-spacing: 0.1em;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysImageList {
  padding-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysImageList li {
  display: block;
  width: 23.5%;
  margin: 0 2% 2% 0;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysImageList li:nth-child(4n) {
  margin-right: 0;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysImageList li.sysCurrent img {
  border: 3px solid #004099;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysExplanation table thead {
  background: #004099;
  text-align: center;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysExplanation table thead th {
  padding: 6px;
  vertical-align: top;
  font-weight: normal;
  color: #fff;
  border: 1px solid #004099;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysExplanation table thead th:first-child {
  border-right: 1px solid #fff;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysExplanation table tbody th {
  padding: 6px;
  vertical-align: top;
  background: #fff;
  font-weight: bold;
  border-bottom: 1px solid #bebcbd;
  border-left: 1px solid #bebcbd;
  border-right: 1px solid #bebcbd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysExplanation table tbody td {
  padding: 6px;
  vertical-align: top;
  border-right: 1px solid #bebcbd;
  border-bottom: 1px solid #bebcbd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea {
  display: block;
  max-width: 480px;
  text-align: left;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea > div {
  width: 100%;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysItemName {
  width: 100%;
  font-size: 24px;
  font-weight: normal;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysItemName h1 {
  padding: 0;
  border: none;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysDescription {
  display: block;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysDescription #sysDescription p {
  padding: 20px 0px;
  line-height: 2;
  letter-spacing: 0.1em;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysPr {
  width: auto;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysPr span {
  display: none;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysPr .sysItemPr {
  display: inline-block;
  width: auto;
  padding: 4px 10px;
  line-height: 1;
  font-size: 1.2rem;
  border-radius: 0;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysRetailPrice .sysRetailPriceValue {
  font-weight: bold;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysRetailPrice .sysRetailPriceValue .sysRetailPriceTaxIncluded {
  font-weight: normal;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysRetailPrice .sysVariationRetailPriceValue {
  font-size: 18px;
  font-weight: bold;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysRetailPrice .sysVariationRetailPriceValue span {
  font-size: 0.7em;
  font-weight: normal;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable {
  margin-top: 5px;
  border: none;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody tr:first-child {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody tr:last-child {
  width: 50%;
  display: block;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariationName {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  border: #bebcbd 1px solid;
  border-bottom: none;
  padding: 6px;
  font-weight: normal;
  background-color: #ededed;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariationName:first-child {
  display: none;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariationName:last-child {
  border-bottom: #bebcbd 1px solid;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation {
  display: block;
  flex-grow: 1;
  padding: 6px;
  border: #bebcbd 1px solid;
  border-bottom: none;
  border-left: none;
  line-height: 30px;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation:last-child {
  border-bottom: #bebcbd 1px solid;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation br {
  display: none;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation input[type="radio"] {
  -webkit-appearance: none;
  position: relative;
  margin: 0 20px 0 0;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation input[type="radio"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #BEBCBD;
  border-radius: 50%;
  position: relative;
  top: 5px;
  left: 0;
  background-color: #fff;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation input[type="radio"]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #004099;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 4px;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation .sysVariationRetailPrice {
  line-height: 1;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber select {
  border: 1px solid #dddddd;
  padding: 10px 20px;
  border-radius: 0;
  height: auto;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber .sysNumArea {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber .sysNumArea button[type="button"] {
  display: block;
  padding: 20px 0;
  font-size: 16px;
  line-height: 16px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #001533 !important;
  width: 49%;
  border: none !important;
  text-indent: 0;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber .sysNumArea .sysBtnPlus {
  margin-right: 10px;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysSubmit .sysAddGoCartButton {
  padding: 23px 15px !important;
  text-indent: -999px;
  background: #da4636 url(https://www.fishing-labo.toray/img/layout/system/btn_cart.png) center center no-repeat;
  background-size: 140px;
  margin: 20px 0 0 0;
  width: 100%;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysSubmit .sysGoCartButton {
  padding: 23px 15px !important;
  text-indent: -999px;
  background: #da4636 url(https://www.fishing-labo.toray/img/layout/system/btn_cart2.png) center center no-repeat;
  background-size: 140px;
  margin: 20px 0 0 0;
  width: 100%;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysWishlist .sysButton {
  width: 100%;
  margin: 20px 0 0 0;
  background-color: #efefef;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysWishlist .sysWishListButtonForm .sysButton {
  background-color: #fff;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysWishlist .sysWishListButtonForm .sysButton:hover {
  background-color: #efefef;
}

#sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm .sysShare {
  display: none;
}

@media only screen and (max-width: 750px) {
  #sysItemDetail p {
    padding: 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain {
    margin: 0 auto;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .sysItemName h1 {
    font-size: 16px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap {
    display: block;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea {
    display: block;
    max-width: 520px;
    padding: 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysMainImage {
    margin-bottom: 20px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysImageDescription {
    padding: 0;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysImageList {
    padding-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysImageList li {
    display: block;
    width: 23.5%;
    margin: 0 2% 2% 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysImageList li:nth-child(4n) {
    margin-right: 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysImageList li.sysCurrent img {
    border: 3px solid #004099;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysDescription {
    margin-bottom: 20px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysExplanation table {
    margin-bottom: 10px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysExplanation table thead {
    background: #004099;
    text-align: center;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysExplanation table thead th {
    padding: 6px;
    vertical-align: top;
    font-weight: normal;
    color: #fff;
    border: 1px solid #004099;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysExplanation table tbody th {
    padding: 6px;
    vertical-align: top;
    background: #fff;
    font-weight: normal;
    border-bottom: 1px solid #bebcbd;
    border-left: 1px solid #bebcbd;
    border-right: 1px solid #bebcbd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #eee;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysExplanation table tbody td {
    padding: 6px;
    vertical-align: top;
    border-right: 1px solid #bebcbd;
    border-bottom: 1px solid #bebcbd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea {
    display: block;
    max-width: 480px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysItemName h1 {
    padding: 0;
    border: none;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysDescription {
    display: none;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysDescription #sysDescription p {
    padding: 20px 0px;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable {
    border: none;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody tr:first-child {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody tr:last-child {
    width: 50%;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariationName {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-grow: 1;
    border: #bebcbd 1px solid;
    border-bottom: none;
    padding: 6px;
    font-weight: normal;
    background-color: #ededed;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariationName:first-child {
    display: none;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariationName:last-child {
    border-bottom: #bebcbd 1px solid;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation {
    display: block;
    flex-grow: 1;
    padding: 6px;
    border: #bebcbd 1px solid;
    border-bottom: none;
    border-left: none;
    line-height: 30px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation:last-child {
    border-bottom: #bebcbd 1px solid;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation br {
    display: none;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation input[type="radio"] {
    -webkit-appearance: none;
    position: relative;
    margin: 0 20px 0 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation input[type="radio"]::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #BEBCBD;
    border-radius: 50%;
    position: relative;
    top: 5px;
    left: 0;
    background-color: #fff;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation input[type="radio"]:checked::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #004099;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 4px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation .sysVariationRetailPrice {
    line-height: 1;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber select {
    border: 1px solid #dddddd;
    padding: 10px 20px;
    border-radius: 0;
    height: auto;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber .sysNumArea {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber .sysNumArea button[type="button"] {
    display: block;
    padding: 20px 0;
    font-size: 16px;
    line-height: 16px;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    background: #001533 !important;
    width: 49%;
    border: none !important;
    text-indent: 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber .sysNumArea .sysBtnPlus {
    margin-right: 10px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysSubmit .sysAddGoCartButton {
    padding: 23px 15px !important;
    text-indent: -999px;
    background: #da4636 url(https://www.fishing-labo.toray/img/layout/system/btn_cart.png) center center no-repeat;
    background-size: 140px;
    margin: 20px 0 0 0;
    width: 100%;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysSubmit .sysGoCartButton {
    padding: 23px 15px !important;
    text-indent: -999px;
    background: #da4636 url(https://www.fishing-labo.toray/img/layout/system/btn_cart2.png) center center no-repeat;
    background-size: 140px;
    margin: 20px 0 0 0;
    width: 100%;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysWishlist .sysButton {
    width: 100%;
    margin: 20px 0 0 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm .sysShare {
    display: none;
  }
  #sysItemDetail #sysAll #sysWrap #sysAside {
    display: none;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1200px) {
  #sysItemDetail p {
    padding: 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea {
    display: block;
    max-width: 49%;
    padding: 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages {
    padding: 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysMainImage {
    margin-bottom: 20px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysImageDescription {
    padding: 0 10px;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysImageList {
    padding-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysImageList li {
    display: block;
    width: 23.5%;
    margin: 0 2% 2% 0;
    max-width: inherit;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysImageList li:nth-child(4n) {
    margin-right: 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysImageList li.sysCurrent img {
    border: 3px solid #004099;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysExplanation table thead {
    background: #004099;
    text-align: center;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysExplanation table thead th {
    padding: 6px;
    vertical-align: top;
    font-weight: normal;
    color: #fff;
    border: 1px solid #004099;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysExplanation table tbody th {
    padding: 6px;
    vertical-align: top;
    background: #fff;
    font-weight: normal;
    border-bottom: 1px solid #bebcbd;
    border-left: 1px solid #bebcbd;
    border-right: 1px solid #bebcbd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #eee;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .imgArea .sysItemImages .sysExplanation table tbody td {
    padding: 6px;
    vertical-align: top;
    border-right: 1px solid #bebcbd;
    border-bottom: 1px solid #bebcbd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea {
    display: block;
    max-width: 49%;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysItemName h1 {
    padding: 0;
    border: none;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysDescription {
    display: block;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysDescription #sysDescription p {
    padding: 20px 0px;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable {
    border: none;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody tr:first-child {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody tr:last-child {
    width: 50%;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariationName {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-grow: 1;
    border: #bebcbd 1px solid;
    border-bottom: none;
    padding: 6px;
    font-weight: normal;
    background-color: #ededed;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariationName:first-child {
    display: none;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariationName:last-child {
    border-bottom: #bebcbd 1px solid;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation {
    display: block;
    flex-grow: 1;
    padding: 6px;
    border: #bebcbd 1px solid;
    border-bottom: none;
    border-left: none;
    line-height: 30px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation:last-child {
    border-bottom: #bebcbd 1px solid;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation br {
    display: none;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation input[type="radio"] {
    -webkit-appearance: none;
    position: relative;
    margin: 0 20px 0 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation input[type="radio"]::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #BEBCBD;
    border-radius: 50%;
    position: relative;
    top: 5px;
    left: 0;
    background-color: #fff;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation input[type="radio"]:checked::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #004099;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 4px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable tbody .sysFormVariation .sysVariationRetailPrice {
    line-height: 1;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber select {
    border: 1px solid #dddddd;
    padding: 10px 20px;
    border-radius: 0;
    height: auto;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber .sysNumArea {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber .sysNumArea button[type="button"] {
    display: block;
    padding: 20px 0;
    font-size: 16px;
    line-height: 16px;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    background: #001533 !important;
    width: 49%;
    border: none !important;
    text-indent: 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysNumber .sysNumArea .sysBtnPlus {
    margin-right: 10px;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysSubmit .sysAddGoCartButton {
    padding: 23px 15px !important;
    text-indent: -999px;
    background: #da4636 url(https://www.fishing-labo.toray/img/layout/system/btn_cart.png) center center no-repeat;
    background-size: 140px;
    margin: 20px 0 0 0;
    width: 100%;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysSubmit .sysGoCartButton {
    padding: 23px 15px !important;
    text-indent: -999px;
    background: #da4636 url(https://www.fishing-labo.toray/img/layout/system/btn_cart2.png) center center no-repeat;
    background-size: 140px;
    margin: 20px 0 0 0;
    width: 100%;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm #sysWishlist .sysButton {
    width: 100%;
    margin: 20px 0 0 0;
  }
  #sysItemDetail #sysAll #sysWrap #sysMain .orderWrap .orderArea .sysForm #sysCartInForm .sysShare {
    display: none;
  }
}

/* ================================================

ご利用ガイド

================================================ */
#shopping-guide {
  padding: 0;
}

#shopping-guide p {
  padding: 0;
}

#shopping-guide #sysAll #sysWrap #sysMain {
  padding: 0;
}

#shopping-guide #sysAll #sysWrap #sysMain .guideBlock {
  padding-top: 0;
}

#shopping-guide #sysAll #sysWrap #sysMain h2.pattern01 {
  font-size: 16px;
  border-left: 5px solid #004099;
  padding-left: 5px;
  margin: 15px 0;
}

#shopping-guide #sysAll #sysWrap #sysMain h2.pattern02 {
  font-size: 14px;
}

#shopping-guide #sysAll #sysWrap #sysMain table.shipFeeTable {
  width: 100%;
}

#shopping-guide #sysAll #sysWrap #sysMain table.shipFeeTable thead {
  background: #004099;
}

#shopping-guide #sysAll #sysWrap #sysMain table.shipFeeTable td {
  width: 464px;
}

#shopping-guide #sysAll #sysWrap #sysMain table.shipFeeTable th {
  width: 500px;
}

#shopping-guide #sysAll #sysWrap #sysMain #s_order {
  border: 1px solid #bebcbd;
  padding: 60px 50px 50px;
}

#shopping-guide #sysAll #sysWrap #sysMain .shipFee .tableTitle {
  margin: 0;
}

#shopping-guide #sysAll #sysWrap #sysMain h3 {
  font-size: 15px;
  font-weight: bold;
  line-height: 2;
  margin: 20px 0;
  border-bottom: 1px dotted #bdbdbd;
}

#shopping-guide #sysAll #sysWrap #sysMain .tel_blk {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 49px 0 8px;
}

#shopping-guide #sysAll #sysWrap #sysMain .tel_blk img {
  display: block;
  width: 229px;
  margin-right: 17px;
}

#shopping-guide #sysAll #sysWrap #sysMain .tel_blk p a[href^="tel:"] {
  font-family: Meiryo, sans-serif;
  font-weight: 700;
  font-size: 30.45px;
  line-height: 32px;
  letter-spacing: 0;
  padding-left: 48px;
  background: url("https://www.fishing-labo.toray/img/common/icon_phone.png") center left no-repeat;
  background-size: contain;
}

#shopping-guide #sysAll #sysWrap #sysMain .txt1 {
  padding-left: 4em;
}

#shopping-guide #sysAll #sysWrap #sysMain .s_payment a {
  height: auto;
  border-bottom: none;
  display: inline-block;
  padding: 10px 20px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #001533;
}

@media only screen and (min-width: 750px) and (max-width: 1200px) {
  #shopping-guide {
    padding: 0;
  }
  #shopping-guide p {
    padding: 0;
  }
  #shopping-guide #sysAll #sysWrap #sysMain {
    padding: 0 20px;
  }
  #shopping-guide #sysAll #sysWrap #sysMain #s_order {
    padding: 40px 30px 30px;
  }
  #shopping-guide #sysAll #sysWrap #sysMain .shipFee {
    width: 100%;
    margin: 20px auto 40px;
  }
}

@media only screen and (max-width: 750px) {
  #shopping-guide {
    padding: 0;
  }
  #shopping-guide p {
    padding: 0;
  }
  #shopping-guide #sysAll #sysWrap #sysMain {
    padding: 0 3%;
  }
  #shopping-guide #sysAll #sysWrap #sysMain #s_order {
    border: none;
    padding: 0;
  }
  #shopping-guide #sysAll #sysWrap #sysMain .shipFee .tableTitle {
    font-size: 14px;
    height: 60px;
    text-align: left;
  }
  #shopping-guide #sysAll #sysWrap #sysMain table.shipFeeTable td {
    width: 100%;
  }
  #shopping-guide #sysAll #sysWrap #sysMain table.shipFeeTable th {
    width: 100%;
  }
  #shopping-guide #sysAll #sysWrap #sysMain .s_payment a {
    height: auto;
    border-bottom: none;
    display: inline-block;
    padding: 10px 20px;
    margin-top: 20px;
    font-size: 3.7vw;
    line-height: 1;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #001533;
  }
}

/* ================================================

プライバシーポリシー

================================================ */
@media only screen and (max-width: 750px) {
  #privacypolicy {
    padding: 0;
  }
  #privacypolicy p {
    padding: 0;
  }
  #privacypolicy #sysAll #sysWrap #sysMain {
    padding: 0 3%;
  }
}

.sysFuncItemBlock .sysContent .sysHorizontal li {
  float: none;
  padding: 0;
}

.sysFuncText .sysContent,
.sysFuncItemBlock .sysContent {
  padding: 0;
}

/* ================================================

パンくず

================================================ */
#sysAll #sysWrap #sysMain .sysCategoryPankuzu,
#sysAll #sysWrap #sysMain .sysItemCategoryPankuzu {
  font-size: 1.2rem;
  line-height: 1.4;
  margin-bottom: 20px;
  padding: 0;
}

#sysAll #sysWrap #sysMain .sysCategoryPankuzu br,
#sysAll #sysWrap #sysMain .sysItemCategoryPankuzu br {
  display: none;
}

#sysAll #sysWrap #sysMain .sysCategoryPankuzu a,
#sysAll #sysWrap #sysMain .sysItemCategoryPankuzu a {
  font-size: 1.2rem;
}

@media only screen and (min-width: 750px) and (max-width: 1200px) {
  #sysAll #sysWrap #sysMain .sysCategoryPankuzu,
  #sysAll #sysWrap #sysMain .sysItemCategoryPankuzu {
    margin-bottom: 20px;
  }
  #sysAll #sysWrap #sysMain .sysCategoryPankuzu br,
  #sysAll #sysWrap #sysMain .sysItemCategoryPankuzu br {
    display: none;
  }
  #sysAll #sysWrap #sysMain .sysCategoryPankuzu a,
  #sysAll #sysWrap #sysMain .sysItemCategoryPankuzu a {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 750px) {
  #sysAll #sysWrap #sysMain .sysCategoryPankuzu br,
  #sysAll #sysWrap #sysMain .sysItemCategoryPankuzu br {
    display: none;
  }
  #sysAll #sysWrap #sysMain .sysCategoryPankuzu a,
  #sysAll #sysWrap #sysMain .sysItemCategoryPankuzu a {
    font-size: 1.0rem;
  }
}

/* ================================================

20/6/23 修正

================================================ */
.sysOpcBody #sysMain input[type="button"].opcBillingAddress_backButton_edit,
.sysOpcBody #sysMain #sysOpc .opcItem_buttonGroup_edit input[type="button"]:last-child,
.sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_buttonGroup_edit input[type="button"]:last-child,
.sysOpcBody #sysMain #sysOpc .opcDeliveryMethod_buttonGroup_edit input[type="button"]:last-child,
.sysOpcBody #sysMain #sysOpc .opcPaymentMethod_buttonGroup_edit input[type="button"]:last-child,
.sysOpcBody #sysMain #sysOpc .opcRemarks_buttonGroup_edit input[type="button"]:last-child {
    display: block !important;
    width: 100%;
    color: #001533;
    text-align: center;
    border-radius: 5px;
    background: #fff !important;
    border: 1px solid #001533;
}
.sysOpcBody #sysMain .opcBillingAddressButtonGroup_edit form {
    width: 30%;
}
.sysOpcBody #sysMain #sysOpc .opcBillingAddressButtonGroup_edit,
.sysOpcBody #sysMain #sysOpc .opcItem_buttonGroup_edit,
.sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_buttonGroup_edit,
.sysOpcBody #sysMain #sysOpc .opcDeliveryMethod_buttonGroup_edit,
.sysOpcBody #sysMain #sysOpc .opcPaymentMethod_buttonGroup_edit,
.sysOpcBody #sysMain #sysOpc .opcRemarks_buttonGroup_edit {
    align-items: flex-start;
    flex-direction: column;
}
.sysOpcBody #sysMain #sysOpc .opcBillingAddressButtonGroup_edit input[type="button"],
.sysOpcBody #sysMain #sysOpc .opcItem_buttonGroup_edit input[type="button"],
.sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_buttonGroup_edit input[type="button"],
.sysOpcBody #sysMain #sysOpc .opcDeliveryMethod_buttonGroup_edit input[type="button"],
.sysOpcBody #sysMain #sysOpc .opcPaymentMethod_buttonGroup_edit input[type="button"],
.sysOpcBody #sysMain #sysOpc .opcRemarks_buttonGroup_edit input[type="button"] {
  width: 100%;
}
.sysOpcBody #sysMain #sysOpc .opcItem_buttonGroup_edit input[type="button"]:last-child,
.sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_buttonGroup_edit input[type="button"]:last-child,
.sysOpcBody #sysMain #sysOpc .opcDeliveryMethod_buttonGroup_edit input[type="button"]:last-child,
.sysOpcBody #sysMain #sysOpc .opcPaymentMethod_buttonGroup_edit input[type="button"]:last-child,
.sysOpcBody #sysMain #sysOpc .opcRemarks_buttonGroup_edit input[type="button"]:last-child {
  width: 30%;
}
.sysOpcBody #sysMain #sysOpc .opcCommonInputSelect {
  padding: 0 1em;
}
@media only screen and (max-width: 750px) {
  .sysOpcBody #sysMain .opcBillingAddressButtonGroup_edit form {
      width: 100%;
  }
  .sysOpcBody #sysMain #sysOpc .opcItem_buttonGroup_edit input[type="button"]:last-child,
  .sysOpcBody #sysMain #sysOpc .opcDeliveryAddress_buttonGroup_edit input[type="button"]:last-child,
  .sysOpcBody #sysMain #sysOpc .opcDeliveryMethod_buttonGroup_edit input[type="button"]:last-child,
  .sysOpcBody #sysMain #sysOpc .opcPaymentMethod_buttonGroup_edit input[type="button"]:last-child,
  .sysOpcBody #sysMain #sysOpc .opcRemarks_buttonGroup_edit input[type="button"]:last-child {
    width: 100%;
  }
}
.sysOpcBody #sysMain #sysOpc .opcConfirm {
  background-color: transparent;
  padding: 0;
}
.sysOpcBody #sysMain input[type="submit"].opcConfirm_inputStatus, .sysOpcBody #sysMain input[type="submit"].opcConfirm_order_disable, .sysOpcBody #sysMain input[type="submit"].opcConfirm_requestOrder, .sysOpcBody #sysMain input[type="submit"].opcConfirm_inputStatus_disable, .sysOpcBody #sysMain input[type="button"].opcConfirm_inputStatus, .sysOpcBody #sysMain input[type="button"].opcConfirm_order_disable, .sysOpcBody #sysMain input[type="button"].opcConfirm_requestOrder, .sysOpcBody #sysMain input[type="button"].opcConfirm_inputStatus_disable, .sysOpcBody #sysMain button[type="submit"].opcConfirm_inputStatus, .sysOpcBody #sysMain button[type="submit"].opcConfirm_order_disable, .sysOpcBody #sysMain button[type="submit"].opcConfirm_requestOrder, .sysOpcBody #sysMain button[type="submit"].opcConfirm_inputStatus_disable, .sysOpcBody #sysMain button[type="button"].opcConfirm_inputStatus, .sysOpcBody #sysMain button[type="button"].opcConfirm_order_disable, .sysOpcBody #sysMain button[type="button"].opcConfirm_requestOrder, .sysOpcBody #sysMain button[type="button"].opcConfirm_inputStatus_disable {
  width: 100%;
}
@media screen and (max-width:750px){

}
@media screen and (min-width:751px) and (max-width:1200px){

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

}
/* #END_OF_RESOURCE_FILE */