@import url("/css/wp.css");

/* common
 *----------------------------------------------------------------------*/

html {
  font-size: 62.3%;
}
body {
  color: #000;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", "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;
}
#sysWrap {
  max-width: 1170px;
  margin: 244px auto 0;
  padding: 0;
  overflow: hidden;
}
#sysHeader {
  margin: 0;
  padding: 0;
  background: #ebebeb;
}
div#sysMain {
  float: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#sysAside {
  display: none;
  float: none;
  padding: 0;
}
#sysFooter {
  margin: 0;
  padding: 0;
}

#top #sysWrap {
  margin-top: 0;
}

.sysContent {
  padding: 0 !important;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", "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;
}
a:hover {
  color: #222222;
}
img {
  vertical-align: bottom;
  /*you kakunin*/
  height: auto;
}
a:hover img {
  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 )";
}
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 {
  margin: 10px auto;
}
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="number"],
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 50px !important;
  line-height: 2;
  margin-top: 0px;
}
#sysItemDetail .sysReview input[type="submit"] {
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 5px;
  width: 100%;
  padding: 10px !important;
  cursor: pointer;
  color: #000 !important;
}
input#f-calendar-ui__detail__sysSearchButton {
  -webkit-appearance: none;
  padding: 10px 5px !important;
  line-height: 2;
  margin-top: 30px;
}
input[type="radio"] {
  margin: 10px 10px 20px;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.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;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -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: 0.5;
  cursor: default;
}
.owl-dots {
  text-align: center;
  display: none;
}
.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
  top: 10px;
}
.owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  margin: 5px 12.5px;
  background: #999;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
  background: #000;
}
.owl-nav {
  display: none;
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-nav [class*="owl-"] {
  position: absolute;
  top: 98%;
  margin-top: -18.5px;
  outline: 0;
  width: 20px;
  height: 37px;
  padding: 0;
  text-indent: -9999px;
  z-index: 9999;
  border: none;
  border-radius: none;
  cursor: pointer;
}
.owl-nav .owl-prev {
  left: 35%;
  background: url(/img/common/controls.png) no-repeat 0 0;
  background-size: 40px;
}
.owl-nav .owl-next {
  right: 35%;
  background: url(/img/common/controls.png) no-repeat -20px 0;
  background-size: 40px;
}
.owl-nav .owl-prev:hover {
  background-position: 0 0;
}
.owl-nav .owl-next:hover {
  background-position: -20px 0;
}

/* search_bx */
.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(/img/common/ico_search.png) no-repeat center center;
  background-size: 70px;
  cursor: pointer;
}

/* submit btn */
#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: #e7e7e7;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  text-decoration: none;
  margin: 2px 0;
}
.sysItemPr {
  font-size: small;
  padding: 0 5px;
  background: #fff;
  border: 1px solid #666;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
}
.sysPr {
  position: relative;
  padding-top: 10px;
}
.sysPr span {
  width: 24%;
  padding: 3px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 0.8rem;
  border-radius: 3px;
  margin: 0 0 5px;
  margin-right: 8px;
  background-color: #999;
  border: solid 1px #999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.sysPr span:first-child {
  display: none;
}
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: #ba0000;
  color: #fff;
  cursor: pointer;
}
.sysCartButton:hover {
  background: #999;
}
.sysItemList ul.sysList li .sysThumbnailImage {
  width: 40%;
  max-width: 200px;
}
/*期間限定価格に関する記述*/
.sysItemList .sysSuggestedRetailPrice {
  color: #ff0000;
  font-size: 10px;
  font-weight: 600;
}
.sysItemList ul.sysThumbnail li {
  width: 20%;
  display: inline-block;
  float: none;
  vertical-align: top;
  letter-spacing: normal;
  padding-top: 19px;
  position: relative;
}
.sysItemList ul.sysThumbnail {
  letter-spacing: -0.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: 19%;
  line-height: 1;
  float: none;
  /*margin: 1% 0;*/
}

/* 蝠?刀蜷? */
.sysItemName h1 {
  font-size: x-large;
}

/* 豕ｨ譁?お繝ｪ繧｢*/
.orderArea {
  letter-spacing: -0.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: 11px;
}
.sysReview > span {
  font-size: 14px;
}
.sysRetailPrice {
  font-size: 12px;
  font-weight: 700;
  color: #d10606;
}
/* 蝠?刀隱ｬ譏? */
.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: 100%;
  /*margin-left: 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;
}
input[name="front_site_item_review_improperReview"] {
  display: none;
}
.sysReviewDatetime {
  text-align: right;
}
.sysReviewItemList ul.sysReviewList li:first-child {
  border-top: none;
}
/* 繧ｫ繝ｼ繝医?繧ｿ繝ｳ */
.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: 1170px;
  border: 1px solid #eee;
  padding: 20px 150px !important;
  margin: 30px auto;
}
#sysDestination #sysMain {
  width: 1170px;
  border: 1px solid #eee;
  padding: 20px 150px !important;
  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: 10px 0 30px;
}
#sysMemberRegisterIndex #sysMain input[type="tel"],
#sysMemberRegisterIndex #sysMain input[type="email"],
#sysMemberRegisterIndex #sysMain input[type="password"] {
  background: #fff;
  border-radius: 0;
  margin: 10px 0 30px;
}

#sysMain .sysFormLabel {
  display: block;
  border-left: 5px solid #3d3d3d;
  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: 200px;
}
.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 rgb(212, 212, 212);
  padding: 10px;
  max-height: 400px;
  overflow-y: scroll;
}
.sysOrderList li {
  border-bottom: 1px dotted rgb(212, 212, 212);
  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: 15px;
  padding: 5px;
  font-size: small;
  margin: 5px auto;
}

#sysMypageEditConfirm #sysMain > form {
  padding: 10px;
}

/* Special Point */
.sysSpecialPoint {
  overflow: hidden;
  letter-spacing: -0.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: 1.3rem;
  font-weight: normal;
  padding-bottom: 0;
  margin-top: 7px;
  margin-bottom: 0;
  /*border-bottom: 1px solid #000;*/
  background-color: white;
  color: #ba0000;
}
#sysDescription p {
  margin: 2px;
  font-size: 12px;
}
.sysBlock.orderArea .sysPr,
#sysItemDetail .sysItemId,
#sysItemDetail .sysRetailPrice {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

/*蝠?刀逡ｪ蜿ｷ*/
#sysItemDetail .sysItemId {
  display: flex;
  justify-content: space-between;
  text-align: right;
  font-size: 1.4rem;
  margin-bottom: 5px;
}
/*萓｡譬ｼ陦ｨ遉ｺ*/
#sysItemDetail .sysRetailPrice {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 5px;
  color: #000;
  font-weight: bold;
  text-align: right;
}
#sysItemDetail .sysRetailPrice span {
  font-size: 1.4rem;
  font-weight: 500;
}
#sysItemDetail .sysRetailPrice span.sysRetailPriceTaxIncluded {
  margin-right: -6px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #000;
}
#sysItemDetail .sysRetailPrice span.sysRetailPriceValue {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-weight: 700;
  /*color: #ba0000;*/
  color: #ff0000;
}
/*騾壼ｸｸ萓｡譬ｼ*/
#sysItemDetail .sysSuggestedRetailPrice {
  margin-bottom: 5px;
  text-align: right;
  font-size: 20px;
  font-weight: 700;
}
/*特別価格の設定　古い設定は以下
#sysItemDetail .sysSuggestedRetailPrice span {
	font-size: 1.1rem;

}*/

#sysItemDetail .sysSuggestedRetailPrice span {
  float: left;
  font-size: 15px;
}
/*騾∵侭蛹ｺ蛻?*/
#sysItemDetail .sysShippingCost {
  display: inline-block;
  width: auto;
  margin-left: auto;
  margin-top: 5px;
  padding: 0 5px;
  color: #be1a22;
  font-weight: bold;
  font-size: 1.1rem;
  border: 1px solid #be1a22;
  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;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
#sysItemDetail .sysSelections {
  line-height: 30px;
}
#sysItemDetail #sysVariation {
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#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;
}
#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;
}
.sysMainImage.sysMainImageModal {
  text-align: center;
  display: none;
}
#sysItemDetail .sysMainImage img {
  /*border:1px solid #ccc;*/
  display: none;
}
.detail_h4 {
  border: none;
  border-left: 5px solid #ba0000;
  padding: 5px 0 5px 15px;
  font-size: 1.1em;
  font-weight: 700;
}
#item_description h4 {
  border: none;
  border-left: 5px solid #ba0000;
  margin-top: 16px;
  padding: 5px 0 5px 15px;
  font-size: 1.1em;
  font-weight: normal;
  text-align: left;
  font-weight: 700;
}
#item_sozai,
#item_size {
  display: none;
}
dl.dl-horizontal dt,
.product-one .product-detail .size-list dl.dl-horizontal dd {
  margin-bottom: 2px;
  font-size: 0.8em;
}
.product-detail .size-list dl.dl-horizontal dt {
  width: 40px;
  text-align: center;
  background-color: #ba0000;
  color: #fff;
  padding: 0 4px;
  float: left;
  clear: left;
}
.product-detail .size-list dl.dl-horizontal dd {
  margin-left: 35px;
  text-align: right;
  width: 45px;
}

/*謨ｰ驥丞｢玲ｸ?*/
#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(/img/layout/system/btn_plus.png) center center no-repeat;
  background-size: 65px;
  width: 37%;
}
#sysItemDetail .sysNumArea .sysBtnMinus {
  border-color: #b9b9b9;
  background: url(/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: url(/img/layout/system/btn_cart.png) center center no-repeat;
  background-color: #ba0000;
  background-size: 140px;
}
#sysItemDetail .sysCartButton:hover {
  opacity: 0.8;
}
#sysItemDetail .sysGoCartButton {
  background: #ba0000 url(/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(/img/layout/system/btn_favo.png) center center no-repeat;
  background-size: 100px;
}
#sysItemDetail #sysWishlist .sysButton:hover {
  background-color: #efefef;
}
/*SNS繝懊ち繝ｳ*/
#sysItemDetail .sysShare {
  padding: 20px 0 0 2%;
  text-align: center;
}
#sysItemDetail .sysShare .sysFacebook {
  /* position: relative; */
  top: -6px;
  margin-left: 1em;
  transform: scale(1.2);
}
#sysItemDetail .sysShare .sysTwitter {
  /* margin-left: 1em; */
  transform: scale(1.2);
}
#sysItemDetail .sysShare .sysGoogleplus {
  width: 58px;
}
#sysItemDetail .sysShare .sysLine,
#sysItemDetail .sysShare .sysDisplayPcNone {
  display: inline-block !important;
}
#sysItemDetail .sysShare .sysLine {
  position: relative;
  top: 0px;
  margin-left: 1em;
  transform: scale(1.2);
}
/*.sysReview*/
#sysItemDetail .sysReview {
  margin: 0px 0 40px;
}
#sysItemDetail .sysReview > span:first-child {
  border: none;
  border-left: 5px solid #ba0000;
  margin: 5px 0px;
  padding: 5px 0 5px 15px;
  font-size: 1.1em;
  font-weight: normal;
  text-align: left;
  font-weight: 700;
}

/*繝??繝悶Ν繝?じ繧､繝ｳ*/
.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(/img/layout/system/ico_plus.png) 10px center no-repeat !important;
  background-size: 18px !important;
  cursor: pointer;
}
#sysItemDetail .active {
  /*background:#e4e4e4 url(/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: 1170px;
  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: #be1a22 !important;
  border: none;
}
.sysCart #sysMain .sysAmazonNextSubmit {
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  border-radius: 5px;
  background: #be1a22 !important;
  border: none;
}
.sysCart #sysMain .sysAmazonNextSubmit {
  color: #fff !important;
  border: 0px solid #be1a22 !important;
}
.sysCart .sysCartAttention,
.sysCart .sysRequired {
  color: #be1a22;
  font-weight: bolder;
}
.sysCart .sysGetPoint {
  color: #be1a22;
  font-weight: bolder;
}
.sysCart .sysCartNote {
  color: #000;
  font-size: 90%;
}
.sysCart .sysCartTitle {
  font-size: 12px;
  font-weight: bolder;
  background-color: #e7e9ec;
  color: #333;
}
.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;
}
.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: #be1a22 !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: #be1a22 !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 !important;
  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;
  position: relative;
  bottom: 30px;
}
#sysMypageLogin .sysLoginButton {
  width: 49%;
  float: left;
  margin-right: 1%;
  font-size: 15px;
}
#sysMypageLogin .sysButton {
  width: 49%;
  margin-left: 1%;
  font-size: 15px;
}

/***********************************
	繝倥ャ繝繝ｼ
***********************************/

/* .header_wrap {
    position: fixed;
    height: 117px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 120;
    border-top: 15px solid #333;
    background: #fff;
    box-shadow: 1px 1px 1px #eee;
} */
#sysHeader {
  position: fixed;
  /* height: 117px; */
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 120;
  /* border-top: 20px solid #6F6F6F; */
  background: #fff;
  box-shadow: 1px 1px 1px #eee;
  max-width: 1480px;
}

.header_wrap_inner {
  max-width: 100%;
  margin: 0 auto;
  background: #eee;
  position: relative;
}
.h_inner {
  /* margin: 15px 0 0; */
}
.h_inner__desc {
  margin: 0;
  background: #6f6f6f;
  color: #fff;
  font-size: 12px;
  padding-inline: 100px;
  white-space: nowrap;
}
.h_inner__logo {
  display: block;
  max-width: 210px;
  width: 100%;
  margin-left: 100px;
  margin-block: 22px;
}
@media screen and (max-width: 480px) {
  /* .h_inner__desc {
    font-size: 7.9px;
    margin-top: 2px;
    top: -16px;
  } */
}
.sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .h_inner__desc {
    padding-inline: 20px;
    font-size: 10px;
  }
  .sp-only {
    display: block;
  }
}
.header_h1_under,
.header_h1 {
  /* width: 420px;
	height: 60px;
	float: left;
  margin-left: calc(50vw - 580px); */
}
/*
#sysBasket .header_h1_under,
#sysBasket .header_h1 {
  margin-left: auto;
}
*/
.header {
  /* height: 60px;
	float: left;
        position: relative; */
}
#sysItemCategory .header.idx1 {
  display: none;
}
.logo img {
  width: 128px;
  margin-right: 15px;
  float: left;
}
.head_title {
  font-size: 11px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  letter-spacing: 1px;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.header .g_navi ul {
  margin-bottom: 0;
  font-size: 18px;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 155px;
  bottom: 60px;
  /* padding-inline-end: 155px; */
  /* display: none; */
}
.header .g_navi li {
  position: relative;
  color: #333;
  &::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    width: 1px;
    height: 18px;
    background-color: #333;
  }
  /* float: left;
	text-align: center; */
}
.header .g_navi li a {
  padding-inline: 30px;
  /* display: block;
	width: 120px;
	margin: 15px 5px 0;
	height: 30px;
	line-height: 28px;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #222222;
	border-radius: 20px; */
}
.header .g_navi li i {
  margin-right: 5px;
}
.wrapper__headNavigation__list {
  background: #fff;
}
.headNavigation__list {
  width: 100%;
  /* max-width: 1170px; */
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.headNavigation__list li {
  position: relative;
  width: 25%;
  text-align: center;
  border-right: solid 1px #ccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.headNavigation__list li:first-child {
  border-left: solid 1px #ccc;
  background: #be1a21;
}
.headNavigation__list li a {
  display: block;
  padding: 10px 5px;
  color: #666;
  font-family: "Shippori Mincho", serif;
}
.headNavigation__list li:first-child a {
  color: #fff;
}
/*.headNavigation__list li:first-child:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 74px;
    width: 25px;
    height: 25px;
    background: url(/img/icons/h-searchIcon_gray.png) 0 0 no-repeat;
    background-size: 25px 25px;
}*/
/* .headNavigation__list li:first-child a:before {
  content: "";
  width: 25px;
  height: 25px;
  background: url(/img/icons/h-searchIcon_gray.png) 0 0 no-repeat;
  background-size: 25px 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
} */
.headNavigation__list li:hover {
  background: #be1a21;
}
.headNavigation__list li:hover a {
  color: #fff;
  text-decoration: none;
}
/*.headNavigation__list li:first-child:hover:before {
    background: url(/img/icons/h-searchIcon_white.png) 0 0 no-repeat;
    background-size: 25px 25px;
}*/
.headNavigation__list li:first-child:hover a:before {
  background: url(/img/icons/h-searchIcon_white.png) 0 0 no-repeat;
  background-size: 25px 25px;
}
.headNavigation__list li.is-active:first-child {
  border-left: solid 1px #be1a21;
  border-right: solid 1px #be1a21;
  border-top: solid 1px #be1a21;
}
.headNavigation__list li.is-active {
  background: #fff;
}
.headNavigation__list li.is-active a {
  color: #be1a21;
  text-decoration: none;
}
/*.headNavigation__list li.is-active:first-child:before {
    background: url(/img/icons/h-searchIcon.png) 0 0 no-repeat;
    background-size: 25px 25px;
}*/
.headNavigation__list li.is-active:first-child a:before {
  background: url(/img/icons/h-searchIcon.png) 0 0 no-repeat;
  background-size: 25px 25px;
}
.headNavigation__list li.is-active:hover {
  background: #fff;
}
.headNavigation__list li.is-active:hover a {
  color: #be1a21;
  text-decoration: none;
}
.headNavigation__list li.is-active:first-child:hover:before {
  background: url(/img/icons/h-searchIcon.png) 0 0 no-repeat;
  background-size: 25px 25px;
}
.wrapper__headNavigation__tab {
  border-top: solid 1px #e7e7e7;
  background-color: #ba0000;
}
.wrapper__headNavigation__tab .tab {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
.wrapper__headNavigation__tab .tab li a {
  color: #fff;
  font-size: 0.68em !important;
  height: 36px;
  line-height: 2.8;
}
.wrapper__headNavigation__tab .tab li a span {
  font-size: 1.4em !important;
}
.wrapper__headNavigation__tab .tab li a span.glyphicon {
  margin-left: 10px;
  font-weight: 700;
  font-size: 1rem !important;
}
.wrapper__headNavigation__tab .tab li .sysItemSearchForm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapper__headNavigation__tab .tab li .sysItemSearchForm input[type="submit"] {
  margin-top: 0;
  width: 12%;
  height: 30px;
  background: none;
  border: none;
  color: #ba0000;
  position: relative;
  z-index: 0;
}
.wrapper__headNavigation__tab
  .tab
  li
  .sysItemSearchForm
  input[type="submit"]:hover {
  cursor: pointer;
}
.wrapper__headNavigation__tab .tab li .sysItemSearchForm input[type="search"] {
  display: block;
  width: 12%;
  height: 30px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition:
    border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
}
.wrapper__headNavigation__tab
  .tab
  li
  .sysItemSearchForm
  .sysItemSearchFormWord {
  width: 88%;
  margin-top: 3px;
}
/***********************************
	繧ｫ繝ｼ繝域ュ蝣ｱ
***********************************/
#cartInfo {
  position: absolute;
  right: 100px;
  bottom: 60px;
  font-size: 0px;
  /* float: left;
	position: relative;
	margin-top: 15px;
	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; */
  position: absolute;
}
#cartInfo p.cartTxt {
  margin: 0;
}
#cartInfo p.cartTxt {
  /* margin: -2px;
	line-height: 21px;
	padding-top: 5px;
	font-size: 10px;
    text-align: center; */
}
#cartInfo p img {
  width: 30px;
  height: 30px;
  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: #be1a22;
  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;
}

/***********************************
	繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ
***********************************/
/* .h_navi {
	width: 100%;
	height: 60px;
    margin-bottom: 10px;
} */
#headNavigation {
  max-width: 100%;
  margin: 0 auto;
  /* height: 100px; */
}
#headNavigation .pcnone {
  display: none;
}
#headNavigation li.tab1 {
  width: 33%;
  height: 36px;
  float: left;
  text-align: center;
  border-left: solid 1px #e7e7e7;
}
#headNavigation li.tab1:last-child {
  border-right: 1px solid #fff;
}
#headNavigation li.tab1 .glyphicon-plus:before {
  font-size: 10px;
}
#headNavigation li.tab1.tab__searchForm {
  position: relative;
}
#headNavigation li.tab1.tab__searchForm:after {
  font-family: "Glyphicons Halflings";
  content: "\e003";
  position: absolute;
  bottom: 0;
  right: 8%;
  color: #fff;
  font-size: 16px;
  background: none;
}
#headNavigation li a {
  display: block;
  font-weight: 700;
}
#headNavigation li a span {
  /*display: block;*/
  font-size: 14px;
}
.tabmenu .border:after {
  background-color: #000;
  /*content: " ";*/
  content: none;
  height: 15px;
  margin-top: -35px;
  position: absolute;
  right: 0;
  top: 42px;
  width: 1px;
}

/*繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ繝医げ繝ｫ*/
.tabmenu:before {
  display: block;
  content: "";
  clear: both;
}
.tabmenu {
  margin: 10px 0 0;
}
.toggleNav {
  display: none;
  width: 100%;
  position: absolute;
  height: 0px; /*heightはjs制御*/
  top: 38px;
  left: 0;
  background: rgba(255, 255, 255, 1);
  z-index: 110;
  box-shadow: 2px 2px 4px 0px #ccc;
  -moz-box-shadow: 2px 2px 4px 0px #ccc;
  -webkit-box-shadow: 2px 2px 4px 0px #ccc;
}
.toggleNav:hover {
  overflow: visible !important;
}
.toggleNav ul li a {
  color: #888;
}
.tabmenu li.tab1 {
  position: relative;
}
.tabmenu li.tab1 a {
  font-size: 14px;
}
.tabmenu li.tab2 {
  text-align: left;
  width: 33%;
  height: 210px;
  border-bottom: 1px dotted #ccc;
  position: relative;
}
.tabmenu li.tab2:hover {
  background: #ededed;
}
.tabmenu li.tab2 a {
  display: block;
  position: relative;
  padding: 0;
  font-size: 14px !important;
  line-height: 15px;
  font-weight: bold;
  width: 100%;
  height: 210px;
}
.tabmenu li.tab2 a i {
  position: absolute;
  right: 10px;
  top: 10px;
}
.tabmenu li.tab2 .subCategory {
  position: absolute;
  width: 200px;
  left: 200px;
  top: 0px;
  background: rgba(255, 255, 255, 1);
  visibility: hidden;
  transition: all 0.1s ease;
  z-index: 120;
  box-shadow: 2px 2px 4px 0px #ccc;
  -moz-box-shadow: 2px 2px 4px 0px #ccc;
  -webkit-box-shadow: 2px 2px 4px 0px #ccc;
}
.tabmenu li.tab2:hover .subCategory {
  visibility: visible;
}
.tabmenu li.tab3 {
  font-size: 14px;
  height: 35px;
  border-bottom: 1px dotted #ccc;
  font-weight: bold;
}
.tabmenu li.tab3:hover {
  background: #ededed;
}

/***********************************
	繝輔ャ繧ｿ繝ｼ
***********************************/
/* 蜈ｱ騾壹ヵ繝?ち繝ｼ */
.f-cacheless {
  text-align: center;
}
ul.characteristic-block li {
  text-align: center;
  font-size: 11px;
  margin-bottom: 30px;
}
.footer {
  width: 100%;
  margin: 50px 0 0;
  text-align: center;
  background: #ededed;
  letter-spacing: 2px;
}
.footer-container {
  margin-top: 0;
  border-top: none;
  position: relative;
  background-color: #eeeeee;
  background-size: 400px auto;
  background-repeat: no-repeat;
  background-position: 5% 5%;
  padding-top: 35px;
  padding-bottom: 35px;
}
.footer-container .col-sm-3 {
  text-align: left;
}
.footer-container ul {
  border-left: solid 1px #e7e7e7;
  margin-left: 0;
}
.footer-container ul li {
  margin-bottom: 5px;
  padding-left: 15px;
  text-align: left;
}
.footer-container ul li a {
  color: #444;
  font-size: 0.95em;
  padding-bottom: 5px;
  /* margin-bottom: 5px; */
  display: block;
}
.footer-container ul ul.sub-footer-menu {
  border-left: none;
}
.footer-container small.link-title {
  margin-bottom: 0;
  padding-left: 12px;
  display: inline-block;
  color: #ba0000;
}
.footer .f_navi_all {
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0 0;
}
.footer .f_navi h3 {
  margin: 10px 0 0;
  font-size: 15px;
}
.footer .f_navi ul {
  width: 671px;
  text-align: left;
  margin: 0 auto;
}
.footer .f_navi li {
  display: inline-block;
  padding: 0 15px 0 5px;
  margin: 10px 5px 0;
  font-size: 15px;
  position: relative;
}
.footer .f_navi li:after {
  background-color: #000;
  content: "縲";
  height: 10px;
  margin-top: -35px;
  position: absolute;
  right: 0;
  top: 41px;
  width: 1px;
}
.footer .f_navi .b_none {
  border-right: 0px;
}
.footer .telephone {
  margin: 20px 0 5px;
}
.footer .telephone .telephone01 {
  width: 250px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #000;
  border-radius: 15px;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  margin-right: 10px;
}
.footer .telephone .telephone02 {
  width: 300px;
  display: inline-block;
  margin-left: 10px;
  font-weight: bold;
}
.footer .telephone .telephone02 a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 25px;
}
.footer .telephone .telephone02 a img {
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}
.footer .telephone:after {
  display: block;
  content: "";
  clear: both;
}
.footer .time {
  font-size: 15px;
  margin: 0 0 10px;
}
.footer .f_gnav_all {
  background: #c3c3c3;
  padding: 15px 0 10px;
  letter-spacing: 2px;
}
.footer .f_gnav li {
  display: inline-block;
  padding: 0px 20px 0 15px;
  font-size: 12px;
  position: relative;
}
.footer .f_gnav li:after {
  background-color: #000;
  content: "縲";
  height: 10px;
  margin-top: -35px;
  position: absolute;
  right: 0;
  top: 40px;
  width: 1px;
}
.footer .f_gnav li:last-child {
  border-right: 0px;
}
.footer .f_gnav {
  margin-bottom: 5px;
}
.footer .f_copy {
  padding: 5px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  background-color: #ba0000;
}

/***********************************
	繝輔ャ繧ｿ繝ｼ驛ｨ蛻??縺泌茜逕ｨ繧ｬ繧､繝?
***********************************/
.f_guide {
  width: 100%;
  border-top: 2px solid #222222;
  margin-top: 50px;
}
.f_guide .sysContent {
  width: 1170px;
  margin: 0 auto;
}
.f_guide .Title {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  padding: 10px 0 30px;
}
.f_guide .clearfix {
  font-size: 0;
}
.f_guide .guideBlock {
  display: inline-block;
  width: 550px;
  font-size: 14px;
  vertical-align: top;
}
.f_guide .guideBlock:after {
  display: block;
  content: "";
  clear: both;
}
.f_guide .guide01 {
  padding-right: 50px;
}
.f_guide .guide02 {
  padding-left: 50px;
}
.f_guide .guideTitle {
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 15px;
  margin-bottom: 10px;
}
.f_guide p {
  font-size: 15px;
  line-height: 22px;
  margin: 5px 0;
}
.f_guide .mt {
  margin-top: 20px;
}
.f_guide .smaller {
  font-size: 12px;
}

.f_guide .freedial {
  background: rgba(0, 0, 0, 0) url("/img/common/dial.png") no-repeat scroll left
    center / 45px auto;
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
  padding-left: 50px;
}

/*繝懊ち繝ｳ*/
.f_guide .common_btn {
  margin: 10px auto;
}
.f_guide .common_btn a {
  font-size: 13px;
  padding: 10px 0;
}

/* 繝壹?繧ｸ繝医ャ繝励↓謌ｻ繧?*/
.pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 52px;
  height: 52px;
  text-align: center;
  z-index: 999999;
  display: none;
}
.pagetop #page-top {
  display: none !important;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  background: #ba0000;
  border-radius: 5px;
  padding-top: 4px;
  height: 51px;
}
.pagetop #page-top:hover {
  background: #999;
}

/***********************************
	繧ｵ繧､繝?
***********************************/
/*讀懃ｴ｢繝懊ャ繧ｯ繧ｹ*/
.side_search {
  margin-bottom: 30px;
}
.side_search form {
  border: none;
}
.side_search input[type="search"] {
  height: 40px;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}
.side_search .sysItemSearchFormWord {
  float: none;
  width: 100%;
  margin-bottom: 5px;
}
.side_search .sysSearchButton {
  float: none;
  width: 100% !important;
  height: 40px;
  border-radius: 5px;
  background: #000 url(/img/common/ico_search.png) no-repeat center center;
  background-size: 70px;
  text-indent: -999px;
}

.side_navi .sysHeadline,
.side_navi_item .sysHeadline {
  font-size: 14px;
  margin: 0 !important;
  text-align: left;
  font-weight: bold;
  letter-spacing: 2px;
  width: auto;
  border-bottom: 1px solid #222222;
}
.side_navi .sysHeadline:before,
.side_navi_item .sysHeadline:before {
  content: none;
}
.side_navi a {
  position: relative;
  padding: 7px 5px 7px 20px !important;
  letter-spacing: 1px;
  border-bottom: 1px dotted #cdcdcd !important;
}
.side_navi a:after {
  position: absolute;
  top: 7px;
  right: 10px;
  content: ">";
  font-size: 14px;
}
.side_navi a:hover {
  background: #eee;
}
.side_navi {
  margin-bottom: 30px;
}

/*蝠?刀蛻･*/
.side_navi_item {
  margin-bottom: 0;
  border-bottom: 1px solid #000;
}
.side_navi_item .sysHeadline,
.side_navi_item .sysContent {
  width: 90% !important;
  margin-left: auto !important;
}
.side_navi_item a {
  position: relative;
  padding: 7px 5px !important;
  letter-spacing: 1px;
  border-bottom: 1px dotted #cdcdcd !important;
}
.side_navi_item a:after {
  position: absolute;
  top: 7px;
  right: 10px;
  content: ">";
  font-size: 14px;
}
.side_navi_item li:last-child a {
  border-bottom: none !important;
}
.side_navi_item .sysHeadline {
  font-size: 13px;
  padding: 0;
  border-bottom: 1px dotted #cdcdcd !important;
}
.side_navi_item .sysHeadline a {
  display: block;
  border-bottom: none !important;
}
/*縺願ｲｷ縺?黄繧ｬ繧､繝? 譛蠕?2縺､*/
.side_navi_guide li:nth-last-child(1),
.side_navi_guide li:nth-last-child(2) {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #222222;
  margin-bottom: 10px;
}
.side_navi_guide li:nth-last-child(1) a,
.side_navi_guide li:nth-last-child(2) a {
  padding: 7px 5px !important;
  border: none !important;
}
.side_navi_guide li:nth-last-child(1) a:hover,
.side_navi_guide li:nth-last-child(2) a:hover {
  background-color: #fff;
}
.side_navi_guide li:nth-last-child(3) {
  margin-bottom: 10px;
}

/***********************************
	蜈ｱ騾壹ヱ繝ｼ繝?
***********************************/
hr.style01 {
  width: 100%;
  height: 1px;
  background: #222222;
  margin: 50px auto;
  padding: 0;
  border: 0;
}
.sysTitle,
.sysHeadline {
  /*width: 600px;*/
  margin: 30px auto !important;
  position: relative;
  text-align: center;
  font-size: 23px;
  letter-spacing: 3px;
}
.sysTitle b,
.sysHeadline b {
  display: block;
  font-size: 14px;
  text-align: center;
}
.sysTitle span,
.sysHeadline span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 40px;
  background-color: #fff;
  text-align: center;
}
.sysTitle::before,
.sysHeadline::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: none;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222222;
}
.contentsWrap {
  width: 1170px;
  margin: 0 auto;
}

/***********************************
	迚ｹ蝠?ｳ輔ユ繝ｼ繝悶Ν繝ｬ繧､繧｢繧ｦ繝?
***********************************/
#main_tradelaw,
.main_tradelaw {
  border: 1px solid #ddd;
  margin: 0 auto 30px;
  max-width: 1170px;
}
#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: 1170px;
  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: 1170px;
  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: 250px;
  margin: 20px auto 50px;
  position: relative;
}
.common_btn a {
  display: block;
  padding: 15px 0;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #ba0000;
}
.common_btn a:hover {
  background: #999;
}
.common_btn a i {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
}

/***********************************
	TOP繝壹?繧ｸ
***********************************/
/*繧ｹ繝ｩ繧､繝繝ｼ*/
#slider {
  display: none;
}
.top_slider {
  padding-top: 160px;
  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 )";
}
@media screen and (max-width: 767px) {
  .top_slider {
    padding-top: 126px;
  }
}
/*譁ｰ逹繧｢繧､繝?Β*/
.top_newarrival ul,
.tab_newarrival ul,
.for_ranking ul {
  font-size: 0;
  text-align: left;
}
.top_newarrival li,
.tab_newarrival li,
.for_ranking li {
  float: none !important;
  display: inline-block;
  width: 18% !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 .sysContent .sysHorizontal .sysItemImage a:before,
.tab_newarrival .sysContent .sysHorizontal .sysItemImage a:before {
  content: "NEW";
  display: inline-block;
  position: absolute;
  height: 17px;
  line-height: 16px;
  text-align: center;
  padding: 0 13px 0 8px;
  font-size: 10px;
  background: #ba0000;
  color: #fff;
  box-sizing: border-box;
}
.top_newarrival .sysContent .sysHorizontal .sysItemImage a:after,
.tab_newarrival .sysContent .sysHorizontal .sysItemImage a:after,
.for_ranking .sysContent .sysHorizontal .sysItemImage a:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
.top_newarrival li img,
.tab_newarrival li img,
.for_ranking li img {
  width: 100%;
}
.top_newarrival .sysItemName,
.tab_newarrival .sysItemName,
.for_ranking .sysItemName {
  font-size: 14px;
  font-weight: 500;
  padding-top: 10px;
  margin-top: 0px;
}
.top_newarrival li .sysItemPrice,
.tab_newarrival li .sysItemPrice,
.for_ranking li .sysItemPrice {
  color: #ba0000;
}

/*迚ｹ髮?ｸ隕ｧ*/
.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: 14px;
  vertical-align: top;
}
.top_features li img {
  width: 32%;
  height: auto;
}
.top_features li a {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.top_features li a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  position: absolute;
  height: 16px;
  line-height: 16px;
  padding: 0 1em;
  font-size: 9px;
  background-color: #aa8525;
  color: #fff;
  font-weight: 500;
  content: "PICK UP";
}
.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;
}

/* ヘッダーカレンダーUI */
.f-calendar-ui__item__title {
  display: flex;
  justify-content: space-between;
}
.f-calendar-ui__item__title span {
  padding-top: 5px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #be1a21;
}
.f-calendar-ui__item__title.is-ware {
  background: url(/img/icons/icon-kimono.png) 0 3px no-repeat;
  background-size: 40px 40px;
  text-indent: 50px;
}
.f-calendar-ui__item__title.is-date {
  background: url(/img/icons/icon-cal.png) 0 3px no-repeat;
  background-size: 40px 40px;
  text-indent: 47px;
}
.f-calendar-ui__item__title.is-detail {
  background: url(/img/icons/h-searchIcon.png) 0 12px no-repeat;
  background-size: 25px 25px;
  text-indent: 36px;
}
.wrapper__f-calendar-ui__accordion {
  width: 100%;
  display: none;
}
.wrapper__f-calendar-ui__accordion.is-active {
  display: block;
  animation: show 1s linear 0s;
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.f-calendar-ui__detail__accordion__item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.f-calendar-ui__detail__accordion__item__idx,
.f-calendar-ui__detail__accordion__item__body {
  margin: 0;
}
.f-calendar-ui__detail.is-size.is-active
  .f-calendar-ui__detail__accordion__item__idx,
.f-calendar-ui__detail.is-size.is-active.f-calendar-ui__detail__accordion__item__body {
  background: #ebebeb;
}
.f-calendar-ui__detail__body.is-active {
  font-size: 14px;
  font-weight: 700;
  color: #be1a21;
}
.f-calendar-ui__detail__accordion__decision {
  padding: 10px 0;
  font-size: 21px;
  color: #fff;
  text-align: center;
  background: #be1a21;
}
.f-calendar-ui__detail__accordion__decision:hover {
  cursor: pointer;
  opacity: 0.8;
}
.f-calendar-ui__detail__accordion__item__body {
  /*width: 100%;*/
  position: relative;
  display: inline-block;
}
.f-calendar-ui__detail__accordion__item__body::before {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: absolute;
  top: 42%;
  right: 10px;
  margin-top: -4px;
}
.f-calendar-ui__detail__accordion__item__body::after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 67%;
  right: 10px;
  margin-top: -4px;
}
.f-calendar-ui__detail__accordion__item__body select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 40px;
  background: transparent;
  position: relative;
  z-index: 1;
  padding: 0 40px 0 10px;
  border: 1px solid #b4b3b3;
  border-radius: 2px;
}
.f-calendar-ui__detail__accordion__item__body select::-ms-expand {
  display: none;
}
.f-calendar-ui__detail__accordion__item__label {
  width: 50%;
}
.f-calendar-ui__detail__accordion__item__bg {
  width: 80%;
  margin-left: 10px;
  padding: 2px 8px;
  font-size: 12px;
  border: 1px solid #707070;
  cursor: pointer;
}
#f-calendar-ui__detail__price input[type="number"] {
  color: #000;
}
.f-calendar-ui__detail__accordion__item__bg.is-white {
  background: #fff;
}
.f-calendar-ui__detail__accordion__item__bg.is-light-blue {
  background: #8fffff;
}
.f-calendar-ui__detail__accordion__item__bg.is-gray {
  background: #3b3b3b;
  color: #fff;
}
.f-calendar-ui__detail__accordion__item__bg.is-blue {
  background: #1271c4;
  color: #fff;
}
.f-calendar-ui__detail__accordion__item__bg.is-brown {
  background: #be6c00;
  color: #fff;
}
.f-calendar-ui__detail__accordion__item__bg.is-purple {
  background: #9548e6;
  color: #fff;
}
.f-calendar-ui__detail__accordion__item__bg.is-yellow {
  background: #ffdc00;
}
.f-calendar-ui__detail__accordion__item__bg.is-pink {
  background: #ffd2d2;
}
.f-calendar-ui__detail__accordion__item__bg.is-green {
  background: #69bc2c;
}
.f-calendar-ui__detail__accordion__item__bg.is-red {
  background: #ab0b0b;
  color: #fff;
}
.f-calendar-ui__item .sysItemSearchFormWord,
.f-calendar-ui__item .sysItemSearchFormCategory,
.f-calendar-ui__item .sysItemSearchFormSort,
.f-calendar-ui__item .sysItemSearchFormLimit,
.f-calendar-ui__item .sysRentalStartDate,
.f-calendar-ui__item .sysSearchButton,
.f-calendar-ui__item .sysItemSearchFormRange {
  display: none;
}
.sysRentalSchedulesValid.sysRentalSchedulesDays {
  color: #be1a21;
  font-weight: 700;
  /*background: #F8C9C9;*/
}
.sysRentalSchedulesCalendar td {
  min-width: 50px;
  height: 50px;
  line-height: 100%;
}
.sysRentalSchedulesValid.is-rental-start-day {
  color: #be1a21;
  font-weight: 700;
  background: #f8c9c9;
}
.sysRentalSchedulesValid.not-rental-start-day {
  background: #adadad;
  text-decoration: line-through;
}
#wrapper__f-calendar-ui.is-active {
  height: auto !important;
}
#wrapper__f-calendar-ui__cal .sysRentalSchedulesValid.sysRentalSchedulesReach,
#wrapper__f-calendar-ui__cal .sysRentalSchedulesInvalid.sysRentalSchedulesReach,
#wrapper__f-calendar-ui__cal
  .sysRentalSchedulesReserved.sysRentalSchedulesReach {
  background-color: #fff;
}
.f-calendar-ui__detail {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #e8e8e8;
}
.f-calendar-ui__detail:hover {
  cursor: pointer;
  background: #eee;
}
.f-calendar-ui__detail.is-active {
  background: #ebebeb;
}
.f-calendar-ui__detail.is-keyword {
  margin-top: 60px;
  border-bottom: none;
}
.f-calendar-ui__detail__sysItemSearchFormWord {
  position: relative;
  width: 100%;
}
.f-calendar-ui__detail__sysItemSearchFormWord:before {
  content: "";
  width: 31px;
  height: 31px;
  background: url(/img/icons/icon__f-calendar-ui__detail__sysItemSearchFormWord.png)
    0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 10px;
  left: 10px;
}
.f-calendar-ui__detail__sysItemSearchFormWord input::placeholder {
  padding-left: 35px;
}
.f-calendar-ui__detail__sysItemSearchFormWord input[type="search"] {
  text-indent: 40px;
}
.f-calendar-ui__detail__idx,
.f-calendar-ui__detail__body {
  margin: 0;
  padding: 16px 0;
}
.f-calendar-ui__detail__idx {
  width: 40%;
  display: flex;
  align-items: center;
  text-indent: 16px;
}
.f-calendar-ui__detail__body {
  width: 60%;
  text-align: right;
  color: #cdd6dd;
}
.f-calendar-ui__detail.is-active .f-calendar-ui__detail__body {
  /*color: #EBEBEB;*/
}
.f-calendar-ui__detail.is-active.is-select .f-calendar-ui__detail__body {
  color: #be1a21;
}
#f-calendar-ui__detail__gender,
#f-calendar-ui__detail__size,
#f-calendar-ui__detail__color,
#f-calendar-ui__detail__taste {
  position: relative;
  padding-right: 30px;
}
.f-calendar-ui__detail .f-calendar-ui__detail__body::before,
.f-calendar-ui__detail .f-calendar-ui__detail__body::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  vertical-align: middle;
}
.f-calendar-ui__detail .f-calendar-ui__detail__body::before {
  right: 8px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #959ea7;
  border-right: 2px solid #959ea7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.f-calendar-ui__detail .f-calendar-ui__detail__body.is-noAllow::before,
.f-calendar-ui__detail .f-calendar-ui__detail__body.is-noAllow::after {
  content: none;
}
.f-calendar-ui__detail.is-active .f-calendar-ui__detail__body::before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.wrapper__f-calendar-ui__detail__sysSearchButton {
  width: 33%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  right: 0;
  bottom: 0;
}
.f-calendar-ui__detail__reset {
  width: 49%;
  height: 60px;
  text-align: center;
  padding: 18px 0;
  margin: 0;
  border: 2px solid #cccccc;
}
.f-calendar-ui__detail__reset:hover {
  background: #eee;
}
.f-calendar-ui__detail__submit {
  position: relative;
  margin: 0;
  width: 49%;
  height: 60px;
}
.f-calendar-ui__detail__sysSearchButton {
  width: 100%;
  height: 60px;
  margin: 0;
  margin-top: 0 !important;
  color: #fff;
  border-radius: 0;
  background: #3e3e3e;
}
.f-calendar-ui__detail__submit::before,
.f-calendar-ui__detail__submit::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  vertical-align: middle;
}
.f-calendar-ui__detail__submit::before {
  right: 18px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* START-------------------------------------------- */
.toggleNav__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #c0c0c0;
}
.toggleNav__list .tab2 {
  width: 33.3%;
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  position: relative;
}
.toggleNav__list .tab2:hover {
  cursor: pointer;
}
.toggleNav__list .tab2.is-active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 4px solid #be1a21;
  width: 100%;
  height: 100%;
}
.toggleNav__list .tab2.is-right-border {
  border-right: 1px solid #c0c0c0;
}
.wrapper__h-cateNav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.h-cateNav__title {
  padding: 12px;
  text-align: center;
  background: #f0f3f5;
  border-bottom: 1px solid #c0c0c0;
}
.h-cateNav__img {
  padding: 0 20px;
}
.h-cateNav__meta {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
.h-cateNav__meta__item {
  margin: 0 1px 3px 1px;
  border: 1px solid #cdd6dd;
  border-radius: 15px;
  padding: 2px 7px;
  font-size: 10px;
  text-align: center;
  background: #f0f3f5;
}
.h-cateNav__meta__item.is-noBorder {
  border: none;
  background: #fff;
}

/* 200419 yamada add */
.wrapper__item-detail {
  display: flex;
  justify-content: space-between;
}
.item-detail__left {
  width: 50%;
}
.item-detail__right {
  width: 50%;
}
#item_description {
  text-align: left;
}
.cat-tpl__item-detail01,
.cat-tpl__item-detail02,
.cat-tpl__item-detail03,
.cat-tpl__item-detail04,
.cat-tpl__item-detail05,
.cat-tpl__item-detail06,
.cat-tpl__item-detail07 {
  width: 50%;
  margin-left: 50%;
}
.cat-tpl__item-detail01 #set,
.cat-tpl__item-detail02 #set,
.cat-tpl__item-detail03 #set,
.cat-tpl__item-detail04 #set,
.cat-tpl__item-detail05 #set,
.cat-tpl__item-detail06 #set,
.cat-tpl__item-detail07 #set {
  display: block;
}
.product-detail #set_description {
  color: #1d2088;
}
.set-item-list {
  margin: 10px 0 10px;
}
.set-item-list li {
  border: solid 1px #ccc;
  padding: 0;
}
.set-item-list li h5 {
  background-color: #f1f1f1;
  font-size: 0.9em;
  text-align: center;
  margin-top: 0;
  padding: 10px 0;
}
.set-item-list li h3 {
  background-color: #f1f1f1;
  font-size: 0.9em;
  text-align: center;
  margin-top: 0;
  padding: 10px 0;
}
.set-item-list li img {
  max-height: 64px;
  margin: 0 auto 10px;
}
#sysItemDetail .dl-horizontal dt {
  width: 40px;
  padding: 2px 5px;
  color: #fff;
  text-align: center;
  background: #ba0000;
}
#sysItemDetail .dl-horizontal dd {
  width: 40px;
  margin-left: 50px;
  font-size: 11px;
}
#sysItemDetail .product-more-detail {
  width: 90%;
  margin-left: 10%;
}
#sysItemDetail .product-more-detail tr {
  display: flex;
  justify-content: space-between;
}
#sysItemDetail .product-more-detail tr th {
  width: 28%;
  font-size: 10.5px;
}
#sysItemDetail .product-more-detail tr td {
  width: 72%;
}
.renew__p-guide .container {
  display: none;
}
.renew__p-guide .container.is-active {
  display: block;
}
.renew__p-guide .guide-menu__item {
  padding: 7px;
  height: 36px;
  margin-right: -1px;
}
.renew__p-guide .guide-menu__item a:hover {
  text-decoration: underline;
}
.renew__p-guide .guide-menu__item.is-active {
  font-weight: 700;
  background: #ba0000;
}
.renew__p-guide .guide-menu__item.is-active a {
  color: #fff;
}
.renew__p-guide .guide-menu__item.is-active a:hover {
  text-decoration: none;
}
.renew__p-faq ul.faq_menu li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 3px;
  font-size: 15px;
}
.renew__p-faq ul.faq_menu li:before {
  content: "\e258";
  font-family: "Glyphicons Halflings";
  display: block;
  left: 0;
  top: 0;
  /* color: #444; */
  position: absolute;
}
.renew__p-faq ul.faq_menu li a {
  color: #337ab7;
  text-decoration: none;
}
.renew__p-faq h3 img {
  display: none;
}
/* Category Pankuzu */
.sysItemCategoryPankuzu {
  margin-bottom: 8px;
  font-size: 1rem;
}
.sysItemCategoryPankuzu a,
.sysPankuzuUrl {
  color: #337ab7;
}
#wrapper__pankuzu-text {
  display: none;
}

.f-calendar_loading {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.sysNextCalendar {
  z-index: 9;
}
.bx-wrapper {
  border: none;
  margin-bottom: 0;
}
.bx-wrapper img {
  width: 100% !important;
}
.h_search {
  position: fixed;
  top: 24px;
  left: 330px;
  width: 330px;
  z-index: 999;
}
.h_search .sysHeadline {
  display: none;
}
.sysPrevCalendar {
  z-index: 99;
}

/***********************************
	20/9- globalNav Improvement
***********************************/
.new_search_nav_box .sysItemSearchForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 50px;
}
.new_search_nav_box
  .f-calendar-ui__detail__sysItemSearchFormWord
  input[type="search"] {
  border-radius: 5px;
  text-indent: 0;
  padding-left: 40px !important;
}
.new_search_nav_box .f-calendar-ui__detail__sysItemSearchFormWord:before {
  width: 25px;
  height: 25px;
  top: 12px;
  opacity: 0.5;
}
.new_search_nav_box .f-calendar-ui__detail__submit {
  width: 100px;
  margin-left: 10px;
}
.new_search_nav_box .f-calendar-ui__detail__sysSearchButton {
  border-radius: 5px;
  height: 48px;
  border: none;
}
.new_search_nav_box .f-calendar-ui__detail__submit::before {
  display: none;
}

.new_search_nav_list {
  border-top: 1px solid #707070;
}
.new_search_nav_list_link {
  display: block;
  padding: 15px 20px;
  font-size: 1.286em;
  font-weight: bold;
  position: relative;
}
.new_search_nav_list_link::after,
.new_search_nav_list_udr_list_link::after {
  content: "\e258";
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}
.new_search_nav_list_link.new_search_nav_acc_btn {
  cursor: pointer;
}
.new_search_nav_list_link.new_search_nav_acc_btn::after {
  content: "\e259";
}
.new_search_nav_list_link.new_search_nav_acc_btn.active::after {
  content: "\e260";
}
.new_search_nav_acc_slide {
  display: none;
}
.new_search_nav_list_udr_list_link {
  color: #fff !important;
  display: block;
  text-align: center;
  padding: 10px 0;
  font-size: 0.786em;
  position: relative;
}
.new_search_nav_list_udr_list_link.bg_blue {
  background-color: #00aeff;
}
.new_search_nav_list_udr_list_link.bg_pink {
  background-color: #f66d6d;
}
.new_search_nav_list_sub {
  border-bottom: 1px solid #707070;
}

/***********************************
	20/9- [/is] searchPageForm Improvement
***********************************/
.search_category_ttl {
  font-size: 18px !important;
  margin-bottom: 0 !important;
  padding: 15px;
  text-align: center;
  color: #fff;
  background-color: #333333;
  cursor: pointer;
  position: relative;
}
.search_category_ttl.active {
  background-color: #333;
}
.search_category_ttl:after {
  display: inline-block;
  content: "▼";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}
.search_category_ttl.active:after {
  content: "▲";
}
.search_category_ttl:not(.active) + .sysItemSearchForm,
.search_category_ttl:not(.active) + .search_keyword_wrp + .sysItemSearchForm {
  padding: 0 20px !important;
}
.search_category_ttl > img {
  margin: 0px 1px 5px 0px;
}

.search_keyword_wrp {
  margin: 0;
  padding: 20px;
  text-align: center;
  background-color: #ededed;
}

#sysMain .sysItemSearchForm select {
  border: none;
  font-size: 13px;
}
#sysMain .sysItemSearchForm .search_select_ttl {
  font-size: 14px;
}
#sysMain .sysItemSearchForm .sysRentalSchedulesCalendarArea {
  position: relative;
}
.sysRentalSchedulesCalendarArea .search_select_ttl {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 5px 0 0 -160px;
}
#sysMain .sysItemSearchForm .sysRentalSchedulesCalendarsMonth {
  width: 55%;
  left: inherit;
  right: 0;
}
#sysMain .sysItemSearchForm .sysRentalSchedulesCalendarsMonth .sysMonthSelect,
.search_category_wrp .search_category_list select {
  width: 100%;
}
#sysMain .sysItemSearchForm .sysPrevCalendar,
#sysMain .sysItemSearchForm .sysNextCalendar {
  top: 50px;
}
#sysMain .sysItemSearchForm .sysRentalSchedulesCalendar caption {
  text-align: center;
  color: #000;
  font-size: 14px;
}
#sysMain .sysItemSearchForm .sysRentalSchedulesCalendar td {
  min-width: inherit;
  width: calc(100% / 7);
}
#sysMain .sysItemSearchForm .sysRentalSchedulesInvalid {
  background-color: #fff;
  color: silver;
}

#sysMain .sysItemSearchForm .search_category_wrp {
  margin: 30px 0;
  padding-top: 30px;
  border-top: 1px solid #c0c0c0;
}
.search_category_wrp .search_category_list_wrp {
  width: 320px;
  margin: 0 auto;
}
.search_category_wrp .search_category_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}
.search_category_wrp .search_select_ttl {
  line-height: 1.2em;
}
.search_category_wrp .search_select_box {
  width: 225px;
  margin: 0;
}
.search_category_wrp small {
  font-size: 10px;
}

#sysMain .sysItemSearchForm .sysSearchButton {
  width: 150px !important;
}

.search_category_reset_btn {
  width: 80px;
  margin: 20px auto;
  padding: 8px;
  cursor: pointer;
  border-radius: 3px;
  background-color: #cdcdcd;
  text-align: center;
  color: #fff;
}

/*--------------------
  マイページ内"クーポンを獲得する"の非表示 START
---------------------*/

.sysMypageNav form:nth-of-type(5) {
  display: none;
}
/*--------------------
  マイページ内"クーポンを獲得する"の非表示 END
---------------------*/

/*--------------------
  この記事を書いた人ここから
---------------------*/
/*ボックス全体*/
.profile-box {
  margin: 3em 1em 2em;
  padding: 10px 10px 15px;
  position: relative;
  border: 2px solid #ba0000; /*枠線の太さ 線種 色*/
  font-size: 14px;
}

.profile-box:before,
.profile-box:after {
  clear: both;
  content: "";
  display: block;
}

/*「この記事を書いた人」のタイトル*/
.profile-box .profile-box_title {
  position: absolute;
  top: -30px;
  left: -2px;
  padding: 0 10px;
  background: #ba0000; /*背景色*/
  color: #fff; /*文字の色*/
  font-weight: bold;
  border: 2px solid #ba0000; /*枠線の太さ 線種 色*/
  display: inline-block;
}

.profile-box_title:before {
  font-family: "Font Awesome 5 Free";
  content: "";
  font-weight: 900;
  margin-right: 7px;
}

/*アイコン画像*/
.profile-box img {
  display: block;
  width: 80px;
  height: 80px;
  float: left;
  margin: 0 20px 7px 10px; /*画像周りの余白*/
}

/*名前(ニックネーム)*/
.profile-box .profile-box_name {
  margin: 0 0 7px;
  padding: 0;
  font-size: 19px; /*文字サイズ*/
  font-weight: bolder;
}

/*プロフィール*/
.profile-box p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 21px; /*行間*/
}
.profile-box-link a {
  color: #ccc;
  text-decoration: none;
}
span.ext_icon:after {
  margin: 6px;
  vertical-align: -0.1em;
  font-size: 0.8em;
  content: "↗";
  color: #be1a22;
}
/*--------------------
  この記事を書いた人ここまで
---------------------*/

div.modal-backdrop {
  z-index: 150;
}

/* レビューレイアウト調整 */
.sysItemReview div#sysMain {
  padding: 0 3%;
}

.sysItemReview div#sysMain input[type="submit"] {
  width: auto !important;
}

.sysItemReview div#sysMain h3,
.sysItemReview div#sysMain li {
  margin-top: 30px;
}

.sysItemReview div#sysMain img.sysList {
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 400px;
  width: 100%;
}

section.kkn__list__body {
  text-align: center;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  padding: 10px;
}

h1.kkn__fv__ttl {
  padding: 50px 0px 10px 0px;
  border-bottom: 2px solid #ba0000;
  display: inline-block;
  font-size: 150%;
}

p.kkn__summary {
  margin: 0px 20px 30px 20px;
  font-size: 16px;
}

.kkn__list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 10px;
}
.kkn__list > .reasons__item:nth-child(2) h3 {
  letter-spacing: 0.5em;
}

.reasons__item {
  font-size: 14px;
  margin: 10px;
}
p.reasons__num {
  font-family: "Times New Roman", Times, serif;
  font-size: 20px;
}
.reasons__item h3 {
  border-bottom: 1px solid #ba0000;
}

@media screen and (max-width: 979px) {
  /* 979px以下用（タブレット用）の記述 */
  p.kkn__summary {
    width: max-content;
  }
}
@media screen and (max-width: 767px) {
  /* 767px以下用（タブレット／スマートフォン用）の記述 */
  p.kkn__summary {
    width: max-content;
  }
  .kkn__list {
    display: block;
  }
}
@media screen and (max-width: 479px) {
  /* 479px以下用（スマートフォン用）の記述 */
  p.kkn__summary {
    width: max-content;
  }
  .kkn__list {
    display: block;
  }
}

ul.common.characteristic-block-point {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

@media screen and (max-width: 600px) ul.characteristic-block-point li {
  text-align: center;
  font-size: 11px;
  margin-bottom: 0px;
  width: 600px;
  max-width: 100%;
}

.hakama-byuse-sp {
  display: none;
}

@media screen and (max-width: 979px) {
  .hakama-byuse-pc {
    display: none;
  }
  .hakama-byuse-sp {
    display: block;
  }
}
/*産着TOPページの余白調整*/
@media screen and (min-width: 992px) {
  img.center-block.hidden-xs.img-responsive.chg-mb60 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 992px) {
  img.center-block.img-responsive.visible-xs-block.chg-mb20 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  .tab_container.chg-mb45 {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 992px) {
  .tab_container.chg-mb45 {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 992px) {
  h2.chg-mt40 {
    margin-top: 40px;
  }
}

/*産着TOPページジャンプボタン*/
@media screen and (min-width: 992px) {
  a#ubugi-jmp {
    display: inline-block;
    position: relative;
    width: 100%;
  }
  img.bnr-sp_1 {
    display: none !important;
  }
  .ubg-bnrArea {
    display: flex;
  }
  .ubg-bnrList-1,
  .ubg-bnrList-2 {
    border: solid 1px #ffffff;
    margin: 60px 4px 55px 4px;
    box-shadow: 1px 7px 20px 2px rgba(0, 0, 0, 0.08);
    width: 100%;
    height: fit-content;
  }
  .ubg-menuList-1,
  .ubg-menuList-2 {
    display: inline-block;
    font-family: "ten-mincho", serif;
    font-weight: bold;
    font-size: large;
    color: #333333;
  }
  .ubg-menuList-1 {
    transform: translate(100px, -40px);
  }
  .ubg-menuList-2 {
    transform: translate(60px, -40px);
  }
  .ubg-menuList-1 p::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    transform: translate(-40px, 16px) rotate(135deg);
  }
  .ubg-menuList-2 p::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    transform: translate(-85px, 16px) rotate(135deg);
  }
  .ubg-bnrList-1 a,
  .ubg-bnrList-2 a {
    text-decoration: none;
  }
}

@media screen and (max-width: 992px) {
  img.bnr-pc_1 {
    display: none !important;
  }
  .ubg-bnrArea {
    display: flex;
  }
  .ubg-menuList-1,
  .ubg-menuList-2 {
    text-align: center;
    font-family: "ten-mincho", serif;
    font-weight: bold;
    font-size: large;
    color: #333333;
    position: relative;
    display: block;
    padding: 5px 0;
    border-radius: 8px;
    margin-top: -10px;
    white-space: nowrap;
  }
  .ubg-menuList-1 p::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    transform: translate(-40px, 16px) rotate(135deg);
  }
  .ubg-menuList-2 p::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    transform: translate(-85px, 16px) rotate(135deg);
  }
  .ubg-bnrList-1,
  .ubg-bnrList-2 {
    border: solid 1px #ffffff;
    margin: 25px 4px 20px 4px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
  }
  .ubg-bnrList-1 a,
  .ubg-bnrList-2 a {
    text-decoration: none;
  }
  img.bnr-sp_1 {
    width: 100%;
  }
}

/* ↓topページのバナーを表示させる部分とh2テキストの表示範囲のcss 20240605茨木 */
.sysFuncText.feature.sysDisplayTabletNone {
  font-size: 18px;
  font-family: serif;
  color: #333;
  text-align: center;
  margin: 30px 0px 40px 0px;
}
h1.introduction-txt {
  font-family: serif;
  font-weight: 600;
}
div.inner-bn {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.inner-bn a {
  margin: 0 16px;
}
div.inner-bn a img {
  width: 100%;
  height: auto;
}
/* ↑ここまで */

/* ページ下固定バナー */
@media screen and (max-width: 480px) {
  .floating-banner {
    display: block;
    position: fixed;
    z-index: 9999;
    right: 0;
    bottom: 0px;
    width: auto;
  }
  .dual__bnr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
  }
}
@media screen and (min-width: 480px) {
  .floating-banner {
    display: none;
  }
}

/* ↓カテゴリページ内ジャンプボタン */
.l-jmp__cta {
  display: flex;
  /*font-size: min(calc(1.38889vw - .07552rem),1.3125rem);*/
  /*gap: min(.8163265306vw + 6.9387755102px, 20px);*/
  gap: 30px;
  margin: 35px 0px 50px 0px;
  justify-content: center;
}
span.l-jmp__cta__text {
  color: #fff;
  line-height: 1.5;
  font-size: medium;
}
.l-jmp__cta-button a .ico {
  aspect-ratio: 1 / 1;
  background-color: #fff;
  border-radius: 50%;
  display: grid;
  font-size: 2.8571428571em;
  height: 1em;
  margin-left: auto;
  overflow: hidden;
  transition-duration: 0.5s;
}
.l-jmp__cta-button a {
  align-items: center;
  background-color: #ee6577; /*ボタンの色*/
  border-radius: 9999px;
  display: flex;
  gap: 1em;
  min-height: 6em;
  min-width: 25.142857em;
  padding: 0.5em 1.5em 0.5em 2em;
  transition-duration: 0.5s;
  position: relative;
  text-decoration: none;
}
.c-ico {
  fill: currentColor;
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.15em;
}
@media (max-width: 956px) {
  .l-jmp__cta {
    display: grid;
    gap: 10px;
  }
  .l-jmp__cta-button a {
    min-width: initial;
    width: 90vw;
  }
}
@media (max-width: 750px) {
  .l-jmph__cta {
    margin: -20px 0px 45px 0px;
  }
}
/* ↑ここまで */

/* 2024/8/14作業 商品詳細ページの商品画像下テキストを非表示 */
.sysImageDescription {
  display: none;
}
/* 2024/8/14作業 商品詳細ページの商品画像下テキストを非表示 */

.h__ttl {
  color: #333;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}

.sysItemName {
  margin-top: -10px;
}

.sysItemPrArea > .pr_new,
.sysItemPrArea > .pr_character,
.sysItemPrArea > .pr_new-next,
.sysItemPrArea > .pr_sale,
.sysItemPrArea > .pr_no1Lastyear,
.sysItemPrArea > .pr_classic,
.sysItemPrArea > .pr_trend,
.sysItemPrArea > .pr_model,
.sysItemPrArea > .pr_zurashi {
  padding: 1px 7px;
  /* border-radius: 50px; */
  text-align: center;
  white-space: nowrap;
  font-size: 1.02rem;
  position: absolute;
  height: auto;
  left: 5px;
  display: inline-block;
  /* bottom: 90%; */
  top: 5.5%;
  width: inherit;
  font-weight: 400;
  margin: 0;
}
.sysItemPrArea > .pr_new {
  background: #ff3232;
  color: #fff;
}
.sysItemPrArea > .pr_character {
  background: #ff9fd1;
  color: #fff;
}
.sysItemPrArea > .pr_new-next {
  background: #c3b66e;
  color: #fff;
}
.sysItemPrArea > .pr_sale {
  background: #fdd001;
  color: #d6000f;
}
.sysItemPrArea > .pr_no1Lastyear {
  background: #ff8700;
  color: #fff;
}
.sysItemPrArea > .pr_classic {
  background: #b57ded;
  color: #fff;
}
.sysItemPrArea > .pr_trend {
  background: #13d0d2;
  color: #fff;
}
.sysItemPrArea > .pr_model {
  background: #fe348e;
  color: #fff;
}
.sysItemPrArea > .pr_zurashi {
  border-radius: 3px;
  background: #cfefff;
  color: #333;
}
.sysPr > .pr_new,
.sysPr > .pr_character,
.sysPr > .pr_new-next,
.sysPr > .pr_sale,
.sysPr > .pr_no1Lastyear,
.sysPr > .pr_classic,
.sysPr > .pr_trend,
.sysPr > .pr_model,
.sysPr > .pr_zurashi {
  position: absolute;
  border-radius: 50px;
  text-align: center;
  white-space: nowrap;
  font-size: 1.02rem;
  height: auto;
  left: 1%;
  display: inline-block;
  width: inherit;
  font-weight: 400;
  margin: 0;
  border: inherit;
  bottom: 1%;
  padding: 0px 7px 0px 7px;
  z-index: 1;
}
.sysPr > .pr_new {
  background: #ff3232;
  color: #fff;
}
.sysPr > .pr_character {
  background: #ff9fd1;
  color: #fff;
}
.sysPr > .pr_new-next {
  background: #e6c619;
  color: #333;
}
.sysPr > .pr_sale {
  background: #fdd001;
  color: #d6000f;
}
.sysPr > .pr_no1Lastyear {
  background: #ff8700;
  color: #fff;
}
.sysPr > .pr_classic {
  background: #b57ded;
  color: #fff;
}
.sysPr > .pr_trend {
  background: #13d0d2;
  color: #fff;
}
.sysPr > .pr_model {
  background: #fe348e;
  color: #fff;
}
.sysPr > .pr_zurashi {
  border-radius: 3px;
  background: #cfefff;
  color: #333;
}
span.pr_zurashi::before {
  content: "+";
  background-color: #00aaff;
  position: absolute;
  left: -1px;
  color: #00aaff;
  border-radius: 10%;
  top: 0;
  bottom: 0;
}

.sysBlock.wrapper__item-detail {
  visibility: hidden;
  margin-top: 5px;
}

/* 商品画像を正方形表示にする */
.sysItemList ul.sysThumbnail li img {
  aspect-ratio: 1;
  object-fit: contain;
}
img.thumbnail {
  padding: inherit;
}
.tab_ranking_all .sysContent .sysHorizontal .sysItemImage img {
  width: 100%;
  vertical-align: middle;
  aspect-ratio: 1;
  object-fit: contain;
}
.tab_ranking_all > .sysContent > .sysItemBlock > ul > li > .sysItemName {
  margin-top: 0px;
}
.for_ranking .sysContent .sysItemBlock ul li img {
  aspect-ratio: 1;
  object-fit: contain;
}
/* 商品画像を正方形表示にする */

.sysRentalExtendDays {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div#sysNumber {
  display: none;
}
div#sysOpc {
  margin-top: 20px;
  padding: 0px 10px;
}
.opcConfirm_order {
  background-color: #be1a22;
  width: 100%;
}
.opcOrderSummaryTitle,
.opcBillingAddressTitle,
.opcItemCommonOptionsTitle,
.opcClientTitle,
.opcDeliveryAddressTitle,
.opcDeliveryMethodTitle,
.opcItemTitle,
.opcPaymentMethodTitle,
.opcRemarksTitle,
.opcSubstituteOrderMemoTitle,
.opcPointTitle,
.opcCouponCodeTitle,
.opcCouponTitle,
.opcMemberTitle,
.opcRepeatTitle,
.opcDeliveryAddressAndItemsTitle,
.opcSocialGiftItemsTitle,
.opcSocialGiftLetterTitle,
.opcDeliveryAddressHeader,
.opcDeliveryMethodHeader,
.opcDeliveryAddressItemHeader,
.opcSubstituteShippingMemoHeader,
.basketCouponTitle {
  margin-top: 20px;
  font-size: 13px;
  font-weight: bolder;
  background-color: #e7e9ec;
  color: #333;
  padding: 0.5em;
  border-left: 1px solid #9b9b9b;
  border-right: 1px solid #9b9b9b;
  border-top: 1px solid #9b9b9b;
}
.opcItem_numAndLabelGroup_edit {
  display: none;
}
.opcCommonRequireLabel {
  color: #be1a22;
}
.opcCommonEditModeBlock {
  background: inherit;
}
input#billingAddressName,
input.opcBillingAddress_nameKana_edit.opcCommonInputText,
input.opcBillingAddress_zipCode_edit.opcCommonInputText,
input.opcBillingAddress_address1_edit.opcCommonInputText,
input.opcBillingAddress_address2_edit.opcCommonInputText,
input.opcBillingAddress_tel_edit.opcCommonInputText,
input.opcBillingAddress_mailaddress_edit.opcCommonInputText,
input.opcCouponCode_couponCode_edit.opcCommonInputText,
input.opcPoint_usePoint_edit.opcCommonInputText,
input#deliveryAddressName1,
input.opcDeliveryAddress_nameKana_edit.opcCommonInputText,
input.opcDeliveryAddress_zipCode_edit.opcCommonInputText,
input.opcDeliveryAddress_addressAddress1_edit.opcCommonInputText,
input.opcDeliveryAddress_addressAddress2_edit.opcCommonInputText,
input.opcDeliveryAddress_tel_edit.opcCommonInputText,
input.opcPaymentMethod_webCollectCardNo_edit.opcCommonInputText,
input.opcPaymentMethod_webCollectSecurityCode_edit.opcCommonInputText,
input.opcPaymentMethod_webCollectUserName_edit.opcCommonInputText {
  width: fit-content;
}
.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit {
  border-bottom: inherit;
}
input.opcPaymentMethod_completeButton_edit.opcCommonButtonEdit,
input.opcDeliveryMethod_completeButton_edit.opcCommonButtonEdit,
input.opcBillingAddress_completeButton_edit.opcCommonButtonEdit {
  background-color: #be1a22;
  color: #fff;
}
.opcCommonElementErrorMessage {
  color: #be1a22;
  margin-left: inherit;
}
.opcOrderSummary {
  line-height: 28px;
}
.sysOpcBody .opcPaymentMethodDataBind .opcPaymentMethod_edit:nth-child(4) {
  /*display: none;*/
}
.opcOrderSummary,
.opcBillingAddress,
.opcDeliveryAddress,
.opcDeliveryMethod,
.opcItem,
.opcPaymentMethodArea,
.opcRemarks_edit {
  line-height: 1.7;
  font-size: 110%;
}
.opcOrderBackToBasket {
  padding-left: 5px;
}
select.opcItem_itemOption_edit.opcCommonInputSelect {
  width: 100%;
}
.m-info__barea {
  border: 1px solid #adadad;
  text-align: left;
  padding: 5px 10px;
  margin-bottom: 10px;
}
span.pr_soumu > img,
span.pr_anshin > img {
  width: 25%;
  border-radius: 10px;
  margin: 5px 8px 30px 0px;
}
span.pr_soumu > img,
span.pr_drycleaning > img {
  width: 25%;
  border-radius: 10px;
  margin: 5px 8px 30px 0px;
}
.sysRentalScheduleNotice > p {
  line-height: 20px;
}

/* bxslider-i ここから*/
.sysItemImages .sysImageList li img {
  border: inherit;
}
.sysItemImages .sysImageList li.sysCurrent img {
  border: inherit;
}
.bx-wrapper {
  -webkit-box-shadow: inherit !important;
  box-shadow: inherit !important;
}
.custom-thumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
  list-style: none;
  justify-content: flex-start;
}
.custom-thumb li {
  width: calc(100% / 5);
}
.custom-thumb li img {
  padding: 1px;
}
#slide {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  border-top: 1px solid #ccc;
  left: 0;
}
.thumView {
  width: 100%;
  height: 90px;
  margin: 20px auto 0;
  overflow: hidden;
  outline: 1px solid rgba(0, 0, 0, 0);
}
/* bxslider-i ここまで*/

.sysRentalStartDate {
  font-size: 1.5rem;
}

.review_list a:nth-child(2) {
  background-color: #e7e9ec;
  display: inline-block;
  color: #333;
  padding: 0px 5px;
  border-radius: 10px;
  display: none;
}

.sysOrderHistory > .sysOrderList > .sysOrders {
  margin-top: 70px;
}
.sysCancel {
  margin: 10px 0px;
  color: #be1a22;
  font-weight: 600;
}
li.sysOrder > .sysItemName {
  margin: 10px 0px;
}
.sysItemReviewLink {
  margin: 8px 0px 0px 0px;
  background-color: #fffcd2;
  text-align: center;
  padding: 5px 0px;
}
.opcRemarks_remarkDescription_edit {
  margin-left: 0px;
}
.opcBillingAddress_fullAddressLabel {
  display: inline;
}
.opcDeliveryAddress_fullAddressLabel {
  display: inline;
}
.sysFuncText.top_news {
  /*margin-top: 50px;*/
}
.sysCategoryPankuzu {
  margin-top: 10px;
  font-size: 1rem;
}
.sysRentalSchedules {
  margin-top: 37px;
  position: relative;
}
div#sysWishlist {
  width: 40px;
  text-align: center;
  position: absolute;
  right: 0;
  top: -27px;
}
#sysItemDetail #sysMain #sysWishlist .sysButton {
  width: 23px;
  height: 23px;
  text-indent: -9999px;
  border: none;
  background: url(../img/common/ico_fav.png) no-repeat;
  background-size: contain;
}
#sysItemDetail #sysMain #sysWishlist .sysButton[disabled],
#sysItemDetail #sysMain #sysWishlist .sysButton:hover {
  background-color: transparent;
  background-image: url(../img/common/ico_favOn.png);
}
div#sysWishSum {
  top: 30px;
  width: 40px;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
  color: #666;
  position: absolute;
  right: 0;
  top: 0px;
}
.sysWishlistLoginGroup {
  text-align: center;
}
.sysWishlistMemberRegisterGroup {
  text-align: center;
}
.sysWishlistCloseBottomButtonGroup {
  text-align: center;
}
.sysWishlistShowGroup {
  text-align: center;
}
.mdl-dialog__content {
  padding: 10px 24px 15px 24px;
  text-align: center;
}
.mdl-dialog__image.sysWishlistThumbnail {
  text-align: center;
}
span.pr_soumu > img,
span.pr_anshin > img {
  width: 22%;
  border-radius: 10px;
  margin: -20px 8px 30px 0px;
}
span.pr_soumu > img,
span.pr_drycleaning > img {
  width: 22%;
  border-radius: 10px;
  margin: -20px 8px 30px 0px;
}
.sysFuncText.t-rental_guide {
  margin-top: 50px;
}
.sysItemListDisp .sysItemListViewType {
  display: none;
}
.c-bnr-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  margin-top: 10px;
  gap: 5px;
}

#vi_conts {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 3%;
}
#vi_conts .video_area {
  width: 98%;
  max-width: 650px;
  margin: 0 0.5%;
  box-sizing: border-box;
}
.itempage_detail .video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.itempage_detail .video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.video iframe,
#vi_conts .video a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recommend_hakama > .sysContent > .sysItemBlock > ul > li > .sysItemName {
  margin-top: 0px;
}
.sysCart #sysMain .sysNumArea {
  display: none;
}
.sysCart #sysMain input.basket_confirmCoupon {
  display: none;
}
#sysBasket .sysFreeArea + .sysNextSubmitAreaForUseAmazon {
  display: none;
}
.bx-wrapper .bx-controls-direction a {
  z-index: 1;
}
#cg_conts {
  margin: 20px auto 70px;
  width: 100%;
  max-width: 1280px;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0px 10px;
}
.cg_list {
  display: -webkit-flex;
  display: flex;
}
.cg_list li {
  max-width: 100%;
  box-sizing: border-box;
  text-align: center;
  word-break: break-all;
  margin: 8px 10px;
}
.cg_list img {
  line-height: 0;
  margin-bottom: 8px;
}
.top_category_name {
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.sysFuncText.t-cat_list.index-s__one-line {
  margin: 46px 0px -35px 0px;
}
section.reason {
  margin: 35px 10px;
  border: solid 1px #333;
  border-radius: 10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.reason_ttl {
  text-align: center;
  font-size: 2.6rem;
}
.reason_side_right {
  width: 50%;
}
.reason_side_left {
  width: 50%;
  padding: 0px 45px;
}
.reason_ttl span {
  display: block;
  font-size: 1.5rem;
}
.reason_txt {
  padding: 10px 0px;
}
.reason_txt h3 {
  font-size: 2rem;
  color: #d73a3a;
}
.reason_txt p {
  line-height: 2;
  font-weight: 300;
}
section.page-cover-rental {
  max-width: 100%;
  margin: 20px 10px;
  text-align: center;
  padding: 10px 5px;
  border: 1px solid #333;
  border-radius: 10px;
}
.page-cover-ttl {
  font-size: 1.6rem;
  letter-spacing: 0.4em;
}
.page-cover-desc {
  line-height: 1.7;
}
.s-row-ranking {
  padding: 10px 0px 0px 0px;
  margin: 40px 0px;
}
.s-row-ranking h2 {
  display: flex;
  padding: 10px;
  margin: 0 auto;
  color: #797979;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
}
.s-row-ranking h2::before,
.s-row-ranking h2::after {
  background-color: #797979;
  content: "";
  height: 0.1px;
  width: 60px;
}
.s-row-ranking h2::before {
  margin-right: 15px;
}
.s-row-ranking h2::after {
  margin-left: 15px;
}
.s-row-ranking h3 {
  text-align: center;
  margin-top: -8px;
  color: #aba5a5;
  font-weight: inherit;
}
.s-row-list {
  display: flex;
  position: relative;
  padding: 30px 20px 0px 20px;
  overflow-x: scroll;
  counter-reset: rank;
}
.s-row-list li {
  flex-shrink: 0;
  margin-left: 30px;
  position: relative;
  width: 200px;
}
.s-row-list li:first-child {
  margin-left: 0;
}
.s-row-list li:before {
  content: "";
  position: absolute;
  border-bottom: 3.5em solid transparent;
  border-left: 3.5em solid #ededed;
}
.s-row-list li:after {
  counter-increment: rank;
  content: counter(rank);
  position: absolute;
  top: 4px;
  left: 7.4px;
  font-size: 1.2em;
  color: #797979;
}
.s-row-list li a img {
  aspect-ratio: 1;
  object-fit: contain;
}
.s-row-list li p {
  font-size: 1rem;
}
div.sysItemCategoryCtl > a[href*="sort=4"],
a[href*="sort=5"] {
  display: none !important;
}
.sysReviewItemList {
  margin: 0px 10px;
}
.sysReviewText {
  font-size: 1.2rem;
}
.sysReviewDatetime {
  text-align: right;
  font-size: 1.2rem;
}
.price-filter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 25px 0px 50px 0px;
  padding: 0 10px;
}
.price-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 5px 14px 5px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  color: #222;
  text-decoration: none;
  font-size: clamp(13px, 2.5vw, 16px);
  line-height: 1;
  transition:
    box-shadow 0.15s ease,
    transform 0.05s ease;
}
.price-btn::after {
  content: "›";
  position: absolute;
  right: 16px;
  font-size: clamp(16px, 4vw, 18px); /* 矢印もサイズ連動 */
  line-height: 1;
  transform: translateX(0);
  transition: transform 0.15s ease;
}
.price-btn:hover,
.price-btn:focus {
  outline: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
.price-btn:hover::after,
.price-btn:focus::after {
  transform: translateX(2px);
}
/* 複製ボタン用デザイン（下部固定） */
.sysCartButtonBottom {
  position: fixed;
  bottom: -4px;
  left: 0;
  width: 100%;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  opacity: 0.85;
  background-color: #d11b1b !important;
}
.sysCartButtonBottom:hover {
  background-color: #e04e4e;
}
.sysRentalUseItemName {
  background-color: #ffcccc !important;
}
.sysRentalReachItemName {
  background: #ffe7c1 !important;
}
.sysRentalSendItemName {
  background: #ffe7c1 !important;
}
.ct-link ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ct-link ul li {
  border: 1px solid #e5e5e5;
  padding: 10px;
  position: relative;
  width: calc(100% / 2);
}
button.remodal-close:after {
  width: 10px;
  height: 10px;
  content: "×";
}
#pickup .col-md-6 {
  width: calc(100% / 5);
  padding: 5px;
  display: inline-block;
  margin-right: -5px;
}
.season_pickup .sysContent .sysHorizontal .sysItemImage img {
  width: 80%;
  vertical-align: middle;
}
.season_pickup .sysContent .sysHorizontal li .sysItemName {
  margin-top: 0px;
}
.ranking-banner-link {
  text-align: center;
  margin-top: 18px;
  margin-bottom: 10px;
}
.ranking-banner-link a {
  font-size: 16px;
  color: #984752;
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding-bottom: 3px;
}
/* common END------------------------------------------------- */
.c-category-nav {
  position: fixed;
  z-index: 100;
  width: 100%;
  max-width: 1480px;
  margin-inline: auto;
  top: 162px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  box-shadow: 0 3px 6px #00000026;
  a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-family: "Shippori Mincho", serif;
    padding-block: 1em;
    transition: filter 0.3s ease;
  }
}
.c-category-nav.is-ubugi {
  grid-template-columns: repeat(2, 1fr);
}
.c-category-nav.is-kashikimono {
  grid-template-columns: repeat(3, 1fr);
  span {
    font-size: 150%;
    color: #3e6544;
  }
}
.c-category-nav.is-kashikimono a:nth-child(1) {
  background-color: #f5f7ed;
}
.c-category-nav.is-kashikimono a:nth-child(2) {
  background-color: #ebf0d7;
}
.c-category-nav.is-kashikimono a:nth-child(3) {
  background-color: #dbe5b2;
}

.c-category-nav.is-ubugi a:nth-child(1) {
  background-color: #eaf0f8;
}
.c-category-nav.is-ubugi a:nth-child(2) {
  background-color: #f8edf2;
}
.c-category-nav a:nth-child(1) {
  background-color: #f7e5e5;
}
.c-category-nav a:nth-child(2) {
  background-color: #dbf0f3;
}
.c-category-nav a:nth-child(3) {
  background-color: #ece6f1;
}
.c-category-nav a:nth-child(4) {
  background-color: #dfeee8;
}
.c-category-nav a:hover {
  text-decoration: none;
  filter: brightness(0.85);
}
.c-category-nav a:not(:last-child) {
  border-right: 1px solid #b7ae79;
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
  .c-category-nav {
    top: 125px;
  }
}

@media screen and (max-width: 767px) {
  .c-category-nav {
    top: 77px;
  }
  .c-category-nav {
    a {
      font-size: 14px;
    }
  }
  .c-category-nav.is-kashikimono {
    a {
      font-size: 10px;
    }
  }
}
@media screen and (max-width: 786px) {
  #sysWrap {
    margin-top: 129px !important;
  }
}
.c-line-banner {
  position: fixed;
  bottom: 94px;
  right: 0;
  z-index: 100;
  width: 200px;
  opacity: 0;
  visibility: hidden;
}

.c-line-banner.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.c-line-banner.is-close {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media screen and (max-width: 786px) {
  .c-line-banner {
    width: 150px;
  }
}
/* .pagetop {
  display: none !important;
} */
.c-line-banner-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 22%;
  height: 26%;
  background-color: #333;
  opacity: 0.2;
}
/* body {
  margin: 0;
} */
.c-flow {
  padding-block: 60px;
  max-width: 940px;
  width: calc(100% - 40px);
  margin-inline: auto;
  * {
    margin: 0;
  }
}
.c-flow__inner {
  margin-block-start: 40px;
}
.c-flow__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.c-flow__item {
  text-align: center;
}
.is-ubugi .c-flow__icon {
  background-color: #f2e1ea;
  svg {
    fill: #ad7991;
    display: flex;
  }
}
.is-houmongi .c-flow__icon {
  background-color: #f5f7ed;
  svg {
    fill: #8aa087;
  }
}
.c-flow__icon {
  width: 120px;
  height: 120px;
  background-color: #f5f2df;
  border-radius: calc(infinity * 1px);
  display: grid;
  place-items: center;
  margin-inline: auto;
  svg {
    fill: #b7ae79;
    display: flex;
  }
}
.c-flow__title {
  font-size: 18px;
  color: #b7ae79;
  font-weight: 700;
  margin-block: 16px 8px;
}
.is-ubugi .c-flow__title {
  color: #ad7991;
}
.is-houmongi .c-flow__title {
  color: #8aa087;
}
.c-flow__note {
  font-size: 16px;
}
.c-flow__link {
  margin-block-start: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 600px;
  width: 100%;
  margin-inline: auto;
  background-color: #b7ae79;
  color: #fff;
  font-size: 26px;
  height: 60px;
  border-radius: calc(infinity * 1px);
  text-decoration: none;
  padding-inline: 20px;
  border: 1px solid #b7ae79;
  transition: all 0.3s ease;
  box-sizing: border-box;
  svg {
    display: flex;
    fill: currentColor;
  }
}
.is-ubugi .c-flow__link {
  background-color: #ad7991;
  border-color: #ad7991;
}
.is-houmongi .c-flow__link {
  background-color: #8aa087;
  border-color: #8aa087;
}
.c-flow__link::before {
  content: "";
  display: block;
}
.c-flow__link:hover {
  background-color: #fff;
  color: #b7ae79;
}
.is-ubugi .c-flow__link:hover {
  background-color: #fff;
  color: #ad7991;
}
.c-flow__sub-title {
  margin-block: 60px 16px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #ad7991;
}
.c-flow__sub-video {
  iframe {
    width: 100%;
    aspect-ratio: 16/9;
    max-width: 600px;
    margin-inline: auto;
    display: block;
  }
}
@media (max-width: 767px) {
  .c-flow__inner {
    margin-block-start: 25px;
  }
  .c-flow__list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .c-flow__item {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 0 13px;
    align-items: center;
    text-align: left;
  }
  .c-flow__item:nth-of-type(1) {
    svg {
      width: 27px;
    }
  }
  .c-flow__item:nth-of-type(2) {
    svg {
      width: 33px;
    }
  }
  .c-flow__item:nth-of-type(3) {
    svg {
      width: 45px;
    }
  }
  .c-flow__item:nth-of-type(4) {
    svg {
      width: 32px;
    }
  }
  .c-flow__icon {
    width: 70px;
    height: 70px;
    grid-row: 1/4;
  }
  .c-flow__title {
    margin-block: 0 4px;
    font-size: 14px;
  }
  .c-flow__note {
    font-size: 12px;
  }
  .u-sp-hidden {
    display: none;
  }
  .c-flow__link {
    margin-block-start: 28px;
    font-size: 16px;
    height: 40px;
    svg {
      width: 10px;
    }
  }
  .c-flow__sub-title {
    margin-block: 37px 5px;
    font-size: 14px;
  }
}
.c-banner-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 830px;
  margin: 0 auto 80px;
  a {
    display: block;
  }
  img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-banner-list {
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 0 auto 40px;
  }
}

.c-faq {
  padding-block: 60px;
  max-width: 1080px;
  width: calc(100% - 40px);
  margin-inline: auto;
  font-family: "Shippori Mincho", serif;
  * {
    margin: 0;
  }
}
.c-faq__list {
  margin-block-start: 40px;
  border-bottom: 1px solid #b7ae79;
}
.is-ubugi.c-faq__list {
  border-bottom: 1px solid #ad7991;
}
.is-houmongi.c-faq__list {
  border-bottom: 1px solid #8aa087;
}
.is-ubugi .c-faq__question {
  background-color: #f8f4f7;
  border-top: 1px solid #ad7991;
  span {
    background-color: #ad7991;
  }
  span::before {
    background-color: #ad7991;
  }
}
.is-houmongi .c-faq__question {
  background-color: #f5f7ed;
  border-top: 1px solid #8aa087;
  span {
    background-color: #8aa087;
  }
  span::before {
    background-color: #8aa087;
  }
}
.c-faq__question {
  position: relative;
  background-color: #fdfbef;
  padding: 14px 50px;
  border-top: 1px solid #b7ae79;
  font-size: 18px;
  span {
    position: absolute;
    top: 50%;
    right: 28px;
    translate: 0 -50%;
    display: block;
    width: 16px;
    height: 2px;
    background-color: #b7ae79;
  }
  span::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    display: block;
    width: 16px;
    height: 2px;
    background-color: #b7ae79;
    rotate: 90deg;
  }
}
.c-faq__answer {
  background-color: #fff;
  padding: 25px 50px;
  font-size: 16px;
  line-height: 1.5;
  display: none;
  border-top: 1px solid #b7ae79;
}
.is-active .c-faq__answer {
  display: block;
}
.is-active .c-faq__question {
  span::before {
    rotate: 0deg;
  }
}
.is-ubugi .c-faq__answer {
  border-top: 1px solid #ad7991;
}
.is-houmongi .c-faq__answer {
  border-top: 1px solid #8aa087;
}
@media (max-width: 767px) {
  .c-faq__question {
    font-size: 12px;
    padding: 12px 17px;
    span {
      right: 11px;
    }
  }
  .c-faq__answer {
    font-size: 10px;
    padding: 18px 17px;
  }
  .c-faq__list {
    margin-block-start: 25px;
    border-bottom: 1px solid #b7ae79;
  }
}
.c-column {
  margin-block-start: 60px;
  padding: 96px 0 23px;
  background: #f7f7f7;
  position: relative;
  overflow-x: clip;
}

.c-column__heading {
  margin-bottom: 28px;
  text-align: center;
  position: absolute;
  top: -33px;
  left: 50%;
  translate: -50% 0;
}

.c-column__en {
  margin: 0;
  color: #ef5350;
  font-family: "EB Garamond", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.08em;
}

.c-column__title {
  margin: 7px 0 0;
  color: #333;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.4;
  font-family: "Shippori Mincho", serif;
}

.c-column__swiper {
  overflow: visible;
}

.c-column__slide {
  width: 295px;
}

.c-column-card {
  display: block;
  color: #333;
  text-decoration: none;
}

.c-column-card__image {
  aspect-ratio: 295 / 182;
  overflow: hidden;
}

.c-column-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-column-card__date {
  display: block;
  margin-top: 14px;
  color: #555;
  font-size: 14px;
  line-height: 1.4;
}

.c-column-card__title {
  margin: 8px 0 0;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.65;
}

.c-column__pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 48px;
}

.c-column__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 !important;
  background: #f5bcbc;
  opacity: 1;
}

.c-column__pagination .swiper-pagination-bullet-active {
  background: #ef5350;
}

.c-column__swiper {
  max-width: 1080px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
/* SP */
@media screen and (max-width: 767px) {
  .c-column {
    padding: 90px 0 35px;
  }

  .c-column__heading {
    top: -22px;
  }

  .c-column__en {
    font-size: 34px;
  }

  .c-column__title {
    margin-top: 11px;
    font-size: 16px;
  }
  .c-column__slide {
    width: auto;
  }

  .c-column-card__image {
    aspect-ratio: 295 / 182;
  }

  .c-column-card__date {
    margin-top: 10px;
    font-size: 10px;
  }

  .c-column-card__title {
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.55;
  }

  .c-column__pagination {
    margin-top: 22px;
    gap: 9px;
  }

  .c-column__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}
.c-voice {
  padding: 45px 0 42px;
  background: #fffdf2;
  overflow: hidden;
}
.is-ubugi.c-voice {
  background: #f8f4f7;
}
.is-houmongi.c-voice {
  background: #f5f7ed;
}
.c-voice__inner {
  width: 100%;
}

.c-voice__heading {
  margin-bottom: 32px;
  text-align: center;
}

.c-voice__en {
  margin: 0;
  color: #b9aa70;
  font-family: "EB Garamond", serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.08em;
}
.is-ubugi .c-voice__en {
  color: #ad7991;
}

.c-voice__title {
  margin: 12px 0 0;
  color: #333;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.4;
  font-family: "Shippori Mincho", serif;
}

.c-voice__swiper {
  position: relative;
  max-width: 1340px;
  width: calc(100% - 140px);
  margin: 0 auto;
  overflow: visible;
}

.c-voice__wrapper {
  align-items: stretch;
}

.c-voice__slide {
  height: auto;
}

.c-voice-card {
  height: 100%;
  padding: 14px 17px 20px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  /* aspect-ratio: 420/400; */
}

.c-voice-card__head {
  display: flex;
  align-items: center;
  min-height: 140px;
  gap: 40px;
}

.c-voice-card__image {
  flex: 0 0 125px;
  width: 125px;
}

.c-voice-card__image img {
  display: block;
  width: 100%;
  height: 170px;
  object-fit: contain;
}

/* .c-voice-card__info {
  flex: 1;
  padding: 14px 0 0 8px;
} */

.c-voice-card__category {
  margin: 0 0 10px;
  color: #b9aa70;
  font-size: 16px;
  line-height: 1.4;
}
.is-ubugi .c-voice-card__category {
  color: #ad7991;
}
.is-houmongi .c-voice-card__category {
  color: #8aa087;
}
.c-voice-card__name {
  margin: 0;
  color: #444;
  font-size: 16px;
  line-height: 1.5;
}

.c-voice-card__author {
  margin: 10px 0 0;
  color: #555;
  font-size: 16px;
  line-height: 1.4;
}

.c-voice-card__text {
  margin: 24px 0 0;
  color: #444;
  font-size: 14px;
  line-height: 1.75;
}

/* 矢印 */
.c-voice__prev,
.c-voice__next {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #b9aa70;
  cursor: pointer;
  transform: translateY(-50%);
}
.is-ubugi .c-voice__prev,
.is-ubugi .c-voice__next {
  background: #ad7991;
}
.is-houmongi .c-voice__prev,
.is-houmongi .c-voice__next {
  background: #8aa087;
}
.c-voice__prev {
  left: -25px;
}

.c-voice__next {
  right: -25px;
}

/* 左矢印 */
.c-voice__prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 12px solid #fff;
}

/* 右矢印 */
.c-voice__next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 12px solid #fff;
}

/* SP */
@media screen and (max-width: 767px) {
  .c-voice {
    padding: 32px 0 35px;
  }

  .c-voice__heading {
    margin-bottom: 25px;
  }

  .c-voice__en {
    font-size: 20px;
  }

  .c-voice__title {
    margin-top: 8px;
    font-size: 16px;
  }

  .c-voice__swiper {
    width: 100vw;
    margin: 0 auto;
    overflow: visible;
  }

  .c-voice__slide {
    width: 100%;
  }

  .c-voice-card {
    padding: 12px 14px 17px;
  }

  .c-voice-card__head {
    min-height: 120px;
    gap: 30px;
  }

  .c-voice-card__image {
    flex: 0 0 94px;
    width: 94px;
  }

  .c-voice-card__image img {
    height: 126px;
  }

  .c-voice-card__info {
    padding-top: 8px;
    padding-left: 8px;
  }

  .c-voice-card__category {
    margin-bottom: 7px;
    font-size: 10px;
  }

  .c-voice-card__name {
    font-size: 10px;
  }

  .c-voice-card__author {
    margin-top: 7px;
    font-size: 10px;
  }

  .c-voice-card__text {
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.7;
  }

  .c-voice__prev,
  .c-voice__next {
    width: 26px;
    height: 26px;
  }

  .c-voice__prev {
    left: 30px;
  }

  .c-voice__next {
    right: 30px;
  }

  .c-voice__prev::before {
    /* left: 15px; */
    left: 46%;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-right-width: 8px;
  }

  .c-voice__next::before {
    /* right: 15px; */
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 8px;
  }
}
.c-voice__pagination {
  display: none;
}

/* SPのみ表示 */
@media screen and (max-width: 767px) {
  .c-voice__pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
  }

  .c-voice__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0;
    background: #d8cda5;
    opacity: 1;
  }

  .c-voice__pagination .swiper-pagination-bullet-active {
    background: #b9aa70;
  }
  .is-ubugi .c-voice__pagination .swiper-pagination-bullet {
    background: #fff;
  }
  .is-ubugi .c-voice__pagination .swiper-pagination-bullet-active {
    background: #ad7991;
  }
  .is-houmongi .c-voice__pagination .swiper-pagination-bullet {
    background: #fff;
  }
  .is-houmongi .c-voice__pagination .swiper-pagination-bullet-active {
    background: #8aa087;
  }
}
.ykt-ranking {
  overflow-x: scroll;
}
.ykt-ranking .ykt-list {
  overflow-x: auto;
}

@media screen and (max-width:600px){
/* Only Smartphone @media screen and (max-width:600px)
 *----------------------------------------------------------------------*/
#wp{
	font-size:14px;
}
  .sysDisplayMobileNone{
  	display:none !important;
  }

.sp_only { display: block; }
.pc_only { display: none; }
#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; }

/* 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;
}
.wrapper__headNavigation__tab .tab li .sysItemSearchForm .sysItemSearchFormWord {
    margin-top: 2px;
}

/***********************************
	蝠�刀隧ｳ邏ｰ繝壹�繧ｸ
***********************************/
#sysItemDetail #sysMain {
    max-width: 450px;
    width: 90% !important;
}
.sysItemList ul.sysThumbnail li{width: 50% !important;}
.sysItemName a{font-size: 11px;}
/*蝠�刀蜷�*/
#sysItemDetail .sysItemName h1{
	font-size:1.3rem;
	padding-bottom:5px;
	margin-bottom:20px;
        white-space: initial;
        overflow: initial;
        text-overflow: initial;
        margin: 20px 0px 0px 0px;
}
#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繧｢繧､繧ｳ繝ｳ(蝠�刀繧ｫ繝�ざ繝ｪ繝ｼ繝壹�繧ｸ)*/
#sysItemCategory #sysMain{padding: 5px;}
.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}

/***********************************
	SP版ヘッダー
***********************************/
/* .header_wrap {
	position: fixed;
	height: 70px;
	top: 0px; left: 0; right: 0;
	margin: auto;
	background: #ebebeb;
	z-index: 120;
} */
/* #sysHeader {
	position: fixed;
	height: 70px;
	top: 0px; left: 0; right: 0;
	margin: auto;
	background: #ebebeb;
	z-index: 120;
}
#sysHeader {
	width: 100%;
	margin: 0px auto;
} */
.h_inner{margin: 0px 0 0;}
/* .header_h1_under, .header_h1 {
	margin-left: 15px;
	width: 100%;
	height: auto;
	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: 100%;
	margin: 0;
	position: relative;
	text-align: left;
}
.header_sp .spTel {
	position: absolute;
	top: 8px;
  right: 24%;
}
.header_sp #spSearch {
        position: absolute;
        top: 14px;
        right: 97px;
        z-index: 1;
}
.header_sp .spCart {
  position: absolute;
  top: 14px;
  right: 60px;
}
.header_sp #navBtn {
  position: absolute;
  top: 14px;
  right: 20px;
}
.header_sp .spTel img,
.header_sp .spCart img,
.header_sp #navBtn img,
.header_sp #spSearch img
 {
	width: 30px;
	height: 30px;
}
.header_sp .spLogo img {
	width: 118px;
  margin-top: 14px;
  margin-left: 20px;
}
.header_sp .sysContent {
  height: 60px;
}
div#toggleElement {
    position: relative;
    background-color: #EEEEEE;
    padding: 30px 5px;
}
div#toggleElement input[type=submit] {
        /* -webkit-appearance: none; */
        padding: 11px 15px !important;
        line-height: 2;
        position: absolute;
        right: 5px;
        top: 30px;
        border: inherit;
        background-color: #333;
        color: #fff;
    }
.sysItemSearchFormWord input::placeholder {
    padding-left: 8px;
}
/***********************************
	繧ｫ繝ｼ繝域ュ蝣ｱ
***********************************/
#cartInfo{display: none;}

/***********************************
	SP版ヘッダーナビ
***********************************/
#headNavigation .pcnone{ display: block; }
#headNavigation .spnone{ display: none; }
#headNavigation li.active{ background: #fff; }
.h_navi{
	/* width: 100%;
	height: 40px; */
  display: none;
}
#headNavigation li.tab1 {
  width: 33.33%;
  height: 35px;
  margin-top:0;
  padding: 5px;
  font-size: 1rem;
}
#headNavigation li.tab1.tab__searchForm {
  width: 100%;
  padding: 1px;
}
#headNavigation li.tab1 a {
  font-size: 12px;
  line-height: 26px;
  position: relative;
}
#headNavigation li.tab1:first-child {
  border-left: none;
}
#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: rgba(0,0,0,0);
	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;*/
  border-right: none;
}
.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: rgba(255,255,255,1);
}
.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: 0px; right: 0;
	background: rgba(220,220,220,0.9);
	z-index: 10000;
	color: #444;
	display: none;
  overflow: auto;
}
#spNaviWrap {
  position: absolute;
  width: 100%;
  height: 1550px;
  top: 0px; 
  right: -100%;
  background: rgba(225,225,225,1);
  z-index:  200;
  padding: 20px 0 0;
  overflow: scroll;
}

.sp_nav .sysItemSearchForm {
  padding: 0 10px;
  position: relative;
}
.sp_nav .sysItemSearchForm .sysSearchButton {
    position: absolute;
    top: 0;
    right: 10px;
    background: #000;
    color: #fff;
    margin-top: 0;
    width: 94px;
}

/*.spNavMenu__title {
    position: relative;
    display: inline-block;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 16px;
    border-bottom: 1px solid #000;
    padding: 10px 26px;
}
.spNavMenu__title::before,
.spNavMenu__title::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.spNavMenu__title::before{
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #7a0;
    border-right: 2px solid #7a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}*/

/***********************************
	header
***********************************/
.h_login .sysHeadline,.h_search .sysHeadline{
	text-align: center;
	font-size: 18px;
    margin-botom: 10px;
}
.h_login .sysContent{text-align: center;margin:0 10px;}
.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: 5px;
        right: 18px;
	font-size: 20px;
}
#closeMenu span{
  font-size: 12px;
  margin: 0 10px;
  display: inline-block;
	cursor:pointer;
  display: none;
}
#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;
}
div#spNavMenu-head {
    margin-top: 20px;
}
#spNavMenu-head p {
  border-bottom: 1px solid #aaa;
  padding-bottom: 10px;
  padding-left: 32px;
  position: relative;
}
#spNavMenu-head p:before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #888;
  border-right: solid 2px #888;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 38%;
  left: 12px;
  margin-top: -4px;
}
#spNavMenu .spNavMenu__title {
  font-size: 14px;
  color: #000;
  margin: 10px 0 0 0;
  padding-left: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #aaa;
}
#spNavMenu .navTitle{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
#spNavMenu{margin: 30px 0 0;}
#spNavMenu .spMenuList {
  position: relative;
	height: auto;
	line-height: 40px;
	font-size: 15px;
	position: relative;
	border-bottom: 1px solid #aaa;
}
.spSlideMenu__item {
  margin: 0;
  display: flex;
  justify-content: space-between;
}
/*
#spNavMenu .spMenuList:before {
  content: '・';
  position: absolute;
  top: -2px;
  left: 10px;
}
*/
#spNavMenu .spMenuList a {
  display: block;
  padding-left: 36px;
  font-size: 14px;
}
/*
#spNavMenu .spMenuList a:before {
    content: '・';
    position: absolute;
    top: -2px;
    left: 10px;
}
*/
#spNavMenu .spMenuList span {
  display: inline-block;
  width: 45px;
  height: 45px;
}
#spNavMenu .spMenuList span:before,
#spNavMenu .spMenuList span:after {
  display: block;
  content: '';
  background-color: #666;
  border-radius: 10px;
  position: absolute;
  width: 16px;
  height: 2px;
  top: 19px;
  right: 22px;
}
#spNavMenu .spMenuList span:before {
  width: 2px;
  height: 16px;
  top: 12px;
  right: 29px;
}
#spNavMenu .spToggleNav {
	height: auto;
	overflow: hidden;
  display: none;
}
#spNavMenu .spToggleNav.is-active {
  display: block;
  animation: show 1s linear 0s;
}
#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 dotted #aaa; }
#spNavMenu .spToggleNav li:last-child{ /* border-bottom: 0; */ }
.spToggleNav__subTitle a {
    font-size: 15px;
}
/*
.spToggleNav__subTitle a:before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #888;
  border-right: solid 2px #888;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 38%;
  left: 12px;
  margin-top: -4px;
}
*/
/***********************************
  SP TOP スライダー
***********************************/
.top_slider {
  padding-top: 0;
  margin: 76px auto 0;
}

/***********************************
  SP TOP メインエリア
***********************************/
.t-news .sysContent {
  width: 100%;
}
.t-news .sysContent nav ul li {
    margin: 0;
    padding: 3px;
    border: none;
    border-bottom: #f4f4f4 solid 1px;
    min-height: 25px;
    display: table-row;
}
#in_menu *{
  margin:0;
  padding:0;
  border:none;
  height:auto;
}
#in_menu{
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
#in_menu li{
  line-height:50px;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
}
#in_menu li:first-child {
  background-color:#333;
}
#in_menu li:first-child a {
  color:#fff;
}
/*
#in_menu li.col-xs-12{
  width:100%;
}
#in_menu li.col-xs-6{
  width:50%;
}
*/
#in_menu a{
  display:block;
  width:100%;
  height:100%;
}
#in_menu a span{
  display:inline-block;
  width:50px;
  text-align:center;
}
/** TOP characteristic block */
ul.characteristic-block li{
  text-align:center;
  font-size:11px;
  margin-bottom:30px;
}
ul.characteristic-block li h4 {
  font-size:14px;
}
ul.characteristic-block li img {
  max-width:50px;
}
/** TOP GUIDE PANEL **/
ul.guide-panel li{
  background-color:#ebebeb;
}
ul.guide-panel li {
  border-right:solid 0.5px #999;
  border-left:solid 0.5px #999;
}
ul.guide-panel li a {
  color:#000;
  font-size:11px;
  display:block;
}
ul.guide-panel li img {
  max-width:25px;
  max-height:30px;
  margin-right:15px;
  vertical-align: middle;
}

/***********************************
	繝輔ャ繧ｿ繝ｼ
***********************************/
.footer {
	margin: 30px 0 0;
	background: #fff;
	letter-spacing: 2px;
}
.footer-container {
  padding-top: 0;
  padding-bottom: 0;
}
.footer-container ul {
  margin-bottom: 0;
  border-left: none;
}
.footer-container ul li {
  padding-left: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: left;
  border-bottom: 1px solid #fff;
}
.footer-container ul li.no-border {
  border-bottom: none;
}
.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;
}
.glyphicon-play:before {
    content: '';
    position: absolute;
    top: -12px;
    left: -12px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #ba0000;
}
.footer-container .col-sm-3 {
  padding-left: 0;
}
/*}
@media screen 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;
  }
}*/

/***********************************
	繧ｵ繧､繝�
***********************************/
.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;
}
.sysHeadline {
    width: 95%;
    margin: 30px auto!important;
    position: static;
    font-size: 17px;
    letter-spacing: 3px;
}
.index-s__one-line .sysHeadline {
    margin-top: 25px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    font-weight: normal;
}
.sysHeadline small {
    display: block;
    text-align: center;
    color: #ba0000;
    font-size: 0.8em;
    margin-top: 5px;
    font-weight: 700;
    letter-spacing: 1px;
}
.sysHeadline b {
	width: 100%;
	display: block;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #222222;
	padding: 0 80px;
	margin-top: 3px;
	padding-top: 5px;
}
.sysTitle span, .sysHeadline span{
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}
.sysTitle::before, .sysHeadline::before {height: 0px;}
.contentsWrap{
	width: 90%;
	margin: 0 auto;
}

/***********************************
	迚ｹ蝠�ｳ輔ユ繝ｼ繝悶Ν繝ｬ繧､繧｢繧ｦ繝�
***********************************/	
.p-law .sysTitle{width: 90%;}
#main_tradelaw, .main_tradelaw{
	width: 100%;
	max-width: 1170px;
	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: 1170px;
	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: 0px;
	right: 0px;
	background: rgba(207,15,42,0.9);
	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 screen 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;}
}
#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;
}

/***********************************
  mypage
***********************************/
.sysMypage .sysMypageNav form{width: 100% !important;}

/***********************************
  cart
***********************************/
#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: 20px;
}
#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; }
.owl-dots .owl-dot {
	top:0;
}
.owl-dots .owl-dot span{ 
  width: 10px;
  height: 10px;
  margin: 5px 7px;
}
.owl-nav [class*=owl-] {
	margin-top: -25px;
	width: 15px !important;
	height: 28px !important;
}
.owl-nav .owl-prev{
	left:20%;
	background: url(/img/common/controls.png) no-repeat 0 0;
	background-size:30px !important;
}
.owl-nav .owl-next{
	right:20%;
	background: url(/img/common/controls.png) no-repeat -15px 0;
	background-size:30px !important;
}
.owl-nav .owl-prev:hover {
	background-position: 0 0;
}
.owl-nav .owl-next:hover {
	background-position: -15px 0;
}
ul.taste-row.list-unstyled.clearfix.row {
  margin-right: 0;
  margin-left: 0;
}

/*譁ｰ逹繧｢繧､繝�Β*/
.top_newarrival li,
.tab_newarrival li,
.for_ranking li{
	width: 30% !important;
	margin: 0 1.5% 30px !important;
	padding:0 !important;
}
.top_newarrival li .sysItemName,
.tab_newarrival li .sysItemName,
.for_ranking li .sysItemName{
	padding-top:0;
        margin-top: 5px;
}
.top_newarrival li .sysItemPrice,
.tab_newarrival li .sysItemPrice,
.for_ranking li .sysItemPrice{
	font-size:12px;
}
.for_ranking li:nth-child(7),
.for_ranking li:nth-child(8),
.for_ranking li:nth-child(9),
.for_ranking li:nth-child(10) {
  display: none;
}

/*迚ｹ髮�ｸ隕ｧ*/
.top_features{
	overflow:hidden;
}
.top_recommend_item ul{
	font-size:0;
	text-align:left;
}
.top_features li{
	width: 96%;
	margin: 2%;
}
.top_features li:nth-child(1),
.top_features li:nth-child(2){
	position: relative;
	z-index: 10;
	width: 96%;
}
.top_features li p {
	position: relative;
	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;
  }

  /* 20200411 yamada add */
  .t-news ul,
  .t-news ul li,
  .t-news ul li a {
    width: 100%;
  }
  .t-news ul li a {
    position: relative;
  }
  .t-news ul li a:after {
    font-family: 'Glyphicons Halflings';
    content: '\e131';
    position: absolute;
    bottom: 4px;
    right: 10px;
    color: #444;
    font-size: 16px;
    background: none;
  }

  /* ----------------------- 
   * SP | Calendar UI
   * ----------------------- */
  #wrapper__f-calendar-ui {
    display: none;
  }
  /*#wrapper__f-calendar-ui.is-active {
    /*display: flex;
    justify-content: flex-end;
    flex-direction: column;
    position: fixed;
    top: 0;
    z-index: 9999;
    background: rgba(0,0,0,0.5);
    width: 100vw;
    height: calc(100% - 45px);
  }
  #wrapper__f-calendar-ui.is-active.is-selected {
    height: 100%;
  }*/
  body.is-active {
    position: fixed;
    width: 100%;
  }
/* sp-fixed-area関連を非表示にする
  .sp-fixed-area {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 45px;
    padding: 0;
    background: #BE1A21;
  }
  .sp-fixed-area__item.is-search {
    width: calc(100% - 45px);
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sp-fixed-area__item.is-search.is-active {
    background-color: #fff;
  }
  .sp-fixed-area__item.is-search:before {
    content: '';
    width: 25px;
    height: 25px;
    background: url(/img/icons/h-searchIcon_gray.png) 0 0 no-repeat;
    background-size: 25px 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .sp-fixed-area__item.is-search.is-active:before {
    background: url(/img/icons/h-searchIcon.png) 0 0 no-repeat;
    background-size: 25px 25px;
  }
  .sp-fixed-area__item.is-search span {
    font-size: 16px;
    color: #fff;
  }
  .sp-fixed-area__item.is-search.is-active span {
    color: #000;
  }
  .sp-fixed-area__item.is-search img {
    width: 22.8px;
    height: 22.8px;
    margin-right: 8px;
  }
  .sp-fixed-area__item.is-top-link {
    width: 45px;
    padding: 0;
    margin: 0;
  }
  .sp-fixed-area__item.is-textbox {
    width: 64%;
  }
#sysItemDetail .sp-fixed-area{
	display:none !important;
}
sp-fixed-area関連を非表示にする */
  #sysFooter {
    padding-top: 64px;
    padding-bottom: 45px;
  }
  .toggleNav__list,
  #wrapper__f-calendar-ui__cal,
  #wrapper__f-calendar-ui__detail {
    display: none;
    padding: 3%;
    overflow-y: scroll;
    /*max-height: 68vh;*/
    max-height: 58vh;
  }
  .toggleNav__list.is-active {
    display: flex;
    padding: 20px;
  }
  #wrapper__f-calendar-ui__cal.is-active,
  #wrapper__f-calendar-ui__detail.is-active {
    display: block;
  }
  .toggleNav__list .tab2:nth-child(1),
  .toggleNav__list .tab2:nth-child(2),
  .toggleNav__list .tab2:nth-child(3) {
    border-top: 1px solid #C0C0C0;
  }
  .f-calendar-ui__item__title {
    height: 6vh;
    margin: 0;
    padding: 0 8px;
    font-size: 18px;
    display: flex;
    align-items: center;
    border-top: 1px solid #C0C0C0;
  }
  .f-calendar-ui__box {
    /*background: #fff;*/
    width: 100%;
    height: auto;
  }
  .btn__f-calendar-ui__close {
  	position: relative;
  	display: flex;
  	width: 100%;
  	height: 6vh;
    margin: 0;
    padding-left: 55px;
    font-size: 18px;
    color: #fff;
    align-items: center;
  }
  .btn__f-calendar-ui__close span::before,
  .btn__f-calendar-ui__close span::after {
    display: block;
    content: '';
    position: absolute;
    /*top: 22px;*/
    left: 15px;
    /*width: 28px;*/
    height: 3px;
    margin: 0;
    background: #fff;
    top: 14px;
		width: 20px;
  }
  .btn__f-calendar-ui__close span::before {
    transform: rotate(-45deg);
  }
  .btn__f-calendar-ui__close span::after {
    transform: rotate(45deg);
  }
  .wrapper__f-calendar-ui__detail__sysSearchButton {
  	margin-top: 0;
  }
  .f-calendar-ui__item__title.is-ware {
    background: url(/img/icons/icon-kimono.png) 10px 5px no-repeat;
    background-size: 40px 40px;
    text-indent: 55px;
  }
  .f-calendar-ui__item__title.is-date {
    background: url(/img/icons/icon-cal.png) 10px 5px no-repeat;
    background-size: 40px 40px;
    text-indent: 55px;
    /*box-shadow: 0 -3px 5px #eee;*/
  }
  .f-calendar-ui__item__title.is-detail {
    /*background: url(/img/icons/h-searchIcon.png) 10px 5px no-repeat;
    background-size: 40px 40px;*/
    text-indent: 55px;
    /*box-shadow: 0 -3px 5px #eee;*/
    background: url(/img/icons/h-searchIcon.png) 18px 8px no-repeat;
		background-size: 24px 24px;
  }
  #wrapper__f-calendar-ui__detail {
  	background: #F5F5F5;
  }
  .wrapper__item-detail {
    display: block;
  }
  .f-calendar-ui__detail.is-keyword {
		margin-top: 20px;
		border-bottom: none;
	}
  .f-calendar-ui__detail__idx {
    width: 45%;
  }
  .f-calendar-ui__detail__body {
    width: 55%;
  }
  .item-detail__left,
  .item-detail__right{
    width:100%
  }
  .item-detail__left .sysItemImages{
		padding-right: 0;
	}
  .wrapper__f-calendar-ui__detail__sysSearchButton {
    position: relative;
    width: 100%;
  }
  .f-calendar-ui__detail__reset {
    display: none;
  }
  /*.f-calendar-ui__detail__submit {
    width: 100%;
    display: none;
  }*/
  .f-calendar-ui__detail__submit.is-selected {
    display: block;
    animation: show 1s linear 0s;
  }
  .h-cateNav__meta{
		display: none;
	}
  .h-cateNav__meta__item {
    padding: 1px 6px;
  }
  .rules p.lead {
    padding: 0;
  }
  .rulse .page-header,
  .rules h3 {
    font-size: 20px;
    color: #ba0000;
  }
  .rules h3 {
    margin-top: 10px;
  }
  .wrapper__f-calendar-ui__accordion.is-active {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    animation: show 0.4s linear 0s;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #fff;
  }
  .f-calendar-ui__detail__accordion__item__label {
    width: 100%;
  }
  .f-calendar-ui__detail__accordion__decision {
		padding: 8px 0;
		font-size: 16px;
	}
  .wrapper__f-calendar-ui__accordion.is-active .f-calendar-ui__detail__accordion__decision {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .wrapper__f-calendar-ui__accordion.is-active .f-calendar-ui__detail__accordion__item__label {
    border-bottom: 1px solid #E8E8E8;
    /*padding-bottom: 14px;*/
    padding-bottom: 2px;
		margin: 2px 0;
  }
  .wrapper__f-calendar-ui__accordion.is-active .f-calendar-ui__detail__accordion__item__label:last-child {
    border-bottom: none;
  }
  .tab-content>.tab-pane { display: block; }
  #item_setTitle{ display: none; }
  .f-calendar-ui__detail__accordion__item__bg.is-boy,
	.f-calendar-ui__detail__accordion__item__bg.is-girl,
	.f-calendar-ui__detail__accordion__item__bg.is-taste{
		border:none;
  }


/***********************************
	20/9- globalNav Improvement
***********************************/
  div[style*="z-index: 2147483647;"] {/*あとでけす*/
    display: none;
  }
/* sp-fixed-area関連を非表示にする
  .sp-fixed-area__item.is-search .no-active_show,
  .sp-fixed-area__item.is-search.is-active .is-active_show {
    display: block;
  }
  .sp-fixed-area__item.is-search .is-active_show,
  .sp-fixed-area__item.is-search.is-active .no-active_show {
    display: none;
  }
  .sp-fixed-area__item.is-search.is-active .no-active_show {
    position: relative;
  }
  .sp-fixed-area__item.is-search.is-active .is-active_show::after {
    content:"\e014";
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    color: #BE1A21;
  }
sp-fixed-area関連を非表示にする */
  #wrapper__f-calendar-ui {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh !important;
    z-index: 9990;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #F5F5F5;
    padding: 20px 20px 20px;
  }

  .new_search_nav_box {
    padding-bottom: 100px;
  }
  .new_search_nav_box .sysItemSearchForm {
    margin-bottom: 20px;
  }

  .new_search_nav {
    border-bottom: 1px solid #707070;
  }
  .new_search_nav_list_link {
    font-size: 1.143em;
  }
  .new_search_nav_list_udr {
		display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 8px;
  }
  .new_search_nav_list_udr_list {
    width: 49%;
    margin-bottom: 10px;
  }
  .new_search_nav_list_udr_list:nth-of-type(2n) {
    margin-left: 2%;
  }
  .new_search_nav_list_udr_list_link {
    font-size: 1em;
  }
  .new_search_nav_list_sub:last-child {
    border-bottom: none;
  }


/***********************************
	20/9- [/is] searchPageForm Improvement
***********************************/
  .search_category_ttl {
    font-size: 16px !important;
    padding: 10px;
  }

  #sysMain .sysItemSearchForm .sysPrevCalendar,
  #sysMain .sysItemSearchForm .sysNextCalendar {
    display: block;
  }
  #sysMain .sysItemSearchForm .sysRentalSchedulesCalendars,
  #sysMain .sysItemSearchForm .search_category_list_wrp {
    width: 100%;
  }
  #sysMain .sysItemSearchForm .sysRentalSchedulesCalendar caption {
    display: table-caption;
  }
  .search_category_wrp .search_select_ttl {
    font-size: 13px;
  }
  .search_category_wrp .search_select_box {
    width: 70%;
  }
  .sysRentalSchedulesCalendarArea .search_select_ttl {
    left: 0;
    margin-left: 0;
  }
  #sysMain .sysItemSearchForm .sysRentalSchedulesCalendarsMonth {
    width: 45%;
  }

/* ↓topページのバナーを表示させる部分とh2テキストの表示範囲のcss */
.sysFuncText.feature.sysDisplayTabletNone {
        font-size: 13px;
        margin-bottom: 5px;
        margin-top: 70px;
        padding: 0px 10px;
    }
    div.inner-bn {
        display: flex;
        flex-direction: column;
    }
    div.inner-bn a img {
        margin-bottom: 10px;
    }
    .inner-bn-onlypc {
        display: none;
    }
/* ↑ここまで */

/*スマホのとき指定の文字数を超えたら省略して表示する*/
  .sysItemName,
  .sysExplanation > div > span,
  .sysReview > span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

/*価格表示の余白調整*/
  .sysRetailPrice {
    margin: 0px 0px 10px 0px;
    text-align: center;
  }

/* ↓topページお支払方法css */
.box-payment {
    display: none;
}
/* ↑ここまで */

/* 商品詳細のカレンダー年月選択部 */
#sysItemDetail .sysRentalSchedulesCalendars {
    width:100%;
}
#sysItemDetail .sysRentalSchedulesCalendarSelectMonthTypeCtl {
    text-align:center;
}
#sysItemDetail .sysRentalSchedulesCalendarsMonth{
    left:0;
    width:100%;
}
#sysItemDetail .sysNextCalendar,
#sysItemDetail .sysPrevCalendar{
    display:inline;
    padding:7px;
    margin:5px 0;
}
.sysItemPrArea > span.pr_soumu > img, .sysItemPrArea > span.pr_anshin > img {
    border-radius: 10px;
    margin: -24px 0px 0px 0px;
    width: 15%;
}
.sysItemPrArea > span.pr_soumu > img, .sysItemPrArea > span.pr_drycleaning > img {
    border-radius: 10px;
    margin: -24px 0px 0px 0px;
    width: 15%;
}
.sysItemPrArea > span.pr_soumu > img {
    max-width: 100%;
    /*position: absolute;*/
   /* left: 5%;*/
}
.sysItemPrArea > span.pr_anshin > img {
    max-width: 100%;
    /*position: absolute;*/
    /*left: 34%;*/
}
.sysItemPrArea > span.pr_drycleaning > img {
    max-width: 100%;
    /*position: absolute;*/
    /*left: 34%;*/
}
.common_btn a {
    padding: 10px 0;
    font-size: 14px;
}
.common_btn {
    width: 230px;
}
.common_btn a i {
    font-size: 17px;
}
.itempage_detail .video_area {
    padding: 1% 1%;
    /*width: 60%!important;*/
}
.cg_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.cg_list li {
    min-width: 65px;
    max-width: 65px;
}
.reason_side_right {
    width: 0%;
}
.reason_side_left {
    width: 100%;
    padding: 10px 30px;
    padding-left: 30px;
}
.s-row-list li {
    flex-shrink: 0;
    margin-left: 25px;
    position: relative;
    width: 140px;
}
.s-row-ranking {
    margin: 10px 0px 50px 0px;
}
.s-row-ranking h2 {
    font-size: 1.5rem;
}
#sysItemDetail .sysCartButton {
    padding: 15px 15px !important;
}
.ct-link ul {
        display: block;
}
.ct-link ul li {
        width: 100%;
}
.c-bnr-list li {
    margin-top: 5px;
}
.c-bnr-list-vertical {
    display: block;
}
.c-bnr-list-vertical {
    padding: 10px;
}
#pickup .col-md-6 {
    width: calc(100% / 2);
}
.ranking-banner-link {
    margin-top: 10px;
    margin-bottom: 6px;
}
.ranking-banner-link a {
    font-size: 14px;
    color: #777;
    line-height: 1.4;
    padding-bottom: 0;
}
/* Smartphone END------------------------------------------------- */
}
@media screen and (min-width:601px) and (max-width:1100px){
/* Only Tablet @media screen and (min-width:601px) and (max-width:1100px)
 *----------------------------------------------------------------------*/
#wp{
	font-size:16px;
}
  .sysDisplayTabletNone{
  	display:none !important;
  }

#sysWrap{margin-top:205px;} 
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:100px;
}

/***********************************
	商品詳細ページ
***********************************/
#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: 1.3rem;
}
#sysItemDetail .sysItemId {
	margin: 0 0 10px 0 !important;
	text-align: left !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: fixed;
	height: 120px;
	top: 0px; left: 0; right: 0;
	margin: auto;
	background: #fff;
	z-index: 120;
} */
#sysHeader{
	position: fixed;
	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: 95%;
	margin: 0 2.5%;
	position: relative;
	text-align: center;
}
.header_sp #navBtn{
	position: absolute;
	top: 10px; left: 0;
}
.header_sp #spSearch {
        display: none;
}
.header_sp .spCart{
	position: absolute;
	top: 10px; right: 0;
}
.header_sp #navBtn img, .header_sp .spCart img{
	width: 40px;
	height: 40px;
}
.header_sp .spLogo img{
	width: 180px;
	margin-top: 15px;
}

/***********************************
	カート情報
***********************************/
#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: rgba(0,0,0,0);
	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: rgba(255,255,255,1);
}
.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: 0px; left: 0;
	background: rgba(220,220,220,0.9);
	z-index: 10000;
	color: #444;
	display:none;
    overflow: auto;
}
#spNaviWrap{
	position: absolute;
	width: 100%;
	height: 1400px;
	top: 0px; left: -100%;
	background: rgba(225,225,225,1);
	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 {
  width: 80%;
  height: 40px;
  margin: 0 auto;
  margin-top: 35px;
  font-size: 15px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #aaa;
}
#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:200px;
}

/***********************************
	カート内商品数表示
***********************************/
button.itemCount2{
        display:none;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: rgba(207,15,42,0.9);
	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;}
.spTel { display: none; }


/***********************************
	20/9- globalNav Improvement
***********************************/
	.headNavigation__list li:first-child a:before {
		display: none;
	}

	#wrapper__f-calendar-ui {
		width: 100%;
		padding: 20px;
		position: absolute;
		top: 140px;
		z-index: 999;
		background-color: #fff;
		display: none;
	}
	#wrapper__f-calendar-ui.is-active {
		display: block;
		box-shadow: 0 32px 30px -30px rgba(53, 47, 47, 0.15);
	}

	.new_search_nav_box .sysItemSearchForm {
    margin-bottom: 20px;
	}

	.new_search_nav {
		border-bottom: 1px solid #707070;
	}
	.new_search_nav_list_sub:last-child {
		border-bottom: none;
	}

.sysItemPrArea > .pr_soumu {
     display: none;
}
.sysItemPrArea > .pr_anshin {
    display: none;
}
.sysItemPrArea > .pr_drycleaning {
    display: none;
}
.inner-bn-onlysp {
    display: none;
}
.itempage_detail .video_area {
    padding: 1% 1%;
    width: 98%!important;
}
#pickup .col-md-6 {
    width: calc(100% / 3);
}
/* ↓topページのバナーを表示させる部分とh2テキストの表示範囲のcss */
    div.inner-bn {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }
    div.inner-bn a {
        margin: 0 5px;
    }
    div.inner-bn a img {
        margin-bottom: 10px;
    }
/* ↑ここまで */
/* Tablet END------------------------------------------------- */
}
@media screen and (min-width:1101px){
/* Only PC @media screen and (min-width:1101px)
 *----------------------------------------------------------------------*/
 	#wp{
 		font-size:16px;
 	}
	.sysDisplayPcNone{
		display:none !important;
	}
	
	/* 191108 yamada add */
	h3.index-s.one-line,
        h2.index-s.one-line {
			color: #000;
	}
	h3.index-s,
        h2.index-s,
	.index-s__one-line h3.sysHeadline {
			margin-top: 25px;
			margin-bottom: 30px;
			text-align: center;
			font-size: 1em;
			font-weight: bold;
			border-bottom: 1px solid #e7e7e7;
			padding-bottom: 20px;
			font-weight: normal;
	}
	h3.index-s.one-line small,
        h2.index-s.one-line small,
	.index-s__one-line h3.sysHeadline small {
			display: block;
			text-align: center;
			color: #333;
			font-size: 0.8em;
			margin-top: 5px;
	}
	/** TOP GUIDE PANEL **/
	ul.guide-panel li{
			background-color:#ebebeb;
	}
	ul.guide-panel li {
			border-right:solid 0.5px #999;
			border-left:solid 0.5px #999;
	}
	ul.guide-panel li a {
			color:#000;
			font-size:11px;
			display:block;
	}
	ul.guide-panel li img {
			max-width:25px;
			max-height:30px;
			margin-right:15px;
			vertical-align: middle;
	}
	#in_menu * {
			margin:0;
			padding:0;
			border:none;
			height:auto;
	}
	#in_menu {
			border-right:1px solid #ccc;
			border-bottom:1px solid #ccc;
			padding-left: 0;
			padding-right: 0;
	}
	#in_menu li {
			line-height:50px;
			border-top:1px solid #ccc;
			border-left:1px solid #ccc;
	}
	#in_menu li:first-child {
			background-color:#333;
	}
	#in_menu li:first-child a {
			color:#fff;
	}
	/*
	#in_menu li.col-xs-12{
			width:100%;
	}
	#in_menu li.col-xs-6{
			width:50%;
	}
	*/
	#in_menu a{
		display:block;
		width:100%;
		height:100%;
	}
	#in_menu a span{
		display:inline-block;
		width:50px;
		text-align:center;
	}
	/* TOP: News */
	.t-news ul {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		margin-bottom: 45px;
	}
	.t-news ul li a {
		padding: 3px;
		min-height: 25px;
		color: #ba0000;
		font-size: 12px;
		line-height: 16px;
		border-bottom: #f4f4f4 solid 1px;
		position: relative;
	}
	.t-news ul li a:after {
		font-family: 'Glyphicons Halflings';
		content: '\e131';
		position: absolute;
		bottom: 4px;
		right: 10px;
		color: #444;
		font-size: 16px;
		background: none;
	}
	
	/* TOP: Wearing scene */
	ul.taste-row li {
			position: relative;
			padding: 5px;
	}
	ul.taste-row li h4 {
			position: absolute;
			bottom: 0;
			left: 0;
			background-color: rgba(255,255,255,0.8);
			display: block;
			width: 100%;
			margin: 0;
			color: #000;
			font-size: 14px;
			padding: 10px 0 10px 10px;
	}
	
	/* 荳句ｱ､繝壹 繧ｸ */
	.breadcrumb {
			background-color: none;
	}
	.breadcrumb ol li a {
			color: #337ab7;
	}
	.page-header {
			padding-bottom: 9px;
			margin: 40px 0 20px;
			font-size: 25px;
			color: #ba0000;
			border-bottom: 1px solid #eee;
	}
	#main-contants h3 {
			margin-bottom: 10px;
			border-bottom: solid 1px #CCC;
			padding: 10px;
			font-size: 20px;
			color: #ba0000;
	}
	.about h3:before {
			display: inline-block;
			content: '';
			background: url(/img/icons/kimono-icon.png) no-repeat;
			background-size: contain;
			width: 25px;
			height: 25px;
			margin-right: 10px;
			vertical-align: middle;
	}
	.text-center {
			margin-top: 55px;
	}
	.itemDetailWrap {
			margin-bottom: 12px;
	}
	.sysRentalScheduleInfo {
			margin-top: 20px;
	}
	.sysRentalScheduleInfo .text-danger {
		margin-top: 0;
	}
	.sysRentalScheduleInfo .table.table-bordered.text-center {
		margin-top: 15px;
	}
	
	.modal-backdrop {
		z-index: 119;
	}
	
	/* 20200322 yamada add */
	#wrapper__f-calendar-ui {
		position: absolute;
		top: 118px;
		z-index: 999;
		/*background: #fff;
		width: 100vw;*/
		display: none;
		width: 100%;
		background-color: #F5F5F5;
	}
	#wrapper__f-calendar-ui.is-active {
		display: block;
		border-top: 1px solid #BE1A21;
		box-shadow: 0 32px 30px -30px rgba(53, 47, 47, 0.15);
	}
        #wrapper__f-calendar-ui.is-active {
        height: auto !important;
        }
	#wrapper__f-calendar-ui:after {
		content: '';
		width: 290.5px;
		height: 1px;
		background: #fff;
		position: absolute;
		top: -1px;
		/*left: calc(50vw - 584px);*/
		background-color: #F5F5F5;
	}
	.f-calendar-ui__box {
		width: 100%;
		max-width: 1170px;
		margin: 0 auto;
		/*padding: 20px;*/
		padding: 75px 0;
		background-color: #F5F5F5;
	}
	.f-calendar-ui__box .sysItemSearchForm {
  	display:　flex;
		justify-content: space-between;
		position: relative;
	}
	.f-calendar-ui__item {
		position: relative;
			width: 32%;
	}
	.f-calendar-ui__item__title {
			font-size: 18px;
			text-indent: 42px;
			border-bottom: 3px solid #E4E4E4;
			padding: 10px 0;
	}
	/*.h-cateNav__img {
			padding: 0 20px;
	}
	.h-cateNav__meta {
			display: flex;
			flex-wrap: wrap;
			padding: 5px;
	}
	.h-cateNav__meta__item {
			margin: 0 1px 3px 1px;
			border: 1px solid #CDD6DD;
			border-radius: 15px;
			padding: 2px 7px;
			font-size: 10px;
			text-align: center;
			background: #F0F3F5;
	}
	.h-cateNav__meta__item.is-noBorder {
			border: none;
			background: #fff;
	}*/


/***********************************
	20/9- globalNav Improvement
***********************************/
	.headNavigation__list li.is-active:first-child {
		background-color: #F5F5F5;
	}

	.new_search_nav_box {
		position: relative;
	}
	.new_search_nav_box .sysItemSearchForm {
		width: 32%;
		position: absolute;
		right: 0;
		bottom: -20px;
	}

	.new_search_nav {
		display: -webkit-box;
  	display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.new_search_nav a {
		text-decoration: none;
	}
	.new_search_nav_list {
		width: 32%;
		margin-right: 2%;
	}
	.new_search_nav_list:nth-of-type(3n) {
		margin-right: 0;
	}
	.new_search_nav_list_link,
	.new_search_nav_list_udr_list_link {
		transition: opacity 0.2s ease-in-out;
	}
	.new_search_nav_list_link:hover,
	.new_search_nav_list_udr_list_link:hover {
		opacity: 0.7;
	}
	.new_search_nav_list_udr {
		display: -webkit-box;
  	display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-bottom: 18px;
	}
	.new_search_nav_list_udr_list {
		width: 100%;/* equalWidth hack */
		margin: 0 2px;
	}
.tab_ranking_all .sysContent .sysItemBlock ul li {
    width: 15%;
}
span.pr_soumu > img, span.pr_anshin > img {
    width: 17%;
    margin-left: 10px;
    margin-right: inherit;
}
span.pr_soumu > img, span.pr_drycleaning > img {
    width: 17%;
    margin-left: 10px;
    margin-right: inherit;
}
.sysItemPrArea > .pr_soumu {
     display: none;
}
.sysItemPrArea > .pr_anshin {
    display: none;
}
.sysItemPrArea > .pr_drycleaning {
    display: none;
}
.inner-bn-onlysp {
    display: none;
}
.reason_img {
    border-radius: 10px 0px 0px 10px;
}
#fade_slider {
    margin-left: 50%;
}
#fade_slider li {
    margin-left: -585px;
    margin-right: 585px !important;
}
.price-filter {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
}
.bx-wrapper img {
    padding: 2px;
}
/* 複製ボタン用デザイン（下部固定） */
.sysCartButtonBottom {
    display: none;
}
/* PC END------------------------------------------------- */
}
/* #END_OF_RESOURCE_FILE */
