@charset "utf-8";

/* 基本設定
 *----------------------------------------------------------------------*/
html{
  font-size:62.3%;
}
/*body {
  color: #000;
  font-size: 1.3rem;/*13px*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.6;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #030303;
}
.sp_only{
  display:none;
}
#sysAll {
  max-width: 100%;
  background-color: transparent;
  padding: 0;
}
#sysWrap {
  /*max-width: 1100px;*/
max-width: 100%;
  /*margin:160px auto 0;*/
  margin: auto; 
  padding: 0;
  /*overflow: hidden;*/
overflow: visible;
}
#sysHeader {
  margin: 0;
  padding: 0;
}
div#sysMain {
  float: left;
  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: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.6;
  font-weight:bold;
  letter-spacing:inherit;
}
a {
  color: inherit;
  text-decoration: none;
  font-weight:inherit;
}
a:hover {
  color: inherit;
}
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-family: 'Shippori Mincho', serif;
  font-weight: 500;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* フォーム要素の基本レイアウト */
input[type=search], input[type=text], input[type=tel], input[type=email], input[type=password], textarea {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  -webkit-appearance: none;
  padding: 10px 5px !important;
  width: 100%;
  /*line-height: 2;*/
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0;
margin:0;
font-size:16px;
}
input[type=submit] {
  -webkit-appearance: none;
  padding: 10px 5px !important;
  line-height: 2;
        margin-top: 30px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
input[type="radio"]{
        margin: 10px 10px 20px;
}
.sysFormField{margin: 10px 0;}
.sysFormField label{
        margin-right: 20px;
        font-size: 15px;
}
.sysFormField a{
  display: inline-block;
  color: #068acc;
  border-bottom: 1px solid #068acc;
  line-height: 15px;
  margin: 0 3px;
}
select {height: 30px;}
#sysItemCategory select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none !important;
        width: 100%;
        padding: 3px 5px;
}


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .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: .5;
  cursor: default
}
.owl-dots{
  text-align:center;
}
.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{
  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(https://sara-la.jp/img/common/controls.png) no-repeat 0 0;
  background-size:40px;
}
.owl-nav .owl-next{
  right:35%;
  background: url(https://sara-la.jp/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 form{
  overflow: hidden;
  border: 1px solid #dddddd;
}
.search_bx .sysItemSearchFormWord {
  float: left;
  width: 70%;
}
.search_bx input[type="search"] {
  height: 40px;
  border: none;
  padding: 5px;
  width: 100%;
}
.search_bx .sysSearchButton {
  overflow: hidden;
  float: left;
  display: block;
  width: 30%;
  height: 40px;
  margin: 0;
  padding: 0;
  text-indent: -999px;
  border-radius: 0px;
  border: none;
  background: #222222 url(https://sara-la.jp/img/common/ico_search.png) no-repeat center center;
  background-size: 70px;
  cursor: pointer;
}

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

/* 商品カテゴリページ */
.sysFuncItemCategory a {
    line-height: 1.75;
}
.sysFuncItemCategory a:hover {
    background: #eee;
}
#sysItemCategory h1.itemCategory{
  margin-left: 5px;
  border-left: 5px solid #222222;
  padding-left: 10px;
  font-size: 18px;
  margin: 20px 0 10px;
}
.sysSelectionDescription{margin : 2px 0 10px;}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
    font-size: small;
}
.sysItemCategoryCtl a {
    display: inline-block;
    padding: 2px 4px;
    background: #ddd;
    border: 1px solid #999;
    border-radius: 3px;
    text-decoration: none;
    margin: 2px 0;
}

/* PRアイコン設定 */
.sysItemPr {
    font-size: small;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #666;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
}
/*PRアイコン(商品詳細ページ)*/
.sysPr span{
        display: none;
        width: 24%;
        padding: 3px 10px;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        border-radius: 15px;
        margin: 0 0 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
}
span.icon_online, span.icon_kyobashi{
        display: inline-block;
        background: #ff1000;
        border: 3px solid #ff1000;
        color: #fff;
}
span.icon_book{
        display: inline-block;
  border: 3px solid #ff1000;
        color: #ff1000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
span.icon_chilled{
        display: inline-block;
        background: #4472c4;
        border: 3px solid #4472c4;
        color: #fff; 
        text-indent: 0.5em;
        letter-spacing: 0.5em;
}

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

.sysCartInButton, .sysGoCartButton{
  background-color:#cdaa74;
}

.sysCartInButton:hover, sysGoCartButton:hover {
  background-color:#cdaa74;
  opacity:0.8;
}

/* アーカイブリスト */
.sysItemList ul.sysList li .sysThumbnailImage {
    width: 40%;
    max-width: 200px;
}
/* 4-1-7  商品サムネイル画像 */
.sysItemList ul.sysThumbnail li {
    display: inline-block;
    float: none;
    vertical-align: top;
    letter-spacing: normal;
}
.sysItemList ul.sysThumbnail {
    letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input {
    width: 100%;
    padding: 10px 0;
}

/* 商品ぺージ */
/* 商品画像 */
.sysThumbnailImage > span,.sysThumbnailImage > br { display: none;}
.sysItemImages{
  max-width:500px;
  padding-right:20px;
}
.sysItemImages .sysImageList li{
    display: inline-block;
    vertical-align: top;
    height: auto;
    width:23%;
    line-height: 1;
    float: none;
    margin: 1% 0;
}

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

/* 注文エリア*/
.orderArea {
    letter-spacing: -.4em;
    text-align: center;
}
.orderArea > div {
    width: 50%;
    display: inline-block;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
}
.orderArea > .orderArea > div {
    width: 100%;
    display: block;
}


/* 商品ページのタイトル */
.sysItemName,
.sysExplanation > div > span,
.sysReview > span{
    display: block;
    margin-bottom: 0px;
    font-size: large;
line-height:1.6;
}
/* 商品説明 */
.sysExplanation table {
    width: 100%;
    text-align: center;
    border: 1px solid #999;
    line-height: 2;
}
.sysExplanation thead {
    text-align: center;
    color: #fff;
    background: #999;
}
.sysExplanation td {
    font-size: small;
    text-align: left;
    padding-left: 10px;
}

/* 買い物フォーム */
#sysItemDetail .sysRetailPrice { font-weight: bold;}
#sysItemDetail #sysVariation {
     overflow: hidden;
     margin: 5px auto;
}
#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}
#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    background: #666;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    color: #fff;
}
#sysItemDetail .sysNumArea {
    padding-top: 5px;
    clear: both;
    text-align: right;
}
#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
    width: 98%;
    margin-left: 2%;
}
#sysItemDetail .sysShare { padding: 5px 0 0 2%;}
#sysCartInForm { width: 100%;}

/* ログインボタン */
.sysLoginButton,
.sysButton {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #cdaa74;
    color: #fff;
    cursor: pointer;
}
.sysButton {
background-color: #fff;
color: #cdaa74;
border:1px solid  #cdaa74;
box-sizing:border-box;
}
.sysLoginButton{
    display: block;
    width: 50%;
    margin: 10px auto;
    padding: 20px;
}
/* カートボタン */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
    background: #666;
    color: #fff;
    text-shadow: none;
}
.sysCartInDone{ margin: 0;}

/* フォームページの基本レイアウト*/
#sysFormIndex #sysMain,
#sysFormConfirm #sysMain,
#sysFormThanks #sysMain,
.sysMemberRegister #sysMain,
.sysMypage #sysMain{
            max-width: 1000px;
            padding: 0 20px !important;
            margin: 20px auto 40px;
float:none;
}
#sysDestination #sysMain{
           max-width: 1000px;
            /*border: 1px solid #eee;*/
            padding: 20px 20px !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;
border:0;
}
#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: inline;
    padding-left: 8px;
    border-left: 6px solid #d5c288;
    line-height: 25px;
    font-size: 15px;
    margin-bottom:10px;
    position: relative;
}
#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;
width: auto;
margin-bottom: 20px;
font-size: 15px;
}
.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: 5px;
    font-size: 15px;
    border-radius: 3px;
    margin: 5px auto;
    min-height: 40px;
}

/* マイページ */
.sysMypageMajorHeadLine{display:none;}
.SysMypageMinorHeadLine{
        font-size: 18px;
  border-left: 6px solid #d5c288;
  padding-left: 8px;
  margin: 20px 0 0;
text-align:left;
}
.SysMypageMinorHeadLine + p{
text-align:left;
}
#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;
text-align:center;
}
#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
    padding: 5px;
    font-size: 16px;
    margin: 5px auto;
line-height:1.6;
}
#sysMypageEditDelivery #sysMain .sysOtherAddress form
text-align:left;
}

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

/* Special Point */
.sysSpecialPoint {
    overflow: hidden;
    letter-spacing: -.4em;
}
.sysSpecialPoint > div:nth-child(2n) {
    width: 60%;
}
.sysSpecialPoint > div {
    display: inline-block;
    letter-spacing: normal;
    padding: 5px 10px;
    border-bottom: 1px solid #d5d5d5;
}
.sysSpecialPoint > div:nth-child(2n+1) {
    width: 40%;
}

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

/* マイページ（複数配送先編集画面）*/
.sysSelectAddress{background: none;}
.sysSelectAddress a {
    display: block;
    text-decoration: none;
    border: 0px solid;
    padding: 10px;
}

.sysSelectAddress {
    margin: 10px 0;
}

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

/***********************************
  商品詳細ページ
***********************************/
/*商品名*/
#sysItemDetail .sysItemName h1{
  font-size:24px;
  font-weight:normal;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid #000;
}
/*商品番号*/
#sysItemDetail .sysItemId {
  text-align: right;
  font-size:12px;
}
/*価格表示*/
#sysItemDetail .sysRetailPrice {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  color: #000;
  font-weight: bold;
  text-align: right;
}
#sysItemDetail .sysRetailPrice span {
  font-size: 1.1rem;
}
#sysItemDetail .sysRetailPrice span.sysRetailPriceValue {
  font-size:20px;
  font-weight:normal;
}
/*通常価格*/
#sysItemDetail .sysSuggestedRetailPrice {
  margin-bottom: 5px;
  text-align: right;
}
#sysItemDetail .sysSuggestedRetailPrice span {
  font-size: 1.1rem;
}
/*送料区分*/
#sysItemDetail .sysShippingCost {
  display: inline-block;
  width: auto;
  margin-left: auto;
  margin-top: 5px;
  padding: 0 5px;
  color: #cdaa74;
  font-weight: bold;
  font-size: 1.1rem;
  border: 1px solid #cdaa74;
  border-radius: 3px;
}
/*PRアイコン(カテゴリーページ)*/
#sysItemCategory input[type=submit]{margin-top: 0px; font-size:14px;}
.sysAddSelection div{margin-bottom: 10px;}
.sysAddSelection input, .sysAddSelection select{margin: 5px 0;}
.sysItemPrArea{margin-top: 5px;}
.sysItemPrArea span{
        width: 49%;
        height: 30px;
        display: inline-block;
        padding: 3px 0px;
        font-size: 18px;
        line-height: 18px;
        border-radius: 20px; 
        font-weight: bold;
        margin: 0 0 5px; 
        text-align: center;
}

#sysItemDetail .sysForm select {
  min-width: 450px;
  display: inline-block;
  float: none!important;
        margin: 5px 0;
}
#sysItemDetail .sysForm select[name="num"]{
        min-width: 200px;
}
#sysItemDetail .sysForm input[type="text"]{margin-top: 5px;}
#sysSelections div{margin-bottom: 10px;}
#sysItemDetail .sysSelections{ line-height: 30px;}
#sysItemDetail #sysVariation {
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  margin-left: auto;
}
#sysItemDetail #sysVariation >div {
  margin: 10px auto;
  overflow: hidden;
}
#sysItemDetail .sysNumArea button {
  display: inline-block;
  width: 48%;
  background: #000;
  padding: 10px;
  border: 1px solid #999;
  border-radius: 5px;
  color: #fff;
}
#sysItemDetail .sysNumArea {
  padding-top: 5px;
  clear: both;
  text-align: right;
}
#sysWishlist .sysButton, #sysItemDetail .sysCartButton {
  width: 98%;
  margin-left: 2%;
}
#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
}
#sysCartInForm {
  width: 100%;
  margin-left: auto;
}
/*バリエーション*/
#sysItemDetail .sysFormVariationName {
  background-color: #fdf5f5;
}
#sysItemDetail .sysFormVariationTable {
  width: 100%;
  max-width: 500px;
}
/*下部フォーム*/
#sysItemDetail .order_bottom {
  margin: 0 auto 40px;
  text-align: right;
}
/*簡易商品説明*/
#sysItemDetail .sysDescription {
  text-align: left;
}
/*商品詳細*/
.sysExplanation {
  text-align: center;
}
.sysExplanation img {
  height: auto;
}
#sysItemDetail .itempage_cap{
  margin-bottom:30px;
  font-size:12px;
}
#sysItemDetail .itempage_cap .i_ttl{
  margin-bottom:20px;
  font-size:120%;
  font-weight:bold;
}
#sysItemDetail .itempage_detail h3{
  font-size:18px;
  font-weight:normal;
}
#sysItemDetail .itempage_detail table{
  width:100%;
  margin-bottom:10px;
  border-top: 1px solid #ccc;
}
#sysItemDetail .itempage_detail table tr {
    border-bottom: 1px solid #ccc;
}
#sysItemDetail .itempage_detail table th,
#sysItemDetail .itempage_detail table td {
    padding:10px;
  font-size:12px;
  line-height:1.6;
    text-align: center;
}
#sysItemDetail .itempage_detail table th{
  width:30%;
    border-right: 1px solid #ccc;
}
#sysItemDetail .itempage_detail table td{
  width:70%;
  text-align:left;
    background: #fff;
}
#sysItemDetail .itempage_detail_ttl{
  position:relative;
  margin-top:40px;
  padding:5px 0;
  font-weight:bold;
  font-size:18px;
}
#sysItemDetail .itempage_detail_ttl:after{
  content: "　";
  display:block;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-30px;
  width:60px;
  height:2px;
  background-color:#000;
}

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


/*数量増減*/
#sysItemDetail #sysNumber{
  text-align:right;
}
#sysItemDetail .sysNumArea {
  margin-bottom: 20px;
}
#sysItemDetail .sysNumArea button {
  overflow: hidden;
  display: inline-block;
  width: 25%;
  padding: 10px;
  text-indent: -999px;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  background: #f1f1f1;
  cursor: pointer;
}
#sysItemDetail .sysNumArea button:hover {
  background-color: #efefef;
}
#sysItemDetail .sysNumArea .sysBtnPlus {
  border-color:#b9b9b9;
  background: url(https://sara-la.jp/img/layout/system/btn_plus.png) center center no-repeat;
  background-size: 65px;
  width: 37%;
}
#sysItemDetail .sysNumArea .sysBtnMinus {
  border-color:#b9b9b9;
  background: url(https://sara-la.jp/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: rgb(246,165,44) url(https://sara-la.jp/img/layout/system/btn_cart.png) center center no-repeat;
  background-size:140px;
}
#sysItemDetail .sysCartButton:hover {
  opacity:0.8;
}
#sysItemDetail .sysGoCartButton {
  background: rgb(227,71,126) url(https://sara-la.jp/img/layout/system/btn_cart2.png) center center no-repeat;
  background-size: 127px;
}
/*お気に入り*/
#sysItemDetail #sysWishlist .sysButton {
  overflow: hidden;
  text-indent: -999px;
  border: 1px solid #b9b9b9;
  background: #fff url(https://sara-la.jp/img/layout/system/btn_favo.png) center center no-repeat;
  background-size: 100px;
}
#sysItemDetail #sysWishlist .sysButton:hover {
  background-color: #efefef;
}
/*SNSボタン*/
#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
  text-align: right;
}
#sysItemDetail #sysWishlist .sysButton[disabled] {
  overflow: hidden;
  text-indent: -999px;
  border: 1px solid #b9b9b9;
  background: #f7b827 url(https://sara-la.jp/img/layout/system/btn_favo_02.png) center center no-repeat;
  background-size: 131px;
}

#sysItemDetail #sysWishlist .sysButton[disabled] {
  cursor:default;
}

#sysItemDetail .sysShare .sysFacebook {
  position: relative;
  top: -6px;
}
#sysItemDetail .sysShare .sysGoogleplus {
  width: 58px;
}
#sysItemDetail .sysShare .sysLine, #sysItemDetail .sysShare .sysDisplayPcNone {
  display: inline-block !important;
}
#sysItemDetail .sysShare .sysLine {
  position: relative;
  top: 0px;
}
/*.sysReview*/
#sysItemDetail .sysReview {
  margin: 20px 0 40px;
}

/*テーブルデザイン*/
.sysExplanation table{
  margin-bottom:40px;
  border:none;
  border-top:1px solid #ccc;
}
.sysExplanation table tr{
  border-bottom:1px solid #ccc;
}
.sysExplanation table th,
.sysExplanation table td{
  padding:3px 10px;
  text-align:center;
  border:none;
}
/*商品ページ用おすすめ商品*/
.itempage_recommend .sysItemBlock .sysHorizontal li{
  width:25%;
  padding:0 10px;
}
.itempage_recommend .sysItemName{
  margin-bottom:0;
  font-size:14px;
  text-align:left;
}
.itempage_recommend .sysItemPrice{
  text-align:left;
}
/*商品ページ成分表*/
#sysItemDetail .show_bx{
  margin-bottom:30px;
}
#sysItemDetail .show_bx_inner{
  margin-bottom:10px;
}
#sysItemDetail .btn_tr{
  padding:10px 0 10px 35px !important;
  background:#e4e4e4 url(http://<#サイトURL>/img/layout/system/ico_plus.png) 10px center no-repeat !important;
  background-size:18px !important;
  cursor:pointer;
}
#sysItemDetail .active{
  /*background:#e4e4e4 url(http://<#サイト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{
  float: none;
  max-width: 1100px;
  /*border: 1px solid #eee;*/
  padding: 20px 20px;
  margin: 30px 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: #cdaa74 !important;
  border: none;
}
.sysCart .sysCartAttention, .sysCart .sysRequired {
  color: #ff0000;
  font-weight: bolder;
font-size:18px;
}
.sysCart .sysGetPoint {
  color: #000;
  font-weight: bolder;
}
.sysCart .sysCartNote {
  color: #000;
  font-size: 90%;
}
.sysCart .sysCartTitle {
  color: #000;
  font-size: large;
  font-weight: bolder;
  background-color: #fff;
  padding: 0;
  margin-bottom: 2-px;
}
.sysCart .sysCartTitle span {
  font-size: 1.2rem;
}



/*決済画面のボタン修正

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

*/




.sysCart #sysMain input[type="submit"], .sysCart #sysMain button[type="submit"], .sysCart #sysMain button {

  display: inline-block;
  padding: 10px;
  width: auto;
  height: auto;
  color: #000;
  background: #fff;
  border-radius: none;
 border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
font-weight:400;
font-size:16px;
line-height:1;
}
.sysCart .sysDeleteArea, .sysCart .sysConfirmButton {
  text-align: right;
}
.sysCart .sysNavImg {
  text-align: center;
         margin-top: 10px;
  margin-bottom: 20px;
}
.sysCart .sysFreeArea {
  color: #000;
  margin: 20px 0;
}
.sysSelectPayment li:last-child,
.sysSelectDelivery li:last-child,
.sysSelectOption li:last-child,
.sysCart .sysDetail li:last-child,
.sysRemarks, .sysCart .sysOrder .nav li:last-child {
  border-bottom: none;
}
.sysCart .sysAcceptDomainArea input {
  padding: 0 10px!important;
}
.sysCart .cart_btn {
  color: #000;
  text-align: center;
  margin-top: 40px;
}
.sysCart .cart_btn p {
  margin: 0;
  padding: 0;
}
.sysCart .cart_btn .btn {
  margin-top: 5px;
}
.sysCart .cart_btn img {
  width: 200px;
  border: 1px solid #d0d0d0;
}
#sysBasket #sysMain {
  padding-top: 10px;
}
.sysCart .cart_info .sysContent {
  max-width: 300px;
  color: #000;
  text-align: center;
  font-weight: bolder;
  font-size: 13px;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  margin: 1em auto 0 auto;
  padding: 10px;
  background-color: #fff;
}
#sysPayment .sysCourseSelection {
  display: none;
}
.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: #cdaa74 !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: #cdaa74 !important;
}
.sysCart #sysMain .next_btn{
  color: #fff !important;
  font-size:1rem;
  line-height:1;
  border:none !important;
  background: #000 !important;
}
.sysCart #sysMain #order_price_confirm_btn{
  color: #fff !important;
  width: 100% !important;
  box-shadow: none;
  background: #000 !important;
}
.sysCart #sysMain .mdl-js-button{
  box-shadow: none;
}
.sysCart #sysMain #change-to-billAddr,
.sysCart #sysMain #show-dlg-addrList,
.sysCart #sysMain #show-dlg-inputAddr{
  line-height:1;
  border:none !important;
  background: #000 !important;
}
.sysCart #sysMain p.user_type{
  font-size:1.2rem;
}
.sysOpcProduct .sysOpcItemName{
  font-size:1.2rem;
}

/***********************************
  検索ページ
***********************************/
#sysItemSearch div#sysMain {
  max-width: 980px;
  margin: 20px auto 40px;
}
#sysItemSearch .sysThumbnail .sysItemPrArea {
  text-align: left;
  margin-top: 5px;
}
#sysItemSearch #sysMain h2 {
  font-size: 13px;
  margin-bottom: 10px;
}
#sysItemSearch #sysMain .sysItemSearchForm {
  font-size: 12px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #ededed;
}
#sysItemSearch #sysMain .sysItemSearchFormWord {
  margin-bottom: 5px;
}
#sysItemSearch #sysMain .sysItemSearchFormWord input {
  height: 40px;
  vertical-align: bottom;
  border: 1px solid #d0d0d0;
}
#sysItemSearch #sysMain .sysSearchButton {
  display: block;
  margin: 10px auto;
  padding: 10px;
  width: 95%;
  border: none;
  background: #222222;
  color: #fff;
  font-size: 120%;
  cursor: pointer;
  border-radius: 3px;
}
#sysItemSearch #sysMain .sysItemSearchFormRange input {
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
#sysItemSearch #sysMain .sysItemSearchFormRange,
#sysItemSearch #sysMain .sysItemSearchFormCategory,
#sysItemSearch #sysMain .sysItemSearchFormSort,
#sysItemSearch #sysMain .sysItemSearchFormLimit {
  display: inline-block;
  margin: 5px auto;
}
#sysItemSearch #sysMain .sysItemSearchFormRange input {
  padding: 10px;
}

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

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

/***********************************
  マイページ
***********************************/
.sysMypage #sysWrap{
  margin: 0 auto;
}
.sysMypage input[type="submit"]{
  margin-top:10px;
text-align:center;
}

/* マイページボタン */
.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;
text-align:center;
}
#sysMemberRegisterIndex .sysNextSubmit{
  width: 49%;
  float: left;
  margin-right: 1%;
  border-radius: 5px;
  height: 50px; 
  font-size: 15px;
}
#sysMemberRegisterIndex .sysButton[type="submit"]{
  width: 49%;
  float: left;
  margin-right: 1%;
  border-radius: 5px;
  height: 50px;
  font-size: 15px;
  margin-top: 10px;
}
#sysMypageLogin .sysLoginButton{
  width: 49%;
  float: left;
  margin-right: 1%;
  font-size: 15px;
text-align:center;
}
#sysMypageLogin .sysButton{
  width: 49%;
  margin-left: 1%;
  font-size: 15px;
text-align:center;
}

/***********************************
  ヘッダー
***********************************/
/*.header_wrap{
  position: fixed;
  height: 130px;
  top: 0; left: 0; right: 0;
  margin: auto;
  background: #fff;
  z-index: 120;
        border-bottom: 1px solid #aaa;
}
.header_wrap_inner{
  max-width:1100px;
  margin:0 auto;
}
.h_inner{margin: 15px 0 0;}
.header_h1_under, .header_h1{
  width: 580px;
  height: 80px;
  float: left;
}
.header{
  width: 395px;
  height: 80px;
  float: left;
}
.logo img{
  width: 180px;
  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 li{
  float: left;
  text-align: center;
}
.header .g_navi li a{
  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;}*/


/***********************************
  カート情報
***********************************/
#cartInfo{
  float: left;
  position: relative;
  margin-top: 15px;
  margin-left: 5px;
  width: 120px;
  height: 30px;
  line-height: 28px;
  font-weight: bold;
  font-size: 12px;
  border-radius: 20px;
  border: 1px solid #222222;
  background: #222222;
  color: #fff;
  text-align: center;
  cursor: pointer;
  padding-top: -10px;
}
#cartInfo p.cartTxt{
  margin: -2px;
  line-height: 21px;
  padding-top: 5px;
  font-size: 10px;
}
#cartInfo p img{
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
}
#cartInfo i{
  margin-right: 5px;
}
.h_cart{
  display: none;
  width: 280px;
  height: 145px;
  position: absolute;
  top: 40px; right: 5px;
  border: 1px solid #aaa;
  background: #fff;
  color: #000;
  z-index: 110;
  padding: 10px 20px;
}
.h_cart dl{
  font-size: 12px;
  margin-bottom: 0px;
}
.h_cart dl:after{
  display: block;
  content: "";
  clear: both;
}
.h_cart dt, .h_cart dd{float: left;}
.h_cart dd span{
  display: inline-block;
  color: #cdaa74;
  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: 1100px;
  margin: 0 auto;
        height: 60px;
}
#headNavigation .pcnone{display: none;}
#headNavigation li.tab1{
  width: 220px;
  float: left;
  text-align: center;
}

#headNavigation li a{
    display: block;
  font-weight: 700;
}
#headNavigation li a span{
  display: block;
  font-size: 10px;
}
.tabmenu .border:after{
  background-color: #000;
    content: " ";
    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: 220px;
  position: absolute;
  height: 0px; /*heightはjs制御*/
  top: 50px; 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;
}
.tabmenu li.tab1{
  position: relative;
}
.tabmenu li.tab1 a{
  font-size:14px;
}
.tabmenu li.tab2{
  text-align: left;
  height: 35px;
  border-bottom: 1px dotted #ccc;
  position: relative;
}
.tabmenu li.tab2:hover{background: #ededed;}
.tabmenu li.tab2 a{
  display: block;
  position: relative;
  padding: 10px;
  font-size: 12px !important;
  line-height: 15px;
    font-weight: bold;
}
.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 .10s 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;}

/***********************************
  フッター
***********************************/
/*.footer{
  width: 100%;
  margin: 50px 0 0;
  text-align: center;
  background: #ededed;
  letter-spacing: 2px;
}
.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{
  background: #fff;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
}*/

/***********************************
  フッター部分のご利用ガイド
***********************************/
.f_guide{
  width: 100%;
  border-top: 2px solid #222222;
  margin-top: 50px;
}
.f_guide .sysContent{
  width: 1100px;
  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("https://sara-la.jp/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;
}
.pagetop #page-top{
  display: none;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  background: #000;
  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(https://sara-la.jp/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: 0 auto 40px;
  position: relative;
  text-align: center;
  font-size: 24px;
  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: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222222;
}
.contentsWrap{
  width: 1100px;
  margin: 0 auto;
}

/***********************************
  特商法テーブルレイアウト
***********************************/
#main_tradelaw, .main_tradelaw {
    border: 1px solid #ddd;
    margin: 0 auto 30px;
    max-width: 1100px;
}
#main_tradelaw dl, .main_tradelaw dl{
  background: #ededed;
  border-bottom: 1px dotted #bfbfbf;
  overflow: hidden;
}
#main_tradelaw dl:last-child, .main_tradelaw dl:last-child{border: 0px;}
#main_tradelaw dt, .main_tradelaw dt{
  padding: 15px 0 15px 20px;
  float: left;
  clear: both;
  font-weight: bolder;
}
#main_tradelaw dd, .main_tradelaw dd{
  margin-left: 200px;
  padding: 15px;
  background: #fff;
}
.shipFee{
  max-width: 1100px;
  margin: 20px auto
}
.shipFee .tableTitle{
  font-size: 16px;
        height: 70px;
        padding: 10px;
  color: #424242;
  margin: 50px 0 0px;
  border: 0px !important;
  text-align: leftr;
}
table.shipFeeTable {
    border-collapse: collapse;
  margin-bottom: 30px;
    text-align: left;
    line-height: 1.5;
  text-align: center;
}
table.shipFeeTable .eyeCatch{
  width: 120px;
  display: block;
  margin: 5px auto;
  height: 25px;
  line-height: 25px;
  color: #000;
        border-bottom: 1px solid #aaa;
        padding-bottom: 5px;
}
table.shipFeeTable thead {
        background: #555;
  text-align: center;
}
.spThead{display: none;}
table.shipFeeTable thead th {
        padding: 10px;
        vertical-align: top;
        font-weight: normal;
        color: #fff;
}
table.shipFeeTable tbody .sum{position: relative;}
table.shipFeeTable tbody .sum i{
  position: absolute;
  color: #888;
  font-size: 35px;
  right: -15px;
  bottom: 30px;
  z-index: 20;
}
table.shipFeeTable tbody th {
        width: 600px;
        padding: 10px;
        vertical-align: top;
       background: #fff;
        font-weight: normal;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
table.shipFeeTable td {
    width: 500px;
    padding: 10px;
    vertical-align: top;
  border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
}
table.shipFeeTable b{
  color: #D42E30;
  display: inline-block;
  padding: 0 3px;
  font-size: 1.2em;
}
div#main_tradelaw a{
  display: inline-block;
  color: #068acc;
  text-decoration: underline;
}

/***********************************
  2カラムレイアウト
***********************************/
.column2Wrap{
  width: 1100px;
  margin: 0 auto;
}
.column2Wrap:after{
  display: block;
  content: "";
  clear: both;
}
.sideWrap{
  width: 180px;
  height: 1000px;
  background: #aaa;
  margin-right: 20px;
  float: left;
}
.mainWrap{
  width: 900px;
  margin-left: 200px;
}
.col2Style h2.pattern01{
  font-size: 18px;
  border-left: 6px solid #d5c288;
  padding-left: 8px;
  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: 15px;
}
.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: #000;
}
.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:130px;
  margin:0 0 40px;
}
.top_slider .owl-item {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-filter: "alpha( opacity=50 )";
  -webkit-filter: "alpha( opacity=50 )";
  -o-filter: "alpha( opacity=50 )";
  -ms-filter: "alpha( opacity=50 )";
}
.top_slider .center {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-filter: "alpha( opacity=100 )";
  -webkit-filter: "alpha( opacity=100 )";
  -o-filter: "alpha( opacity=100 )";
  -ms-filter: "alpha( opacity=100 )";
}

/*新着アイテム*/
.top_newarrival ul{
  font-size:0;
  text-align:left;
}
.top_newarrival li{
  float:none !important;
  display:inline-block;
  width: 23% !important;
  margin: 5px 1% 20px !important;
  padding: 10px;
  font-size:12px;
  text-align:center;
  vertical-align:top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.top_newarrival li img{ 
  width: 100%;
}
.top_newarrival .sysItemName{
  font-size: 16px;
  font-weight: 500;
  padding-top: 10px;
}

/*特集一覧*/
.top_features{
  overflow:hidden;
}
.top_features ul{
  font-size:0;
  text-align:left;
}
.top_features li{
  float:none !important;
  display:inline-block;
  width: 30%;
  margin:1.66666666666667%;
  font-size:12px;
  vertical-align:top;
}
.top_features li img{width: 100%;}
.top_features li a{
  display: block;
  position: relative;
}
.top_features li span{
  display:block;
  font-size:14px;
  font-weight:bold;
}

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

/*おすすめ商品*/
.top_recommend_item{
  margin-bottom:60px;
}
.top_recommend_item li{
  width: 100% !important;
  padding:0 20px !important;
}

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

/*追加css*/

/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/

#top html, #top body,
#about html, #about body,
#story html, #story body{  height:100%;}
#top html,,
#about html
#story html{
  font-size:62.5%;
    overflow-y: scroll;
}

#top #page,
#about #page,
#story #page{
    max-width: 2560px;
    width: 100%;
}

#top #sysMain,
#about #sysMain,
#story #sysMain{
  float: none;
    width: 1200px;
    margin: 0 auto;
}


#top #sysMain:after,
#about #sysMain:after,
#story #sysMain:after{
    content:"";
    clear: both;
    display: block;
}

.inner{
    /*width: 1200px;*/
width:100%;
    margin: 0 auto;
}


#about h1,
#story h1{
  padding: 0;
  border-bottom: solid 1px #cccccc;
  line-height: 100%;
  list-style-type: none;
  font-style: normal;
  font-weight: normal;
  font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  text-align: center;
  color:#333333;
  letter-spacing: 1px;
  font-size: 4rem; 
    padding-bottom: 30px;
    padding-top: 50px;
    margin: 0;
}
#top h1{
  padding: 0;
    margin: 0;
}

#top h2,
#about h2 {
  padding: 0;
  border: none;
  line-height: 100%;
  list-style-type: none;
  font-style: normal;
  font-weight: normal;
  font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  text-align: left;
  color:#333333;
  letter-spacing: 1px;
  font-size: 2.4rem; /*24px*/
    margin-bottom: 40px;
    margin-top: 100px;
}

#top .news h2,#top .sns h2{
  width: auto;
    padding-left: 200px;
    margin: 100px 0 40px !important;
}

#top .news h2:before,
#top .sns h2:before,
#top .products h2:before,
#about h2:before{
  content: "";
  display: inline-block;
  width: 57px;
  height: 51px;
  background-image: url("../img/index/icon_ttl.png");
  background-size: contain;
  vertical-align: middle;
  padding-right: 10px;
    background-repeat: no-repeat;
    background-color: #fff;
    position: initial;
}


#top a,,
#about a
#story a{
  text-decoration: none;
    font-size: 1.4rem;
}

#top a:hover,
#about a:hover,
#story a:hover{
  color: #aa9e9d;
}

#top a:hover div,
#about a:hover div,
#story a:hover div{
 opacity: 0.7;  
}

#top a img,
#about a img,
#story a img {
 transition: opacity 0.3s ease-out;
}

#top a:hover img,
#about a:hover img,
#story a:hover img {
 opacity: 0.7;
}


#top p,
#about p,
#story p{
    font-size: 1.4rem;
    line-height: 2.4rem;
}

p.justify{
  text-align: justify;
  width: 340px;
}

.br_sp{
    display: none;
}
.sp{
  display: none;
}
.pc{display: block;}


@media screen and (max-width: 1216px){

    #top #sysMain,
    #about #sysMain,
    #story #sysMain{ width: 90% !important;}

    #top .inner,
    #about .inner,
    #story .inner{ width: 90%;}

    .br_sp{
        display: block;
    }
    #about h1,
    #story h1{
      font-size: 2.5rem;
      padding-top: 30px;
      padding-bottom: 30px;
    }

    #top .news h2,#top .sns h2,#top .products h2,#about h2{
    width: 90%;
    text-align: center;
    padding-left: 0 !important;
    margin: 10% 0 0 !important;
    }

    #top h3,
    #about h3,
    #story h2{
        line-height: 3rem;
    }

    #top p,#top a,
    #about p,#about a,
    #story p,#story a{
        font-size: 1.4rem;
    }
    .sp{
      display: block !important;
    }
    .pc{
      display: none;
    }
    img.pic{
    width: 100% ;
    float: none !important;
    position: unset !important;
  }
}

/* ----------------------------------------------------------------------------------------------------
*  ヘッダー
* --------------------------------------------------------------------------------------------------*/

/*ヘッダー*/
#header .inner:after{
    content:"";
    clear: both;
    display: block;
}

#header .inner img{
    margin: 30px 40px;
    float: left;
}

#header ul li a{
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-size: 1.6rem;
}

ul.menu{
    padding-top: 70px;
    margin-left: 480px;
}

ul.menu li{
    padding-top:10px;
    padding-bottom:10px;
    margin-left: 30px; 
    margin-right: 30px;
    float: left;
    position: relative;
}
ul.menu li:hover {
    border-bottom: solid 2px #5c0452;
}

ul.menu li ul.sub li:hover{
    border-bottom: none;
}

ul.menu li a{
    display: block;
    width: 100%;
    height: 100%;
    font-weight: bold;
}

ul.manu:after{
    height: 0;
    visibility: hidden;
    content:"";
    clear: both;
    display: block;
}

ul.sub{
    position: absolute;
    padding-top: 20px;
    z-index: 100;
    width: 203px;
}

ul.sub li{
    float: none;
    margin: 0;
    background-color: #52304c;
    border-top: solid 1px white;
    padding: 15px;
}

ul.sub li a{
    color: white;
}

ul.sub li:hover{
    background-color: #81687c;
}

@media screen and (max-width: 1216px){
    #header .inner{
      text-align:center;
      position:relative;
    }


    #header .inner img {
    max-height: 70px;
    width:auto;
    margin: 10px;
  float:none; 
    }
}

@media screen and (max-width: 480px){
    #header .inner img {
    }
}

/*ハンバーガーメニュー*/
.nav_toggle {
    display:none; /*通常時は非表示にしておきます*/
    position:absolute; /*bodyに対しての絶対位置指定です*/
    right:5%;
    top:40%;
    /*width:8%;*/
    width:30px;
    height:10%;
    cursor:pointer;
}
.nav_toggle div {position:relative;} /*spanの絶対位置指定の親にします*/
.nav_toggle span {
    display:block;
    position:absolute; /*#navToggle div に対して*/
    width:100%;
    border-bottom:solid 2px #333333;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.nav_toggle span:nth-child(1) {top:0;}
.nav_toggle span:nth-child(2) {top:11px;}
.nav_toggle span:nth-child(3) {top:22px;}

.nav_toggle + nav{display: none;}


@media screen and (max-width: 1216px){
    #header ul.menu{
        display: none;
    }

    #header .inner{
        width: 100%;
    }

    #header .inner nav {
        position: absolute;
        z-index: 3;
        width: 100%;
        top: -280px;
    }

    #header ul {
        margin:0;
        background-color: #684f63;
    }

    #header ul li {
        display:block;
        margin:0;
        border-bottom:dotted 1px #fff;
        line-height:3;
    }
    #header ul li a {
        display:block;
        padding: 10px;
        text-align: center;
        font-size: 2rem;
        color: #ffffff;
    }
    #header ul li::after {content:'';}
    #header ul li:last-child {border-bottom:none;}
     
    .nav_toggle {display:block !important;}

    .open_nav .nav_toggle span:nth-child(1) {
        top: 11px;
        transform:rotate(-45deg);
    }
    .open_nav .nav_toggle span:nth-child(2) {
        top: 11px;
        transform:rotate(45deg);
    }
    .open_nav .nav_toggle span:nth-child(3) {
        top: 11px;
        transform:rotate(45deg);
    }
     
    .open_nav nav {
        -moz-transform: translateY(351px);
        -webkit-transform: translateY(351px);
        transform: translateY(351px);
    }
}

/*topicpath*/
#topicpath{
    height: 40px;
    max-width:1200px;
    margin:0 auto;
}

#topicpath ul{
    padding:10px 0;
}

#topicpath ul li{
    display:inline-block;
}

#topicpath ul li:after{
    content:"\03e";
    padding:0 10px;
}

#topicpath ul li:last-child:after{
    content:none;
}


/*パンくず*/
#pankuzu{
    height: 40px;
    max-width:1200px;
    margin:0 auto;
font-size:14px;
}

#pankuzu ul{
    padding:10px 0 10px 10px;
}

#pankuzu ul li{
    display:inline-block;
}

#pankuzu ul li:after{
    content:"\03e";
    padding:0 10px;
}

#pankuzu ul li:last-child:after{
    content:none;
}

.sysItemCategoryPankuzu {
  margin-top:10px;
font-size:14px;
}

.sysCategoryPankuzu{
  line-height: 1.6;
 margin-bottom: 20px;
}

.sysCategoryPankuzu br{
  display:none;
}

/* ----------------------------------------------------------------------------------------------------
*  ページトップ
* --------------------------------------------------------------------------------------------------*/
#pagetop {
    float: right;
    margin-top: 150px;
    margin-bottom: 20px;
}

#pagetop img{
    margin-left: 5px;
}

@media screen and (max-width: 1216px){
    #pagetop{
        margin-top: 80px;
    }
    #pagetop img{
        width: 60%;
        height: auto;
    }
}

/* ----------------------------------------------------------------------------------------------------
*  フッター
* --------------------------------------------------------------------------------------------------*/


/*フッター*/
#footer{
    padding:0 !important;
    margin-bottom:0 !important;
}

#footer ul{
    width: 1180px;
    margin: 0 auto;
    padding: 45px 0;
    /*border-top: solid 1px #cccccc;*/
}

#footer ul:after{
    content:"";
    clear: both;
    display: block;
}

#footer ul li{
    float: left;
    width: 33%;
    padding-left: 28px;
    padding-right: 45px;
    padding-top: 5px;
    padding-bottom: 20px;    
    background-image:url("../img/common/img_footer_li.png");
    background-repeat:no-repeat;
}


.copyright {
    background-color: #2d0325;
    padding: 15px;
}

#footer .copyright p{
    text-align: center;
    font-size: 14px;
    color: white;
    margin: 0;
    line-height: 2.4rem;
    font-weight: bold;
    letter-spacing: 1px;
}
#footer .copyright p small{
  font-size: 80%;
}

@media screen and (min-width: 1217px){
   #footer .list ul{
      padding-left: 137px;
      border-top: 1px solid #ccc;
      width: 1200px;
      margin: 0 auto;
  }
}

@media screen and (max-width: 1216px){
    #footer ul{
    width: 100%;
    padding: 20px 3% 0;
    border-top: 1px solid #ccc;
    }

    #footer ul li{
  padding-top: 4px;
    width: 50%;
    font-size: 1.2rem;
    padding-right: 5px;
    height: 45px;
    line-height: 120%;
    
    }
}

@media screen and (min-width: 481px){
    #footer ul li br{
    display:none;
    }
}
/* ------------------------------
    clearfix
------------------------------ */

.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cf {display: inline-block;}

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}
/* End Hack */

@charset "UTF-8";

#sysItemDetail h2{
    margin-top: 30px;
    margin-bottom:-20px;
}

/*Top*/
#top img.catch {
    vertical-align: middle;
    margin: auto;
    right: 0;
    left: 0;
    top: 300px;
    position: absolute;
    z-index: 2;
}
#top ul.slider li img{
        width: 100%;
        height: auto;
} 
#top ul.slider li{
  max-height: 1000px;
  overflow: hidden;
}

@media screen and (max-width: 1216px){
    #top img.catch {
    top: 40vw;
    width: 70%;
    height: auto;
    } 
}
/*お知らせ*/
#top .news{
    display: inline-block;
    width: 580px;
    height: 480px;
}

#top .news ul {
  width:580px;
  margin-top: 10px;
  display: inline-block;
  border-bottom: solid 1px #aa9e9d;
}
#top .news ul li time {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 1.6em;
  margin: auto;
}
#top .news ul li a{
  position: relative;
  padding: 5px 24px 30px 13em; 
  border-top: solid 1px #aa9e9d;
}
#top .news ul li a:after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin: auto;
  background: url(../img/index/arrow_news.png);
}

@media screen and (max-width: 1216px){
    #top .news{
    width: 100%;
    height: auto;
    }

    #top .news ul {
      width:100%;
    }
    #top .news ul li time {
      position: initial;
      margin-bottom: 5%;
    }
    #top .news ul li a{
      width:100%;
      padding: 5% 8% 3% 5% ;
    }

}

/*SNS*/

#top .sns {
    float: right;
    display: inline-block;
    width: 580px;
    height: 480px;
}

#top .sns .col_inner {
    margin: 0px 30px;
    width: 520px;
}

.sns_link {
    float: left;
    margin: 10px;
}

@media screen and (max-width: 1216px){
    #top .sns {
    float: none;
    width: 100%;
    height: 0;
    }

    #top .sns .col_inner {
        margin: 0;
        width: 100%;
    }

    .sns_link {
        float: left;
        margin: 2%;
        width: 48%;
    }

    .sns_link a img{
        width: 100%;
        height: auto;
    }

    .sns_link:nth-of-type(1){
        margin-left: 0;
    }
    .sns_link:nth-of-type(3){
        margin-left: 0;
    }

    .sns_link:nth-of-type(2n){
        margin-right: 0;
    }


}

/*タオルの達人*/
#top .banner a {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -webkit-align-items: center;
          align-items: center;
    width: 500px;
    /*height: 120px;*/
    margin: 10px 40px;
    border: solid #c8c8c8 1px;
}

#top .banner img{
    /*float: left;*/
    width: 70%;
}

#top .banner p {
    text-align: center;
    font-size: 2rem;
    line-height: 4rem;
    width: 30%;
    /*height: 120px;*/
    vertical-align: middle;
    display: table-cell;
    margin: 0;
}

#top .banner p span{
    font-size: 3.5rem;
}

@media screen and (max-width: 1216px){
    #top .banner a {
    width: 100%;
    height: auto;
    margin: 0;
    }

    #top .banner img{
        width: 75%;
        height: auto;
    }

    #top .banner p {
        font-size: 4.5vw;
        line-height: 8vw;
        width: 30%;
        position: absolute;
        padding-top: 3%;
        right: 0%;
        display: inline-block;
    }

    #top .banner p span{
    font-size: 7vw;
    }
}

/*バナー*/
#banner {
    margin-top: 112px;
    position: relative;
}

#banner p {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

#banner p.banner_ttl{
  position: absolute;
    font-size: 3rem;
    padding:70px 50px; 
}



#banner p.banner_text{
  position: absolute;
    margin-top: 135px;
    margin-left: 50px;
    font-size: 1.8rem;
    line-height: 30px;
    font-weight: bold;
}

p.banner_img {
    position: absolute;
    top: 53px;
    left: 245px;
}

img.banner_bg_pc {
    display: block !important;
    position: relative;
    z-index: -100;
    outline: 1px solid #aa9e9d;
    outline-offset: -12px;
}

img.banner_bg_sp{
    display: none !important;
}

@media screen and (max-width: 1216px){
    #banner {
    margin-top: 10%;
    width: 100%;
    }

    #banner p.banner_ttl{
    font-size: 1.8rem;
    padding:8% 8%; 
    }
    #banner p.banner_img{
        top: 6.5vw;
        left: 150px;
        width: 10%;
    }

    #banner p.banner_text {
    margin-top: 20%;
    margin-left: 8%;
    font-size: 1.2rem;
    line-height: 6vw;
    font-weight: normal;
    }

    img.banner_bg_pc {
        display:none !important;
 
    }
    img.banner_bg_sp{
        display: block !important;
        position: relative;
        z-index: -100;
        outline: 1px solid #aa9e9d;
        outline-offset: -10px;
        width: 100%;
        object-fit: cover;
        object-position: 100%;
    }
}
@media screen and (min-width: 480px) and (max-width: 1216px){
    #banner p.banner_img{
        top: 6.5vw;
        left: 165px;
        width: 10%;
    }
}



/*商品一覧*/
#top .products:after{
    content:"";
    clear: both;
    display: block;
}

#top .products h2 {
  width: auto;
    padding-left: 485px;
    margin: 100px 0 40px !important;
}

#top .products p{
    line-height: 2.4rem;
    margin-bottom: 25px;
}

#top .products .sysItemImage{
    padding-top: 25px;
}
#top .products .sysItemImage a{
  display: block;
}

#top .products ul li {
    display: block;
    float: left;
    width: 380px;
    margin-right: 25px;
}
#top .products ul li:nth-child(3n){
  margin-right: 0;
}

#top .products .product_contents_sp{
    display: none;
}

#top .products .sysItemName{
    margin: 25px 0;
    padding: 5px 15px;
    border-left: solid;
    border-color: #ddafa8;
    border-width: 4px;
}
#top .products .sysItemName a{
  font-size: 2rem;
    line-height: 2.4rem;
    font-weight: bold;
}

#top .products .sysItemPrice{
  font-size: 1.4rem;
  font-weight: bold;
    padding-bottom: 10px;
}


#top .products .products_center{
    padding-left: 25px;
    padding-right: 25px;
}

#top .products .sysItemImage.products_last{
    display: block;
}
#top .products .sysContent .sysVertical .sysItemImage img{
  width: 100%;
  vertical-align: bottom;
  float: none;
  margin-right: 0;
}

@media screen and (max-width: 1216px){
    #top .products img{
        width: 100%;
        height: auto;
    }
    #top .products img:nth-of-type(1){
        padding-top: 0;
    }

    #top .products .product_contents{
        display: none;
    }
    #top .products .product_contents_sp{
        display: block;
    }

    #top .products .products_center{
    padding-left: 0px;
    padding-right: 0px;
    }
  #top .products ul li{
    float: none;
    width: 100%;
    margin-bottom: 5%;
    margin-right: 0;
  }

  #top .products h2 {
    margin: 10% 0 0 !important;
    line-height: 3rem;
  }
}

/*商品一覧(imabaritowel-en)*/
#about .products:after{
    content:"";
    clear: both;
    display: block;
}

#about .products h2 {
  width: auto;
    padding-left: 485px;
    margin: 100px 0 40px !important;
}

#about .products p{
    line-height: 2.4rem;
    margin-bottom: 25px;
}

#about .products .sysItemImage{
    padding-top: 25px;
}
#about .products .sysItemImage a{
  display: block;
}

#about .products ul li {
    display: block;
    float: left;
    width: 380px;
    margin-right: 25px;
}
#about .products ul li:nth-child(3n){
  margin-right: 0;
}

#about .products .product_contents_sp{
    display: none;
}

#about .products .sysItemName{
    margin: 25px 0;
    padding: 5px 15px;
    border-left: solid;
    border-color: #ddafa8;
    border-width: 4px;
}
#about .products .sysItemName a{
  font-size: 2rem;
    line-height: 2.4rem;
    font-weight: bold;
}

#about .products .sysItemPrice{
  font-size: 1.4rem;
  font-weight: bold;
    padding-bottom: 10px;
}


#about .products .products_center{
    padding-left: 25px;
    padding-right: 25px;
}

#about .products .sysItemImage.products_last{
    display: block;
}
#about .products .sysContent .sysVertical .sysItemImage img{
  width: 100%;
  vertical-align: bottom;
  float: none;
  margin-right: 0;
}

@media screen and (max-width: 1216px){
    #about .products img{
        width: 100%;
        height: auto;
    }
    #about .products img:nth-of-type(1){
        padding-top: 0;
    }

    #about .products .product_contents{
        display: none;
    }
    #about .products .product_contents_sp{
        display: block;
    }

    #about .products .products_center{
    padding-left: 0px;
    padding-right: 0px;
    }
  #about .products ul li{
    float: none;
    width: 100%;
    margin-bottom: 5%;
    margin-right: 0;
  }

  #about .products h2 {
    margin: 10% 0 0 !important;
    line-height: 3rem;
  }
}


/*ボトム部分（ギフト、ストーリー）*/
#bottom {
    padding-top: 60px;
}

#bottom:after{
    content:"";
    clear: both;
    display: block;
}

.gift {
    width: 580px;
    float: left;
}

.gift h3,
.story h3{
  font-size: 2rem;
    margin: 25px 0;
    padding: 5px 15px;
    border-left: solid;
    border-color: #ddafa8;
    border-width: 4px;
    line-height: 2.4rem;
  font-weight: normal;
}

.story {
    width: 580px;
    float: right;
}

@media screen and (max-width: 1216px){
    #bottom{
        padding-top:20px;
    }
    .gift {
    width: 100%;
    }

    .gift img{
        width: 100%;
    }

    .story{
        width: 100%;
        padding-top: 45px;
    }

    .story img{
        width: 100%;
    }
}

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

/* Icons */
/*@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

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

.slick-dots
{
    position: absolute;
    bottom: 30px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '●';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*about*/
#about #sysWrap{
  max-width: 1200px;
}
#about h2:before {
    width: 51px;
    height: 61px;
    padding-right: 0;
    margin-right: 20px;
}


#about div.content h2{
  margin: 25px 0;
  font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  margin-top: 120px;
  margin-bottom: 25px;
  font-size: 2.4rem;
  line-height: 3.5rem;
  padding: 0 15px;
  border-left: solid;
  border-color: #ddafa8;
  border-width: 4px;
  font-weight: normal;
  letter-spacing: 1px;

}

#about div.content h2:before{
  content:none;
}

#about h3{
  margin: 25px 0;
  font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  margin-top: 120px;
  font-size: 2.4rem;
  line-height: 3.5rem;
  padding: 0 15px;
  border-left: solid;
  border-color: #ddafa8;
  border-width: 4px;
  font-weight: normal;
  letter-spacing: 1px;
}


#about p{
  margin: 0;
  letter-spacing: 1px;
}


@media screen and (max-width: 1216px){

  #about div.content h2 {
      font-size: 2rem;
      line-height: 3rem;
      width: 100%;
      text-align: left;
      padding: 0 15px !important;
      margin: 50px 0 25px !important;
  }


  #about h3{
    margin-top: 50px;
    font-size: 2rem;
    line-height: 3rem;
  }
}

/*Top*/
#about .top img{
  width: 100%;
  height: auto;
}

/*sara-laとは*/
#about .about{
  margin-bottom: 140px;
}

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

#about .about .link {
    width: 968px;
    margin: 50px auto;
}

#about .about .link:after{
  content:"";
    clear: both;
    display: block;
}

#about .about .link .link_btn {
    width: 200px;
    height: 55px;
    border: solid 1px #d7ced5;
    float: left;
    margin: 20px;
}

#about .about .link .link_btn img{
  width: 10px;
    float: right;
    position: relative;
    top: -32px;
    right: 10px;
}

#about .about .link .link_btn p{
  text-align: center;
  line-height: 5.5rem;
  font-weight: bold;
  font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  margin: 0;
}

#about .about .logo{
  text-align: center;
  margin-bottom: 50px;
}

#about .about p.catch{
  text-align: center;
  font-size: 3rem;
  line-height: 7rem;
  font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

#about .about h2{
  width: 97%;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 10px;
}

#about .about p.subtytle{
  font-size: 3.6rem;
  text-align: center;
  margin-bottom: 40px;
  font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


#about .about .fr{
  float: right;
}

#about .about .fl{
  float: left;
  padding: 103px 55px 103px 0;
}

@media screen and (max-width: 1216px){

  #about .about .fr{
    float: none;
  }

  #about .about .fl{
    float:  none ;
    padding: 30px 0 0;
  }
  
  #about .about{
    margin-bottom: 50px;
  }
  #about .about .link{
    width: 100%;
    margin: 25px auto;
  }
  #about .about .link .link_btn{
    float: none;
    width: 100%;
    margin: 20px 0;
    border: solid 1px #a997a5;
  }
  #about .about .logo{
    margin-top: 70px;
    margin-bottom: 25px;
  }
  #about .about .logo picture img{
    width: 55%;
  }
  #about .about p.catch{
    font-size: 2.5rem;
    line-height: 5rem;
  }
  #about .about h2{
    font-size: 1.7rem;
  }
  #about .about p.subtytle{
    font-size: 5.6vw;
    line-height: 4rem;
    margin-bottom: 25px;
  }
  #about .about p.text{
    float: none;
    padding: 0;
    margin-bottom: 30px;
  }
}

/*content_a*/
#about #content_a img{
  float: right;
}

/*content_b*/
#about #content_b{
  position: relative;
}

#about #content_b p:last-child{
  position: absolute;
    top: 110px;
    z-index: -1;
    padding-left: 0;
}

#about #content_b h2 + p{
  padding-top: 100px;
}
#about #content_b p{
  padding-left: 40px;
}

/*content_c*/
#about #content_c{
  margin-top: 480px;
}

#about #content_c p.pic{
  float: left;
}
#about #content_c .fr{
  float: right;
}

/*content_d*/
#about #content_d:after{
  content:"";
    clear: both;
    display: block;
}

#about #content_d img{
  float: right;
}

/*content_e*/
#about #content_e p.fr{
  float: right;
}

/*content_f*/
#about #content_f:after{
  content:"";
    clear: both;
    display: block;
}

#about #content_f img{
  float: right;
}
/*content_g*/
#about #content_g{
  position: relative;
}
#about #content_g .pic{
  position: absolute;
  top: 100px;
  padding-left: 0;
  width: 100%;
  z-index: -1;
}
#about #content_g h2 + p{
  padding-top: 300px;
}
#about #content_g p{
  padding-left: 40px;
  width: 400px;
}

@media screen and (max-width: 1216px){
  #about .content img{
    margin-top: 20px;
  }
  #about #content_c{
    margin-top: 0;
  }
  #about .content p{
    padding: 0 !important;
    margin: 0!important;
    width: 100% !important;
  }
}
@media screen and (max-width: 387px){
  #about #content_f h2{
    font-size: 4.9vw;
  }
}

/*ありがとうが広がる*/
#about #thanks{
  margin-top: 450px;
}
#about #thanks p{
  font-size: 2rem;
  line-height: 4rem;
  padding-left: 110px;
}
#about #thanks p.thanks{
  text-align: center;
  font-size: 3rem;
  line-height: 7rem;
  font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
#about #thanks p.thanks span{
  font-size: 5rem;
}
#about #thanks .thanks_img{
  margin:80px auto;
  width: 964px;
}
#about #thanks .thanks_img p{
  padding-left: 0;
}
@media screen and (max-width: 1216px){
  #about #thanks{
    margin-top: 40px;
  }
  #about #thanks p{
    padding-left: 0;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  #about #thanks p.thanks{
    font-size: 1.5rem;
    line-height:  3.5rem;
  }
  #about #thanks p.thanks span{
    font-size: 2.5rem;
  }
  #about #thanks .thanks_img{
    width: 100%;
    margin:40px auto;
  }
}

/*商品一覧バナー*/
#about #products_banner{
  margin-top: 90px;
}

#about #products_banner picture img{
  width: 100%;
}
@media screen and (max-width: 1216px){
  #about #products_banner{
    margin-top:40px;
  }
}

/*story*/
#story #sysWrap{
  max-width: 1200px;
}

#story #main{
  text-align:center;
}

#story_contents h2{
  margin: 25px 0;
  font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  margin-top: 120px;
  font-size: 2.4rem;
  line-height: 3.5rem;
  padding: 0 15px;
  border-left: solid;
  border-color: #ddafa8;
  border-width: 4px;
  font-weight: normal;
  letter-spacing: 1px;
}
#story_contents p{
  margin: 0;
  letter-spacing: 1px;
}

@media screen and (max-width: 1216px){
  #story_contents h2{
    margin-top: 50px;
    font-size: 2rem;
    line-height: 3rem;
  }
}

/*main*/
#story_contents #main img{
  width: 100%;
}

/*top*/
#story_contents .top .catch{
  padding-top: 100px;
  position: relative;
}
#story_contents .top .catch p{
  font-size: 6rem;
  line-height: 10rem;
  text-align: center;
  font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
#story_contents .top .catch p.sub{
  text-align: right;
  font-size: 3rem;
  line-height: 6rem;
  margin-right: 170px;
}
#story_contents .top .leaf1 {
    position: absolute;
    top: 100px;
    left: 100px;
}
#story_contents .top .leaf2 {
    position: absolute;
    top: 250px;
    right: 180px;
}

@media screen and (max-width: 1216px){
  #story_contents .top .catch{
    padding-top: 12vw;
  }
  #story_contents .top .catch p{
    font-size: 2.5rem;
    line-height: 5rem;
  }
  #story_contents .top .catch p.sub{
    font-size: 1.5rem;
    line-height: 100%;
      margin-right: 10px;
  }
  #story_contents .top .leaf1{
    position: unset;
    width: 15%;
  }
  #story_contents .top .leaf2 {
    top: 173px;
    right: 0;
    width: 10%;
}
}

/*content_a*/
#story_contents #content_a .pc{
  float: right;
}

/*content_b*/
#story_contents #content_b{
  position: relative;
}

#story_contents #content_b .pic{
  position: absolute;
    top: 70px;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    z-index: -1
}

#story_contents #content_b h2 + p{
  padding-top: 80px;
}

#story_contents #content_b p{
  /*padding-top: 80px;*/
  padding-left: 680px;
  text-align: justify;
  /*width: 465px;*/
  padding-right: 50px;
}

/*content_c*/
#story_contents #content_c{
  margin-top: 600px;
}
#story_contents #content_c .fr{
  float: right;
}

/*content_d*/
#story_contents #content_d{
  margin-top: 100px;
}
#story_contents #content_d img{
  float: right;
  margin-bottom: 175px;
}


@media screen and (max-width: 1216px){
  #story_contents .content img{
    margin-top: 20px;
  }
  #story_contents .content p{
    padding: 0 !important;
    margin: 0!important;
    width: 100% !important;
  }
  #story_contents #content_c,#content_d{
    margin-top: 0;
  }
  #story_contents #content_d img{
    margin-bottom: 0;
    float: none;
  }
}

/*商品一覧バナー*/
#story_contents #products_banner picture img{
  width: 100%;
}
@media screen and (max-width: 1216px){
  #story_contents #products_banner{
    margin-top:40px;
  }
}

.mb1em{
  margin-bottom: 1em !important;
}
@media screen and (max-width: 1216px){
  #story_contents .content p.mb1em{
    margin-bottom: 1em !important;
  }
  #story_contents #content_b .pic{
    position: initial;
    top: auto;
  }
}

/*サブナビ*/
.subnav{
  width: 100%;
  background-color:#e6e3e9;
  border-bottom:1px solid #b3b3b3;
}

.subnav ul{
    max-width: 1200px;
    margin: 0 auto;
  padding: 10px 0;
}

.subnav ul li.sysText a{
  height: 35px;
  line-height: 35px;
}
.subnav ul li.sysText a{
  border-right: none;
}
.subnav ul li.sysText{
  border-right: 1px solid #cccccc;
}
.subnav ul li.sysText:last-child{
  border-right: none;
}
@media screen and (max-width: 1216px){
  .subnav{
    width: 100%;
  }
  .subnav ul li.sysText a{
    height: 2em;
    line-height: 2em;
    font-size: 1.2rem !important;
  }
}

.header_wrap{
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1216px){
  .header_wrap{
    width: 100%;
  }
  #about #content_b p:last-child,
  #about #content_g .pic{
    position: initial;
    top: auto;
  }
  #sysItemDetail #sysMain,
  #shopping-guide div#sysMain{
    float: none;
  }
  #shopping-guide #sysWrap{
    width: 95%;
  }
  .sysTitle::before, .sysHeadline::before{
    display: none;
  }
}

/***********************************
  お知らせ
***********************************/

#sysInformation #sysMain article{
  padding:20px 0;
}

#sysInformation #sysMain article h1{
    font-size: 19px;
    margin: 0 0 30px;
color:#c4a854;
line-height:1.8;
text-align:left;
}

@media screen and (max-width: 1216px){
  #sysInformation #sysWrap {
    width:95%;
  }
}

@media screen and (max-width:480px){
.sysDisplayMobileNone{
  display:none !important;
}


/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
/*#sysWrap{margin-top:120px;}*/
#sysMain,#sysAside{ width: 100%!important;}

.sysMypage #sysWrap,
.sysMemberRegister #sysWrap{
  /*margin: 130px auto 0;*/
}

#sysFormIndex div#sysMain,
#sysFormConfirm div#sysMain,
#sysFormThanks div#sysMain{
  width: 98% !important;
  padding:20px 10px 30px !important;
    margin:10px auto;
}
.sysCart #sysMain,
.sysMypage div#sysMain,
.sysMemberRegister #sysMain,
#sysItemSearch div#sysMain{
    width: 98% !important;
  padding:20px 10px 30px !important;
    margin:0 auto;
}
.sysFormField label{display: block;}
#sysFormIndex .txtBlock{text-align: left;}
#sysMain{ margin-top: 0;}
.grid-col {
  float: none;
  width: 100%!important;
        margin-left: 0;
}
/*Header */
#sysHeader{ margin-bottom: 5px;}

/* Category Pankuzu */
.sysItemCategoryPankuzu {
    font-size: 14px;
}

/* Archive Thumbnail Item */
.sysItemList ul.sysThumbnail { font-size: small;}
.sysItemList ul.sysThumbnail input { font-size: small;}

/* Order Area */
.orderArea { letter-spacing: normal;}
.orderArea > div {
    width: 100%;
    padding-right: 0;
    float: none;
}

/*header検索ボックス*/
.h_search{
  margin-top:30px;
}

/***********************************
  商品詳細ページ
***********************************/
#sysItemDetail #sysMain {
    max-width: 450px;
    width: 95% !important;
}
.sysItemList ul.sysThumbnail li{width: 50% !important;}
/*.sysItemName a{font-size: 12px;}*/
/*商品名*/
#sysItemDetail .sysItemName h1{
  font-size:20px;
  padding-bottom:5px;
  margin-bottom:20px;
}
#sysItemDetail .sysForm select{
  height:30px;
  text-align:center;
}
#sysItemDetail .sysSelectionDescription{margin: 5px 0 10px;}
#sysItemDetail #sysNumber{text-align: right;}

/*数量増減*/
#sysItemDetail .sysNumArea button {
  width: 35%;
}
/*PRアイコン(商品カテゴリーページ)*/
#sysItemCategory #sysMain{padding: 5px;}
.sysItemPrArea span{
        width: 48%;
        padding: 3px 0px;
        font-size: 10px;
}
#sysItemCategory input[type=submit]{margin-top: 0px; font-size:14px;}
.sysAddSelection{font-size: 12px;}
.sysSelectionDescription{font-size: 10px;}
/*PRアイコン(商品詳細ページ)*/
.sysPr{margin-top: 10px;}
.sysPr span{
        width: 49%;
        font-size: 16px;
}
#sysItemDetail .sysForm select {
  min-width: 300px;
  display: inline-block;
  float: right;
}
#sysItemDetail .sysNumber select {
        min-width: 100px;
}

#sysItemDetail{
  /*padding-bottom:40px;*/
}

/*商品ページ用おすすめ商品*/
.itempage_recommend .sysItemBlock .sysHorizontal li{
  width:50%;
  padding:0 5px;
  margin-bottom:20px;
}
.itempage_recommend .sysItemName{
  font-size:12px;
}
.itempage_recommend .sysItemPrice{
  font-size:11px;
}

/*for demo 2017/01/12*/
.sysExplanation{
  float: none;
  width: 100%;
}

span.sp_newline{display: block}

/***********************************
  ヘッダー
***********************************/
/*.header_wrap{
  position: 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 .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;
}

/*ナビゲーショントグル*/
.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 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: 150;
  color: #444;
  display: none;
        overflow: auto;
}
#spNaviWrap{
  position: absolute;
  width: 100%;
  height: 1550px;
  top: 0px; left: -100%;
  background: rgba(225,225,225,1);
  z-index:  200;
  padding: 30px 10px 0;
        overflow: scroll;
}

/***********************************
  ログイン情報
***********************************/
.h_login .sysHeadline,.h_search .sysHeadline{
  text-align: center;
  font-size: 18px;
    margin-botom: 10px;
}
.h_login .sysContent{text-align: center;}
.h_login .sysFormItem{margin-bottom: 10px;}
.h_login .sysFormLabel{
  display: block;
  font-size: 12px;
  height: 20px;
  text-align: left;
  margin-bottom: 3px;
}
.h_login .sysLoginButton{
  width: 100%;
  margin: 10px 0%;
  border-radius:5px;
  background:#000;
  font-size: 15px;
  height: 35px;
  line-height: 10px;
}
.h_login li{
  border:1px solid #444;
  margin-bottom: 10px;
  font-size: 15px;
  height: 35px;
  line-height: 32px;
  text-align: center;
  border-radius:5px;
}
.h_login li a{
  font-size: 12px;
  padding: 0px 5px 5px 0px;
}

/***********************************
  ナビゲーションメニュー
***********************************/
#closeMenu{
  position: absolute;
  top: 15px; left: 15px;
  font-size: 15px;
}
#closeMenu span{
        font-size: 12px;
        margin: 0 10px;
        display: inline-block;
    cursor:pointer;
}
#closeMenu2{
        text-align: center;
        margin: 20px 0;
        border: 1px solid #444;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    border-radius:5px;
    cursor:pointer;
}
#closeMenu2 span{
        display: inline-block;
        margin: 0 10px;
}
#spNavMenu .navTitle{
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
#spNavMenu{margin: 30px 0 0;}
#spNavMenu .spMenuList{
  height: auto;
  line-height: 40px;
  font-size: 15px;
  position: relative;
  border-bottom: 1px solid #aaa;
}
#spNavMenu .spMenuList a{
        display: block;
  padding-left: 15px;
}
#spNavMenu .spToggleNav{
  height: 270px;
  overflow: hidden;
}
#spNavMenu .spToggleNav li{
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  border-bottom: 1px dotted #aaa;
}
#spNavMenu .spToggleNav li{padding-left: 20px;}
#spNavMenu .spToggleNav li:first-child{border-top: 1px solid #aaa}
#spNavMenu .spToggleNav li:last-child{border-bottom: 0;}

/***********************************
  フッター
***********************************/
.footer{
  margin: 30px 0 0;
  background: #fff;
  letter-spacing: 2px;
}
.footer .f_navi_all{
  width: 95%;
  margin: 0 auto;
  padding: 10px 2.5% 0;
}
.footer .f_navi h3{
  width: 100%;
  height: 25px;
  background: #424242;
  color: #fff;
  margin: 10px 0;
  font-size: 12px;
  line-height: 25px;
  border-radius: 10px;
}
.footer .f_navi ul{
  width: 100%;
  text-align: left;
  margin: 0 auto;
}
.footer .f_navi li{
  display: inline-block;
  height: 25px;
  padding: 0 3px;
  margin: 10px 0px 0;
  font-size: 15px;
  position: relative;
  border-right: 1px solid #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer .f_navi li i{
  position: absolute;
  font-size: 20px;
  line-height: 23px;
  right: 10px; top: 0;
}
.footer .f_navi li.sp_title{
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

.footer .f_navi li.sp_title h5{
  position: relative;
  text-align: center;
  background: #fff;
}
.footer .f_navi li.sp_title h5 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
.footer .f_navi li.sp_title h5::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222222;
}
.footer .f_navi li.sp_3column{
  width: 32%;
  margin-bottom: 5px;
}
.footer .f_navi li.sp_2column{
  width: 49%;
  margin-bottom: 5px;
}
.footer .f_navi li:after{width: 0;}
.footer .f_navi .b_none, .footer .f_navi .spb_none{border-right: 0px;}

.footer .f_gnav_all{
  background: #c3c3c3;
  padding: 0px 0 0px;
  letter-spacing: 2px;
  text-align: left;
}
.footer .f_gnav ul:after{
  display: block;
  content: "";
  clear: both;
}
.footer .f_gnav{
  width:100%;
  border-top: 1px solid #444;
  margin-bottom: 0;
  overflow: hidden;
}
.footer .f_gnav li{
  width: 50%;
  float: left;
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0px 0px 0 15px;
  font-size: 12px;
  position: relative;
  border-bottom: 1px solid #444;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.footer .f_gnav li i{
  position: absolute;
  font-size: 20px;
  line-height: 30px;
  right: 10px;
  top: 6px;
}
.footer .f_gnav li:nth-child(even){
  border-left: 1px solid #444;
}
.footer .f_gnav li:last-child{
  width:100%;
}
.footer .f_gnav li a{display: block;}
.footer .f_gnav .sp_wide{
  width: 100%;
  height: 38px;
  border-bottom: 0px;
}
.footer .f_gnav li:after{width: 0px;}
.footer .f_gnav{margin-bottom: 5px;}

.footer .f_copy{
  padding: 10px 5px;
  font-size: 10px;
}
@media 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: 20px;
  letter-spacing: 3px;
}
.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: 1100px;
  margin: 0 auto 30px;
  border: 0px solid #ddd;
}
#main_tradelaw dl , .main_tradelaw d{
  width: 100%;
  background: #ededed;
  border-bottom: 0px dotted #bfbfbf;
  overflow: hidden;
}
#main_tradelaw dl:after, .main_tradelaw dl:after{
  display: block;
  content: "";
  clear: both;
}
#main_tradelaw dt, .main_tradelaw dt{
  width: 100%;
  padding: 15px 0 15px 20px;
  float: none;
  clear: both;
  font-weight: bolder;
}
#main_tradelaw dd, .main_tradelaw dd{
  margin-left: 0px;
  padding: 15px;
  background: #fff;
}
.shipFee{
  max-width: 1100px;
  margin: 20px auto
}
.shipFee .tableTitle{
  text-align: center;
  font-size: 12px;
}
table.shipFeeTable {
  width: 100%;
  margin: 0%;
    border-collapse: collapse;
  margin-bottom: 30px;
    text-align: left;
    line-height: 1.5;
}
.spThead{display: block;}
.pcThead{display: none;}
table.shipFeeTable thead th {
  font-size: 12px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
  text-align: left;
}
table.shipFeeTable tbody th {
  font-size: 12px;
  display: block;
  width: 100%;
  border: 0px solid #ddd;
}
table.shipFeeTable tbody .sum{
  position: relative;
  padding: 25px 10px;
  text-align: center;
}
table.shipFeeTable tbody .sum i{
  position: absolute;
  color: #888;
  font-size: 35px;
  left: 0;
  right: 0px;
  margin: auto;
  bottom: -20px;
  z-index: 20;
}
table.shipFeeTable td {
  display: block;
    width: 100%;
    vertical-align: top;
  border: 0px;
}
table.shipFeeTable b{
  color: #D42E30;
  display: inline-block;
  padding: 0 3px;
  font-size: 1.2em;
}

/***********************************
  2カラムレイアウト
***********************************/
.col2Style h2.pattern03{
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  padding: 0 0px 3px 10px;
  margin: 0 0 15px;
  border-bottom: 1px solid #6843ac;
}
.col2Style .txtBlock li{margin: 10px 0;}
.col2Style .imgWrap img{
  width: 80%;
  margin: 0px 10%;
}
.col2Style .floatWrap img{
  width: 80%;
        margin: 0px 10%;
  float: none;
}
.col2Style .floatWrap .txt{
  padding-top: 5px;
  margin-left: 0px
}
.col2Style .floatImg .imgWrap{
  width: 100%;
  float: none;
}
.col2Style .floatImg .imgWrap img{
  width: 80%;
  margin: 20px 10%;
}

/***********************************
  お買物ガイド
***********************************/
.indexList li{
  padding: 3px 5px;
  font-size: 12px;
}
.guideBlock{
        padding-top: 0;
        maergin-top: 30px;
}

/***********************************
  ご利用ガイド
***********************************/
.f_guide{margin-top: 30px;}
.f_guide .sysContent{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.f_guide .Title{
  font-size: 20px;
  text-align: center; 
  padding: 20px 0 0px;
}
.f_guide .guideBlock{
  width: 95%;
  margin: 50px 2.5%;
  display: block;
  padding: 30px 0px 5px;
  border: 1px solid #424242;
  border-radius: 10px;
  position: relative;
}
.f_guide .guide01{padding-right: 0px;}
.f_guide .guide02{padding-left: 0px;}
.f_guide .guideTitle{
  width: 200px;
  margin: auto;
  text-align: center;
  margin-bottom: 10px;
  position: absolute;
  top: -15px; left:0; right: 0;
  background: #fff;
  font-size: 15px;
}
.f_guide p{
  font-size: 15px;
  line-height: 20px;
  margin: 5px 0  !important;
  text-align: left;
        padding: 0 10px 0 15px;
}
.f_guide img{width: 100%;}
.f_guide .mt{margin-top: 10px;}
.f_guide .smaller{font-size: 12px;}
.f_guide a.f_guide_btn{
  margin: 20px auto;
  float: none;
}
.f_guide .freedial{
  font-size:30px;
}


/* カート内商品数表示*/
button.itemCount2{
        display: none;
  position: absolute;
  bottom: 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;
}

/***********************************
  マイページ
***********************************/
.sysMypage .sysMypageNav form{width: 100% !important;}

/***********************************
  新規会員登録
***********************************/
#sysMemberRegisterIndex .sysNextSubmit{
        width: 100%;
         float: none;
         margin-right: 0%;
         border-radius: 5px;
         height: 50px; 
         font-size: 15px;
}
#sysMemberRegisterIndex .sysButton[type="submit"]{
         width: 100%;
         float: none;
        margin-right: 0%;
        border-radius: 5px;
        height: 50px;
        font-size: 15px;
        margin-top: 0px;
}
#sysMypageLogin .sysLoginButton{
        width: 100%;
        float:none;
        margin-right: 0%;
}
#sysMypageLogin .sysButton{
        width: 100%;
        margin-left: 0%;
        margin-top: 0px;
}

/***********************************
  カートページ
***********************************/
/*ドメイン*/
.sysAcceptDomainArea .sysAcceptDomain a{
  padding:0;
  font-size:10px;
}

/***********************************
  ボタンデザイン
***********************************/
.common_btn{
  margin: 20px auto 30px;
}

/***********************************
  TOPページ
***********************************/
/*.トップスライダー*/
#slideShow{height: 130px;}
.top_slider{
  padding-top:0;
  margin:120px auto 0;
}
.owl-dots .owl-dot {
  top:0;
}
.owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;}

.owl-nav [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;
}

/*新着アイテム*/
.top_newarrival li{
  width: 30% !important;
  margin: 0 1.5% 30px !important;
  padding:0 !important;
}
.top_newarrival li .sysItemName{
  padding-top:0;
}
.top_newarrival li .sysItemPrice{
  font-size:12px;
}

/*特集一覧*/
.top_features{
  overflow:hidden;
}
.top_recommend_item ul{
  font-size:0;
  text-align:left;
}
.top_features li{
  width: 46%;
  margin: 2%;
}
.top_features li:nth-child(1),
.top_features li:nth-child(2){
  position:relative;
  z-index:10;
  width:96%;
}
.top_features li:nth-child(1) p,
.top_features li:nth-child(2) p{
  position:absolute;
  left:0;
  bottom:0;
  z-index:15;
  margin:0;
  padding:10px;
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}

/*おすすめ商品、ランキング*/
.top_ranking_item li{
  width: 30% !important;
  margin: 0 1.5% 30px !important;
  padding:0 !important;
}
.top_recommend_item li .sysItemName,
.top_ranking_item li .sysItemName{
  padding-top:0;
}
.top_recommend_item li .sysItemPrice,
.top_ranking_item li .sysItemPrice{
  font-size:12px;
}
.top_recommend_item li .sysCartButton,
.top_ranking_item li .sysCartButton{
  width:100%;
  font-size:10px;
  letter-spacing:-1px;
}

/*おすすめ商品*/
.top_recommend_item li{
  padding:5px !important;
}

}
@media screen and (min-width:481px) and (max-width:0px){
.sysDisplayTabletNone{
  display:none !important;
}

/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
#sysWrap{margin-top:120px;} 
div#sysMain,div#sysAside{
  width: 100% !important;
  float: none;
}
.sysMypage #sysWrap,
.sysMemberRegister #sysWrap{
  /*margin: 130px auto 0;*/
}
#sysFormIndex div#sysMain,
#sysFormConfirm div#sysMain,
#sysFormThanks div#sysMain,
.sysMypage div#sysMain,
.sysMemberRegister #sysMain,
#sysItemSearch div#sysMain{
        width: 95% !important;
        margin: 30px auto;
        padding: 20px !important;
}
.sysCart #sysMain{
  width: 95% !important;
    margin: 0 auto;
  padding: 20px;
}
.sysFormField label{display: block;}

/* 決済ページ*/
#sysPayment #sysWrap,
#sysConfirm #sysWrap,
#sysThanks #sysWrap,
#sysCartError #sysMain{
         width: 95% !important;
        margin-left: 2.5%;
}
#sysPayment #sysMain .sysFormLabel{line-height: 10px;}
#sysBillingAddress form{
        width: 95%;
        padding: 30px 20px;
        margin: 0 auto;
}
#sysDestination #sysMain{
           width: 95%;
            /*border: 1px solid #aaa;*/
            padding: 20px 10px !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: 15px;
}
#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{
  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 .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;
}
/*ナビゲーショントグル*/
.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: 150;
  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{
        text-align: center;
        margin: 20px 0;
        border: 1px solid #aaa;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
}
#closeMenu2 span{
        display: inline-block;
        margin: 0 10px;
}
#spNavMenu .navTitle{
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
#spNavMenu{
        max-width: 800px;
        margin: 80px auto 0;
        width: 90%;
}
#spNavMenu .spMenuList{
  height: auto;
  line-height: 40px;
  font-size: 15px;
  position: relative;
  border-bottom: 1px solid #aaa;
}
#spNavMenu .spMenuList i{
  position: absolute;
  line-height: 40px;
  right: 10px;
  font-size: 18px;
}
#spNavMenu .spMenuList a{
        display: block;
  padding-left: 15px;
}
#spNavMenu .spToggleNav{
  height: 200px;
  overflow: hidden;
}
#spNavMenu .spToggleNav li{
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  border-bottom: 1px dotted #aaa;
}
#spNavMenu .spToggleNav li:first-child{border-top: 1px solid #aaa}
#spNavMenu .spToggleNav li:last-child{border-bottom: 0;}

/***********************************
  フッター
***********************************/
.footer .f_gnav_all{
  background: #c3c3c3;
  padding: 0px 0 0px;
  letter-spacing: 2px;
  text-align: left;
}
.footer .f_gnav ul:after{
  display: block;
  content: "";
  clear: both;
}
.footer .f_gnav{
  width:100%;
  border-top: 1px solid #444;
  margin-bottom:0;
  overflow: hidden;
}
.footer .f_gnav li{
  width: 50%;
  float: left;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0px 0px 0 15px;
  font-size: 12px;
  position: relative;
  border-bottom: 1px solid #444;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.footer .f_gnav li i{
  position: absolute;
  font-size: 20px;
  line-height: 30px;
  right: 10px; top: 5px;
}
.footer .f_gnav li:nth-child(even){
  border-left: 1px solid #444;
}
.footer .f_gnav li:last-child{
  width:100%;
}
.footer .f_gnav li a{display: block;}
.footer .f_gnav .sp_wide{
  width: 100%;
  height: 35px;
  border-bottom: 0px;
}
.footer .f_gnav li:after{width: 0px;}

/***********************************
  サイド
***********************************/
.side_search{
  width:95%;
  margin:0 auto 30px;
}
.side_navi_item,
.side_navi{
  width:95%;
  margin:0 auto;
}
.side_navi ul li.sysText a{
  padding:10px 5px !important;
}
.side_navi_item .sysHeadline,
.side_navi_item .sysContent{
  width:100% !important;
  margin:0 auto !important;
}
.side_navi_item .sysContent li,
.side_navi .sysContent li{
  float:left !important;
  width:50% !important;
}
.side_navi_1{
  border-top:1px solid #000;
}

/***********************************
  共通パーツ
***********************************/
.sysTitle{
  width: 600px;
  margin: 50px auto!important;
  position: relative;
  text-align: center;
  font-size: 20px;
  letter-spacing: auto;
}
.sysTitle b{
  display: block;
  font-size: 15px;
  text-align: center;
  margin-top: 5px;
}
.sysTitle span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 40px;
  background-color: #fff;
  text-align: center;
  font-weight: bold;
}
.sysTitle::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222222;
}

.contentsWrap{
  width: 90%;
  margin: 0 auto;
}

/***********************************
  商法テーブルレイアウト
***********************************/
.p-law .sysTitle{max-width: 600px;}
.p-law .sysTitle span {
  font-size: 22px;
  padding: 0 40px;
}

#main_tradelaw{width: 90%;}
.shipFee{
  width: 90%;
  margin: 50px auto;
}
.shipFee h3{font-size: 16px;}
table.shipFeeTable .newLine{display: block;}
table.shipFeeTable tbody th {
  width: 500px;
  vertical-align: middle;
}
table.shipFeeTable td{
    width: 500px;
  font-size: 15px;
  vertical-align: middle;
}

/***********************************
   フッター部分のご利用ガイド
***********************************/
.f_guide{margin-top: 50px;}
.f_guide .sysContent{width: 100%;}
.f_guide .Title{ 
  font-size: 15px;
  padding: 20px 0 30px;
}
.f_guide .guideBlock{
  width: 50%;
  padding: 0 2%;
  padding-bottom:30px;
}
.f_guide .guide01{padding-right: 20px;}
.f_guide .guide02{padding-left: 20px;}
.f_guide .freedial{
  font-size:30px;
}
.f_guide a{
  display:block;
  width: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;}

.top_slider{
  padding-top:0;
  margin-top:120px;
}
}
@media screen and (min-width:1px){
  .sysDisplayPcNone{
    display:none !important;
  }

}

/***********************************
  お支払い方法の選択
***********************************/
.sysSelectPayment li label {
  font-weight: bold;
  font-size: 120%;
}

.sysSelectPayment li label input[type="radio"]{
  margin: 4px 10px 20px;
  float: left;
}

.sysSelectPayment li div{
  clear:both;
}

.sysCart #sysMain .mdl-js-button{
  margin-left:1em;
}


/***********************************
  注文確認画面
***********************************/
#sysConfirm div.sysUseCoupons label{
    position: relative;
    padding-left: 20px;
    display: block;
}

#sysConfirm div.sysUseCoupons label input[type="radio"]{
  position: absolute;
  left: -10px;
    top: -5px;
}


/***********************************
  レビュー画面
***********************************/
.sysItemReviewLink a{
  display:block;
    padding: 20px;
    margin: 10px 0 0 0;
    width: 60%;
    background-color: #cdaa74;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
}
.sysItemReviewLink a:hover{
    color: #ffffff;
}
.sysItemReviewLink:hover{
  opacity:0.8;
}
#sysItemReviewIndex #sysWrap, #sysItemReviewConfirm #sysWrap{
    margin-bottom: 40px;
}
#sysItemReviewIndex h2, #sysItemReviewConfirm h2{
    margin-top: 20px;
    font-size: 2rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#sysItemReviewIndex h2 + div + div, #sysItemReviewConfirm h2 + div + div{
text-align:center;
}
#sysItemReviewIndex h3, #sysItemReviewConfirm h3{
  padding:30px 0 10px;
font-size:18px;
}

#sysItemReviewIndex #sysMain div img, #sysItemReviewConfirm #sysMain div img{
  display:block;
width:50%;
  margin:0 auto;
}

#sysItemReviewIndex .sysNickname, #sysItemReviewConfirm .sysNickname{
  margin-bottom:20px;
}
#sysItemReviewIndex form, #sysItemReviewConfirm form{
text-align:center;
}
#sysItemReviewIndex .sysForm, #sysItemReviewConfirm .sysForm{
text-align:left;
}
#sysItemReviewIndex .sysButton, #sysItemReviewConfirm .sysButton{
background:#cdaa74;
color:#fff;
border:0;
}

/***********************************
  スマホ
***********************************/
@media screen and (max-width: 1216px){
  #sysItemReviewIndex #sysWrap,
  #sysItemReviewConfirm #sysWrap,
  #sysItemReviewThanks #sysWrap,
  #sysItemCategory #sysWrap,
  #sysItemDetail #sysWrap{#sysItemDetail h2{
    margin-top: 30px;
    margin-bottom:-20px;
}

    /*width:95%;*/
  }
  
  /*配送先の選択*/
  #sysDestination table.sys_cart_item_list td.cart_item_other{
    white-space:nowrap;
  }

  #sysDestination table.sys_cart_item_list th:nth-child(3){
    white-space:nowrap;
  }

  #sysDestination table.sys_cart_item_list th,
  #sysDestination table.sys_cart_item_list td{
     padding:5px;
  }
  
  #sysDestination table.sys_cart_item_list th,
  #sysDestination table.sys_cart_item_list td{
     padding:5px;
  }
  
  #sysPayment #sysMain,
  #sysDestination #sysMain,
  #sysConfirm #sysMain{
    padding-right:10px !important;
    padding-left:10px !important;
  }

  #privacypolicy #sysMain{
    width:95% !important;
    float:none;
  }
  
  #sysItemReviewIndex .sysFormField br{
    /*display:none;*/
  }
  
}


/*お支払い方法選択画面のラジオボタン*/
input[type="radio"] {
display: inline-block;
    vertical-align: baseline;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    border: 1px solid #d4d4d4;
    cursor: pointer;
    border-radius: 100%;
}



/*Youtubeをレスポンシブ対応*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}




/*会員・カートボタン色変更*/
.sysNextSubmit {
    background: #cdaa74 !important;
}

input.sysAmazonNextSubmit {
    background: #cdaa74 !important;
    color: #FFF!important;
border:0 !important;
}


/*TOP商品文字大きさ*/
#top .products .sysItemName a {
    font-size: 1.95rem !important;
}


/*商品一覧リンク*/
.sysItemName a {
    font-size: 16px;
}


/*商品詳細の画像リンク外し
#sysItemDetail .sysItemImages a{
    pointer-events: none;
}
*/




/*------------------------------------------------------------
1、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/


/*------------------------------------------------------------
4、margin・・・周りのブロックからの距離
-------------------------------------------------------------*/

.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }


/*------------------------------------------------------------
5、padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/

.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }


/*------------------------------------------------------------
6、font-size・・・フォントサイズの設定
-------------------------------------------------------------*/

.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 1.0em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.1em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }

.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f15pt{ font-size: 15pt!important; }
.f16pt{ font-size: 16pt!important; }
.f17pt{ font-size: 17pt!important; }
.f18pt{ font-size: 18pt!important; }
.f19pt{ font-size: 19pt!important; }
.f20pt{ font-size: 20pt!important; }
.f21pt{ font-size: 21pt!important; }
.f22pt{ font-size: 22pt!important; }
.f23pt{ font-size: 23pt!important; }
.f24pt{ font-size: 24pt!important; }


/*------------------------------------------------------------
7、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.red{ color: #D70C1F!important; }/*赤*/
.blue{ color: #3D9EC7!important; }/*青*/
.green{ color: #56A13E!important; }/*緑*/
.orange{ color: #F29950!important; }/*橙*/
.purple{ color: #B85F9A!important; }/*紫*/




/*------------------------------------------------------------
13、box・・・蛍光ペンのようなボックスの設定
-------------------------------------------------------------*/

.box-yellow{ padding:2px;background-color: #ff9!important; }/*黄色*/
.box-aqua{ padding:2px;background-color: #9ff!important; }/*水色*/
.box-gray{ padding:2px;background-color: #eee!important; }/*灰色*/
.box-red{ padding:2px;background-color: #fcc!important; }/*赤色*/




/*------------------------------------------------------------
14、aリンク設定
-------------------------------------------------------------*/



.larger a { color: #3D9EC7!important; border-bottom: 1px solid #068acc;}





/*------------------------------------------------------------
専用LP
-------------------------------------------------------------*/


.lpcontents {
  padding: 10px;

}

.sysHorizontal {
  padding: 10px;

}

.lpcontents h1{
  padding: 0;
  border-bottom: solid 1px #cccccc;
  line-height: 100%;
  list-style-type: none;
  font-style: normal;
  font-weight: normal;
  font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  text-align: center;
  color:#333333;
  letter-spacing: 1px;
  font-size: 4rem; 
    padding-bottom: 30px;
    padding-top: 50px;
    margin: 0;
}




.lpcontents h2:before {
    width: 51px;
    height: 61px;
    padding-right: 0;
    margin-right: 20px;
}







.lpcontents h2:before {
    content: "";
    display: inline-block;
    width: 57px;
    height: 51px;
    background-image: url(../img/index/icon_ttl.png);
    background-size: contain;
    vertical-align: middle;
    padding-right: 10px;
    background-repeat: no-repeat;
    background-color: #fff;
    position: initial;
}



.lpcontents h2 {
    width: 97%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px;
}





.lpcontents h2 {
    padding: 0;
    border: none;
    line-height: 100%;
    list-style-type: none;
    font-style: normal;
    font-weight: normal;
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;

    color: #333333;
    letter-spacing: 1px;
    font-size: 2.4rem;
    margin-bottom: 40px;
    margin-top: 100px;
}




.ff14em{ font-size: 1.5rem; }
.ff16em{ font-size: 1.8rem; }
.ff18em{ font-size: 2.0rem; }




.lpcontents a { color: #3D9EC7!important; border-bottom: 1px solid #068acc;}






.lpcontents h3.al-c {
    padding: 0;
    border: none;
    line-height: 100%;
    list-style-type: none;
    font-style: normal;
    font-weight: normal;
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    color: #333333;
    letter-spacing: 1px;
    font-size: 1.6rem;
    margin-bottom: 40px;
    margin-top: 100px;
    text-decoration: underline;
}







/*------------------------------------------------------------
専用LPスマホ指定
-------------------------------------------------------------*/



@media screen and (max-width: 480px) {



.lpcontents h1{
  font-size: 3rem; 
}


.lpcontents h2 {
  font-size: 2rem; 
}



}



/*------------------------------------------------------------
「登録する」ボタンカーソル矢印
-------------------------------------------------------------*/

.sysMypage input[type="submit"]:hover{
  opacity: 0.7;
}

.sysMypage input[type="submit"]{
  cursor: pointer;
  cursor: hand;
}



/*------------------------------------------------------------
「このお届け先を削除する」に文言を追加する
-------------------------------------------------------------*/

#sysMypageEditDeliveryinput label:last-child{font-size:0;}
#sysMypageEditDeliveryinput label:last-child:after {
    font-size: 13px; content: "このお届け先を削除する（チェックを入れて登録するボタンを押下）";

}

#sysMypageEditDeliveryinput form{
text-align:center;
}



/*------------------------------------------------------------
「指定無し」は最短でお届けできます。
-------------------------------------------------------------*/

.sysSelectHopeDelivery div:first-child:after{
content:'※「指定無し」は最短でお届けできます。\A※お届け希望日を指定する場合は、ご注文日の5日後から31日後までご指定いただけます。';
white-space:pre;
color:#ff0000;
font-weight: bold;
}




/*------------------------------------------------------------
問い合わせページ修正
-------------------------------------------------------------*/

.form-inquiry .sys3 .sysFormLabel:after{
content:'\Ainfo816@sara-la.jpを受信できるように設定してください。';
white-space:inherit;
display:block;
color:#ff0000;               /*文字色を変更したい場合はコメントアウトを外し、ご自由にカラーコードをご変更ください。（「#ff0000」は赤色です。）*/
/*font-weight: bold;*/          /*文字を太く変更されたい場合はコメントアウトを外してください。*/
}



/*------------------------------------------------------------
商品詳細ページH2
-------------------------------------------------------------*/


h2.product01 {
    font-size: 18px;
    border-left: 6px solid #d5c288;
    padding-left: 8px;
    margin: 15px 0;
}

/*------------------------------------------------------------
2004リニューアル_ここから
-------------------------------------------------------------*/
@keyframes scrollPC {
  0% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  10% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  20% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0.26042vw;
    transform-origin: 0 0;
  }
  80% {
    transform: translateY(6.40625vw) translate3d(0, 0, 0);
    height: 0.26042vw;
    transform-origin: 0 0;
  }
  90% {
    transform: translateY(6.40625vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  100% {
    transform: translateY(6.40625vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
}

@keyframes scrollTB {
  0% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  10% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  20% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0.39063vw;
    transform-origin: 0 0;
  }
  80% {
    transform: translateY(8.002vw) translate3d(0, 0, 0);
    height: 0.39063vw;
    transform-origin: 0 0;
  }
  90% {
    transform: translateY(8.002vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  100% {
    transform: translateY(8.002vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
}

@keyframes scrollSP {
  0% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  10% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  20% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0.93333vw;
    transform-origin: 0 0;
  }
  80% {
    transform: translateY(22.66667vw) translate3d(0, 0, 0);
    height: 0.93333vw;
    transform-origin: 0 0;
  }
  90% {
    transform: translateY(22.66667vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  100% {
    transform: translateY(22.66667vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
}

@keyframes pagetopPC {
  100% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  90% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  80% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0.26042vw;
    transform-origin: 0 0;
  }
  20% {
    transform: translateY(6.40625vw) translate3d(0, 0, 0);
    height: 0.26042vw;
    transform-origin: 0 0;
  }
  10% {
    transform: translateY(6.40625vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  0% {
    transform: translateY(6.40625vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
}

@keyframes pagetopTB {
  100% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  90% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  80% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0.39063vw;
    transform-origin: 0 0;
  }
  20% {
    transform: translateY(12.3vw) translate3d(0, 0, 0);
    height: 0.39063vw;
    transform-origin: 0 0;
  }
  10% {
    transform: translateY(12.3vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  0% {
    transform: translateY(12.3vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
}

@keyframes pagetopSP {
  100% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  90% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  80% {
    transform: translateY(0) translate3d(0, 0, 0);
    height: 0.93333vw;
    transform-origin: 0 0;
  }
  20% {
    transform: translateY(22.66667vw) translate3d(0, 0, 0);
    height: 0.93333vw;
    transform-origin: 0 0;
  }
  10% {
    transform: translateY(22.66667vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
  0% {
    transform: translateY(22.66667vw) translate3d(0, 0, 0);
    height: 0;
    transform-origin: 0 0;
  }
}

/* ==========================================
2004リニューアル_ヘッダー
========================================== */
.header_2004 {
  width: 100%;
  background-image: url(../img/common/renewal/bg_hishi.jpg);
  position: fixed;
  top: 0;
  left: 0;
  font-feature-settings: "palt";
  font-family: 'Noto Sans JP', sans-serif;
  padding: 33px 0 12px;
  z-index: 10;
}

.header_2004 a {
  transition-duration: .6s;
}

.header_2004 a:hover {
  opacity: .7;
}

.header_2004 a:hover img {
  opacity: 1;
}

.header_2004 .sysContent .header_logo {
  width: auto;
  position: absolute;
  top: 30px;
  left: 50px;
  z-index:10;
}

.header_2004 .sysContent .header_logo a {
  display: flex;
  align-items: flex-end;
}

.header_2004 .sysContent .header_logo a img {
  width: 107px;
  display: block;
}

.header_2004 .sysContent .header_logo a span {
  letter-spacing: .1em;
  margin-left: 1em;
  margin-bottom: .2em;
  font-size: 14px;
  color: #2C0324;
  line-height: 1;
}

.header_2004 .sysContent .h_pc .g_nav nav ul {
  display: flex;
  justify-content: center;
}

.header_2004 .sysContent .h_pc .g_nav nav ul li {
  text-align: center;
  padding: 0 27px;
  position: relative;
}

.header_2004 .sysContent .h_pc .g_nav nav ul li a {
  display: block;
}

.header_2004 .sysContent .h_pc .g_nav nav ul li a .nav_en {
  display: block;
  font-size: 10px;
  font-weight: 700;
  color: #d1c0a5;
  letter-spacing: .1em;
  line-height: 1;
  margin-bottom: 10px;
}

.header_2004 .sysContent .h_pc .g_nav nav ul li a .nav_ja {
  display: flex;
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1;
}

.header_2004 .sysContent .h_pc .g_nav nav ul li a .nav_ja .ico_cart {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  background-color: #ec9194;
  border-radius: 50%;
  margin-right: 5px;
  position: relative;
  top: -7px;
}

.header_2004 .sysContent .h_pc .g_nav nav ul li a .nav_ja .ico_cart img {
  width: 17px;
}

.header_2004 .sysContent .h_pc .g_nav nav ul li:last-of-type {
  padding: 0 13px;
  position: relative;
}

.header_2004 .sysContent .h_pc .top_nav {
  position: absolute;
  top: 7px;
  right: 40px;
}

.header_2004 .sysContent .h_pc .top_nav ul {
  display: flex;
}

.header_2004 .sysContent .h_pc .top_nav ul li a {
  display: block;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: .1em;
  color: #7b7b7b;
  border-right: 1px solid #7b7b7b;
  padding: 0 8px;
}

.header_2004 .sysContent .h_pc .top_nav ul li:last-of-type a {
  border-right: none;
}

.header_2004 .sysContent .h_sp {
  display: none;
}

.header_2004 .sysContent #cartInfo {
  float: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  line-height: 0 !important;
  font-size: 0 !important;
  position: static;
}

.header_2004 .sysContent .h_cart {
  display: none !important;
}

.header_2004 .sysContent .cartTxt {
  position: absolute;
  top: 8px;
  left: 26px;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

.header_2004 .sysContent .cartTxt .itemCount {
  display: none;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: #cdaa74;
  color: #fff;
  font-size: 1rem;
  border-radius: 50%;
  text-align: center;
  margin: 0;
}

@media only screen and (min-width: 1221px) and (max-width: 1370px) {
  .header_2004 .sysContent .header_logo a span {
    font-size: 13px;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li {
    padding: 0 20px;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li a .nav_ja {
    font-size: 14px;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li a .nav_ja .ico_cart {
    width: 24px;
    height: 24px;
    top: -4px;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li a .nav_ja .ico_cart img {
    width: 14px;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li:last-of-type {
    padding: 0 10px;
  }
  .header_2004 .sysContent .cartTxt {
    position: absolute;
    top: 9px;
    left: 18px;
  }
  .header_2004 .sysContent .cartTxt .itemCount {
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-color: #cdaa74;
    color: #fff;
    font-size: 1rem;
  }
}

@media only screen and (min-width: 751px) and (max-width: 1220px) {
  .header_2004 {
    background-size: 20.50781vw 20.50781vw;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
  }
  .header_2004 .sysContent .header_logo {
    width: auto;
    position: absolute;
    top: 1.30208vw;
    left: 2.60417vw;
    z-index: 20;
  }
  .header_2004 .sysContent .header_logo a img {
    width: 9.4401vw;
    display: block;
  }
  .header_2004 .sysContent .header_logo a span {
    font-size: 1.17188vw;
  }
  .header_2004 .sysContent .h_pc {
    display: block;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li {
    display: none;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li:last-of-type {
    display: block;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li:last-of-type a .nav_en {
    display: none;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li:last-of-type a .nav_ja {
    display: none;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li:last-of-type a #cartInfo {
    display: block;
  }
  .header_2004 .sysContent .h_pc .top_nav {
    display: none;
  }
  .header_2004 .sysContent .cartTxt {
    position: absolute;
    top: 0.52083vw;
    left: 43.09896vw;
    z-index: 1;
  }
  .header_2004 .sysContent .cartTxt .itemCount {
    width: 2.34375vw;
    height: 2.34375vw;
    line-height: 2.34375vw;
    background-color: #cdaa74;
    color: #fff;
    font-size: 1.30208vw;
  }
  .header_2004 .sysContent .h_sp {
    display: block;
    position: relative;
  }
  .header_2004 .sysContent .h_sp .ico_cart_sp {
    width: 5.85938vw;
    height: 5.85938vw;
    background-color: #ec9194;
    position: absolute;
    top: 0;
    right: 5.85938vw;
  }
  .header_2004 .sysContent .h_sp .ico_cart_sp a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header_2004 .sysContent .h_sp .ico_cart_sp a img {
    width: 2.99479vw;
  }
  .header_2004 .sysContent .h_sp .hum_trigger {
    width: 5.85938vw;
    height: 5.85938vw;
    background-color: #b28850;
    margin-left: auto;
    position: relative;
    z-index: 20;
  }
  .header_2004 .sysContent .h_sp .hum_trigger span {
    display: block;
    width: 3.64583vw;
    height: 1px;
    background-color: #fff;
    transition-duration: .3s;
  }
  .header_2004 .sysContent .h_sp .hum_trigger span.hum_line_top {
    position: absolute;
    top: 1.82292vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .header_2004 .sysContent .h_sp .hum_trigger span.hum_line_mid {
    position: absolute;
    top: 2.86458vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .header_2004 .sysContent .h_sp .hum_trigger span.hum_line_bottom {
    position: absolute;
    top: 3.97135vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .header_2004 .sysContent .h_sp .hum_menu {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-image: url(../img/common/renewal/bg_hishi.jpg);
    background-size: 20.50781vw 20.50781vw;
    padding-top: 5.85938vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0s;
  }
  .header_2004 .sysContent .h_sp .hum_menu .hum_logo {
    width: 9.4401vw;
    margin: 0 auto 9.11458vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav {
    width: 34.50521vw;
    margin: 0 auto;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul {
    width: 100%;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding: 2.08333vw 3.25521vw 2.53906vw;
    position: relative;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a .nav_en {
    display: block;
    font-size: 1.17188vw;
    font-weight: 700;
    color: #d1c0a5;
    letter-spacing: .1em;
    line-height: 1;
    margin-bottom: 1.17188vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a .nav_ja {
    display: flex;
    font-family: 'Noto Serif JP', serif;
    font-size: 2.34375vw;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a .nav_ja .ico_cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.86458vw;
    height: 2.86458vw;
    background-color: #ec9194;
    border-radius: 50%;
    margin-right: 0.65104vw;
    position: relative;
    top: -0.19531vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a .nav_ja .ico_cart img {
    width: 1.6276vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a::after {
    content: "";
    display: block;
    width: 0.71615vw;
    height: 1.30208vw;
    background-image: url(../img/common/renewal/arrow_right.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    position: absolute;
    top: 5.5vw;
    right: 3.71094vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .bottom_nav {
    margin-top: auto;
    background-color: #b28850;
  }
  .header_2004 .sysContent .h_sp .hum_menu .bottom_nav ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 2.34375vw 5.20833vw 8.33333vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .bottom_nav ul li {
    margin-bottom: 1.82292vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .bottom_nav ul li a {
    display: block;
    font-size: 1.5625vw !important;
    color: #fff;
    line-height: 1.8;
    letter-spacing: .1em;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0 1.5625vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .bottom_nav ul li:nth-of-type(1) a {
    border-left: none;
  }
  .header_2004.open {
    z-index: 100;
  }
  .header_2004.open .sysContent .header_logo {
    display: none;
  }
  .header_2004.open .sysContent .h_sp .ico_cart_sp {
    display: none;
  }
  .header_2004.open .sysContent .h_sp .hum_trigger {
    position: fixed;
    top: 0;
    right: 0;
  }
  .header_2004.open .sysContent .h_sp .hum_trigger .hum_line_top {
    top: 2.86458vw;
    transform: rotate(-45deg);
  }
  .header_2004.open .sysContent .h_sp .hum_trigger .hum_line_mid {
    opacity: 0;
  }
  .header_2004.open .sysContent .h_sp .hum_trigger .hum_line_bottom {
    top: 2.86458vw;
    transform: rotate(45deg);
  }
  .header_2004.open .sysContent .h_sp .hum_menu {
    opacity: 1;
    visibility: visible;
    transition-duration: .5s;
  }
}

@media only screen and (max-width: 750px) {
  .header_2004 {
    background-size: 42vw 42vw;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
  }
  .header_2004 a:hover {
    opacity: 1;
  }
  .header_2004 .sysContent .header_logo {
    width: auto;
    position: absolute;
    top: 2.66667vw;
    left: 5.33333vw;
    z-index: 20;
  }
  .header_2004 .sysContent .header_logo a img {
    width: 19.33333vw;
    display: block;
  }
  .header_2004 .sysContent .header_logo a span {
    font-size: 2.4vw;
  }
  .header_2004 .sysContent .h_pc {
    display: block;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li {
    display: none;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li:last-of-type {
    display: block;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li:last-of-type a .nav_en {
    display: none;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li:last-of-type a .nav_ja {
    display: none;
  }
  .header_2004 .sysContent .h_pc .g_nav nav ul li:last-of-type a #cartInfo {
    display: block;
  }
  .header_2004 .sysContent .h_pc .top_nav {
    display: none;
  }
  .header_2004 .sysContent .cartTxt {
    position: absolute;
    top: 0.53333vw;
    left: 35.73333vw;
    z-index: 1;
  }
  .header_2004 .sysContent .cartTxt .itemCount {
    width: 5.33333vw;
    height: 5.33333vw;
    line-height: 5.33333vw;
    background-color: #cdaa74;
    color: #fff;
    font-size: 2.93333vw;
  }
  .header_2004 .sysContent .h_sp {
    display: block;
    position: relative;
  }
  .header_2004 .sysContent .h_sp .ico_cart_sp {
    width: 12vw;
    height: 12vw;
    background-color: #ec9194;
    position: absolute;
    top: 0;
    right: 12vw;
  }
  .header_2004 .sysContent .h_sp .ico_cart_sp a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header_2004 .sysContent .h_sp .ico_cart_sp a img {
    width: 6.13333vw;
  }
  .header_2004 .sysContent .h_sp .hum_trigger {
    width: 12vw;
    height: 12vw;
    background-color: #b28850;
    margin-left: auto;
    position: relative;
    z-index: 20;
  }
  .header_2004 .sysContent .h_sp .hum_trigger span {
    display: block;
    width: 7.46667vw;
    height: 1px;
    background-color: #fff;
    transition-duration: .3s;
  }
  .header_2004 .sysContent .h_sp .hum_trigger span.hum_line_top {
    position: absolute;
    top: 3.73333vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .header_2004 .sysContent .h_sp .hum_trigger span.hum_line_mid {
    position: absolute;
    top: 5.86667vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .header_2004 .sysContent .h_sp .hum_trigger span.hum_line_bottom {
    position: absolute;
    top: 8.13333vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .header_2004 .sysContent .h_sp .hum_menu {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-image: url(../img/common/renewal/bg_hishi.jpg);
    background-size: 42vw 42vw;
    padding-top: 12vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0s;
  }
  .header_2004 .sysContent .h_sp .hum_menu .hum_logo {
    width: 19.33333vw;
    margin: 0 auto 6.66667vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav {
    width: 70.66667vw;
    margin: 0 auto;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul {
    width: 100%;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding: 4.26667vw 6.66667vw 5.2vw;
    position: relative;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a .nav_en {
    display: block;
    font-size: 2.4vw;
    font-weight: 700;
    color: #d1c0a5;
    letter-spacing: .1em;
    line-height: 1;
    margin-bottom: 2.4vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a .nav_ja {
    display: flex;
    font-family: 'Noto Serif JP', serif;
    font-size: 4.8vw;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a .nav_ja .ico_cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.86667vw;
    height: 5.86667vw;
    background-color: #ec9194;
    border-radius: 50%;
    margin-right: 1.33333vw;
    position: relative;
    top: -0.4vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a .nav_ja .ico_cart img {
    width: 3.33333vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .g_nav ul li a::after {
    content: "";
    display: block;
    width: 1.46667vw;
    height: 2.66667vw;
    background-image: url(../img/common/renewal/arrow_right.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    position: absolute;
    top: 11vw;
    right: 7.6vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .bottom_nav {
    margin-top: auto;
    background-color: #b28850;
  }
  .header_2004 .sysContent .h_sp .hum_menu .bottom_nav ul {
    display: flex;
    flex-wrap: wrap;
    padding: 4.8vw 10.66667vw 17.06667vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .bottom_nav ul li {
    margin-bottom: 3.73333vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .bottom_nav ul li a {
    display: block;
    font-size: 3.2vw !important;
    color: #fff;
    line-height: 1.8;
    letter-spacing: .1em;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0 3.2vw;
  }
  .header_2004 .sysContent .h_sp .hum_menu .bottom_nav ul li:nth-of-type(1) a, .header_2004 .sysContent .h_sp .hum_menu .bottom_nav ul li:nth-of-type(4) a {
    border-left: none;
  }
  .header_2004.open {
    z-index: 100;
  }
  .header_2004.open .sysContent .header_logo {
    display: none;
  }
  .header_2004.open .sysContent .h_pc {
    display: none;
  }
  .header_2004.open .sysContent .h_sp .ico_cart_sp {
    display: none;
  }
  .header_2004.open .sysContent .h_sp .hum_trigger {
    position: fixed;
    top: 0;
    right: 0;
  }
  .header_2004.open .sysContent .h_sp .hum_trigger .hum_line_top {
    top: 5.86667vw;
    transform: rotate(-45deg);
  }
  .header_2004.open .sysContent .h_sp .hum_trigger .hum_line_mid {
    opacity: 0;
  }
  .header_2004.open .sysContent .h_sp .hum_trigger .hum_line_bottom {
    top: 5.86667vw;
    transform: rotate(45deg);
  }
  .header_2004.open .sysContent .h_sp .hum_menu {
    opacity: 1;
    visibility: visible;
    transition-duration: .5s;
  }
}

/* ==========================================
2004リニューアル_TOP
========================================== */
#top-2004 {
  background-image: url(../img/common/renewal/bg_hishi.jpg);
  font-feature-settings: "palt";
  font-family: 'Noto Sans JP', sans-serif;
}

#top-2004 a {
  transition-duration: .6s;
}

#top-2004 a:hover {
  opacity: .7;
}

#top-2004 a:hover img {
  opacity: 1;
}

#top-2004 p {
  margin: 0;
}

#top-2004 #sysHeader {
  position: relative;
  z-index: 100;
}

#top-2004 #sysWrap {
  max-width: 100%;
}

#top-2004 .pc_only {
  display: block !important;
}

#top-2004 .sp_only {
  display: none !important;
}

#top-2004 .main_ttl_2004 {
  text-align: center;
}

#top-2004 .main_ttl_2004 > span {
  display: block;
}

#top-2004 .main_ttl_2004 .ttl_en {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .4em;
  font-weight: 700;
  margin-bottom: 50px;
}

#top-2004 .main_ttl_2004 .ttl_en::before {
  content: "";
  display: block;
  width: 60px;
  height: 52px;
  background-image: url(../img/common/renewal/ico_flower.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 auto 18px;
}

#top-2004 .main_ttl_2004 .ttl_ja {
  font-family: 'Noto Serif JP', serif;
  font-size: 26px;
  letter-spacing: .2em;
  font-weight: 400;
  line-height: 1.65;
}

#top-2004 .main_ttl_2004 .ttl_ja span {
  font-size: 30px;
}

#top-2004 .btn_2004 {
  width: 430px;
  height: 60px;
  margin: 0 auto;
}

#top-2004 .btn_2004 a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  letter-spacing: .1em;
  border: 1px solid #000;
  position: relative;
  transition-duration: .2s;
}

#top-2004 .btn_2004 a::after {
  content: "";
  display: block;
  width: 6px;
  height: 11px;
  background-image: url(../img/common/renewal/arrow_right.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: calc(50% - 5px);
  right: 48px;
}

#top-2004 .btn_2004 a:hover {
  opacity: 1;
  background-color: #b28850;
  border-color: #b28850;
  color: #fff;
}

#top-2004 .btn_2004 a:hover::after {
  background-image: url(../img/common/renewal/arrow_right_w.png);
}

#top-2004 .top_mv_2004 {
  position: relative;
}

#top-2004 .top_mv_2004 .sysContent .mv {
  width: 100%;
}

#top-2004 .top_mv_2004 .sysContent .mv img {
  display: block;
  width: 100%;
}

#top-2004 .top_mv_2004 .sysContent .mv_txt {
  width: 25vw;
  position: absolute;
  top: 12.8125vw;
  left: 58.64583vw;
}

#top-2004 .top_mv_2004 .sysContent .o-scroll {
  position: absolute;
  right: 1.5625vw;
  top: 16.66667vw;
  width: 1.35417vw;
  height: 6.40625vw;
  padding: 0;
}

#top-2004 .top_mv_2004 .sysContent .o-scroll .o-scroll__inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

#top-2004 .top_mv_2004 .sysContent .o-scroll .o-scroll__inner div {
  width: 0.46875vw;
}

#top-2004 .top_mv_2004 .sysContent .o-scroll .o-scroll__inner div img {
  width: 100%;
  vertical-align: bottom;
}

#top-2004 .top_mv_2004 .sysContent .o-scroll .o-scroll__inner span {
  width: 1px;
  height: 100%;
  background-color: #2d0325;
  margin: 0;
}

#top-2004 .top_mv_2004 .sysContent .o-scroll .o-scroll__inner::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -0.13021vw;
  width: 0.26042vw;
  height: 0.26042vw;
  border-radius: 50%;
  background-color: #2d0325;
  animation: scrollPC 3.4s cubic-bezier(0.57, 0.04, 0.42, 0.94) infinite;
}

#top-2004 .top_news_2004 {
  width: 1200px;
  height: 90px;
  margin: -90px auto 183px;
  border-top: 5px solid #ec9194;
  background-image: url(../img/index/renewal/bg_paper.jpg);
  position: relative;
}

#top-2004 .top_news_2004 .sysContent nav ul {
  height: 100%;
  margin: 0 100px;
}

#top-2004 .top_news_2004 .sysContent nav ul li {
  padding-top: calc(42.5px - 1em);
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

#top-2004 .top_news_2004 .sysContent nav ul li a {
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 1;
}

#top-2004 .top_news_2004 .sysContent nav ul li a time {
  margin-right: 1em;
  color: #7b7b7b;
}

#top-2004 .top_news_2004 .sysContent nav ul li a br {
  display: none;
}

#top-2004 .top_intro_2004 {
  width: 1200px;
  margin: 0 auto 150px;
  position: relative;
}

#top-2004 .top_intro_2004 .sysContent .intro_wrap {
  display: flex;
}

#top-2004 .top_intro_2004 .sysContent .intro_wrap .intro_img img {
  display: block;
  width: 100%;
}

#top-2004 .top_intro_2004 .sysContent .intro_wrap .intro_img02 {
  margin-top: 87px;
}

#top-2004 .top_intro_2004 .sysContent .intro_txt {
  width: 369px;
  position: absolute;
  top: -35px;
  right: 116px;
}

#top-2004 .top_impressions_2004 {
  margin-bottom: 150px;
}

#top-2004 .top_impressions_2004 .sysContent .main_ttl_2004 {
  margin-bottom: 90px;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_top {
  width: 100%;
  height: 36.45833vw;
  position: relative;
  background-image: url(../img/index/renewal/impressions_top_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_top .impressions_img {
  position: absolute;
  width: 19.79167vw;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_top .impressions_img01 {
  top: 8.33333vw;
  left: 50vw;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_top .impressions_img02 {
  top: 12.5vw;
  left: calc(50vw + (380/1920*100vw));
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content {
  width: 100%;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk {
  display: flex;
  position: relative;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk:nth-of-type(even) {
  flex-direction: row-reverse;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl {
  position: absolute;
  top: 4.6875vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl .impressions_num {
  display: block;
  height: 1.82292vw;
  margin-bottom: 1.40625vw;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl .impressions_num img {
  display: block;
  height: 100%;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl .impressions_ttl_txt {
  display: block;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl .impressions_ttl_txt img {
  display: block;
  width: 100%;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl .impressions_ttl_txt.row_1 {
  width: 1.45833vw;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl .impressions_ttl_txt.row_2 {
  width: 3.85417vw;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_img {
  width: 50vw;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt {
  width: 50vw;
  position: relative;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt::after {
  content: "";
  display: block;
  width: 29.94792vw;
  height: 20.15625vw;
  background-image: url(../img/index/renewal/bg_cloud.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner {
  box-sizing: content-box;
  width: 25vw;
  padding: 8.33333vw 4.42708vw 0;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner h4 {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.25vw;
  letter-spacing: .18em;
  line-height: 1.7;
  font-weight: 400;
  white-space: nowrap;
  margin-bottom: 1.25vw;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner p {
  font-size: 0.83333vw;
  line-height: 2.25;
  letter-spacing: .1em;
  font-feature-settings: "pkna";
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner .caution {
  font-size: 0.72917vw;
  text-align: right;
  padding-top: 1.5625vw;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk02 .impressions_txt .impressions_txt_inner, #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk04 .impressions_txt .impressions_txt_inner, #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk06 .impressions_txt .impressions_txt_inner {
  margin-left: auto;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk01 .impressions_ttl, #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk05 .impressions_ttl, #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk07 .impressions_ttl {
  left: 81.71875vw;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk02 .impressions_ttl, #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk06 .impressions_ttl {
  left: 14.32292vw;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk03 .impressions_ttl {
  left: 82.60417vw;
}

#top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk04 .impressions_ttl {
  left: 13.69792vw;
}

#top-2004 .top_review_2004 {
  margin-bottom: 150px;
}

#top-2004 .top_review_2004 .sysContent .main_ttl_2004 {
  margin-bottom: 68px;
}

#top-2004 .top_review_2004 .sysContent .review_customer {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  padding: 90px 140px;
}

#top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk {
  width: 400px;
  margin-bottom: 65px;
  transition-duration: .5s;
}

#top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  color: #b28850;
  letter-spacing: .1em;
  line-height: 1;
  text-align: center;
  margin-bottom: 28px;
}

#top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk .revire_img {
  margin-bottom: 26px;
}

#top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk p {
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 2.25;
  font-feature-settings: "pkna";
}

#top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk .info_customer {
  font-size: 14px;
  letter-spacing: .1em;
  text-align: right;
  padding-top: 10px;
}

#top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk.is-hidden {
  opacity: 0;
  height: 0;
  margin: 0;
}

#top-2004 .top_review_2004 .sysContent .review_mid_txt {
  font-family: 'Noto Serif JP', serif;
  font-size: 26px;
  text-align: center;
  letter-spacing: .2em;
  line-height: 1.9;
  padding: 86px 0;
}

#top-2004 .top_review_2004 .sysContent .review_industry {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  padding: 90px 118px 100px;
}

#top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk {
  width: 268px;
}

#top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  color: #b28850;
  letter-spacing: .1em;
  line-height: 1;
  text-align: center;
  margin-bottom: 28px;
}

#top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk .revire_img {
  margin-bottom: 26px;
}

#top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk p {
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 2.25;
  font-feature-settings: "pkna";
}

#top-2004 .top_series_2004 {
  margin-bottom: 150px;
}

#top-2004 .top_series_2004 .sysContent .main_ttl_2004 {
  margin-bottom: 68px;
}

#top-2004 .top_series_2004 .sysContent .series_blk {
  width: 100%;
  height: 700px;
  background-image: url(../img/index/renewal/series_bg01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

#top-2004 .top_series_2004 .sysContent .series_blk.series_blk02 {
  background-image: url(../img/index/renewal/series_bg02.jpg);
}

#top-2004 .top_series_2004 .sysContent .series_blk .series_inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

#top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_ttl_blk {
  position: absolute;
  top: 146px;
  left: 878px;
}

#top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_ttl_blk .series_ttl {
  width: 94px;
  margin-bottom: 21px;
}

#top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_ttl_blk span {
  display: block;
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 1;
  font-weight: 500;
  color: #b28850;
}

#top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_txt_blk {
  position: absolute;
  top: 114px;
  left: 188px;
  width: 96px;
}

#top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_img_blk {
  width: 398px;
  margin: 0 auto 36px;
  padding-top: 155px;
}

#top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_point_blk {
  position: absolute;
  top: 304px;
  left: 878px;
}

#top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_point_blk ul li {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: .1em;
  font-feature-settings: "palt";
  padding-left: 14px;
  text-indent: -14px;
  margin-bottom: 15px;
}

#top-2004 .top_series_2004 .sysContent .series_blk.series_blk01 .btn_2004 {
  margin-top: -12px;
}

#top-2004 .top_series_2004 .sysContent .series_blk.series_blk02 .btn_2004 {
  margin-top: -28px;
}

#top-2004 .top_product_2004 .sysContent .main_ttl_2004 {
  margin-bottom: 62px;
}

#top-2004 .top_product_2004 .sysContent .product_ttl {
  width: 318px;
  margin: 0 auto 46px;
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 60px;
  text-align: center;
  letter-spacing: .3em;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

#top-2004 .top_product_2004 .sysContent .product_list {
  width: 1200px;
  margin: 0 auto 43px;
  display: flex;
  flex-wrap: wrap;
}

#top-2004 .top_product_2004 .sysContent .product_list li {
  width: 270px;
  margin-right: 40px;
  margin-bottom: 53px;
}

#top-2004 .top_product_2004 .sysContent .product_list li:nth-of-type(4n) {
  margin-right: 0;
}

#top-2004 .top_product_2004 .sysContent .product_list li a {
  display: block;
}

#top-2004 .top_product_2004 .sysContent .product_list li a .product_img {
  margin-bottom: 10px;
}

#top-2004 .top_product_2004 .sysContent .product_list li a .product_txt > span {
  display: block;
}

#top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_name {
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 1.5;
}

#top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_name .color {
  font-size: 12px;
}

#top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_price {
  font-family: 'Noto Serif JP', serif;
  font-size: 30px;
  letter-spacing: .1em;
  line-height: 1.5;
  font-weight: 500;
}

#top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_price .yen {
  font-size: 20px;
}

#top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_price .tax {
  font-size: 14px;
}

#top-2004 .top_news_bottom_2004 {
  width: 100%;
  margin: 0 auto 150px;
}

#top-2004 .top_news_bottom_2004 .sysHeadline {
  width: auto;
  margin: 0 !important;
}

#top-2004 .top_news_bottom_2004 .sysHeadline::before {
  content: none;
}

#top-2004 .top_news_bottom_2004 .sysHeadline span {
  margin-left: 0;
  margin-right: 0;
  background-color: transparent;
  padding: 0;
}

#top-2004 .top_news_bottom_2004 .sysHeadline .main_ttl_2004 {
  margin-bottom: 50px;
}

#top-2004 .top_news_bottom_2004 .sysContent nav ul {
  width: 1200px;
  margin: 0 auto;
  padding: 90px 100px;
  background-color: #fff;
}

#top-2004 .top_news_bottom_2004 .sysContent nav ul li:first-of-type a {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#top-2004 .top_news_bottom_2004 .sysContent nav ul li a {
  display: block;
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 1;
  padding: 35px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

#top-2004 .top_news_bottom_2004 .sysContent nav ul li a time {
  margin-right: 1em;
  color: #7b7b7b;
}

#top-2004 .top_news_bottom_2004 .sysContent nav ul li a br {
  display: none;
}

#top-2004 .top_sns_2004 {
  margin-bottom: 38px;
}

#top-2004 .top_sns_2004 .sysContent .sns_blk {
  display: flex;
  align-items: center;
  justify-content: center;
}

#top-2004 .top_sns_2004 .sysContent .sns_blk .sns {
  height: 32px;
  padding: 0 17px;
}

#top-2004 .top_sns_2004 .sysContent .sns_blk .sns a {
  display: block;
  height: 100%;
}

#top-2004 .top_sns_2004 .sysContent .sns_blk .sns a img {
  height: 100%;
}

#top-2004 .top_insta_2004 {
  margin-bottom: 90px;
}

#top-2004 .top_insta_2004 .sysContent .insta_blk {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

#top-2004 .top_insta_2004 .sysContent .insta_blk li {
  width: calc(100% / 6);
  height: 0;
  padding-top: calc(100% / 6);
  position: relative;
}

#top-2004 .top_insta_2004 .sysContent .insta_blk li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}

#top-2004 .top_insta_2004 .sysContent .insta_blk li a img {
  width: 100%;
  transition-duration: 1s;
}

#top-2004 .top_insta_2004 .sysContent .insta_blk li a:hover img {
  transform: scale(1.1);
}

#top-2004 .top_bottom_txt_2004 {
  margin-bottom: 150px;
}


#top-2004 .top_media_2004 {
    margin-bottom: 150px;
    text-align: center;
}


#top-2004 .top_bottom_txt_2004 .sysContent p {
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-size: 22px;
  letter-spacing: .18em;
  line-height: 2;
  font-weight: 400;
}

@media only screen and (min-width: 751px) and (max-width: 1220px) {
  #top-2004 {
    background-size: 20.50781vw 20.50781vw;
  }
  #top-2004 .main_ttl_2004 .ttl_en {
    font-size: 0.78125vw;
    margin-bottom: 3.25521vw;
  }
  #top-2004 .main_ttl_2004 .ttl_en::before {
    width: 3.90625vw;
    height: 3.38542vw;
    margin: 0 auto 1.17188vw;
  }
  #top-2004 .main_ttl_2004 .ttl_ja {
    font-size: 1.69271vw;
  }
  #top-2004 .main_ttl_2004 .ttl_ja span {
    font-size: 1.95312vw;
  }
  #top-2004 .btn_2004 {
    width: 32.55208vw;
    height: 5.20833vw;
  }
  #top-2004 .btn_2004 a {
    line-height: 5.20833vw;
    font-size: 0.91146vw;
  }
  #top-2004 .btn_2004 a::after {
    width: 0.39062vw;
    height: 0.71615vw;
    top: calc(50% - (5/1536*100vw));
    right: 3.125vw;
  }
  #top-2004 .top_mv_2004 .sysContent .mv_txt {
    width: 31.25vw;
  }
  #top-2004 .top_mv_2004 .sysContent .o-scroll {
    right: 1.95312vw;
    top: 20.83333vw;
    width: 1.69271vw;
    height: 8.00781vw;
  }
  #top-2004 .top_mv_2004 .sysContent .o-scroll .o-scroll__inner div {
    width: 0.58594vw;
  }
  #top-2004 .top_mv_2004 .sysContent .o-scroll .o-scroll__inner::after {
    left: -0.16276vw;
    width: 0.32552vw;
    height: 0.32552vw;
    animation: scrollTB 3.4s cubic-bezier(0.57, 0.04, 0.42, 0.94) infinite;
  }
  #top-2004 .top_news_2004 {
    width: 78.125vw;
    height: 5.85938vw;
    margin: -5.85938vw auto 11.91406vw;
    border-top: 0.32552vw solid #ec9194;
  }
  #top-2004 .top_news_2004 .sysContent nav ul {
    margin: 0 6.51042vw;
  }
  #top-2004 .top_news_2004 .sysContent nav ul li {
    padding-top: 1.1vw;
  }
  #top-2004 .top_news_2004 .sysContent nav ul li a {
    font-size: 1.04167vw;
  }
  #top-2004 .top_intro_2004 {
    width: 78.125vw;
    margin: 0 auto 9.76562vw;
  }
  #top-2004 .top_intro_2004 .sysContent .intro_wrap {
    display: flex;
  }
  #top-2004 .top_intro_2004 .sysContent .intro_wrap .intro_img02 {
    margin-top: 5.66406vw;
  }
  #top-2004 .top_intro_2004 .sysContent .intro_txt {
    width: 24.02344vw;
    top: -2.27865vw;
    right: 7.55208vw;
  }
  #top-2004 .top_impressions_2004 {
    margin-bottom: 9.76562vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .main_ttl_2004 {
    margin-bottom: 5.85938vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner {
    width: 32.29167vw;
    padding: 7.29167vw 4.42708vw 0;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner h4 {
    font-size: 1.5625vw;
    letter-spacing: .1em;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner p {
    font-size: 0.9375vw;
    line-height: 1.8;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner .caution {
    font-size: 0.83333vw;
    padding-top: 1.04167vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk01 .impressions_ttl, #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk05 .impressions_ttl, #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk07 .impressions_ttl {
    left: 90.625vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk02 .impressions_ttl, #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk06 .impressions_ttl {
    left: 6.25vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk03 .impressions_ttl {
    left: 90.10417vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk04 .impressions_ttl {
    left: 5.72917vw;
  }
  #top-2004 .top_review_2004 {
    margin-bottom: 9.76562vw;
  }
  #top-2004 .top_review_2004 .sysContent .main_ttl_2004 {
    margin-bottom: 4.42708vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer {
    width: 78.125vw;
    padding: 5.85938vw 9.11458vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk {
    width: 26.04167vw;
    margin-bottom: 4.23177vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk h3 {
    font-size: 1.30208vw;
    margin-bottom: 1.82292vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk .revire_img {
    margin-bottom: 1.69271vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk p {
    font-size: 1.04167vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk .info_customer {
    font-size: 0.91146vw;
    padding-top: 0.65104vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_mid_txt {
    font-size: 1.69271vw;
    padding: 5.59896vw 0;
  }
  #top-2004 .top_review_2004 .sysContent .review_industry {
    width: 78.125vw;
    padding: 5.85938vw 7.68229vw 6.51042vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk {
    width: 17.44792vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk h3 {
    font-size: 1.30208vw;
    margin-bottom: 1.82292vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk .revire_img {
    margin-bottom: 1.69271vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk p {
    font-size: 1.04167vw;
  }
  #top-2004 .top_series_2004 {
    margin-bottom: 9.76562vw;
  }
  #top-2004 .top_series_2004 .sysContent .main_ttl_2004 {
    margin-bottom: 4.42708vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk {
    width: 100%;
    height: 45.57292vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner {
    width: 91.14583vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_ttl_blk {
    top: 9.50521vw;
    left: 63.67188vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_ttl_blk .series_ttl {
    width: 6.11979vw;
    margin-bottom: 1.36719vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_ttl_blk span {
    font-size: 1.04167vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_txt_blk {
    top: 7.42188vw;
    left: 18.75vw;
    width: 6.25vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_img_blk {
    width: 25.91146vw;
    margin: 0 auto 2.34375vw;
    padding-top: 10.09115vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_point_blk {
    top: 19.79167vw;
    left: 63.67188vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_point_blk ul li {
    font-size: 0.91146vw;
    white-space: normal;
    padding-left: 0.91146vw;
    text-indent: -0.91146vw;
    margin-bottom: 0.97656vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk.series_blk01 .btn_2004 {
    margin-top: -0.78125vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk.series_blk02 .btn_2004 {
    margin-top: -1.82292vw;
  }
  #top-2004 .top_product_2004 .sysContent .main_ttl_2004 {
    margin-bottom: 4.03646vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_ttl {
    width: 20.70312vw;
    margin: 0 auto 2.99479vw;
    font-size: 1.04167vw;
    font-weight: 400;
    line-height: 3.90625vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list {
    width: 78.125vw;
    margin: 0 auto 2.79948vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li {
    width: 17.57812vw;
    margin-right: 2.60417vw;
    margin-bottom: 3.45052vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_img {
    margin-bottom: 0.65104vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_name {
    font-size: 1.04167vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_name .color {
    font-size: 0.78125vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_price {
    font-size: 1.95312vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_price .yen {
    font-size: 1.30208vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_price .tax {
    font-size: 0.91146vw;
  }
  #top-2004 .top_news_bottom_2004 {
    margin-bottom: 9.76562vw;
  }
  #top-2004 .top_news_bottom_2004 .sysHeadline .main_ttl_2004 {
    margin-bottom: 3.25521vw;
  }
  #top-2004 .top_news_bottom_2004 .sysContent nav ul {
    width: 78.125vw;
    padding: 5.85938vw 6.51042vw;
  }
  #top-2004 .top_news_bottom_2004 .sysContent nav ul li a {
    font-size: 1.04167vw;
    padding: 2.27865vw 0;
  }
  #top-2004 .top_sns_2004 {
    margin-bottom: 2.47396vw;
  }
  #top-2004 .top_sns_2004 .sysContent .sns_blk .sns {
    height: 3.25521vw;
    padding: 0 1.69271vw;
  }
  #top-2004 .top_insta_2004 {
    margin-bottom: 5.85938vw;
  }
  #top-2004 .top_insta_2004 .sysContent .insta_blk {
    width: 78.125vw;
  }
  #top-2004 .top_bottom_txt_2004 {
    margin-bottom: 9.76562vw;
  }
  #top-2004 .top_bottom_txt_2004 .sysContent p {
    font-size: 1.43229vw;
  }
}

@media only screen and (max-width: 750px) {
  #top-2004 .pc_only {
    display: none !important;
  }
  #top-2004 .sp_only {
    display: block !important;
  }
  #top-2004 .main_ttl_2004 .ttl_en {
    font-size: 2.13333vw;
    margin-bottom: 6.66667vw;
  }
  #top-2004 .main_ttl_2004 .ttl_en::before {
    width: 17.33333vw;
    height: 15.06667vw;
    margin: 0 auto 2.13333vw;
  }
  #top-2004 .main_ttl_2004 .ttl_ja {
    font-size: 5.33333vw;
  }
  #top-2004 .main_ttl_2004 .ttl_ja span {
    font-size: 5.86667vw;
  }
  #top-2004 .btn_2004 {
    width: 64vw;
    height: 13.33333vw;
  }
  #top-2004 .btn_2004 a {
    line-height: 13.33333vw;
    font-size: 3.2vw;
  }
  #top-2004 .btn_2004 a::after {
    width: 1.6vw;
    height: 2.93333vw;
    top: calc(50% - (10/750*100vw));
    right: 6.66667vw;
  }
  #top-2004 .top_mv_2004 {
    margin-top: -12vw;
  }
  #top-2004 .top_mv_2004 .sysContent .mv_txt {
    width: 81.33333vw;
    position: absolute;
    top: 30.93333vw;
    left: 9.33333vw;
  }
  #top-2004 .top_mv_2004 .sysContent .o-scroll {
    right: 2.66667vw;
    top: 130vw;
    width: 3.73333vw;
    height: 22.66667vw;
  }
  #top-2004 .top_mv_2004 .sysContent .o-scroll .o-scroll__inner div {
    width: 1.86667vw;
  }
  #top-2004 .top_mv_2004 .sysContent .o-scroll .o-scroll__inner::after {
    left: -0.66667vw;
    width: 1.33333vw;
    height: 1.33333vw;
    animation: scrollSP 3.4s cubic-bezier(0.57, 0.04, 0.42, 0.94) infinite;
  }
  #top-2004 .top_news_2004 {
    width: 90.66667vw;
    height: auto;
    margin: -10.66667vw auto 13.33333vw;
    border-top: 0.66667vw solid #ec9194;
    padding-bottom: 6.66667vw;
  }
  #top-2004 .top_news_2004 .sysContent nav ul {
    margin: 0 4.66667vw;
  }
  #top-2004 .top_news_2004 .sysContent nav ul li {
    padding-top: 5.33333vw;
    white-space: normal;
    overflow-x: visible;
  }
  #top-2004 .top_news_2004 .sysContent nav ul li a {
    font-size: 3.2vw;
    letter-spacing: .1em;
    line-height: 1.6;
  }
  #top-2004 .top_news_2004 .sysContent nav ul li a time {
    font-size: 3.2vw;
  }
  #top-2004 .top_news_2004 .sysContent nav ul li a br {
    display: block;
  }
  #top-2004 .top_intro_2004 {
    width: 100%;
    margin: 0 auto 20vw;
    position: relative;
  }
  #top-2004 .top_intro_2004 .sysContent .intro_wrap {
    display: block;
  }
  #top-2004 .top_intro_2004 .sysContent .intro_wrap .intro_img {
    width: 70.66667vw;
  }
  #top-2004 .top_intro_2004 .sysContent .intro_wrap .intro_img01 {
    position: relative;
    z-index: 1;
  }
  #top-2004 .top_intro_2004 .sysContent .intro_wrap .intro_img02 {
    margin-left: auto;
    margin-top: -10vw;
  }
  #top-2004 .top_intro_2004 .sysContent .intro_txt {
    width: 70.26667vw;
    margin: 0 auto 5.86667vw;
    position: static;
  }
  #top-2004 .top_impressions_2004 {
    margin-bottom: 17.86667vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .main_ttl_2004 {
    margin-bottom: 9.33333vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_top {
    width: 100%;
    height: 103.73333vw;
    margin-bottom: 55.33333vw;
    background-image: url(../img/index/renewal/sp/impressions_top_bg.jpg);
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_top .impressions_img {
    width: 66.66667vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_top .impressions_img01 {
    top: 95.73333vw;
    left: 0;
    z-index: 1;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_top .impressions_img02 {
    top: 60vw;
    left: 33.33333vw;
    z-index: 0;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content {
    width: 100%;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk {
    display: block;
    margin-bottom: 14.66667vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl {
    position: static;
    margin-bottom: 6.66667vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl .impressions_num {
    height: 6.4vw;
    margin-bottom: 5.06667vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl .impressions_ttl_txt img {
    width: auto;
    height: 100%;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl .impressions_ttl_txt.row_1 {
    width: auto;
    height: 6.13333vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_ttl .impressions_ttl_txt.row_2 {
    width: auto;
    height: 6.13333vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_img {
    width: 81.33333vw;
    margin: 0 auto 7.2vw;
    position: relative;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_img::after {
    content: "";
    display: block;
    width: 100vw;
    height: 73.73333vw;
    background-image: url(../img/index/renewal/sp/bg_cloud.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: -30vw;
    left: -9.33333vw;
    z-index: -1;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt {
    width: 100%;
    position: relative;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt::after {
    content: none;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner {
    width: 81.33333vw;
    margin: 0 auto;
    padding: 0;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner h4 {
    font-size: 5.06667vw;
    line-height: 1.6;
    letter-spacing: .16em;
    margin-bottom: 6.13333vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner p {
    font-size: 4vw;
    line-height: 1.7;
    font-feature-settings: "palt";
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk .impressions_txt .impressions_txt_inner .caution {
    font-size: 2.66667vw;
    text-align: right;
    padding-top: 6.4vw;
  }
  #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk02 .impressions_txt .impressions_txt_inner, #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk04 .impressions_txt .impressions_txt_inner, #top-2004 .top_impressions_2004 .sysContent .impressions_content .impressions_blk.impressions_blk06 .impressions_txt .impressions_txt_inner {
    margin-left: auto;
  }
  #top-2004 .top_review_2004 {
    margin-bottom: 20vw;
  }
  #top-2004 .top_review_2004 .sysContent .main_ttl_2004 {
    margin-bottom: 6.66667vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer {
    width: 100%;
    padding: 10.13333vw 9.33333vw 10.66667vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner {
    display: block;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk {
    width: 100%;
    margin-bottom: 65px;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk h3 {
    font-size: 5.33333vw;
    margin-bottom: 5.06667vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk .revire_img {
    margin-bottom: 26px;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk p {
    font-size: 4vw;
    line-height: 1.8;
  }
  #top-2004 .top_review_2004 .sysContent .review_customer .review_customer_inner .review_blk .info_customer {
    font-size: 2.66667vw;
    line-height: 1;
    padding-top: 0;
  }
  #top-2004 .top_review_2004 .sysContent .review_mid_txt {
    font-size: 5.33333vw;
    line-height: 1.65;
    padding: 8.66667vw 0 6vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_industry {
    width: 100%;
    padding: 10.13333vw 9.33333vw 10.66667vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner {
    display: block;
  }
  #top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk {
    width: 100%;
    margin-bottom: 8.26667vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk h3 {
    font-size: 5.33333vw;
    margin-bottom: 4.8vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk .revire_img {
    margin-bottom: 4.53333vw;
  }
  #top-2004 .top_review_2004 .sysContent .review_industry .review_industry_inner .review_blk p {
    font-size: 4vw;
    line-height: 1.8;
  }
  #top-2004 .top_series_2004 {
    margin-bottom: 20vw;
  }
  #top-2004 .top_series_2004 .sysContent .main_ttl_2004 {
    margin-bottom: 9.06667vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk {
    height: auto;
    background-image: url(../img/index/renewal/sp/series_bg01.jpg);
    padding: 16vw 0 20vw;
    position: relative;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk.series_blk01::after {
    content: "";
    display: block;
    width: 81.33333vw;
    height: 1px;
    background-color: #b28850;
    opacity: .4;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk.series_blk02 {
    background-image: url(../img/index/renewal/sp/series_bg02.jpg);
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner {
    width: 81.33333vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_ttl_blk {
    position: static;
    margin-bottom: 11.2vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_ttl_blk .series_ttl {
    width: 18.8vw;
    margin: 0 auto 5.33333vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_ttl_blk span {
    font-size: 5.06667vw;
    text-align: center;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_txt_blk {
    position: static;
    width: auto;
    height: 14.93333vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_txt_blk img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_img_blk {
    width: 59.73333vw;
    margin: 0 auto 4vw;
    padding-top: 9.86667vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_point_blk {
    position: static;
    margin-bottom: 10.66667vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk .series_inner .series_point_blk ul li {
    font-size: 4vw;
    line-height: 1.4;
    padding-left: 4vw;
    text-indent: -4vw;
    margin-bottom: 4.8vw;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk.series_blk01 .btn_2004 {
    margin-top: 0;
  }
  #top-2004 .top_series_2004 .sysContent .series_blk.series_blk02 .btn_2004 {
    margin-top: 0;
  }
  #top-2004 .top_product_2004 {
    margin-bottom: 9.33333vw;
  }
  #top-2004 .top_product_2004 .sysContent .main_ttl_2004 {
    margin-bottom: 9.33333vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_ttl {
    width: 66.66667vw;
    margin: 0 auto 10.66667vw;
    font-size: 4vw;
    line-height: 10.66667vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list {
    width: 81.33333vw;
    margin: 0 auto 5.33333vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li {
    width: 38.66667vw;
    margin-right: 4vw;
    margin-bottom: 10vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li:nth-of-type(2n) {
    margin-right: 0;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_img {
    margin-bottom: 10px;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_name {
    font-size: 2.66667vw;
    letter-spacing: .05em;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_name .color {
    font-size: 1.6vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_price {
    font-size: 4.53333vw;
    letter-spacing: .05em;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_price .yen {
    font-size: 2.66667vw;
  }
  #top-2004 .top_product_2004 .sysContent .product_list li a .product_txt .product_price .tax {
    font-size: 2.4vw;
  }
  #top-2004 .top_news_bottom_2004 {
    margin-bottom: 20vw;
  }
  #top-2004 .top_news_bottom_2004 .sysHeadline .main_ttl_2004 {
    margin-bottom: 6.66667vw;
  }
  #top-2004 .top_news_bottom_2004 .sysContent nav ul {
    width: 100%;
    padding: 12vw 9.33333vw;
  }
  #top-2004 .top_news_bottom_2004 .sysContent nav ul li a {
    font-size: 3.2vw;
    letter-spacing: .1em;
    line-height: 1.6;
    white-space: normal;
    overflow-x: visible;
    padding: 6.66667vw 0 5.33333vw;
  }
  #top-2004 .top_news_bottom_2004 .sysContent nav ul li a time {
    font-size: 3.2vw;
  }
  #top-2004 .top_news_bottom_2004 .sysContent nav ul li a br {
    display: block;
  }
  #top-2004 .top_insta_2004 {
    margin-bottom: 12vw;
  }
  #top-2004 .top_insta_2004 .sysContent .insta_blk {
    width: 81.33333vw;
  }
  #top-2004 .top_insta_2004 .sysContent .insta_blk li {
    width: calc(100% / 4);
    padding-top: calc(100% / 4);
  }
  #top-2004 .top_bottom_txt_2004 {
    margin-bottom: 20vw;
  }
  #top-2004 .top_bottom_txt_2004 .sysContent p {
    font-size: 4vw;
  }
}

/* ==========================================
2004リニューアル_フッター
========================================== */
#sysFooter {
  position: relative;
}

.footer_2004 {
  width: 100%;
  background-color: #b28850;
  font-family: 'Noto Serif JP', serif;
}

.footer_2004 a {
  transition-duration: .3s;
}

.footer_2004 a:hover {
  opacity: .7;
}

.footer_2004 a:hover img {
  opacity: 1;
}

.footer_2004 .sysContent .footer_inner {
  width: 1000px;
  margin: 0 auto;
  padding-top: 46px;
}

.footer_2004 .sysContent .footer_inner .footer_logo {
  width: 107px;
  margin: 0 auto 42px;
}

.footer_2004 .sysContent .footer_inner .footer_logo a {
  display: block;
}

.footer_2004 .sysContent .footer_inner .footer_logo a img {
  display: block;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 40px 10px 48px;
  display: flex;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main {
  width: 50%;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul {
  display: flex;
  flex-wrap: wrap;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li {
  width: 48%;
  margin-bottom: 16px;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li:nth-of-type(1) {
  order: 1;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li:nth-of-type(2) {
  order: 3;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li:nth-of-type(3) {
  order: 5;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li:nth-of-type(4) {
  order: 7;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li:nth-of-type(5) {
  order: 2;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li:nth-of-type(6) {
  order: 4;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li:nth-of-type(7) {
  order: 6;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li a {
  display: flex;
  align-items: center;
  color: #fff;
  letter-spacing: .1em;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li a::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(../img/common/renewal/ico_point.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-right: 9px;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub {
  width: 50%;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul {
  padding-left: 85px;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li {
  margin-bottom: 15px;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li a {
  font-size: 16px;
  color: #fff;
  line-height: 1;
  letter-spacing: .1em;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:last-of-type {
  display: inline-block;
  margin-left: 30px;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:last-of-type a {
  font-size: 14px;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:nth-last-of-type(2) {
  display: inline-block;
}

.footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:nth-last-of-type(2) a {
  font-size: 14px;
}

.footer_2004 .sysContent .footer_bottom {
  width: 100%;
  background-image: url(../img/common/renewal/bg_hishi.jpg);
  padding: 22px 0 25px;
}

.footer_2004 .sysContent .footer_bottom p {
  text-align: center;
  font-size: 12px;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
}

@media only screen and (min-width: 751px) and (max-width: 1220px) {
  .footer_2004 a:hover {
    opacity: 1;
  }
  .footer_2004 .sysContent .footer_inner {
    width: 100%;
    padding-top: 5.01302vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_logo {
    width: 9.4401vw;
    margin: 0 auto 5.85938vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap {
    border-top: none;
    padding: 0 4.55729vw;
    display: block;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main {
    width: 100%;
    margin-bottom: 5.20833vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul {
    display: block;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li {
    width: 100%;
    margin-bottom: 0;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li a {
    font-size: 1.82292vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 1;
    padding: 1.43229vw 0 1.4974vw;
    position: relative;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li a::before {
    width: 1.6276vw;
    height: 1.6276vw;
    background-size: contain;
    margin-right: 1.17188vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li a::after {
    content: "";
    display: block;
    width: 0.71615vw;
    height: 1.30208vw;
    background-image: url(../img/common/renewal/arrow_right_w.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    position: absolute;
    top: 1.7vw;
    right: 3.125vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub {
    width: 100%;
    margin-bottom: 5.59896vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul {
    padding-left: 0;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li {
    margin-bottom: 2.47396vw;
    text-align: center;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li a {
    display: block;
    font-size: 1.82292vw;
    color: #fff;
    line-height: 1;
    letter-spacing: .1em;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:last-of-type {
    display: block;
    margin-left: 0;
    margin-top: 2.73438vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:last-of-type a {
    font-size: 1.5625vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:nth-last-of-type(2) {
    display: block;
    margin-top: 3.25521vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:nth-last-of-type(2) a {
    font-size: 1.5625vw;
  }
  .footer_2004 .sysContent .footer_bottom {
    width: 100%;
    padding: 1.17188vw 0;
    background-size: 20.50781vw 20.50781vw;
  }
  .footer_2004 .sysContent .footer_bottom p {
    font-size: 1.30208vw;
  }
}

@media only screen and (max-width: 750px) {
  .footer_2004 a:hover {
    opacity: 1;
  }
  .footer_2004 .sysContent .footer_inner {
    width: 100%;
    padding-top: 10.26667vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_logo {
    width: 19.33333vw;
    margin: 0 auto 12vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap {
    border-top: none;
    padding: 0 9.33333vw;
    display: block;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main {
    width: 100%;
    margin-bottom: 10.66667vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul {
    display: block;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li {
    width: 100%;
    margin-bottom: 0;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li a {
    font-size: 3.73333vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 1;
    padding: 5.86667vw 0 6.13333vw;
    position: relative;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li a::before {
    width: 3.33333vw;
    height: 3.33333vw;
    background-size: contain;
    margin-right: 2.4vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_main ul li a::after {
    content: "";
    display: block;
    width: 1.46667vw;
    height: 2.66667vw;
    background-image: url(../img/common/renewal/arrow_right_w.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    position: absolute;
    top: 6.5vw;
    right: 6.4vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub {
    width: 100%;
    margin-bottom: 11.46667vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul {
    padding-left: 0;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li {
    margin-bottom: 5.06667vw;
    text-align: center;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li a {
    display: block;
    font-size: 3.73333vw;
    color: #fff;
    line-height: 1;
    letter-spacing: .1em;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:last-of-type {
    display: block;
    margin-left: 0;
    margin-top: 5.6vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:last-of-type a {
    font-size: 3.2vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:nth-last-of-type(2) {
    display: block;
    margin-top: 6.66667vw;
  }
  .footer_2004 .sysContent .footer_inner .footer_menu_wrap .footer_menu_sub ul li:nth-last-of-type(2) a {
    font-size: 3.2vw;
  }
  .footer_2004 .sysContent .footer_bottom {
    width: 100%;
    padding: 2.4vw 0;
    background-size: 42vw 42vw;
  }
  .footer_2004 .sysContent .footer_bottom p {
    font-size: 2.66667vw;
  }
}

.pagetop_2004 {
  display: none;
}

.pagetop_2004 .sysContent .pagetop_scroll {
  position: fixed;
  right: 1.5625vw;
  bottom: 30px;
  width: 1.35417vw;
  height: 6.40625vw;
  padding: 0;
}

.pagetop_2004 .sysContent .pagetop_scroll .pagetop_scroll__inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  position: relative;
  bottom: 30px;
}

.pagetop_2004 .sysContent .pagetop_scroll .pagetop_scroll__inner div {
  width: 0.46875vw;
}

.pagetop_2004 .sysContent .pagetop_scroll .pagetop_scroll__inner div img {
  width: 100%;
  vertical-align: bottom;
}

.pagetop_2004 .sysContent .pagetop_scroll .pagetop_scroll__inner span {
  width: 1px;
  height: 100%;
  background-color: #2d0325;
  margin: 0;
}

.pagetop_2004 .sysContent .pagetop_scroll .pagetop_scroll__inner::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -0.13021vw;
  width: 0.26042vw;
  height: 0.26042vw;
  border-radius: 50%;
  background-color: #2d0325;
  animation: pagetopPC 3.4s cubic-bezier(0.57, 0.04, 0.42, 0.94) infinite;
}

@media only screen and (min-width: 751px) and (max-width: 1220px) {
  .pagetop_2004 .sysContent .pagetop_scroll {
    right: 1.8vw;
    bottom: 3vw;
    width: 2.6vw;
    height: 12.3vw;
  }
  .pagetop_2004 .sysContent .pagetop_scroll .pagetop_scroll__inner div {
    width: 0.9vw;
  }
  .pagetop_2004 .sysContent .pagetop_scroll .pagetop_scroll__inner::after {
    left: -0.25vw;
    width: 0.5vw;
    height: 0.5vw;
    animation: pagetopTB 3.4s cubic-bezier(0.57, 0.04, 0.42, 0.94) infinite;
  }
}

@media only screen and (max-width: 750px) {
  .pagetop_2004 .sysContent .pagetop_scroll {
    right: 2.66667vw;
    bottom: 4vw;
    width: 3.73333vw;
    height: 22.66667vw;
  }
  .pagetop_2004 .sysContent .pagetop_scroll .pagetop_scroll__inner div {
    width: 1.86667vw;
  }
  .pagetop_2004 .sysContent .pagetop_scroll .pagetop_scroll__inner::after {
    left: -0.66667vw;
    width: 1.33333vw;
    height: 1.33333vw;
    animation: pagetopSP 3.4s cubic-bezier(0.57, 0.04, 0.42, 0.94) infinite;
  }
}

/*------------------------------------------------------------
2004リニューアル_ここまで
-------------------------------------------------------------*/

/*.sysTitle, .sysHeadline {
  padding-top: 50px;
}*/

.opcDeliveryAddress_applyToBillingAddressButton{
  display:none;
}

.opcBillingAddress_completeButton_edit, .opcPaymentMethod_completeButton_edit, .opcDeliveryMethod_completeButton_edit, .opcRemarks_completeButton_edit, .opcItem_completeButton_edit, .opcDeliveryAddress_completeButton_edit{
background: #cdaa74;
    border: none;
    color: #fff;
    line-height: 36px;
    margin-bottom: 20px;
}


#shoplist td a, #corporate dd a {
    border-bottom: none;
}

.sysMemberRegister .sysMailaddress .sysFormLabel:after{
content:'\Asara-la.jpのドメイン許可をお願いいたします。\A※携帯電話会社のメールアドレスは、ドメイン許可をしないと届きません。gmailなどのアドレスの登録を推奨いたします。';
white-space:inherit;
color:#ff0000;    
font-size:1.3rem;  
display:block;
line-height:1.6;
}

/*------------------------------------------------------------
20200503_商品詳細ページのガイド部分
-------------------------------------------------------------*/
/* ▼ここから▼ */
.mgt20{
  margin-top:20px;
}


.item-guidebox{
  padding:10px 0;
  border-bottom:1px dashed #d1c0a5;
}

.item-guidebox .aka{
  color:#da4636;
}

.item-guidebox .purple {
  color:#2d0325;
}

.item-guidebox .futo{
  font-weight:900;
}

.item-guidebox:first-of-type{
  border-top:1px dashed #d1c0a5;
}

.item-guidebox .text-souryou{
  line-height:30px;
}

.item-guidebox .img-souryou{
  height:30px;
  margin-right:10px;
}

.item-guidebox .text-cashless{
  line-height:30px;
  font-size:16px;
}

.item-guidebox .img-cashless{
  height:30px;
  margin-right:10px;
}

.item-guidebox .list-circle{
  padding-left: 20px;
  list-style-type: disc;
  list-style-position: outside;
}

.item-guidebox .list-circle li{
  list-style-type: disc;
}

.item-guidebox .list-kome{
  padding-left: 20px;
}

.item-guidebox .list-kome li{
  position:relative;
  margin-bottom:0.8rem;
}

.item-guidebox .list-kome li:before{
  content:"※";
  position:absolute;
  left: -20px;
}

.item-guidebox h2{
  margin-top:3rem !important;
  margin-bottom:0 !important;
  color:#b28850;
  font-size:16px;
  font-weight:900;
}

.item-guidebox h3{
  margin-top:3rem !important;
  margin-bottom:0 !important;
  font-size:14px;
  font-weight:900;
}

/* ▼吹き出し▼ */
.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #f7f1e8;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #f7f1e8;
}

.says .fukidashi-headline{
  display:block;
  font-weight:900;
}

.says .fukidashi-profeel{
  display:block;
  text-align:right;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #f7f1e8;
}

.says p {
  margin: 0;
  padding: 0;
}

/* ▲吹き出し▲ */

#sysItemDetail .btn_2004 {
  width: 430px;
  height: 60px;
  margin: 0 auto;
}

#sysItemDetail .btn_2004 a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  letter-spacing: .1em;
  border: 1px solid #000;
  position: relative;
  transition-duration: .2s;
  background-color: #b28850;
  border-color: #b28850;
  color:#fff;
}

#sysItemDetail .btn_2004 a::after {
  content: "";
  display: block;
  width: 6px;
  height: 11px;
  background-image: url(../img/common/renewal/arrow_right_w.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: calc(50% - 5px);
  right: 48px;
}

#sysItemDetail .btn_2004 a:hover {
  opacity: 0.7;
  background-color: #b28850;
  border-color: #b28850;
  color: #fff;
}

#sysItemDetail .btn_2004 a:hover::after {
  background-image: url(../img/common/renewal/arrow_right_w.png);
}

#sysItemDetail .series_blk.series_blk01 .btn_2004 {
  margin-top: -12px;
}

#sysItemDetail .series_blk.series_blk02 .btn_2004 {
  margin-top: -28px;
}



@media only screen and (min-width: 751px) and (max-width: 1220px) {
  #sysItemDetail .btn_2004 {
    width: 32.55208vw;
    height: 5.20833vw;
  }
  #sysItemDetail .btn_2004 a {
    line-height: 5.20833vw;
    font-size: 0.91146vw;
  }
  #sysItemDetail .btn_2004 a::after {
    width: 0.39062vw;
    height: 0.71615vw;
    top: calc(50% - (5/1536*100vw));
    right: 3.125vw;
  }

  #sysItemDetail .series_blk.series_blk01 .btn_2004 {
    margin-top: -0.78125vw;
  }
  #sysItemDetail .series_blk.series_blk02 .btn_2004 {
    margin-top: -1.82292vw;
  }
}

@media only screen and (max-width: 750px) {
  #sysItemDetail .btn_2004 {
    width: 80vw;
    height: 13.33333vw;
  }
  #sysItemDetail .btn_2004 a {
    line-height: 13.33333vw;
    font-size: 3.2vw;
  }
  #sysItemDetail .btn_2004 a::after {
    width: 1.6vw;
    height: 2.93333vw;
    top: calc(50% - (10/750*100vw));
    right: 6.66667vw;
  }
}


.trigger a{
  display:block;
  padding:18px 0;
  margin:30px auto;
  max-width:450px;
  background-color:#ccc;
  color:#fff;
}

.trigger a::after{
  
}

/* ▲ここまで▲ */

/*------------------------------------------------------------
20200508_フッターの関連商品
-------------------------------------------------------------*/
/* ▼ここから▼ */
#sysItemDetail .kanren_recommend h2, #sysItemDetail .kanren2_recommend  h2{
  color:#b28850;
}
#sysItemDetail .kanren_recommend h2::before, #sysItemDetail .kanren2_recommend  h2::before{
  background-color:#b28850;
}

.trigger a:hover{
  opacity:0.7;
}

#sysItemDetail .kanren_recommend .sysHorizontal, #sysItemDetail .kanren2_recommend .sysHorizontal{
  display: flex;
  flex-wrap: wrap;
}

.kanren_recommend .sysItemName a span:nth-child(-n+14){
  display:none;
}

.kanren2_recommend .sysItemName a span:nth-child(-n+19){
  display:none;
}
/* ▲ここまで▲ */



@media screen and (max-width:480px){
.sysDisplayMobileNone{
	display:none !important;
}

.kanren_recommend .sysItemName, .kanren2_recommend .sysItemName {
  font-size:small;
  margin-bottom:0.5rem;
  text-align:left;
}

.kanren_recommend .sysContent .sysHorizontal li,
.kanren2_recommend .sysContent .sysHorizontal li{
  width:49%;
}

.sysCategoryPankuzu {
    line-height: 2.0rem;
    margin: 10px 0;
}

}


/* ボタンだけに指定する場合は以下 */
input[type="button"]{
-webkit-appearance: none;
font-size:16px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
margin-bottom:5px;
} 
@media only screen and (max-width: 900px){
input[type="button"]{
font-size:16px;
} 
}

/* マイページのクーポンを見る非表示 */
.sysMypage .sysMypageNav form:nth-of-type(5){
display :none;
}


/* 会員登録せずに購入のフォーム */
.sysOpcBody .opcBillingAddress_mailaddressLabelGroup_edit:after{
content:'\Asara-la.jpのドメイン許可をお願いいたします。\A※携帯電話会社のメールアドレスは許可をしないと届きません。gmailなどのアドレスの登録を推奨いたします。';
white-space:inherit;
color:#ff0000;    
font-size:14px;  
display: block;
}



/* お知らせリンク色変更 */
.sysNewsDetail a {
    color: #0070C9;
}

/*------------------------------------------------------------
20201130_トップページお知らせの仕様変更
-------------------------------------------------------------*/
/* ▼ここから▼ */
#top-2004 .top_news_2004 {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  margin-bottom: 230px;
}
#top-2004 .top_news_2004 .sysHeadline {
  width: auto;
  position: absolute;
  bottom: -90px;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  padding: 0;
}
#top-2004 .top_news_2004 .sysHeadline::before {
  content: none;
}
#top-2004 .top_news_2004 .sysContent nav ul {
  display: none;
}
#top-2004 .top_news_2004 .sysContent nav ul.slick-slider {
  display: block;
}

#top-2004 .top_news_bottom_2004 .sysContent nav ul {
  height: 396px;
  overflow: hidden;
  overflow-y: scroll;
}
@media only screen and (min-width: 751px) and (max-width: 1220px) {
#top-2004 .top_news_2004 {
  margin-bottom: 17vw;
}
#top-2004 .top_news_2004 .sysHeadline {
  bottom: -8vw;
}

#top-2004 .top_news_bottom_2004 .sysContent nav ul {
  height: 27vw;
}
}
@media only screen and (max-width: 750px) {
#top-2004 .top_news_2004 {
  margin-bottom: 32vw;
}
#top-2004 .top_news_2004 .sysHeadline {
  bottom: -18vw;
}

#top-2004 .top_news_bottom_2004 .sysContent nav ul {
  height: 77vw;
}
}
/* ▲ここまで▲ */



/*------------------------------------------------------------
動画埋め込み用
-------------------------------------------------------------*/
.movie {
    text-align: center;
    padding-top: 30px;
}



/*------------------------------------------------------------
商品ページのリンク色
-------------------------------------------------------------*/
.sysBlock.orderArea a {
    color: #3366ff;
}




/*------------------------------------------------------------
テーブルデザイン
-------------------------------------------------------------*/
.sysExplanation table th, .sysExplanation table td {
    border: 1px solid #d8d8d8;
}

.sysExplanation table th {
    background: rgba(0, 0, 0, 0.05);
}



/*------------------------------------------------------------
カート内修正
-------------------------------------------------------------*/

span.opcItem_purposeLabel_edit:after {
    content: '　オプション設定（のし包装紙・他）';
}



/*------------------------------------------------------------
お支払い画面AmazonPayマイクロコピー
-------------------------------------------------------------*/
.opcPaymentMethodList .opcPaymentMethod_edit:nth-of-type(4) .opcPaymentMethod_paymentMethodAndLabelGroup_edit:after {
    content: "\A　Amazonアカウントの認証はこちらをクリック";
    white-space: pre;
}






@media screen and (max-width:480px){
.sysDisplayMobileNone{
	display:none !important;
}



/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
/*#sysWrap{margin-top:120px;}*/
#sysMain,#sysAside{ width: 100%!important;}

.sysMypage #sysWrap,
.sysMemberRegister #sysWrap{
	/*margin: 130px auto 0;*/
}

#sysFormIndex div#sysMain,
#sysFormConfirm div#sysMain,
#sysFormThanks div#sysMain{
	width: 98% !important;
	padding:20px 10px 30px !important;
    margin:10px auto;
}
.sysCart #sysMain,
.sysMypage div#sysMain,
.sysMemberRegister #sysMain,
#sysItemSearch div#sysMain{
    width: 98% !important;
	padding:20px 10px 30px !important;
    margin:0 auto;
}
.sysFormField label{display: block;}
#sysFormIndex .txtBlock{text-align: left;}
#sysMain{ margin-top: 0;}
.grid-col {
	float: none;
	width: 100%!important;
        margin-left: 0;
}
/*Header */
#sysHeader{ margin-bottom: 5px;}

/* Category Pankuzu */
.sysItemCategoryPankuzu {
    font-size: xx-small;
}

/* Archive Thumbnail Item */
.sysItemList ul.sysThumbnail { font-size: small;}
.sysItemList ul.sysThumbnail input { font-size: x-small;}

/* Order Area */
.orderArea { letter-spacing: normal;}
.orderArea > div {
    width: 100%;
    padding-right: 0;
    float: none;
}

/*header検索ボックス*/
.h_search{
	margin-top:30px;
}

/***********************************
	商品詳細ページ
***********************************/
#sysItemDetail #sysMain {
    max-width: 450px;
    width: 95% !important;
}
.sysItemList ul.sysThumbnail li{width: 50% !important;}
/*.sysItemName a{font-size: 12px;}*/
/*商品名*/
#sysItemDetail .sysItemName h1{
	font-size:20px;
	padding-bottom:5px;
	margin-bottom:20px;
}
#sysItemDetail .sysForm select{
	height:30px;
	text-align:center;
}
#sysItemDetail .sysSelectionDescription{margin: 5px 0 10px;}
#sysItemDetail #sysNumber{text-align: right;}

/*数量増減*/
#sysItemDetail .sysNumArea button {
	width: 35%;
}
/*PRアイコン(商品カテゴリーページ)*/
#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}

/***********************************
	ヘッダー
***********************************/
/*.header_wrap{
	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 .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;
}

/*ナビゲーショントグル*/
.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 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: 150;
	color: #444;
	display: none;
        overflow: auto;
}
#spNaviWrap{
	position: absolute;
	width: 100%;
	height: 1550px;
	top: 0px; left: -100%;
	background: rgba(225,225,225,1);
	z-index:  200;
	padding: 30px 10px 0;
        overflow: scroll;
}

/***********************************
	ログイン情報
***********************************/
.h_login .sysHeadline,.h_search .sysHeadline{
	text-align: center;
	font-size: 18px;
    margin-botom: 10px;
}
.h_login .sysContent{text-align: center;}
.h_login .sysFormItem{margin-bottom: 10px;}
.h_login .sysFormLabel{
	display: block;
	font-size: 12px;
	height: 20px;
	text-align: left;
	margin-bottom: 3px;
}
.h_login .sysLoginButton{
	width: 100%;
	margin: 10px 0%;
	border-radius:5px;
	background:#000;
	font-size: 15px;
	height: 35px;
	line-height: 10px;
}
.h_login li{
	border:1px solid #444;
	margin-bottom: 10px;
	font-size: 15px;
	height: 35px;
	line-height: 32px;
	text-align: center;
	border-radius:5px;
}
.h_login li a{
	font-size: 12px;
	padding: 0px 5px 5px 0px;
}

/***********************************
	ナビゲーションメニュー
***********************************/
#closeMenu{
	position: absolute;
	top: 15px; left: 15px;
	font-size: 15px;
}
#closeMenu span{
        font-size: 12px;
        margin: 0 10px;
        display: inline-block;
		cursor:pointer;
}
#closeMenu2{
        text-align: center;
        margin: 20px 0;
        border: 1px solid #444;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
		border-radius:5px;
		cursor:pointer;
}
#closeMenu2 span{
        display: inline-block;
        margin: 0 10px;
}
#spNavMenu .navTitle{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
#spNavMenu{margin: 30px 0 0;}
#spNavMenu .spMenuList{
	height: auto;
	line-height: 40px;
	font-size: 15px;
	position: relative;
	border-bottom: 1px solid #aaa;
}
#spNavMenu .spMenuList a{
        display: block;
	padding-left: 15px;
}
#spNavMenu .spToggleNav{
	height: 270px;
	overflow: hidden;
}
#spNavMenu .spToggleNav li{
	height: 45px;
	line-height: 45px;
	font-size: 12px;
	border-bottom: 1px dotted #aaa;
}
#spNavMenu .spToggleNav li{padding-left: 20px;}
#spNavMenu .spToggleNav li:first-child{border-top: 1px solid #aaa}
#spNavMenu .spToggleNav li:last-child{border-bottom: 0;}

/***********************************
	フッター
***********************************/
.footer{
	margin: 30px 0 0;
	background: #fff;
	letter-spacing: 2px;
}
.footer .f_navi_all{
	width: 95%;
	margin: 0 auto;
	padding: 10px 2.5% 0;
}
.footer .f_navi h3{
	width: 100%;
	height: 25px;
	background: #424242;
	color: #fff;
	margin: 10px 0;
	font-size: 12px;
	line-height: 25px;
	border-radius: 10px;
}
.footer .f_navi ul{
	width: 100%;
	text-align: left;
	margin: 0 auto;
}
.footer .f_navi li{
	display: inline-block;
	height: 25px;
	padding: 0 3px;
	margin: 10px 0px 0;
	font-size: 15px;
	position: relative;
	border-right: 1px solid #aaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.footer .f_navi li i{
	position: absolute;
	font-size: 20px;
	line-height: 23px;
	right: 10px; top: 0;
}
.footer .f_navi li.sp_title{
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

.footer .f_navi li.sp_title h5{
	position: relative;
	text-align: center;
	background: #fff;
}
.footer .f_navi li.sp_title h5 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.footer .f_navi li.sp_title h5::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #222222;
}
.footer .f_navi li.sp_3column{
	width: 32%;
	margin-bottom: 5px;
}
.footer .f_navi li.sp_2column{
	width: 49%;
	margin-bottom: 5px;
}
.footer .f_navi li:after{width: 0;}
.footer .f_navi .b_none, .footer .f_navi .spb_none{border-right: 0px;}

.footer .f_gnav_all{
	background: #c3c3c3;
	padding: 0px 0 0px;
	letter-spacing: 2px;
	text-align: left;
}
.footer .f_gnav ul:after{
	display: block;
	content: "";
	clear: both;
}
.footer .f_gnav{
	width:100%;
	border-top: 1px solid #444;
	margin-bottom: 0;
	overflow: hidden;
}
.footer .f_gnav li{
	width: 50%;
	float: left;
	display: block;
	height: 45px;
	line-height: 45px;
	padding: 0px 0px 0 15px;
	font-size: 12px;
	position: relative;
	border-bottom: 1px solid #444;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.footer .f_gnav li i{
	position: absolute;
	font-size: 20px;
	line-height: 30px;
	right: 10px;
  top: 6px;
}
.footer .f_gnav li:nth-child(even){
	border-left: 1px solid #444;
}
.footer .f_gnav li:last-child{
	width:100%;
}
.footer .f_gnav li a{display: block;}
.footer .f_gnav .sp_wide{
	width: 100%;
	height: 38px;
	border-bottom: 0px;
}
.footer .f_gnav li:after{width: 0px;}
.footer .f_gnav{margin-bottom: 5px;}

.footer .f_copy{
	padding: 10px 5px;
	font-size: 10px;
}
@media 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: 20px;
	letter-spacing: 3px;
}
.sysHeadline b{
	width: 100%;
	display: block;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #222222;
	padding: 0 60px;
	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: 1100px;
	margin: 0 auto 30px;
	border: 0px solid #ddd;
}
#main_tradelaw dl , .main_tradelaw d{
	width: 100%;
	background: #ededed;
	border-bottom: 0px dotted #bfbfbf;
	overflow: hidden;
}
#main_tradelaw dl:after, .main_tradelaw dl:after{
	display: block;
	content: "";
	clear: both;
}
#main_tradelaw dt, .main_tradelaw dt{
	width: 100%;
	padding: 15px 0 15px 20px;
	float: none;
	clear: both;
	font-weight: bolder;
}
#main_tradelaw dd, .main_tradelaw dd{
	margin-left: 0px;
	padding: 15px;
	background: #fff;
}
.shipFee{
	max-width: 1100px;
	margin: 20px auto
}
.shipFee .tableTitle{
	text-align: center;
	font-size: 12px;
}
table.shipFeeTable {
	width: 100%;
	margin: 0%;
    border-collapse: collapse;
	margin-bottom: 30px;
    text-align: left;
    line-height: 1.5;
}
.spThead{display: block;}
.pcThead{display: none;}
table.shipFeeTable thead th {
	font-size: 12px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
	text-align: left;
}
table.shipFeeTable tbody th {
	font-size: 12px;
	display: block;
	width: 100%;
	border: 0px solid #ddd;
}
table.shipFeeTable tbody .sum{
	position: relative;
	padding: 25px 10px;
	text-align: center;
}
table.shipFeeTable tbody .sum i{
	position: absolute;
	color: #888;
	font-size: 35px;
	left: 0;
	right: 0px;
	margin: auto;
	bottom: -20px;
	z-index: 20;
}
table.shipFeeTable td {
	display: block;
    width: 100%;
    vertical-align: top;
	border: 0px;
}
table.shipFeeTable b{
	color: #D42E30;
	display: inline-block;
	padding: 0 3px;
	font-size: 1.2em;
}

/***********************************
	2カラムレイアウト
***********************************/
.col2Style h2.pattern03{
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	padding: 0 0px 3px 10px;
	margin: 0 0 15px;
	border-bottom: 1px solid #6843ac;
}
.col2Style .txtBlock li{margin: 10px 0;}
.col2Style .imgWrap img{
	width: 80%;
	margin: 0px 10%;
}
.col2Style .floatWrap img{
	width: 80%;
        margin: 0px 10%;
	float: none;
}
.col2Style .floatWrap .txt{
	padding-top: 5px;
	margin-left: 0px
}
.col2Style .floatImg .imgWrap{
	width: 100%;
	float: none;
}
.col2Style .floatImg .imgWrap img{
	width: 80%;
	margin: 20px 10%;
}

/***********************************
	お買物ガイド
***********************************/
.indexList li{
	padding: 3px 5px;
	font-size: 12px;
}
.guideBlock{
        padding-top: 0;
        maergin-top: 30px;
}

/***********************************
	ご利用ガイド
***********************************/
.f_guide{margin-top: 30px;}
.f_guide .sysContent{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.f_guide .Title{
	font-size: 20px;
	text-align: center;	
	padding: 20px 0 0px;
}
.f_guide .guideBlock{
	width: 95%;
	margin: 50px 2.5%;
	display: block;
	padding: 30px 0px 5px;
	border: 1px solid #424242;
	border-radius: 10px;
	position: relative;
}
.f_guide .guide01{padding-right: 0px;}
.f_guide .guide02{padding-left: 0px;}
.f_guide .guideTitle{
	width: 200px;
	margin: auto;
	text-align: center;
	margin-bottom: 10px;
	position: absolute;
	top: -15px; left:0; right: 0;
	background: #fff;
	font-size: 15px;
}
.f_guide p{
	font-size: 15px;
	line-height: 20px;
	margin: 5px 0  !important;
	text-align: left;
        padding: 0 10px 0 15px;
}
.f_guide img{width: 100%;}
.f_guide .mt{margin-top: 10px;}
.f_guide .smaller{font-size: 12px;}
.f_guide a.f_guide_btn{
	margin: 20px auto;
	float: none;
}
.f_guide .freedial{
	font-size:30px;
}


/* カート内商品数表示*/
button.itemCount2{
        display: none;
	position: absolute;
	bottom: 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 0 !important;
            margin: 30px auto;
}

/***********************************
	マイページ
***********************************/
.sysMypage .sysMypageNav form{width: 100% !important;}

/***********************************
	新規会員登録
***********************************/
#sysMemberRegisterIndex .sysNextSubmit{
        width: 100%;
         float: none;
         margin-right: 0%;
         border-radius: 5px;
         height: 50px; 
         font-size: 15px;
}
#sysMemberRegisterIndex .sysButton[type="submit"]{
         width: 100%;
         float: none;
        margin-right: 0%;
        border-radius: 5px;
        height: 50px;
        font-size: 15px;
        margin-top: 0px;
}
#sysMypageLogin .sysLoginButton{
        width: 100%;
        float:none;
        margin-right: 0%;
}
#sysMypageLogin .sysButton{
        width: 100%;
        margin-left: 0%;
        margin-top: 0px;
}

/***********************************
	カートページ
***********************************/
/*ドメイン*/
.sysAcceptDomainArea .sysAcceptDomain a{
	padding:0;
	font-size:10px;
}

/***********************************
	ボタンデザイン
***********************************/
.common_btn{
	margin: 20px auto 30px;
}

/***********************************
	TOPページ
***********************************/
/*.トップスライダー*/
#slideShow{height: 130px;}
.top_slider{
	padding-top:0;
	margin:120px auto 0;
}
.owl-dots .owl-dot {
	top:0;
}
.owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;}

.owl-nav [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;
}

/*新着アイテム*/
.top_newarrival li{
	width: 30% !important;
	margin: 0 1.5% 30px !important;
	padding:0 !important;
}
.top_newarrival li .sysItemName{
	padding-top:0;
}
.top_newarrival li .sysItemPrice{
	font-size:12px;
}

/*特集一覧*/
.top_features{
	overflow:hidden;
}
.top_recommend_item ul{
	font-size:0;
	text-align:left;
}
.top_features li{
	width: 46%;
	margin: 2%;
}
.top_features li:nth-child(1),
.top_features li:nth-child(2){
	position:relative;
	z-index:10;
	width:96%;
}
.top_features li:nth-child(1) p,
.top_features li:nth-child(2) p{
	position:absolute;
	left:0;
	bottom:0;
	z-index:15;
	margin:0;
	padding:10px;
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}

/*おすすめ商品、ランキング*/
.top_ranking_item li{
	width: 30% !important;
	margin: 0 1.5% 30px !important;
	padding:0 !important;
}
.top_recommend_item li .sysItemName,
.top_ranking_item li .sysItemName{
	padding-top:0;
}
.top_recommend_item li .sysItemPrice,
.top_ranking_item li .sysItemPrice{
	font-size:12px;
}
.top_recommend_item li .sysCartButton,
.top_ranking_item li .sysCartButton{
	width:100%;
	font-size:10px;
	letter-spacing:-1px;
}

/*おすすめ商品*/
.top_recommend_item li{
	padding:5px !important;
}

/*レビューページ*/
#sysItemReviewIndex #sysWrap, #sysItemReviewConfirm #sysWrap {
	/*width:95%;*/
padding:0 15px;
box-sizing:border-box;
margin-bottom:40px;
}
#sysItemReviewThanks #sysWrap{
padding:0 15px;
box-sizing:border-box;
margin-bottom:40px;
text-align:center;
}


/*商品詳細の画像リンク外し*/
#sysItemDetail .sysItemImages a{
    pointer-events: none;
}


}
@media screen and (min-width:481px) and (max-width:0px){
.sysDisplayTabletNone{
	display:none !important;
}

/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
#sysWrap{margin-top:120px;} 
div#sysMain,div#sysAside{
	width: 100% !important;
	float: none;
}
.sysMypage #sysWrap,
.sysMemberRegister #sysWrap{
	margin: 130px auto 0;
}
#sysFormIndex div#sysMain,
#sysFormConfirm div#sysMain,
#sysFormThanks div#sysMain,
.sysMypage div#sysMain,
.sysMemberRegister #sysMain,
#sysItemSearch div#sysMain{
        width: 95% !important;
        margin: 30px auto;
        padding: 20px !important;
}
.sysCart #sysMain{
	 width: 95% !important;
    margin: 0 auto;
	padding: 20px;
}
.sysFormField label{display: block;}

/* 決済ページ*/
#sysPayment #sysWrap,
#sysConfirm #sysWrap,
#sysThanks #sysWrap,
#sysCartError #sysMain{
         width: 95% !important;
        margin-left: 2.5%;
}
#sysPayment #sysMain .sysFormLabel{line-height: 10px;}
#sysBillingAddress form{
        width: 95%;
        padding: 30px 20px;
        margin: 0 auto;
}
#sysDestination #sysMain{
           width: 95%;
            border: 1px solid #aaa;
            padding: 20px 20px !important;
            margin: 30px auto;
}
/*header検索ボックス*/
.h_search{
	margin-top: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: 15px;
}
#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{
	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 .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;
}
/*ナビゲーショントグル*/
.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: 150;
	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{
        text-align: center;
        margin: 20px 0;
        border: 1px solid #aaa;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
}
#closeMenu2 span{
        display: inline-block;
        margin: 0 10px;
}
#spNavMenu .navTitle{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}
#spNavMenu{
        max-width: 800px;
        margin: 80px auto 0;
        width: 90%;
}
#spNavMenu .spMenuList{
	height: auto;
	line-height: 40px;
	font-size: 15px;
	position: relative;
	border-bottom: 1px solid #aaa;
}
#spNavMenu .spMenuList i{
	position: absolute;
	line-height: 40px;
	right: 10px;
	font-size: 18px;
}
#spNavMenu .spMenuList a{
        display: block;
	padding-left: 15px;
}
#spNavMenu .spToggleNav{
	height: 200px;
	overflow: hidden;
}
#spNavMenu .spToggleNav li{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	border-bottom: 1px dotted #aaa;
}
#spNavMenu .spToggleNav li:first-child{border-top: 1px solid #aaa}
#spNavMenu .spToggleNav li:last-child{border-bottom: 0;}

/***********************************
	フッター
***********************************/
.footer .f_gnav_all{
	background: #c3c3c3;
	padding: 0px 0 0px;
	letter-spacing: 2px;
	text-align: left;
}
.footer .f_gnav ul:after{
	display: block;
	content: "";
	clear: both;
}
.footer .f_gnav{
	width:100%;
	border-top: 1px solid #444;
	margin-bottom:0;
	overflow: hidden;
}
.footer .f_gnav li{
	width: 50%;
	float: left;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 0px 0 15px;
	font-size: 12px;
	position: relative;
	border-bottom: 1px solid #444;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.footer .f_gnav li i{
	position: absolute;
	font-size: 20px;
	line-height: 30px;
	right: 10px; top: 5px;
}
.footer .f_gnav li:nth-child(even){
	border-left: 1px solid #444;
}
.footer .f_gnav li:last-child{
	width:100%;
}
.footer .f_gnav li a{display: block;}
.footer .f_gnav .sp_wide{
	width: 100%;
	height: 35px;
	border-bottom: 0px;
}
.footer .f_gnav li:after{width: 0px;}

/***********************************
	サイド
***********************************/
.side_search{
	width:95%;
	margin:0 auto 30px;
}
.side_navi_item,
.side_navi{
	width:95%;
	margin:0 auto;
}
.side_navi ul li.sysText a{
	padding:10px 5px !important;
}
.side_navi_item .sysHeadline,
.side_navi_item .sysContent{
	width:100% !important;
	margin:0 auto !important;
}
.side_navi_item .sysContent li,
.side_navi .sysContent li{
	float:left !important;
	width:50% !important;
}
.side_navi_1{
	border-top:1px solid #000;
}

/***********************************
	共通パーツ
***********************************/
.sysTitle{
	width: 600px;
	margin: 50px auto!important;
	position: relative;
	text-align: center;
	font-size: 20px;
	letter-spacing: auto;
}
.sysTitle b{
	display: block;
	font-size: 15px;
	text-align: center;
	margin-top: 5px;
}
.sysTitle span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 40px;
	background-color: #fff;
	text-align: center;
	font-weight: bold;
}
.sysTitle::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #222222;
}

.contentsWrap{
	width: 90%;
	margin: 0 auto;
}

/***********************************
	商法テーブルレイアウト
***********************************/
.p-law .sysTitle{max-width: 600px;}
.p-law .sysTitle span {
	font-size: 22px;
	padding: 0 40px;
}

#main_tradelaw{width: 90%;}
.shipFee{
	width: 90%;
	margin: 50px auto;
}
.shipFee h3{font-size: 16px;}
table.shipFeeTable .newLine{display: block;}
table.shipFeeTable tbody th {
	width: 500px;
	vertical-align: middle;
}
table.shipFeeTable td{
    width: 500px;
	font-size: 15px;
	vertical-align: middle;
}

/***********************************
	 フッター部分のご利用ガイド
***********************************/
.f_guide{margin-top: 50px;}
.f_guide .sysContent{width: 100%;}
.f_guide .Title{ 
	font-size: 15px;
	padding: 20px 0 30px;
}
.f_guide .guideBlock{
	width: 50%;
	padding: 0 2%;
	padding-bottom:30px;
}
.f_guide .guide01{padding-right: 20px;}
.f_guide .guide02{padding-left: 20px;}
.f_guide .freedial{
	font-size:30px;
}
.f_guide a{
	display:block;
	width: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;}

.top_slider{
	padding-top:0;
	margin-top:120px;
}



/*商品詳細の画像リンク外し*/
#sysItemDetail .sysItemImages a{
    pointer-events: none;
}
}
@media screen and (min-width:1px){
.sysDisplayPcNone{
	display:none !important;
}


}
/* #END_OF_RESOURCE_FILE */