/* 基本設定
 *----------------------------------------------------------------------*/
 html{
    font-size:62.3%;
  }
  body {
    color: #000;
    font-size: 1.3rem;/*13px*/
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", "Amiko", "Helvetica", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Yu Gothic", "a-otf-midashi-go-mb31-pr6n", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    line-height: 1.6;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .sp_only{
    display:none;
  }
  
  #sysAll {
    max-width: 100%;
    background-color: transparent;
    padding: 0;
  }
  #sysWrap {
    max-width: 1100px;
    margin: 50px auto 0;
    padding: 0;
    overflow: hidden;
  }
  #sysHeader {
    margin: 0;
    padding: 0;
  }
  div#sysMain {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  #sysAside {
    display:none;
    float: none;
    padding: 0;
  }
  #sysFooter {
    margin: 0;
    padding: 0;
  }
  
  #top #sysWrap{
    margin-top:0px;
  }
  
  
  .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, "Amiko", "Helvetica", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "a-otf-midashi-go-mb31-pr6n", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    line-height: 1.6;
    font-weight:bold;
    letter-spacing:inherit;
  }
  a {
    color: #000;
    text-decoration: none;
    font-weight:inherit;
  }
  a:hover {
    color: #222222;
  }
  img {
    vertical-align: bottom;
    /*you kakunin*/
    height:auto;
  }
  a:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-filter: "alpha( opacity=50 )";
    -webkit-filter: "alpha( opacity=50 )";
    -o-filter: "alpha( opacity=50 )";
    -ms-filter: "alpha( opacity=50 )";
  }
  a:hover img.nohover {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-filter: "alpha( opacity=100 )";
    -webkit-filter: "alpha( opacity=100 )";
    -o-filter: "alpha( opacity=100 )";
    -ms-filter: "alpha( opacity=100 )";
  }
  p {
    margin: 10px auto;
  }
  p.indent{
          margin: 5px 0 !important;
          text-indent: 1em
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
  }
  .clearfix:after {
    content: "";
    clear: both;
    display: block;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  /* フォーム要素の基本レイアウト */
  input[type=search], input[type=text], input[type=tel], input[type=email], input[type=password], textarea {
    -webkit-appearance: none;
    padding: 10px 5px !important;
    width: 100%;
    line-height: 2;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 0;
  }
  input[type=submit] {
    -webkit-appearance: none;
    padding: 10px 5px !important;
    line-height: 2;
    margin-top: 30px;
    font-size: 14px;
  }
  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(/img/common/controls.png) no-repeat 0 0;
    background-size:40px;
  }
  .owl-nav .owl-next{
    right:35%;
    background: url(/img/common/controls.png) no-repeat -20px 0;
    background-size:40px;
  }
  .owl-nav .owl-prev:hover {
    background-position: 0 0;
  }
  .owl-nav .owl-next:hover {
    background-position: -20px 0;
  }
  
  
  
  /* 検索ボックス */
  .search_bx form{
    overflow: hidden;
    border: 1px solid #dddddd;
  }
  .search_bx .sysItemSearchFormWord {
    float: left;
    width: 70%;
  }
  .search_bx input[type="search"] {
    height: 40px;
    border: none;
    padding: 5px;
    width: 100%;
  }
  .search_bx .sysSearchButton {
    overflow: hidden;
    float: left;
    display: block;
    width: 30%;
    height: 40px;
    margin: 0;
    padding: 0;
    text-indent: -999px;
    border-radius: 0px;
    border: none;
    background: #222222 url(/img/common/ico_search.png) no-repeat center center;
    background-size: 70px;
    cursor: pointer;
  }
  
  /* submitボタンの調整 */
  #sysMypageReminder #sysMain input[type=submit],
  .sysBackButton,
  .sysNextSubmit {
      background: #00af6b;
      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;
  }
  
  .sysItemCategoryPankuzu {
    margin-top: 20px;
  }
  
  .sysSelectionDescription{margin : 2px 0 10px;}
  
  /* 4-1-3 Category View Mode */
  .sysItemCategoryCtl {
    font-size: small;
    border: 1px solid lightgray;
    border-left: none;
    border-right: none;
    margin: 2.0rem 0 4.0rem;
  }
  
  .sysItemCategoryCtl a {
    color: #FFF;
    text-decoration: none;
    text-align: center;
    background-color: #9fc0b3;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: .2em .5em;
    margin: .1em;
    display: inline-block;
  }
  
  .sysItemCategoryCtl a:hover,
  .sysItemCategoryCtl a.sysCurrent {
    background-color: #00af6b;
  }
  
  .sysItemListDisp {
    position: relative;
    height: 42px;
  }
  
  .sysItemListDisp div {
    position: absolute;
    left: 0;
    top: 7px;
  }
  
  .sysItemListDisp .sysItemListViewType {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
  }
  
  .itemDetailWrap {
    height: auto !important;
  }
  
  .itemDetailWrap .sysRetailPrice {
    font-size: 2.2rem;
    position: absolute;
    top: 60px;
    font-weight: bold;
    color: #00af6b;
  }
  
  .itemDetailWrap .sysItemName {
    /*margin-bottom: 10px;*/
    font-weight: bold;
    font-size: 16px;
  }
  
  /* PRアイコン設定 */
  .sysItemPr {
      font-size: small;
      padding: 0 5px;
      background: #fff;
      border: 2px solid #FF6666;
      border-radius: 3px;
      display: inline-block;
      font-weight: bold;
  }
  /*PRアイコン(商品詳細ページ)*/
  .sysPr span{
          width: 24%;
          padding: 3px 10px;
          color: #ff0000;
          font-weight: bold;
          font-size: 15px;
          border-radius: 15px;
          margin: 0 0 5px;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-align: center;
  }
  span.icon_online, span.icon_kyobashi{
          display: inline-block;
          background: #ff1000;
          border: 3px solid #ff1000;
          color: #fff;
  }
  span.icon_book{
          display: inline-block;
    border: 3px solid #ff1000;
          color: #ff1000;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
  }
  span.icon_chilled{
          display: inline-block;
          background: #4472c4;
          border: 3px solid #4472c4;
          color: #fff;
          text-indent: 0.5em;
          letter-spacing: 0.5em;
  }
  
  /* カートボタン */
  .sysCartButton {
      border: none;
      padding: 10px;
      margin: 5px 0;
      border-radius: 5px;
      background-color: #222222;
      color: #fff;
      cursor: pointer;
  }
  .sysCartButton:hover {
      background: #999;
  }
  
  /* アーカイブリスト */
  #sysItemCategory #sysMain {
    width: 70%;
  }
  
  #sysItemCategory .sysItemListViewType {
    display: none;
  }
  
  .sysItemList ul.sysList li .sysThumbnailImage,
  .sysItemList ul.sysThumbnail li .sysThumbnailImage {
    width: calc(100vmin - 600px);
    height: calc(100vmin - 600px);
    max-width: 230px;
    max-height: 230px;
    min-width: 100px;
    min-height: 100px;
  }
  
  .sysItemList ul.sysThumbnail li .sysThumbnailImage {
    max-width: 300px;
    max-height: 300px;
  }
  
  #sysMypageAshiato .sysItemList ul.sysThumbnail li .sysThumbnailImage {
    max-width: 200px;
    max-height: 200px;
  }
  
  .sysItemList ul.sysList li .sysThumbnailImage {
    overflow: hidden;
    position: relative;
    border: 1px solid #eeeeee;
    width: 100px;
    height: 100px;
    margin-right: 20px;
    margin-top: 40px;
  }
  
  .sysItemList ul.sysList li .sysThumbnailImage::before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  
  .sysItemList ul.sysList li .sysThumbnailImage a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .sysItemList ul.sysList li .sysThumbnailImage img,
  .sysItemList ul.sysThumbnail li .sysThumbnailImage img {
  /*  width: 100%;
    height: 100%;
    object-fit: contain;
    top: 0;
    left: 0;*/
    max-width: 80%;
    /*max-height: 80%;*/
    height: auto;
  }
  
  .sysItemList ul.sysList li,
  .sysItemList ul.sysThumbnail li{
    position: relative;
    display: flex;
    cursor: pointer;
    box-shadow: 0px 4px 16px 0px rgba(51,51,51,0.18);
    background: #fff;
    margin-top: 12px;
    padding: 15px 20px;
    border: none;
  }
  
  #sysItemSearch .sysItemName,
  #sysItemCategory .sysItemName {
    font-weight: bold;
    font-size: 1.6rem;
    position: absolute;
    top: 24px;
    left: 24px;
  /*  width: 65%;*/
  }
  
  
  #sysItemSearch .sysItemName a,
  #sysItemCategory .sysItemName a {
    color: #333;
  }
  
  #sysItemSearch .itemDetailWrap #sysDescriptionPc,
  #sysItemCategory .itemDetailWrap #sysDescriptionPc {
  /*  position: absolute;
    right: 20px;
    width: 50%;*/
    border-left: solid 1px rgba(30,50,70,0.12);
    padding-left: 12px;
    /*top: 30px;*/
    margin-left: 200px;
    margin-top: 44px;
  }
  
  /* 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:550px;
    padding-right:20px;
  }
  /*
  .sysItemImages .sysImageList li{
      display: inline-block;
      vertical-align: top;
      height: auto;
      width:23%;
      line-height: 1;
      float: none;
      margin: 1% 0;
  }
  */
  
  /*.sysItemImages .sysImageList li {
    position: relative;
    overflow: hidden;
    padding: 12.1%;
  }
  
  .sysItemImages .sysImageList li img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    left: 0;
  }*/
  
  
  .sysItemImages .sysImageList li {
    overflow: hidden;
    position: relative;
    border: 1px solid #eeeeee;
    background: #fff;
    padding: 12.1%;
  }
  
  .sysItemImages .sysImageList li::before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  
  
  .sysItemImages .sysImageList li img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none;
    margin: auto;
  }
  
  .sysItemImages .sysImageList li.sysCurrent img {
    border: none;
  }
  
  .sysItemImages .sysImageList li.sysCurrent {
    border: 1px solid #999;
  }
  
  /* 商品名 */
  .sysItemName h1 { font-size: x-large;}

  /*価格メッセージ*/  
  .price-message{
    color: #f57e42;
    font-weight: bold;
    font-size: 19px;
    line-height: 1.0;
    text-align: right;
  }

  /* 注文エリア*/
  .orderArea {
      letter-spacing: -.4em;
      text-align: center;
  /*    margin-top: 10px; */
  }
  .orderArea > div {
      width: 50%;
      display: inline-block;
      letter-spacing: normal;
      text-align: left;
      vertical-align: top;
  }
  .orderArea > .orderArea > div {
      width: 100%;
      display: block;
  }
  
  
  /* 商品ページのタイトル */
  .sysItemName,
  .sysExplanation > div > span,
  .sysReview > span{
      display: block;
      margin-bottom: 0px;
      font-size: large;
  }
  
  
  /* 商品説明 */
  .sysExplanation table {
      width: 100%;
      text-align: center;
      border: 1px solid #999;
      line-height: 2;
  }
  .sysExplanation thead {
      text-align: center;
      color: #fff;
      background: #999;
  }
  .sysExplanation td {
      font-size: small;
      text-align: left;
      padding-left: 10px;
  }
  
  /* 買い物フォーム */
  #sysItemDetail #sysWrap {
    overflow: visible;
  }
  
  #sysItemDetail .sysRetailPrice { font-weight: bold;}
  #sysItemDetail #sysVariation {
       overflow: hidden;
       margin: 5px auto;
  }
  #sysItemDetail #sysVariation >div {
      margin: 10px auto;
      overflow: hidden;
  }
  #sysItemDetail .sysNumArea button {
      display: inline-block;
      width: 48%;
      background: #666;
      padding: 10px;
      border: 1px solid #999;
      border-radius: 5px;
      color: #fff;
  }
  #sysItemDetail .sysNumArea {
      padding-top: 5px;
      clear: both;
      text-align: right;
  }
  #sysWishlist .sysButton,
  #sysItemDetail .sysCartButton {
      width: 98%;
      margin-left: 2%;
  }
  #sysItemDetail .sysShare { padding: 5px 0 0 2%;}
  #sysCartInForm { width: 100%;}
  
  /* ログインボタン */
  .sysLoginButton,
  .sysButton {
      border: none;
      padding: 10px;
      margin: 5px 0;
      border-radius: 5px;
      background-color: #666;
      color: #fff;
      cursor: pointer;
  }
  .sysLoginButton,
  .sysButton:hover {
      background: #999;
  }
  .sysLoginButton{
      display: block;
      width: 50%;
      margin: 10px auto;
      padding: 20px;
  }
  /* カートボタン */
  .sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
  .sysCart #sysMain input[type=submit],
  .sysCart #sysMain button[type=submit] {
      background: #666;
      color: #fff;
      text-shadow: none;
  }
  .sysCartInDone{ margin: 0;}
  
  /* フォームページの基本レイアウト*/
  #sysFormIndex #sysMain,
  #sysFormConfirm #sysMain,
  #sysFormThanks #sysMain,
  .sysMemberRegister #sysMain,
  .sysMypage #sysMain{
              width: 1100px;
              border: 1px solid #eee;
              padding: 20px 150px !important;
              margin: 30px auto;
  }
  #sysDestination #sysMain{
             width: 1100px;
              border: 1px solid #eee;
              padding: 20px 150px !important;
              margin: 30px auto;
  }
  #sysFormConfirm label, #sysMemberRegisterConfirm label{
    display: block;
    margin: 15px 0 5px!important;
  }
  #sysFormConfirm .sysFormField #sysMemberRegisterConfirm .sysFormField{
    margin: 10px 0 20px !important;
  }
  #sysFormConfirm button.sysButton{
    width: 49%;
    float: left;
    margin: 0;
    margin-right: 1%;
    margin-top: 30px;
    height: 50px;
    border-radius: 3px;
    background: #ccc;
    color: #444;
  }
  #sysFormConfirm .sysNextSubmit{
    width: 49%;
    margin: 0;
    margin-top: 50px;
    margin-left: 1%;
  }
  #sysMemberRegisterConfirm .sysNextSubmit{
          width: 49%;
    margin: 0;
    margin-top: 20px;
    margin-right: 1%;
          float: left;
  }
  #sysMemberRegisterConfirm .sysBackButton{
          width: 49%;
    float: left;
    margin: 0;
    margin-left: 1%;
    margin-top: 0px;
    height: 50px;
    border-radius: 3px;
    background: #ccc;
    color: #444;
  }
  #sysFormThanks .completeText{
    margin: 20px 0;
    text-align: center;
    font-size: 15px;
  }
  #sysFormThanks .completeText a{
    color: #068acc;
    text-decoration: underline;
  }
  #sysMemberRegisterRegister #sysMain h2,
  #sysMemberRegisterConfirm #sysMain h2,
  #sysMemberRegisterIndex #sysMain h2,
  #sysFormThanks #sysMain h2,
  #sysFormConfirm #sysMain h2,
  #sysFormIndex #sysMain h2 {display:none;}
  #sysFormIndex #sysMain input {font-size: 15px;}
  
  #sysFormIndex .txtBlock{text-align: center;}
  #sysMemberRegisterConfirm  #sysMain > form,
  #sysMemberRegisterIndex #sysMain > form,
  #sysFormConfirm #sysMain > form,
  #sysFormIndex #sysMain > form { padding: 10px;}
  
  #sysMypageReminder #sysMain input[type="text"],
  #sysMemberRegisterIndex #sysMain input[type="text"],
  #sysFormIndex #sysMain input[type="text"],
  #sysFormIndex #sysMain textarea {
          background: #fff;
          border-radius: 0;
          margin: 10px 0 30px
  }
  #sysMemberRegisterIndex #sysMain input[type="tel"],
  #sysMemberRegisterIndex #sysMain input[type="email"] ,
  #sysMemberRegisterIndex #sysMain input[type="password"] {
          background: #fff;
          border-radius: 0;
          margin: 10px 0 30px
  }
  
  #sysMain .sysFormLabel{
    display:block;
    border-left: 5px solid #3d3d3d;
    padding-left: 5px;
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 5px;
  }
  #sysMain .sysRequired{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 5px;
  }
  #sysMain textarea { min-height: 75px;}
  .sysZipcode button,
  .sysZipcode .sysFormField { display: inline-block;}
  .sysZipcode .sysFormLabel { display: block;}
  .sysZipcode .sysFormField { width: 200px;}
  .sysZipcode br{ display: none;}
  .sysBirthday input { width: auto!important;}
  
  
  /* フォーム確認ぺージ */
  #sysMypageEditConfirm #sysMain .sysFormField,
  #sysMemberRegisterConfirm #sysMain .sysFormField,
  #sysFormConfirm #sysMain .sysFormField {
      border: 1px solid #999;
      line-height: 2;
      padding-left: 10px;
      font-size: small;
      border-radius: 3px;
      margin: 5px auto;
      min-height: 20px;
  }
  
  /* マイページ */
  .sysMypageMajorHeadLine{display:none;}
  .SysMypageMinorHeadLine{
          font-size: 18px;
    border-left: 5px solid #3d3d3d;
    padding-left: 5px;
    margin: 20px 0;
  }
  #sysMypageLogin .sysMypageMinorHeadLine{display: none;}
  
  /* 購入履歴 */
  .sysOrderList {
      border: 1px solid rgb(212,212,212);
      padding: 10px;
      max-height: 400px;
      overflow-y: scroll;
  }
  .sysOrderList li {
      border-bottom: 1px dotted rgb(212,212,212);
      margin-bottom: 5px;
      padding: 10px;
  }
  
  /* Member Profile Editor */
  #sysMypageEditDelivery #sysMain > form,
  #sysMypageEditMember #sysMain > form{ padding: 10px;}
  #sysMypageEditDelivery #sysMain input,
  #sysMypageEditMember #sysMain input {
      line-height: 15px;
      padding: 5px;
      font-size: small;
      margin: 5px auto;
  }
  
  #sysMypageEditConfirm #sysMain > form { padding: 10px;}
  
  /* Special Point */
  .sysSpecialPoint {
      overflow: hidden;
      letter-spacing: -.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: 20px;
    color: #000;
    font-weight: bold;
    text-align: right;
  }
  #sysItemDetail .sysRetailPrice span {
    font-size: 1.1rem;
  }
  #sysItemDetail .sysRetailPrice span.sysRetailPriceValue {
    font-size:20px;
    font-weight:normal;
  }
  /*通常価格*/
  #sysItemDetail .sysSuggestedRetailPrice {
    margin-bottom: 5px;
    text-align: right;
  }
  #sysItemDetail .sysSuggestedRetailPrice span {
    font-size: 1.1rem;
  }
  /*送料区分*/
  #sysItemDetail .sysShippingCost {
    display: inline-block;
    width: auto;
    margin-left: auto;
    margin-top: 5px;
    padding: 0 5px;
    color: #da4636;
    font-weight: bold;
    font-size: 1.1rem;
    border: 1px solid #da4636;
    border-radius: 3px;
  }
  /*PRアイコン(カテゴリーページ)*/
  #sysItemCategory input[type=submit]{margin-top: 0px;}
  .sysAddSelection div{margin-bottom: 10px;}
  .sysAddSelection input, .sysAddSelection select{margin: 5px 0;}
  .sysItemPrArea{margin-top: 5px;}
  .sysItemPrArea span{
          width: 49%;
          height: 30px;
          display: inline-block;
          padding: 3px 0px;
          font-size: 18px;
          line-height: 18px;
          border-radius: 20px;
          font-weight: bold;
          margin: 0 0 5px;
          text-align: center;
  }
  
  #sysItemDetail .sysForm select {
    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: 100%;
    margin-left: 0;
  }
  #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;
    position: relative;

  }
  #sysItemDetail .sysNumArea {
    margin-bottom: 20px;
  }
  #sysItemDetail .sysNumArea button {
    overflow: hidden;
    display: inline-block;
    width: 25%;
    padding: 10px;
    text-indent: -999px;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    background: #f1f1f1;
    cursor: pointer;
  }
  #sysItemDetail .sysNumArea button:hover {
    background-color: #efefef;
  }
  #sysItemDetail .sysNumArea .sysBtnPlus {
    border-color:#b9b9b9;
    background: url(/img/layout/system/btn_plus.png) center center no-repeat;
    background-size: 65px;
    width: 37%;
  }
  #sysItemDetail .sysNumArea .sysBtnMinus {
    border-color:#b9b9b9;
    background: url(/img/layout/system/btn_minus.png) center center no-repeat;
    background-size: 90px;
    width: 37%;
  }
  /*カートに入れる*/
  /*
  #sysItemDetail .sysCartButton {
    padding:23px 15px !important;
    text-indent: -999px;
    background: #da4636 url(/img/layout/system/btn_cart.png) center center no-repeat;
    background-size:140px;
  }
  #sysItemDetail .sysCartButton:hover {
    opacity:0.8;
  }
  */
  #sysItemDetail .sysGoCartButton {
    background: #da4636 url(/img/layout/system/btn_cart2.png) center center no-repeat;
    background-size: 127px;
  }
  /*お気に入り*/
  #sysItemDetail #sysWishlist .sysButton {
    overflow: hidden;
    text-indent: -999px;
    border: 1px solid #b9b9b9;
    background: #fff url(/img/layout/system/btn_favo.png) center center no-repeat;
    background-size: 100px;
    display: none;
  }
  #sysItemDetail #sysWishlist .sysButton:hover {
    background-color: #efefef;
  }
  /*SNSボタン*/
  #sysItemDetail .sysShare {
    padding: 5px 0 0 2%;
    text-align: right;
  }
  #sysItemDetail .sysShare .sysFacebook {
    position: relative;
    top: -6px;
  }
  #sysItemDetail .sysShare .sysGoogleplus {
    width: 58px;
  }
  #sysItemDetail .sysShare .sysLine, #sysItemDetail .sysShare .sysDisplayPcNone {
    display: inline-block !important;
  }
  #sysItemDetail .sysShare .sysLine {
    position: relative;
    top: 0px;
  }
  /*.sysReview*/
  #sysItemDetail .sysReview {
    margin: 40px 0;
  }
  
  /*テーブルデザイン*/
  .sysExplanation table{
    margin-bottom:40px;
    border:none;
    border-top:1px solid #ccc;
  }
  .sysExplanation table tr{
    border-bottom:1px solid #ccc;
  }
  .sysExplanation table th,
  .sysExplanation table td{
    padding:3px 10px;
    text-align:center;
    border:none;
  }
  /*商品ページ用おすすめ商品*/
  .itempage_recommend .sysItemBlock .sysHorizontal li{
    width:25%;
    padding:0 10px;
  }
  .itempage_recommend .sysItemName{
    margin-bottom:0;
    font-size:14px;
    text-align:left;
  }
  .itempage_recommend .sysItemPrice{
    text-align:left;
  }
  /*商品ページ成分表*/
  #sysItemDetail .show_bx{
    margin-bottom:30px;
  }
  #sysItemDetail .show_bx_inner{
    margin-bottom:10px;
  }
  #sysItemDetail .btn_tr{
    padding:10px 0 10px 35px !important;
    background:#e4e4e4 url(/img/layout/system/ico_plus.png) 10px center no-repeat !important;
    background-size:18px !important;
    cursor:pointer;
  }
  #sysItemDetail .active{
    background:#e4e4e4 url(/img/layout/system/ico_minus.png) 10px center no-repeat !important;
    background-size:18px !important;
  }
  #sysItemDetail .contents_tr{
    background-color:#f5f5f5;
  }
  #sysItemDetail .contents_tr td{
    background-color:#f5f5f5 !important;
  }
  #sysItemDetail .contents_tr table{
    margin-bottom:0;
  }
  
  #sysItemDetail .sysCategoryPankuzu {
    margin-bottom: 2.0rem;
  }
  
  /***********************************
    カートページ
  ***********************************/
  /*カートページ内レイアウト調整*/
  .sysCart .header_h1_under,
  .sysOpcBody .header_h1_under{
    float:none;
    padding:10px 0;
    width:100%;
    height:auto;
    background-color:#fff;
  }
  .sysCart .header_h1_under a,
  .sysOpcBody .header_h1_under a{
    display:block;
    width:160px;
    margin:0 auto;
  }
  .sysCart .header_h1_under .logo img,
  .sysOpcBody .header_h1_under .logo img{
    float:none;
    margin-right:0;
  }
  .sysCart .header_h1_under .head_title,
  .sysOpcBody .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,
  .sysOpcBody #sysMain{
    max-width: 1100px;
    border: 1px solid #eee;
    padding: 20px 150px;
    margin:0 auto;
  }
  
  
  .sysCart #sysMain, .sysCart #sysMain a {
    color: #000;
  }
  .sysCart .sysBox, .sysCart .sysSelectPaymentArea,
  .sysCart .sysSelectDeliveryArea, .sysCart .sysRemarksArea,
  .sysCart .sysSelectOptionArea, .sysCart .sysDetail,
  .sysCart .sysOrder .nav,
  .sysCart .sysAcceptDomainArea,
  .sysCart .sysRepeatOrderSetting {
    background-color: #ffffff;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    box-shadow: none;
    margin: 1em auto 2em;
    padding: 1em;
  }
  .sysCart .sysBox hr {
    display: block;
    border: 0;
    height: 0;
    border-bottom: 1px solid #cfcfcf;
    margin: 5px 0;
    padding: 0;
  }
  .sysCart #sysMain input[type="text"],
  .sysCart #sysMain input[type="password"],
  .sysCart #sysMain input[type="email"],
  .sysCart #sysMain input[type="number"],
  .sysCart #sysMain input[type="tel"],
  .sysCart #sysMain input[type="search"],
  .sysCart #sysMain textarea {
    background: none;
    border-radius: 0;
    border: 1px solid #dddddd;
  }
  .sysCart .sysTotalTxt {
    text-shadow: none;
  }
  .sysTotal .sysTotalTxt .sysCartAttention {
    font-size: 2rem;
  }
  .sysCart .sysSubTotalArea {
    margin: 10px 0;
  }
  .sysCart .sysNextSubmitArea {
    margin-bottom: 20px;
  }
  .sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    color: #fff;
    font-weight: bold;
    text-shadow: none;
    border-radius: 5px;
    background: #00af6b !important;
    border: none;
  }
  .sysCart .sysCartAttention, .sysCart .sysRequired {
    color: #da4636;
    font-weight: bolder;
  }
  .sysCart .sysGetPoint {
    color: #da4636;
    font-weight: bolder;
  }
  .sysCart .sysCartNote {
    color: #000;
    font-size: 90%;
  }
  .sysCart .sysCartTitle, .sysCart .loginTitle {
    color: #000;
    font-size: large;
    font-weight: bolder;
    background-color: #fff;
    padding: 0;
    margin-bottom: 2-px;
  }
  /*カート追加*/
  .quantityArea, .quantityinnerArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .quantityinnerArea {
    width: 70%;
  }
  .sysCart .sysItemListArea{
    width: 50%;
    margin-right: 20px;   
  }
  .sysCart .registerForm{
    width: 50%;
    margin-left: 20px;
  }
  .sysCart .sysNumArea{
    display: flex;
  }
  .sysCart #sysMain button{
    background: #fff;
    min-width: 3em;
  }
  .sysCart .sysBox {
    margin: 5px auto 2em !important;
  }

  .sysCart .sysCartTitle span {
    font-size: 1.2rem;
  }
  .sysCart #sysMain input {
    background: #fff;
  }
  /*修正*/
  .sysCart #sysMain input[type="submit"], .sysCart #sysMain button[type="submit"] {
    display: inline-block;
    padding: 10px;
    width: auto;
    height: auto;
    color: #000;
    background: #fff;
    border-radius: none;
    border: 1px solid #999;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .sysCart .sysDeleteArea, .sysCart .sysConfirmButton {
    text-align: right;
  }
  .sysCart .sysNavImg {
    text-align: center;
           margin-top: 10px;
    margin-bottom: 20px;
  }
  .sysCart .sysFreeArea {
    color: #000;
    margin: 20px 0;
  }
  .sysSelectPayment li:last-child,
  .sysSelectDelivery li:last-child,
  .sysSelectOption li:last-child,
  .sysCart .sysDetail li:last-child,
  .sysRemarks, .sysCart .sysOrder .nav li:last-child {
    border-bottom: none;
  }
  .sysCart .sysAcceptDomainArea input {
    padding: 0 10px!important;
  }
  .sysCart .cart_btn {
    color: #000;
    text-align: center;
    margin-top: 40px;
  }
  .sysCart .cart_btn p {
    margin: 0;
    padding: 0;
  }
  .sysCart .cart_btn .btn {
    margin-top: 5px;
  }
  .sysCart .cart_btn img {
    width: 200px;
    border: 1px solid #d0d0d0;
  }
  /*タイトル下文字対応*/
  .sysCart #sysMain {
    padding-top: 10px;
    border:none;
  }
  .cartMenu{
     display: flex;
   }
  .sysCart .cart_info .sysContent {
    max-width: 300px;
    color: #000;
    text-align: center;
    font-weight: bolder;
    font-size: 13px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    margin: 1em auto 0 auto;
    padding: 10px;
    background-color: #fff;
  }
  
  .sysCart #sysMain .sysConfirmButton input[type="submit"] {
    width: auto;
  }
  .sysCart #sysMain select {
    display: inline-block;
    height: 35px;
    max-width: 13em;
  }
  .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;
  }
  .sysAcceptMailmagazine .sysRequired {
    display: none !important;
  }
  
  /*注文完了ページ*/
  .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: #00af6b !important;
  }
  .sysCart #sysMain #show-dlg-2,
  .sysCart #sysMain #show-dlg-3{
    display:block;
    width: 100% !important;
    padding: 10px;
    margin:0 0 30px !important;
    color: #fff !important;
    font-size:1.2rem;
    line-height:1;
    text-shadow: none;
    box-shadow: none;
    border:none !important;
    border-radius: 5px;
    background: #000 !important;
  }
  .sysCart #sysMain #show-dlg-3{
    color: #fff !important;
    background: #da4636 !important;
  }
  .sysCart #sysMain .next_btn{
    color: #fff !important;
    font-size:1rem;
    line-height:1;
    border:none !important;
    background: #000 !important;
  }
  .sysCart #sysMain #order_price_confirm_btn{
    color: #fff !important;
    width: 100% !important;
    box-shadow: none;
    background: #000 !important;
  }
  .sysCart #sysMain .mdl-js-button{
    box-shadow: none;
  }
  .sysCart #sysMain #change-to-billAddr,
  .sysCart #sysMain #show-dlg-addrList,
  .sysCart #sysMain #show-dlg-inputAddr{
    line-height:1;
    border:none !important;
    background: #000 !important;
  }
  .sysCart #sysMain p.user_type{
    font-size:1.2rem;
  }
  .sysOpcProduct .sysOpcItemName{
    font-size:1.2rem;
  }
  
  /*情報入力ページ調整*/
  .sysOpcBody div#sysWrap {
    margin: 0 auto;
  }
  .sysOpcBody div#sysMain {
    padding: 3em 200px 0;
    margin-bottom: 60px;
  }
  .sysOpcBody .header_wrap {
    height: auto;
    position: static;
    border-bottom: none;
  }
  .sysOpcBody .header_h1_under a {
    pointer-events: none;
  }
  .sysOpcBody .footer .f_gnav_all {
    display: none;
  }
  input[type="button"],
  select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
  }
  select {
    padding: 0 .5em;
  }
  .sysOpcBody img {
    max-width: 100%;
  }
  .opcCommonInputText,
  .opcCommonInputSelect,
  .opcCommonInputRadio,
  .opcCommonInputCheckbox {
    margin-left: 0 !important;
  }
  .opcCommonEditModeBlock {
    background: #fff !important;
    padding: 0;
  }
  .opcOrderSummaryTitle,
  .opcBillingAddressTitle,
  .opcDeliveryAddressTitle,
  .opcItemTitle,
  .opcPaymentMethodTitle {
    font-size: large !important;
    margin-bottom: 0.5em;
  }
  .opcCommonInputSelect,
  .opcCommonButton {
    width: 200px !important;
    background: #fff !important;
  }
  .opcCommonInputSelect {
    background: #f1f1f1 !important;
  }
  .opcBillingAddress_completeButton_edit,
  .opcDeliveryMethod_completeButton_edit,
  .opcPaymentMethod_completeButton_edit,
  .opcItem_completeButton_edit,
  .opcDeliveryAddress_completeButton_edit,
  .opcPointAndCouponDialog_applyButton_edit,
  .opcRemarks_completeButton_edit {
    background: #da4636 !important;
    border: 1px solid #da4636 !important;
    color: #fff !important;
    font-weight: bold;
  }
  .opcConfirm_inputStatus {
    display: block !important;
    width: 700px !important;
    margin: 0 auto 1em;
    background: #da4636 !important;
    color: #fff !important;
    border: 1px solid #da4636 !important;
    font-weight: bold;
  }
  .opcConfirm_inputStatus_disable {
    display: block !important;
    width: 700px !important;
    margin: 0 auto 1em;
    background: #ccc !important;
    color: #000 !important;
  }
  .opcConfirm_order {
    display: block !important;
    width: 700px !important;
    margin: 0 auto;
    background: #da4636 !important;
    color: #fff !important;
    border: 1px solid #da4636 !important;
    font-weight: bold;
  }
  .opcConfirm_order_disable {
    display: block !important;
    width: 700px !important;
    margin: 0 auto;
    background: #ccc !important;
    color: #000 !important;
  }
  .opcItem_increaseNumButton_edit,
  .opcItem_decreaseNumButton_edit {
    width: 30px !important;
    background: #f1f1f1 !important;
  }
  .opcCommonButtonGroup {
    margin-top: 1em;
  }
  .opcBillingAddress_genderMaleAndLabelGroup_edit,
  .opcBillingAddress_genderFemaleAndLabelGroup_edit {
    width: 15% !important;
  }
  .opcBillingAddress_acceptMailmagazineYesLabel_edit {
    margin-top: 1em;
    display: inline-block;
  }
  .opcOrderSummary_totalPriceAndLabelGroup {
    padding-bottom: 10px !important;
  }
  .opcCommonEditLabel {
    margin-top: 1em;
  }
  .opcOrderSummary_priceBreakDownGroup {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .opcOrderSummary_feeAndLabelGroup,
  .opcOrderSummary_usePointPriceAndLabelGroup {
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
  .opcBillingAddress_prefState_edit {
    margin: 5px 0;
  }
  .opcBillingAddressButtonGroup_edit,
  .opcDeliveryAddress_buttonGroup,
  .opcDeliveryMethod_buttonGroup_edit {
    padding: 1em 0;
  }
  .opcDeliveryMethod_hopeDeliveryDateAndLabelGroup_edit,
  .opcDeliveryMethod_hopeDeliveryTimeAndLabelGroup_edit {
    margin-bottom: 1em;
  }
  .opcItem_itemSubTotalPriceAndLabelGroup {
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
  .opcDeliveryAddressAndDeliveryMethodGroup,
  .opcItemList {
    margin-bottom: 0 !important;
    border: none !important;
    padding: 0 !important;
    position: static !important;
  }
  .opcBillingAddress .opcCommonReferenceLabel {
    width: 70px;
    display: inline-block;
    position: relative;
  }
  .opcBillingAddress .opcCommonReferenceLabel::after {
    position: absolute;
    right: 0;
  }
  .opcDeliveryMethod .opcCommonReferenceLabel {
    width: 123px;
    display: inline-block;
    position: relative;
  }
  .opcDeliveryMethod .opcCommonReferenceLabel::after {
    position: absolute;
    right: 0;
  }
  .opcCommonRequireLabel {
    color: #da4636 !important;
    font-weight: bold;
  }
  .opcRemarks_remark_edit {
    width: 100% !important;
  }
  .opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2em;
  }
  .opcDeliveryAddressEditDialog_directChangeLabel {
    width: 100%;
  }
  .opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup .opcCommonButton {
    width: calc(32% - 1em) !important;
  }
  .opcItem_itemName {
    font-weight: bold;
    font-size: 15px;
  }
  .opcConfirm_headerErrorMessage {
    width: 100% !important;
    max-width: 800px;
  }
  .opcRemarks_remark,
  .opcRemarks_cartOption {
      margin-left: 0 !important;
      width: 100% !important; ;
      white-space: normal !important; ;
  }
  #sysOpc > form + div {
    margin-bottom: 60px !important;
  }
  .opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit {
    padding-left: 0 !important;
    margin-left: 0 !important;
    border-bottom: none !important;
  }
  .opcDeliveryAddress {
    border-bottom: 1px solid #9b9b9b;
    margin-bottom: 1em;
  }
  .opcDeliveryMethod_hopeDeliveryDateLabel_edit {
    width: 126px;
    display: inline-block;
  }
  
  /*完了ページ調整*/
  #sysThanks #sysMain {
    border: none;
    text-align: center;
  }
  #sysThanks .sysNavImg {
    display: none;
  }
  #sysThanks.sysCart .sysBox:nth-of-type(2) div:nth-of-type(1),
  #sysThanks.sysCart .sysBox:nth-of-type(2) div:nth-of-type(2) {
    margin-bottom: 1em;
  }
  
  .thanks-wrapper {
    margin: 20px 0;
  }
  
  .thanks-msg {
    font-size: 12px;
  }
  
  #sysMypageRemindermessage a.link,
  #sysThanks a.link,
  #sysMypageLogout a.link,
  #sysMemberRegisterRegister a.link {
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 44px;
    background: rgb(34, 34, 34);
    padding: 10px 40px;
    display: inline-block;
    margin: 10px auto;
  }
  
  .top-link_wrapper {
    text-align: center;
    margin: 20px auto;
  }
  
  /***********************************
    検索ページ
  ***********************************/
  #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 h2 {
    font-size: 3.0rem;
    margin-bottom: 20px;
  }
  #sysItemSearch #sysMain h2::before {
    content: "";
    border-left: solid 10px;
    padding-right: 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;
  }
  
  #sysItemSearch .sysItemListViewType {
    display: none;
  }
  
  #sysItemSearch .sysCartButton {
    display: none;
  }
  
  /***********************************
    お問い合わせ
  ***********************************/
  #sysFormConfirm .sysNextSubmit{
    width:100%;
    margin:20px 0 0 !important;
  }
  #sysFormConfirm button.sysButton{
    width:30%;
    margin-bottom:20px;
  }
  
  /***********************************
    新規会員登録
  ***********************************/
  .sysMemberRegister #sysWrap{
    margin:160px auto 0;
  }
  
  /***********************************
    マイページ
  ***********************************/
  .sysMypage #sysWrap{
    margin:160px auto 0;
  }
  .sysMypage input[type="submit"]{
    margin-top:10px;
  }
  
  /* マイページボタン */
  .sysMypageNav > form {
      display: inline-block;
      width: 49%;
      vertical-align: top;
  }
  .sysMypageNav .sysButton {
      width: 100%;
      display: block;
      font-size: 15px;
    margin: 5px 0;
    padding:15px 0;
  }
  #sysMemberRegisterIndex .sysNextSubmit{
    width: 49%;
    float: left;
    margin-right: 1%;
    border-radius: 5px;
    height: 50px;
    font-size: 15px;
  }
  #sysMemberRegisterIndex .sysButton[type="submit"]{
    width: 49%;
    float: left;
    margin-right: 1%;
    border-radius: 5px;
    height: 50px;
    font-size: 15px;
    margin-top: 10px;
  }
  #sysMypageLogin .sysLoginButton{
    width: 49%;
    float: left;
    margin-right: 1%;
    font-size: 15px;
  }
  #sysMypageLogin .sysButton{
    width: 49%;
    margin-left: 1%;
    font-size: 15px;
  }
  
  /***********************************
    ヘッダー
  ***********************************/
  .header_wrap{
    position: fixed;
    height: 70px;
    top: 0; left: 0; right: 0;
    margin: auto;
    background: #fff;
    z-index: 120;
  /*  border-bottom: 1px solid #aaa; */
  }
  .header_wrap_inner{
    max-width:1200px;
    margin:0 auto;
    height: 60px;
  }
  .h_inner{margin: 9px 0 0;}
  .header_h1_under, .header_h1, .header_h1_sp{
    width: 520px;
    height: 65px;
    float: left;
  }
  .header{
    width: 520px;
    height: 80px;
    float: left;
  }
  .logo img{
    width: 200px;
    margin-right: 20px;
    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;}
  
  .header-message {
    padding-top: 20px;
  }
/* ヘッダータイトル下にコメント追加 */
  .sysCart .header-message{
    padding-top: 0;
    text-align: center;
    font-size: 10px
  }

  /* ヘッダーメッセージレスポンシブ(PC:改行無し SP:改行有り) */
  @media screen and (min-width: 650px){ 
   .sp_br { display:none; }
  }
  @media screen and (max-width: 650px){ 
   .sp_br { display:block; }
  }
  /***********************************
    カート情報
  ***********************************/
  #cartInfo{
    float: left;
    position: relative;
    margin-top: 15px;
    margin-left: 5px;
    width: 120px;
    height: 30px;
    line-height: 28px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 20px;
    border: 1px solid #222222;
    background: #222222;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding-top: -10px;
  }
  #cartInfo p.cartTxt{
    margin: -2px;
    line-height: 21px;
    padding-top: 5px;
    font-size: 10px;
  }
  #cartInfo p img{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
  }
  #cartInfo i{
    margin-right: 5px;
  }
  .h_cart{
    display: none;
    width: 280px;
    height: 145px;
    position: absolute;
    top: 40px; right: 5px;
    border: 1px solid #aaa;
    background: #fff;
    color: #000;
    z-index: 110;
    padding: 10px 20px;
  }
  .h_cart dl{
    font-size: 12px;
    margin-bottom: 0px;
  }
  .h_cart dl:after{
    display: block;
    content: "";
    clear: both;
  }
  .h_cart dt, .h_cart dd{float: left;}
  .h_cart dd span{
    display: inline-block;
    color: #da4636;
    font-weight: bold;
    padding: 0 5px;
  }
  .h_cart .sysCartInfoCartIn a{
    display: block;
    background: #000;
    color: #fff;
    width: 100%;
    margin: 10px 0% 5px;
    height: 50px;
    padding: 12px 0 0;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-radius:5px;
  }
  .h_cart .sysCartInfoCartIn a:hover{
    background:#999;
  }
  .h_cart .sysCartInfoCartIn a img{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px;
  }
  .h_cart .sysCartInfoCartIn a i{margin-right: 5px;}
  
  /* カート内商品数表示 */
  button.itemCount{
    display: none;
    border:none;
    width: 20px;
    height: 20px;
          line-height: 20px;
    text-align: center;
    font-weight: bold;
    margin-left: 5px;
    color: #222222;
    background: #fff;
    border-radius: 10px;
  }
  
  
  /***********************************
    ナビゲーション
  ***********************************/
  .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("/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(/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: 10px auto 0;
    position: relative;
    text-align: center;
    font-size: 23px;
    letter-spacing: 3px;
  }
  .sysTitle b, .sysHeadline b{
    display: block;
    font-size: 14px;
    text-align: center;
  }
  .sysTitle span, .sysHeadline span{
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 40px;
    background-color: #fff;
    text-align: center;
  }
  .sysTitle::before, .sysHeadline::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    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: 5px solid #3d3d3d;
    padding-left: 5px;
    margin: 15px 0;
  }
  .col2Style h2.pattern02{
    font-size: 18px;
    border-bottom: 1px solid #3d3d3d;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 15px 0;
  }
  .col2Style h2.pattern03{
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    padding: 0 0px 3px 30px;
    margin: 0 0 15px;
    border-bottom: 1px solid #6843ac;
  }
  .col2Style h3.pattern01{
    font-size: 14px;
    border-bottom: 0px solid #aaa !important;
    padding: 0px 0px 3px;
    margin: 15px 0 5px;
  }
  .col2Style h4.style01{
    font-size: 15px;
    padding-bottom: 3px;
    margin: 20px 0;
    border-bottom: 0px solid #3d3d3d!important;
  }
  .col2Style .txtBlock{margin-bottom: 30px;}
  .col2Style .imgWrap {
    margin: 30px 0;
  }
  .col2Style .txtBlock a, #forbusiness .txtBlock a, #relocation .txtBlock a, #privacypolicy .txtBlock a{
    color: #068acc;
    height: 25px;
    line-height: 25px;
    padding-bottom: 1px;
    border-bottom: 1px solid #068acc;
  }
  #shoplist td a, #corporate dd a{
          color: #068acc;
    height: 25px;
    line-height: 25px;
    padding-bottom: 1px;
          border-bottom: 1px solid #068acc;
  }
  .col2Style .txtBlock li{
    margin: 5px 0;
    font-size: 12px;
  }
  .col2Style .txtBlock li .larger{
    font-size: 0.9em;
    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;
  }
  
  span.sysSubtotalPrice {
      font-size: 17px;
      display: block;
      text-align: right;
  }
  
  
  /* Base */
  ul {
      padding: 0;
      list-style-type: none;
  }
  
  
  /* TOP */
  
  /* TOP パターン1 */
  /*
  .top_banner {
    margin: auto 0;
    background: #000;
  }
  
  .top__banner__wrapper {
    position: relative;
    height: 420px;
    margin: 70px auto 0;
    max-width: 1200px;
  }
  
  .top__banner__background {
    position: absolute;
    width: 100%;
    height: 480px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    animation : bgAnime 20s infinite;
  }
  */
  
  /* TOP パターン2 */
  .top_banner {
    width: 100%;
    margin:70px auto 0;
  }
  
  .top__banner__wrapper {
    position: relative;
    height: 300px;
    max-width: 1100px;
    margin: 0 auto;
  }
  
  .top__title-content {
    position: absolute;
    left: 10px;
  }
  
  .top__title01 {
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    top: 70px;
    left: 0;
    font-size: 45px;
    background: #fff;
    z-index: 1;
    line-height: .98em;
    padding: 7px;
  }
  .top__title02 {
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    top: 100px;
    left: 40px;
    font-size: 45px;
    background: #fff;
    z-index: 1;
    line-height: .98em;
    padding: 7px;
  }

  .top__banner__background {
    position: absolute;
    width: 800px;
    height: 100%;
    background-size: contain;
    background-position: center 0;
    background-repeat: no-repeat;
    /* opacity: 0; */
    /*アイキャッチアニメーション*/
    /* animation : bgAnime 25s infinite; */
    top: 0;
    right: 20px;
  }
  /*アイキャッチ画像*/
  /* .top__banner__image1 {
    background-image: url(/img/top/banner/sr_kv_illust_4.jpg);
    animation-delay  : 5s;
  }
  .top__banner__image2 {
    background-image: url(/img/top/banner/sr_kv_retina_1v2.jpg);
    animation-delay  : 10s;
  }
  .top__banner__image3 {
    background-image: url(/img/top/banner/sr_kv_retina_2v2.jpg);
    animation-delay  : 15s;
  }
  .top__banner__image4 {
    background-image: url(/img/top/banner/sr_kv_retina_1.jpg);
    animation-delay  : 20s;
  } */
  .top__banner__image5 {
    background-image: url(/img/top/banner/top_ichigan.jpg);
  }

  .top__banner__wrapper a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    z-index: 10;
  }
  
  @keyframes bgAnime {
     0% { opacity: 0; }
     5% { opacity: 1; }
    25% { opacity: 1; }
    30% { opacity: 0; }
   100% { opacity: 0; }
  }
  
  .top__copy-img {
    display: none;
    position: absolute;
    top: 290px;
    width: 1100px;
  }
  
  /* flow section */
  .flow__section {
    margin: 30px 0;
    padding: 70px 0;
    background-color: #fff5ee;
    text-align: center;
  }
  
  .copy {
    margin-bottom: 10px;
    font-size: 34px;
    line-height: 2.3;
    letter-spacing: 0.2em;
    font-feature-settings: "palt";
    -webkit-font-smoothing: antialiased;
  }
  
  .copy span {
      border-bottom: solid 4px #ff3399;
  }
  
  .about_text {
    margin-top: 30px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.15em;
    -webkit-font-smoothing: antialiased;
  }
  
  .flow__wrapper {
    text-align: center;
    margin: 60px 0 0;
  }
  
  .flow__wrapper li {
    width: 260px;
    margin: 0 15px 30px;
    display: inline-block;
    vertical-align: top;
  }
  
  .flow__photo {
    position: relative;
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
  }
  
  .flow__img1 {
    background-image: url(/img/common/explanation/flow_1.jpg);
  }
  
  .flow__img2 {
    background-image: url(/img/common/explanation/flow_2.jpg);
  }
  
  .flow__img3 {
    background-image: url(/img/common/explanation/flow_3.jpg);
  }
  
  .flow__img4 {
    background-image: url(/img/common/explanation/flow_4.jpg);
  }
  
  .flow__img5 {
    background-image: url(/img/common/explanation/flow_5.jpg);
  }
  
  .flow__info {
    background: #ffcc66;
    padding: 13px 20px;
    text-align: right;
    min-height: 90px;
    box-sizing: border-box;
  }
  
  .flow__title {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: .16em;
    text-align: left;
    cursor: pointer;
  }
  
  /* character */
  
  .top__character {
    margin: 30px 0;
  }
  
  .character__section {
    background-color: #fff;
    text-align: center;
  }
  
  .character__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    width: 90%;
  }
  
  .character__content {
    position: relative;
    z-index: 0;
    width: 313px;
    height: 500px;
    outline: none;
    list-style-type: none;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
  }
  
  .character__background-image {
    background: #dadbe3 no-repeat 50%/100%;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,.24);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.24);
    }
  
  .character__background-image,
  .character__background-image:before,
  .character__background-image:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    will-change: transform;
    background-size: cover;
  }
  
  .character__background-image:before {
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(68%,rgba(0,0,0,.4)));
    background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.4) 68%);
    opacity: 1;
  }
  
  .character__background-image:after {
    background-color: #000;
    background-color: rgba(0,0,0,.8);
    opacity: 0;
  }
  
  .character__content .img01{
    background-image: url(/img/common/character/c-01.jpg);
  }
  
  .character__content .img02{
    background-image: url(/img/common/character/c-02.jpg);
  }
  
  .character__content .img03{
    background-image: url(/img/common/character/c-03.jpg);
  }
  
  .character__info {
    padding-top: 266px;
    -webkit-transition: padding .4s cubic-bezier(.165,.84,.44,1),height .4s cubic-bezier(.165,.84,.44,1);
    transition: padding .4s cubic-bezier(.165,.84,.44,1),height .4s cubic-bezier(.165,.84,.44,1);
    will-change: padding,height;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 85%;
    height: 100%;
    color: #fff;
    text-align: left;
    margin: 0 auto;
  }
  
  .character__info:before {
    width: 113px;
    height: 120px;
    content: "";
  }
  
  .character__content:first-child .character__info:before {
    background: url(/img/common/count/01-pc.png) no-repeat 0 0/100% 100%;
  }
  
  .character__content:nth-child(2) .character__info:before {
    background: url(/img/common/count/02-pc.png) no-repeat 0 0/100% 100%;
  }
  
  .character__content:nth-child(3) .character__info:before {
    background: url(/img/common/count/03-pc.png) no-repeat 0 0/100% 100%;
  }
  
  .character__info:before {
    display: block;
    margin-bottom: -2px;
    margin-left: -10px;
  }
  
  .character__title {
    font-family: 'arial black',sans-serif;
    margin-bottom: 32px;
    height: 2.6em;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.5;
  }
  
  .character__desc {
    opacity: 0;
    -webkit-transition: opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: opacity .4s cubic-bezier(.165,.84,.44,1);
    will-change: opacity;
    font-size: 14px;
    line-height: 1.8;
  }
  
  .character__content:hover {
    transform: scale(1.2);
    z-index: 1;
  }
  
  .character__content:hover .character__background-image:after {
    opacity: 0.7;
  }
  
  .character__content:hover .character__info {
    padding-top: 16px;
    height: 550px;
  }
  
  .character__content:hover .character__desc {
    opacity: 1;
  }
  
  /* step */
  
  .top__step {
    /*margin: 100px 0;*/
  }
  
  #sysItemDetail .top__step {
    margin: 0 0 0 0;
  }
  
  .step__section {
    padding: 10px 0;
    background-color: #fff8f3;
    text-align: center;
    z-index: -1;
  }
  
  .step__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    max-width: 760px;
    margin: 0 auto;
  }
  
  .step__wrapper:before {
    content: "";
    display: block;
    position: absolute;
    width: 500px;
    height: 1px;
    top: 40px;
    left: 50%;
    margin-left: -250px;
    background-color: #8f8c89;
  }
  
  .step__content {
    position: relative;
    z-index: 0;
    width: 313px;
    outline: none;
    list-style-type: none;
  }
  
  .step__img {
    width: 80px;
  }
  
  .step__info {
    margin: 20px 0;
  }
  
  .step__title {
    height: 2.0em;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
  }
  
  .step__desc {
    font-size: 14px;
    line-height: 1.8;
    margin: 0 10px;
  }
  
  .step__flow {
    max-width: 760px;
    margin: 30px auto;
  }
  
  .step__flow-img {
    width: 760px;
  }
  
  .step__flow-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.0;
    margin-top: 20px;
  }
  
  .step__flow-desc {
    font-size: 12px;
  }
  
  
  /* recommend item-list */
  
  .recommend__section, .top_item_list__section {
    text-align: center;
  }
  
  .recommend__wrapper, .top_item_list__wrapper {
    text-align: center;
    margin: 20px 0 20px;
  /* background: #f5fff6; */
  }
  
  .recommend__wrapper li {
    width: calc(100%/8);
    min-width: 140px;
  /*  margin: 30px 15px 30px; */
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
  }
  .top_item_list__wrapper li {
    width: calc(100%/8);
    min-width: 146px;
  /*  margin: 30px 15px 30px; */
    display: inline-block;
    vertical-align: top;
    padding: 0 8px;
  }
  
  .recommend__genre-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: .16em;
  }
  .top_item_list__genre-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: .1em;
  }
  
  .square-img {
    overflow: hidden;
    width: 100%;
    position: relative;
    border: 1px solid #eeeeee;
    background: #fff;
  }
  
  .square-img:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  
  .recommend-content, .top_item_list-content {
    cursor: pointer;
  }
  
  .recommend-link, .top_item_list-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .recommend-link-text, .top_item_list-link-text {
    outline: none;
  }
  
  .recommend-img, .top_item_list-img {
    max-width: 90%;
    max-height: 90%;
    height: auto;
    vertical-align: middle;
    border-style: none;
  }
  
  .recommend__info, .top_item_list__info {
    padding-top: 13px;
    text-align: right;
    min-height: 100px;
    box-sizing: border-box;
  }
  
  .recommend__title, .top_item_list__title {
    font-size: 13px;
    line-height: 1.8;
    text-align: left;
    min-height: 50px;
  }
  
  .recommend__price, .top_item_list__price {
    color: #f57e42;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.0;
    float: left;
  }
  
  .recommend__date-unit, .top_item_list__date-unit {
    color: #555;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
  }
  
  .recommend__info .primary,
  .top_item_list__info .primary {
    color: #19a361;
  }
  
  .recommend-link-text:hover,
  .top_item_list-link-text:hover {
    color: #a0a0a0;
    transition: all 0.15s 0s ease-out;
  }
  
  .recommend-link-text:hover .recommend__price,
  .top_item_list-link-text:hover .top_item_list__price {
    color: #fabea0;
    transition: all 0.15s 0s ease-out;
  }
  
  .recommend-link-text:hover .recommend__date-unit,
  .top_item_list-link-text:hover .top_item_list__date-unit {
    color: #aaa;
    transition: all 0.15s 0s ease-out;
  }
  
  .recommend-link-text:hover .recommend__info .primary,
  .top_item_list-link-text:hover .top_item_list__info .primary {
    color: #8cd1b0;
  }
  
  /*
  .recommend__genre-link-box, .top_item_list__genre-link-box {
    min-width: 140px;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    padding: 10px 0;
    margin-top: 20px;
    cursor: pointer;
  }
  
  .recommend__genre-link-box:hover,
  .top_item_list__genre-link-box:hover {
    color: #666;
    background-color: #f6f6f6;
  }
  
  .recommend__genre-link-box a,
  .top_item_list__genre-link-box a {
    color: #666;
  }
  */
  
  .recommend__genre-link-box a {
    display: inline-block;
    max-width: 180px;
    text-align: left;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 12px;
    background-color: #00af6b;
    border-color: #00af6b;
    border-radius: 4px;
    transition: .4s;
  }
  .top_item_list__genre-link-box a {
    display: inline-block;
    max-width: 180px;
    text-align: left;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 10px;
    border-radius: 4px;
    transition: .4s;
    background-color: #88AFBE;
    border-color: #88AFBE;
  }
  
  .recommend__genre-link-box a:hover {
    background: #00c479;
    border-color: #00c479;
    color: #FFF;
  }


  .recommend__all-genre-link-box, .top_item_list__all-genre-link-box {
    margin-bottom: 40px;
  }
  
  .recommend__all-genre-link-box a,
  .top_item_list__all-genre-link-box a {
    display: inline-block;
    width: 200px;
    font-size: 16px;
    color: #00af6b;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 12px;
    background-color: #fff;
    border-color: #00af6b;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    transition: .4s;
  }

  .christmas-ribbon {
    background: #00a960;
    letter-spacing: 0;
    box-shadow: 0 0 0 2px rgb(201,38,41);
    border-top: dashed 1px rgba(159, 134, 63, 1);
    border-bottom: dashed 1px rgba(159, 134, 63, 1);
  }
  
  /* faq */
  .faq {
    /*margin-top: 100px;*/
  }
  
  .faq .copy {
    margin-top: 20px;
  }
  .faq__section {
    border-top: 8px solid #121216;
    border-bottom: 8px solid #121216;
  }
  
  .faq__item {
    position: relative;
    padding: 20px 20px 20px 0;
    display: block;
    border-bottom: solid 1px #ccc;
  }
  
  .faq__title {
    font-size: 16px;
    font-weight: bold;
  }
  
  .faq__item .faq__text {
    font-size: 14px;
    font-weight: normal;
    transition: all .5s ease-out;
    line-height: 0;
    height: 0;
    opacity: 0;
  }
  
  .faq__handle {
    position: absolute;
    width: 20px;
    border-bottom: 1px solid #000;
    right: 0;
    top: 42px;
  }
  
  .faq__handle:after {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    left: 0;
  }
  
  .faq__check:checked + .faq__text {
    margin-top: 24px;
    line-height: 2.25;
    opacity: 1;
    height: auto;
    overflow: hidden;
  }
  
  .faq__check:checked ~ .faq__handle:after {
    width: 0;
    left: 50%;
  }
  
  
  /* product */
  
  .product__section {
    width: 100%;
    margin: 60px 0 20px;
  }
  
  .product__title-wrapper {
    margin-bottom: 30px;
  }
  
  .product__title {
    font-family: 'arial black',sans-serif;
    font-size: 26px;
    letter-spacing: .1em;
  }
  
  .product__title span.product__name {
    font-size: 2.0em;
    margin-right: 20px;
  }
  
  .product__btn-container {
    text-align: center;
    margin-top: 70px;
  }
  
  .product__btn-container .btn-anime {
    display: inline-block;
    width: 40%;
    text-align: center;
    background-color: #9ec34b;
    border: 2px solid #9ec34b;
    font-size: 18px;
    color: #9ec34b;
    text-decoration: none;
    font-weight: bold;
    padding: 18px 24px;
    border-radius: 4px;
    position: relative;
    min-width: 200px;
  }
  
  .product__btn-container .btn-anime span {
    position: relative;
    z-index: 1;
  }
  
  .product__btn-container .btn-anime::before,
  .product__btn-container .btn-anime::after {
    content: "";
    display: block;
    background-color: #FFF;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    transition: .2s;
  }
  .product__btn-container .btn-anime::before {
    left: 0;
  }
  .product__btn-container .btn-anime::after {
    right: 0;
  }
  
  .product__btn-container .btn-anime:hover:before,
  .product__btn-container .btn-anime:hover:after {
    width: 0;
    background-color: #FFF;
  }
  
  .product__btn-container .btn-anime:hover {
    color: #FFF;
  }
  
  .product__content {
    clear: both;
  }
  
  .square-product__img {
    overflow: hidden;
    max-width: 500px;
    position: relative;
    float: left;
    height: 340px;
    width: 40%;
  }
  
  .square-product__img:hover {
    transition: all 0.15s 0s ease-out;
  }
  
  .square-product__img:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  
  
  .product__img {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .product__img img {
    /*max-width: 90%;*/
    width: 90%;
    max-height: 90%;
    height: auto;
    vertical-align: middle;
    border-style: none;
  }
  
  .product__video {
    text-align: right;
  }
  
  .product__video iframe {
    width: 50%;
    height: 340px;
  }
  
  .product__video img {
    width: 560px;
  }
  
  .product__video-full iframe {
    width: 100%;
    height: 340px;
  }
  
  @media all and (-ms-high-contrast: none) {
    .product__video-full iframe {
      display: none;
    }
  }
  
  .product__video-full img {
    width: 560px;
  }
  
  .square-product__img-ie {
    top: 80px;
    right: 0;
    z-index: -1;
    position: absolute;
    width: 50%;
  }
  
  .ie-wrapper img {
    width: auto;
  }
  
  .product__info {
    margin-top: 70px;
  }
  
  .product__info li {
    margin: 30px 0;
  }
  
  .product__appeal {
    display: flex;
  }
  
  .product__info .marker {
    border-left: solid 10px;
    padding-right: 20px;
  }
  
  .product__info h2 {
    font-size: 3.0rem;
    font-family: 'arial black',sans-serif;
    line-height: 1.0;
  }
  
  .product__info .msg {
    color: #888;
    font-size: 16px;
    margin-top: 20px;
  }
  
  .product__tabs{
    width: 100%;
    height: 70px;
    margin: 10px auto;
    position: relative;
    font-family: 'HiraKakuPro-W6',sans-serif;
    font-size: 15px;
  }
  
  .product__tab-buttons span {
    color: #333;
    cursor: pointer;
    border-bottom: 2px solid #ddd;
    display: block;
    width: 16.6%;
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
  }
  
  .product__tab-buttons span:hover {
    color: #666;
    background-color: #f6f6f6;
  }
  
  
  
  #lamp {
    width: 16.6%;
    height: 2px;
    background: #333;
    display: block;
    position: absolute;
    top: 38px;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
  }
  
  #lamp.content {
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
  }
  
  #lamp.content1 {
    left: 0;
  }
  
  #lamp.content2 {
    left: 16.6%;
  }
  
  #lamp.content3 {
    left: 33.2%;
  }
  
  #lamp.content4 {
    left: 49.8%;
  }
  
  #lamp.content5 {
    left: 66.4%;
  }
  
  #lamp.content6 {
    left: 83.0%;
  }
  
  
  
  
  
  
  /* service */
  
  .service__section {
    background-color: #008c55;
    text-align: left;
    color: #fff;
    background-image: url(/img/footer/footer-town.png);
    padding: 40px 0 120px;
    background-size: 660px;
    background-position-y: bottom;
    background-repeat: repeat-x;
  }
  
  .service__wrapper {
    max-width: 1100px;
    width: 90%;
    margin: 0 auto;
  }
  
  .service__wrapper .copy {
    font-family: 'HiraKakuProN-W6',sans-serif;
    font-size: 18px;
    margin-bottom: 0;
    border-bottom: solid 2px;
    width: 130px;
  }
  
  .service__content {
    margin-top: 30px;
    outline: none;
    list-style-type: none;
    font-size: 14px;
  }
  
  /* カートボタン */
  /*.sysCartButton {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #fff;
    border: solid 2px #00af6b;
    border-radius: 3px;
    transition: .4s;
    background-color: #00af6b;
    font-size: 1.5em;
    font-weight: bold;
  }
  .sysCartButton:hover {
    background: #00FF9D;
    border-color: #00FF9D;
    color: #fff;
  }
  */
  /*変更中*/
  .sysCartButton {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #fff;
    border: solid 2px  #00af6b;;
    border-radius: 3px;
    transition: .4s;
    background-color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    background:  #00af6b;;
  }
  .sysCartButton:hover {
    background: #00C479;
    border-color: #00C479;
    color: #fff;
  }
  
  
  sysCartButton input[type=submit] {
    font-size: 1.7rem;
  }
  
  /* 商品詳細 */
  .sysMainImage {
    overflow: hidden;
    width: 100%;
    position: relative;
    border: 1px solid #eeeeee;
    background: #fff;
  }
  
  .sysMainImage:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  
  .sysMainImage a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .sysMainImage img {
    width: 90%;
    /*max-height: 90%;*/
    height: auto;
    vertical-align: middle;
    border-style: none;
  }
  
  .product-detail__summary-info {
    background: #ffffff;
    padding: 10px;
    border: 2px solid #E0E0E0;
    margin-bottom: 20px;
  }
  
  .product-detail__summary-info .strong {
    color: #00a859;
    font-weight: bold;
  }
  
  .price-breakdown__list {
    border-top: 1px solid #ccc;
    font-size: .8em;
    padding: 10px 0;
    margin: 10px 0 10px auto;
    width: 204px;
  }
  
  .price-breakdown__price,
  .price-breakdown__extend-price,
  .price-breakdown__send-price {
    line-height: 2.0em;
    padding-right: 11px;
  }
  
  .price-breakdown__price .name,
  .price-breakdown__extend-price .name,
  .price-breakdown__send-price .name {
    font-weight: bold;
    float: left;
  }
  
  .price-breakdown__price .price
  .price-breakdown__extend-price .price,
  .price-breakdown__send-price .price {
    float: right;
  }
  
  #sysItemDetail .sysNumArea {
    display: none;
  }
  
  /*レンタルカレンダー*/
  span.sysRentalSchedulesValidPrice {display: none;}
  
  .sysRentalSendDay {
    display: none !important;
    visibility: hidden;
  }
  
  /*.sysRentalStartDate {
    text-align: center;
    font-weight: bold;
  }*/
  
  .sysRentalSchedulesCalendars {
    float: left;
    width: 270px;
    margin: initial;
  }
  
  .sysRentalStartDate {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
  }
  
  .sysRentalExtendDays {
    text-align: right;
    font-size: 1em;
    line-height: 5.0em;
  }
  
  .sysRentalExtendDays label {
    width: 200px;
    position: relative;
    display: inline-block;
    float: right;
  }
  
  .sysRentalExtendDays label::after,
  #sysNumber::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #b4b3b3;
    border-right: solid 2px #b4b3b3;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
  }
  
  .sysRentalExtendDays label select,
  #sysNumber select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: 1px solid #b4b3b3;
    border-radius: 2px;
  }
  
  #sysNumber select {
    width: 200px;
  }
  
  select::-ms-expand {
      display: none;
  }
  
  /*.sysRentalScheduleInfo {
     font-size: 1.4em;
     text-align: center;
     width: 80%;
     margin: 30px auto 0;
     min-width: 320px;
     max-width: 370px;
     display: flex;
  }*/
  
  .sysRentalScheduleInfo {
     font-size: 1.4em;
     text-align: center;
     min-width: 250px;
     max-width: 370px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     padding: 22px 0 0 22px;
  }
  
  .sysRentalScheduleNotice {
  /*  clear: both;
    font-size: 0.8em;*/
    display: none;
  }
  
  .sysRentalSendItemName,
  .sysRentalReturnItemName,
  .sysRentalUseItemName {
    display: block;
    min-width: 50%;
    font-size: 1.4rem;
    text-align: left;
    font-weight: bold;
    line-height: 2.2rem;
    float: left;
  }
  
  .sysRentalUseDays {
    /*display: block;*/
    /*float: left;*/
    width: 100%;
  }
  
  .sysRentalReturnDay {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: right;
  }
  .sysRentalReturnDay .sysRentalReturnItemName{
    text-align: right;
    padding-right: 11%;
  }
  
  .sysRentalUseDays .sysRentalDate,
  .sysRentalReturnDay .sysRentalDate{
    font-weight: bold;
    color: #00af6b;
    font-size: 0.78em;
  }
  
  .rentalDaysArrow {
    display: inline-block;
    position: relative;
    top: 28px;
    color: #666;
    width: 20%;
  }
  
  .sysRentalExtendItemName {
    line-height: 4.0em;
  }
  
  /* レビュー */
  .sysReview > span {
    font-size: 2.0em;
    text-align: center;
    font-family: 'arial narrow', sans-serif;
    letter-spacing: .2rem;
  }
  
  #sysMypageReview .sysReview {
    line-height: 2.0em;
  }
  
  .sysReviewHistoryList,
  .sysMyReviewList {
    border-top: 8px solid #121216;
  }
  .sysReviewHistoryList li,
  .sysMyReviewList li {
    border-bottom: 1px solid #121216;
    padding: 3rem 0;
    position: relative;
  }
  
  .sysNickname {
    float: left;
  }
  
  .sysEvaluation span {
    margin-left: 10px;
  }
  
  .sysEvaluation span::before {
    content: '|';
  }
  
  .sysReviewText {
    margin-top: 1.0rem;
    font-weight: bold;
  }
  
  .sysReviewDatetime {
    position: absolute;
    top: 30px;
    right: 12px;
  }
  
  .sysReview form {
    display: none;
  }
  
  .sysReview input[type=submit] {
    display: block;
    margin: 2.0rem auto;
    background: #000;
    color: #fff;
    width: 100%;
  }
  
  /* security */
  .security__section {
    width: 100%;
    /*margin: 100px 0 20px;*/
    text-align: center;
  }
  
  .security__list {
    margin: 0 auto;
  }
  
  .security__list li {
    position: relative;
    margin: 0 auto 70px;
    width: 80%;
  }
  
  .security__title {
    color: #0f613a;
    font-family: 'Tahoma', sans-serif;
    font-weight: bold;
  /*  position: absolute;
    top: -24%;
    right: 33%;*/
    font-size: 27px;
  }
  
  .security__wrapper {
    background-color: #e8f5ef;
    margin: 0 auto;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    top: 0%;
    right: 0;
    z-index: -1;
    left: 0;
    height: 100px;
  }
  
  .security__wrapper .info {
    padding: 45px 0px 5px;
    font-size: 16px;
  }
  
  /* mypage */
  .sysMypageMinorHeadLine {
    font-size: 3.0rem;
    margin-bottom: 20px;
  }
  
  .sysMypageMinorHeadLine::before {
    content: "";
    border-left: solid 10px;
    padding-right: 10px;
  }
  
  .sysOrderHistory div {
    text-align: right;
  }
  
  .sysOrderList li div {
    text-align: left;
    line-height: 2.0em;
  }
  
  .sysMypage .sysItemName {
    font-weight: bold;
  }
  
  #sysMypageEditDelivery input[type=submit] {
    width: 80%;
    height: 50px;
    display: block;
  }
  
  
  /* footer connect */
  .connect__section {
    text-align: center;
    background: #fff8f3;
    padding: 40px 0;
  }
  
  .connect__section .copy {
    font-family: 'arial narrow', sans-serif;
    margin-bottom: 20px;
    line-height: 1.5;
  }
  
  .connect__wrapper .mail a {
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 44px;
    background: rgb(34, 34, 34);
    padding: 10px 20px;
    display: inline-block;
    margin: 10px auto;
  }
  
  .connect__wrapper .content {
    display: flex;
    width: 80%;
    margin: 0 auto;
    max-width: 600px;
  }
  
  .mail__content,
  .tel__content {
    width: 50%;
  }
  
  .tel {
    font-size: 26px;
    font-weight: bold;
    margin-top: 10px;
  }
  
  /* 下層ページ */
  #law div#sysAside,
  #corporate div#sysAside,
  #shopping-guide div#sysAside,
  #sysFormIndex div#sysAside,
  #terms div#sysAside,
  #privacypolicy div#sysAside,
  #questions div#sysAside {
    width: 220px;
  }
  
  #law div#sysMain,
  #corporate div#sysMain,
  #shopping-guide div#sysMain,
  #sysFormIndex div#sysMain,
  #terms div#sysMain,
  #privacypolicy div#sysMain,
  #questions div#sysMain {
    width: 860px;
  }
  
  .fa-angle-right:before {
    content: "";
  }
  
  /* top share */
  .share__wrapper {
    text-align: center;
  }
  
  .share__content {
    line-height: 1;
  }
  
  .share__content ul {
    display: inline-block;
  }
  
  .share__content li {
    margin: 5px;
    float: left;
  }
  
  /* utility */
  
  .u-hidden-opacity {
    opacity: 0;
  }
  
  .u-block {
    display: block;
  }
  
  .u-hidden {
    display: none;
  }
  
  .u-fw-b {
    font-weight: bold;
  }
  
  .u-f-hidden {
    color: #fff;
  }
  
  .u-u-bar-red {
    border-bottom: solid 2px #ff0000;
  }
  
  .u-fade-slide-in {
    animation-name: anime-fade-slide-in;
    animation-duration:.5s;
    animation-timing-function: ease-out;
    animation-delay:.1s;
    animation-iteration-count:1;
    animation-direction:normal;
    animation-fill-mode: forwards;
  }
  
  .u-fade-slide-out {
    animation-name: anime-fade-slide-out;
    animation-duration:.5s;
    animation-timing-function: ease-out;
    animation-delay:.2s;
    animation-iteration-count:1;
    animation-direction:normal;
    animation-fill-mode: forwards;
  }
  
  
  @keyframes anime-fade-slide-in {
    0% {opacity: 0; transform: translate3d(30px,0,0);}
    100% {opacity: 1; transform: translate3d(0,0,0);}
  }
  
  @keyframes anime-fade-slide-out {
    0% {opacity: 1; transform: translate3d(0,0,0);}
    100% {opacity: 0; transform: translate3d(-30px,0,0);}
  }
  
  .arrow {
    border-bottom: 2px solid #888;
    border-left: 2px solid #888;
    height: 30px;
    width: 30px;
    cursor: pointer;
  }
  
  input[type="radio"] {
    display: none;
  }
  
  input[type="radio"] + .radio-icon:before {
    content: "\f3a6";
    font-family: "Ionicons", sans-serif;
    color: #ccc;
    margin-right: 5px;
  }
  
  input[type="radio"]:checked + .radio-icon:before {
    content: "\f3a7";
    color: #17bcdf;
  }
  
  
  #sysMemberRegisterIndex input[type="checkbox"] {
    display: none;
  }
  
  #sysMemberRegisterIndex input[type="checkbox"] + .checkbox-icon{
    position: relative;
    vertical-align: middle;
  }
  
  #sysMemberRegisterIndex input[type="checkbox"] + .checkbox-icon:before {
    content: "\f372";
    font-family: "Ionicons", sans-serif;
    color: #ccc;
    font-size: 22px;
    margin-right: 5px;
  }
  
  #sysMemberRegisterIndex input[type="checkbox"]:checked + .checkbox-icon:before {
    content: "\f374";
    color: #17bcdf;
  }
  
  
  /* swipe slider(カールセル) */
  .swiper-button-prev, .swiper-button-next{
    top: 0%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    margin-top: 0px;
  }
  .swiper-button-prev{
    background-image: url(http://smaren-t.aispr.jp/img/common/swipe_prev_button.png);
    left: 0px;
  }
  .swiper-button-next{
    background-image: url(http://smaren-t.aispr.jp/img/common/swipe_next_button.png);
    right: 0px;
  }
  .c-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 0 8px;
  }
  
  .c-container img {
    width: 100%;
  }
  
  .character-swiper .swiper-container {
    overflow: initial;
  }
  
  @media (min-width: 1100px) {
    .recommend-swiper .swiper-slide,
    .top_item_list__wrapper .top_item_list-item {
      width: 16.6%;
      padding: 10px;
    }
  /*  .character-swiper .swiper-wrapper {
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .character-swiper .swiper-slide {
      width: 33.3%;
      margin: 10px;
    }
  */
  }
  
  
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sysDisplayPcNone {
      display: none;
    }
  }
  
  
  /* sysMypageLogout */
  #sysMypageLogout .sysMypageMinorHeadLine {
    display: none;
  }
  
  #sysMemberRegisterRegister p,
  #sysMypageLogout p {
    text-align: center;
    margin: 30px;
  }
  
  #sysMemberRegisterRegister #sysMain,
  #sysMypageLogout #sysMain {
    text-align: center;
  }


/*---------------------------------------------------------------------------------
LP Start
--------------------------------------------------------------------------------- */

  /*ASP依存関連修正*/

  #test_lp #sysWrap, #lp001 #sysWrap, #lp001_a #sysWrap, #lp001_b #sysWrap, #lp001_c #sysWrap, #lp002 #sysWrap, #lp003 #sysWrap, #lp004 #sysWrap, #lp005 #sysWrap, #lp006 #sysWrap, #lp100_christmas #sysWrap {
    margin-top: 0;
    max-width: initial;
  }

  #test_lp #sysMain, #lp001 #sysMain, #lp001_a #sysMain, #lp001_b #sysMain, #lp001_c #sysMain, #lp002 #sysMain, #lp003 #sysMain, #lp004 #sysMain, #lp005 #sysMain, #lp006 #sysMain, #lp100_christmas #sysMain {
    padding: 0;
  }

  #test_lp #sysFooter, #lp001 #sysFooter, #lp001_a #sysFooter, #lp001_b #sysFooter, #lp001_c #sysFooter, #lp002 #sysFooter, #lp003 #sysFooter, #lp004 #sysFooter, #lp005 #sysFooter, #lp006 #sysFooter, #lp100_christmas #sysFooter {
    display: none;
  }

/*---------------------------------------------------------------------------------
初期設定
--------------------------------------------------------------------------------- */
/*safariで文字が大きく表示されるのを防ぐ*/
#lp__html {
  -webkit-text-size-adjust: 100%;
 }
 #lp__body {
   font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";
   font-weight: 500;
   font-size: 18px;
   color: #000000;
   line-height: 1.8;
   margin: 0px;
   padding: 0px;
   overflow-x:hidden;
 }
 .lp__h1,.lp__h2,.lp__h3,.lp__h4,.lp__h5,.lp__h6 {
   line-height: 1.4;
 }
 
 .lp__h1,.lp__h2,.lp__h3,.lp__h4,.lp__h5,.lp__h6,
 .lp__ul,.lp_p,.lp__li {
   margin: 0px;
   padding: 0px;
   border: 0;
   font-size: 110%;
   vertical-align: baseline;
   font-weight: normal;
 }
 
 .lp__ul,.lp__li {
   list-style: none;
 }
 
 /* HTML5 display-role reset for older browsers */
 .lp__footer, .lp__header, .lp__nav {
   display: block;
   margin: 0px;
   padding: 0px;
 }
 .lp__img {
   vertical-align: top;
   font-size:0;
   line-height: 0;
 }
 .lp__img:not([width]) {
   width:100%;
   height:auto;
 }
 
 .lp__logo {
   width: 300px !important;
 }
 
 .lp__a .lp__img {
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
 }
 
 .lp__a:link,
 .lp__a:visited,
 .lp__a:hover,
 .lp__a:active {
   color: #000;
   text-decoration: none;
 }
 .lp__a {
     margin:0;
     padding:0;
     font-size:100%;
     vertical-align:baseline;
     background:transparent;
 }
 .lp__ul {
   list-style-type: none;
 }
 
 .lp__clearfix:after {
   content: ""; 
   display: block;
   clear: both;
   height: 0;
 }
 .lp__box {
   width:1100px;
   margin:0 auto;
   padding:0 0;
   box-sizing: border-box;
 }
 .lp__pc-only {
   display: block !important;
 }
 .lp__sp-only {
   display: none !important;
 }
 @media screen and (max-width: 768px) {
 #lp__body {
   font-size: 16px;
 }
 .lp__box {
   width:100%;
   margin:0 auto;
   padding:0 14px;
   box-sizing: border-box;
 }
 .lp__box_100 {
   text-align: center;
 }
 .lp__pc-only {
   display: none !important;
 }
 .lp__sp-only {
   display: block !important;
 }
 }
 
 /*==========================/main/==================================================*/
 /*==============================================================================
 共通
 ===============================================================================*/
 .lp__min {
   font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";
   font-weight: bold;
 }
 .lp__midashi {
   font-size: 36px;
   font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";
   font-style: normal;
   font-weight: bold;
   position: relative;
   text-align: center;
   margin: 0 0 30px 0;
   color: #00a960;
 }
 .lp__midashi:after{
   position: absolute;
   display: block;
   content: "";
   width: 26px;
   height: 2px;
   background: #00a960;
   left:0;
   right:0;
   bottom: -4px;
   margin: auto;
 }
 #lp__main .lp__sec01 .lp__midashi,#lp__main .lp__sec07 .lp__midashi {
   color: #fff;
 }
 #lp__main .lp__sec01 .lp__midashi:after,#lp__main .lp__sec07 .lp__midashi:after{
   background: #fff;
 }
 /*==============================================================================
 header
 ===============================================================================*/
 #lp__main .lp__header {
   /* height: 80px; */
   padding: 10px;
   text-align: center;
 }
 #lp__main .lp__header .lp__h1{
   width: 140px;
   height: 40px;
   float: left;
   box-sizing: border-box;
   padding: 20px 0 0 0;
 }
 #lp__main .lp__header .lp__ul {
   float: right;
   padding:12px 0 ;
 }
 #lp__main .lp__header .lp__ul li{
   display: inline-block;
   margin-left:50px;
   font-size: 14px;
   line-height: 1;
   vertical-align: middle;
 }
 #lp__main .lp__header .lp__ul .lp__btn_01 {
   width: 270px;
 height: 55px;
   background: #5dceaa;
   text-align:center;
   cursor:pointer;
   position:relative;
   box-sizing:border-box;
   overflow:hidden;
   margin:0 0 0 50px;
 }
 #lp__main .lp__header .lp__ul .lp__btn_01 a {
   width: 270px;
   line-height: 55px;
   color: #FFFFFF;
   display: block;
   text-align: center;
   font-weight: bold;
   position: relative;
   transition:all .5s ease;
    z-index:2;
   box-sizing: border-box;
   padding-right: 5px;
   font-size: 16px;
 }
 #lp__main .lp__header .lp__ul .lp__btn_01 a::before{
   position: absolute;
   display: block;
   content: "";
     right: 15px;
   top:50%;
   margin-top:-5px;
     width: 5px;
     height: 5px;
     border-top: 2px solid #fff;
     border-right: 2px solid #fff;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 .lp__eff{
   width:270px;
   height:55px;
   left:-270px;
   background:#00a960;
   position:absolute;
   transition:all .5s ease;
   z-index:1;
 }
 #lp__main .lp__header .lp__ul .lp__btn_01:hover .lp__eff{
   left:0;
 }
 #lp__main .lp__header .lp__ul .lp__btn_01:hover a{
   color:#fff;
 }
 /*==============================================================================
 フロート
 ===============================================================================*/
 #lp__float {
   height: 80px;
   position: fixed;
   bottom:0;
   z-index: 9999;
   background:rgba(255,255,255,0.90);
   width: 100%;
 }
 #lp__float .lp__h1{
   width: 140px;
   height: 53px;
   float: left;
   padding:20px 0 0 0;
   box-sizing: border-box;
 }
 #lp__float .lp__ul {
   float: right;
   padding:12px 0 ;
 }
 #lp__float .lp__ul li{
   display: inline-block;
   margin-left:50px;
   font-size: 14px;
   line-height: 1;
   vertical-align: middle;
 }
 #lp__float .lp__ul .lp__btn_01 {
   width: 270px;
 height: 55px;
   background: #5dceaa;
   text-align:center;
   cursor:pointer;
   position:relative;
   box-sizing:border-box;
   overflow:hidden;
   margin:0 0 0 50px;
 }
 #lp__float .lp__ul .lp__btn_01 a {
   width: 270px;
   line-height: 55px;
   color: #FFFFFF;
   display: block;
   text-align: center;
   font-weight: bold;
   position: relative;
   transition:all .5s ease;
    z-index:2;
   box-sizing: border-box;
   padding-right: 5px;
   font-size: 16px;
   
 }
 /* #lp__float .lp__ul .lp__btn_01 a::before{
   position: absolute;
   display: block;
   content: "";
     right: 15px;
   top:50%;
   margin-top:-5px;
     width: 5px;
     height: 5px;
     border-top: 2px solid #fff;
     border-right: 2px solid #fff;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 } */
 
 #lp__float .lp__ul .lp__btn_01:hover .lp__eff{
   left:0;
 }
 #lp__float .lp__ul .lp__btn_01:hover a{
   color:#fff;
 }
 
 /*--------------------------------------------------
 header  SP
 --------------------------------------------------*/
 @media screen and (max-width: 768px) {
   header {
     width: 100%;
     height: 50px;
     margin: auto;
     position: fixed;
     top: 0;
     z-index: 100;
   }
 /*---------- logo ----------*/
   .lp__logo {
     width: 220px !important;
   }
   .lp__logo .lp__h1 a {
     display: block;
     background: url(/img/lp/logo.svg) 0 center no-repeat;
     background-size: 100% auto;
     width: 100px;
     height: 43px;
     overflow: hidden;
     text-indent: 100%;
     white-space: nowrap;
     position:absolute;
     top:10px;
     left:14px;
   }
   /*----------hb-menu----------*/
   #lp__hb-menu {
     width: 28px;
     height: 50px;
     display: table;
     cursor: pointer;
     z-index: 900;
     position: fixed;
     top: 0;
     right: 14px;
   }
   #lp__hb-menu .lp__hb-inner {
     display: table-cell;
     vertical-align: middle;
   }
   #lp__hb-menu span {
     display: block;
     margin: auto;
     height: 3px;
     width: 100%;
     background: #00a960;
     border-radius: 2px;
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
   }
   #lp__hb-menu span:nth-of-type(2),
   #lp__hb-menu span:nth-of-type(3) {
     margin-top: 5px;
   }
   /* ナビゲーションアイコン：アクティブ */
   .lp__hb-open #lp__hb-menu span {
     background: #00a960;
   }
   .lp__hb-open span:nth-of-type(1) {
     -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
     -ms-transform: translateY(8px) translateX(0) rotate(45deg);
     transform: translateY(8px) translateX(0) rotate(45deg);
   }
   .lp__hb-open span:nth-of-type(2) {
     margin-top: 5px;
     opacity: 0;
     -webkit-transform: translateY(9px);
     -ms-transform: translateY(9px);
     transform: translateY(9px);
   }
   .lp__hb-open span:nth-of-type(3) {
     -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
     -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
     transform: translateY(-8px) translateX(0) rotate(-45deg);
   }
   .lp__overlay {
     background: transparent;
     position: fixed;
     pointer-events: none;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     z-index: 10;
     transition: 0.2s;
   }
   .lp__hb-open .lp__overlay {
     background: rgba(0,0,0,0.6);
     pointer-events: auto;
   }
 
   /*---------- sp-g-nav ----------*/
   .lp__sp-g-nav {
     font-size: 15px;
     position: fixed;
     top: 0;
     right: 0;
     z-index: 888;
   }
   .lp__hb-open .lp__sp-g-nav .lp__g-nav-inner {
     transform: translateX(0);
     -ms-transform: translateX(0);
     -webkit-transform: translateX(0);
     transform: translateZ(0);
     -ms-transform: translateZ(0);
     -webkit-transform: translateZ(0);
   }
   .lp__sp-g-nav .lp__g-nav-inner {
     padding: 50px 0;
     width: 70%;
     height: 100%;
     box-sizing: border-box;
     -ms-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     position: fixed;
     top: 0;
     right: 0;
     z-index: 888;
     overflow-x: hidden;
     overflow-y: auto;
     transition: .5s;
     transform: translateX(100%);
     -ms-transform: translateX(100%);
     -webkit-transform: translateX(100%);
     transform: translateZ(0%);
     -ms-transform: translateZ(0%);
     -webkit-transform: translateZ(0%);
     z-index: 10;
     background: #fff;
   }
   .lp__sp-g-nav .lp__g-nav-inner li {
     padding: 15px 30px;
   }
   .lp__sp-g-nav .lp__g-nav-inner li a {
     display: block;
     color: #111;
     font-weight: bold;
   }
   .lp__sp-g-nav .lp__btn_01 a {
   width: 100%;
   line-height: 45px;
   background: #5dceaa;
   color: #FFFFFF !important;
   font-size: 14px;
   display: block;
   text-align: center;
   font-weight: bold;
   position: relative;
   box-sizing: border-box;
   padding-right: 6px;
 }
     .lp__sp-g-nav .lp__btn_01 a::before{
   position: absolute;
   display: block;
   content: "";
     right: 10px;
   top:50%;
   margin-top:-5px;
     width: 5px;
     height: 5px;
     border-top: 2px solid #fff;
     border-right: 2px solid #fff;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 }
 /*==============================================================================
 mv
 ===============================================================================*/
 #lp__main .lp__mv_wrap {
   background:url(/img/lp/camera.jpg) center;
   min-width:1100px;
   background-size:cover;
   height:650px;
   position:relative;
   padding:0;
   box-sizing:border-box;
   overflow: hidden;
 }
 #lp__main .lp__mv {
   box-sizing: border-box;
   padding:40px 0 0 80px;
   color: #FFFFFF;
   font-size: 17px;
 }
 #lp__main .lp__mv .lp__h2{
   width: 412px;
   margin-bottom: 30px;
 }
 
 /*==============================================================================
 sec01
 ===============================================================================*/
 #lp__main .lp__sec01 {
   background: #19a361;
   position: relative;
   padding: 0;
 }
 #lp__main .lp__sec01:after {
   content: "";
   position: absolute;
   bottom: -70px; left: 50%;
   margin-left: -150px;
   display: block;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 70px 150px 0 150px;
   border-color: #19a361 transparent transparent transparent;
 }
 #lp__main .lp__sec01 .wrap_01{
   /* background: rgba(255,255,255,0.90); */
   text-align: center;
   box-sizing: border-box;
   padding:70px 30px;
   width: 95%;
   margin: auto
 }
 #lp__main .lp__sec01 .wrap_01 .lp__h3 {
   font-size: 32px;
   color: #fff;
   font-weight: bold;
   
 }
 #lp__main .lp__sec01 .wrap_01 .lp__p {
   font-size: 20px;
   color: #000;
   font-weight: 500;
   
 }
 #lp__main .lp__sec01 .wrap_01 .lp__h4 {
   font-size: 24px;
   margin:40px 0 30px;
   font-weight: bold;
 }
 #lp__main .lp__sec01 .wrap_02{
   color: #FFFFFF;
   text-align: center;
 }
 #lp__main .lp__sec01 .wrap_02 .lp__h3 {
   font-size: 32px;
   margin-bottom: 40px;
 }
 #lp__main .lp__sec01 .wrap_02 img {
   display: block;
   margin: 40px 0;
 }
 #lp__main .lp__sec01 .wrap_02 .lp__txt_01 {
   font-size: 24px;
 }
 #lp__main .lp__sec01 .wrap_02 .lp__txt_01 span {
   font-size: 36px;
 }
 
 /*==============================================================================
 sec02
 ===============================================================================*/
 #lp__main .lp__sec02 {
   background:#e8f5ef;
   text-align: center;
   padding:120px 0 80px;
 }
 #lp__main .lp__sec02 .lp__h3 {
   font-size: 32px;
 }
 #lp__main .lp__sec02 .lp__txt_01{
   margin:30px 0 40px;
   font-size: 22px
 }
 #lp__main .lp__sec02 .lp__ul{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 #lp__main .lp__sec02 li{
   width: 265px;
   height: 240px;
   display: flex;
   align-items: center;
   justify-content:center;
   color: #FFFFFF;
   margin-bottom: 14px;
   font-weight: bold;
   overflow: hidden;
   position: relative;
 }
 
 #lp__main .lp__sec02 li:after {
     position: absolute;
     content: "";
     display: block;
     width: 100%;
     height: 100%;
     top: 0;
   left: 0;
   -webkit-transition: all .6s ease-out;
     -moz-transition: all .6s ease-out;
     -ms-transition: all .6s ease-out;
     transition: all .6s ease-out;
 }
 #lp__main .lp__sec02 .lp__li01:after {
   background:url(/img/lp/sec02_img01.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li01_100:after {
   background:url(/img/lp/sec02_img01_100.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li02:after {
   background:url(/img/lp/sec02_img02.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li02_003:after {
   background:url(/img/lp/sec02_img02_003.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li02_004:after {
   background:url(/img/lp/sec02_img02_004.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li02_006:after {
   background:url(/img/lp/sec02_img02_006.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li02_100:after {
   background:url(/img/lp/sec02_img02_100.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li03:after {
   background:url(/img/lp/sec02_img03.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li03_002:after {
   background:url(/img/lp/sec02_img03_002.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li03_004:after {
   background:url(/img/lp/sec02_img03_004.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li03_005:after {
   background:url(/img/lp/sec02_img03_005.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li03_100:after {
   background:url(/img/lp/sec02_img03_100.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li04:after {
   background:url(/img/lp/sec02_img04.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li04_100:after {
   background:url(/img/lp/sec02_img04_100.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .li05:after {
   background:url(/img/lp/sec02_img05.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .li06:after {
   background:url(/img/lp/sec02_img06.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .li07:after {
   background:url(/img/lp/sec02_img07.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .li08:after {
   background:url(/img/lp/sec02_img08.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 li:hover:after {
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
 }
 #lp__main .lp__sec02 li .lp__inner {
   z-index: 1;
   position: relative;
   font-weight: bold;
   font-size: 18px;
 }
 
 /*==============================================================================
 sec03
 ===============================================================================*/
 #lp__main .sec03 {
   padding: 100px 0;
 }
 #lp__main .sec03 .lp__h3 {
   font-size: 32px;
   margin-bottom: 40px;
   text-align: center;
 }
 #lp__main .sec03 .lp__txt_01 {
   text-align: center;
   margin-bottom: 80px;
 }
 
 #lp__main .sec03 .wrap_01 .left,#lp__main .sec03 .wrap_01 .right {
   width: 450px;
 }
 #lp__main .sec03 .wrapper .lp__h4 {
   font-size: 22px;
   font-weight: bold;
   color: #00a960;
   border-bottom: 1px solid #00a960;
   margin:0 0 18px;
   padding-bottom: 10px; 
 }
 
 #lp__main .sec03 .wrap_01 .arrow{
   position: absolute;
   width: 123px;
   height: 154px;
   top:64px;
   left:570px;
 }
 #lp__main .sec03 .wrap_01 .lp__h4 {
   margin-top: 20px;
 }
 
 #lp__main .sec03 .wrap_02 .lp__ul{
   display: flex;
   justify-content: space-between;
   margin: 40px 0 50px;
 }
 #lp__main .sec03 .wrap_02 li{
   width: 25%;
   text-align: center;
   font-weight: bold;
 }
 #lp__main .sec03 .wrap_02 .lp__under ,#lp__main .sec03 .wrap_03 .lp__under{
   border: 1px solid #c9c9c9;
   padding:30px 40px;
   position: relative;
 }
 #lp__main .sec03 .wrap_02 .lp__under .lp__h4,#lp__main .sec03 .wrap_03 .lp__under .lp__h4{
   font-size: 20px;
   color: #000000;
   border: none;
   margin:0;
 }
 #lp__main .sec03 .wrap_02 .lp__under:after {
   content: "";
   display: block;
   position: absolute;
   right:0;
   bottom:0;
   background:url(/img/lp/sec03_img08.png) center;
   width: 215px;
   height: 195px;
   background-size: cover;
 }
 #lp__main .sec03 .wrap_03 .lp__under:after {
   content: "";
   display: block;
   position: absolute;
   right:0;
   bottom:0;
   background:url(/img/lp/sec03_img10.png) center;
   width: 215px;
   height: 195px;
   background-size: cover;
 }
 
 #lp__main .sec03 .wrap_03 .lp__inner_01 {
   display: flex;
   justify-content: space-between;
   margin: 40px 0 60px;
 }
 #lp__main .sec03 .wrap_03 .lp__inner_01 .lp__ul {
   text-align: center;
   width: 410px;
   display: flex;
   align-content: space-between;
   flex-wrap: wrap;
 }
 #lp__main .sec03 .wrap_03 .lp__inner_01 .lp__ul li {
   width: 410px;
   font-size: 20px;
   font-weight: bold;
   color: #FFFFFF;
   background: #00a960;
   line-height: 62px;
   border-radius: 6px;
 }
 #lp__main .sec03 .wrap_03 .lp__inner_01 .lp__ul li:nth-child(even) {
   background: #00a960;
 }
 #lp__main .sec03 .wrap_03 .lp__inner_01 img {
   display: block;
   width: 510px;
   height: 340px;
 }
 #lp__main .sec03 .wrap_01{
   margin-bottom: 0;
   padding: 0 0 100px 140px;
   position: relative;
 }
 #lp__main .sec03 .wrap_02{
   margin-bottom: 0;
   padding: 0 0 100px 140px;
   position: relative;
 }
 #lp__main .sec03 .wrap_03{
   margin-bottom: 0;
   padding: 0 0 0 140px;
   position: relative;
 }
 
 #lp__main .sec03 .wrap_01:before {
   display: block;
   content: "";
   position: absolute;
   background: #00a960;
   width: 70px;
   height: 100%;
   top:0;
   left:-20px;
   z-index: 2;
 }
 
 #lp__main .sec03 .wrap_01 .t01 {
   position: absolute;
   width:20px;
   height: 200px;
   left:6px;
   top:50%;
   margin-top:-100px;
   z-index: 10;
 }
 #lp__main .sec03 .wrap_02:before {
   display: block;
   content: "";
   position: absolute;
   background: #00a960;
   width: 70px;
   height: 100%;
   top:0;
   left:-20px;
   z-index: 1;
 }
 #lp__main .sec03 .wrap_02 .t02 {
   position: absolute;
   width:45px;
   height: 155px;
   left:-8px;
   top:50%;
   margin-top:-75px;
   z-index: 10;
 }
 #lp__main .sec03 .wrap_03:before {
   display: block;
   content: "";
   position: absolute;
   background: #00a960;
   width: 70px;
   height: 100%;
   top:0;
   left:-20px;
   z-index: 0;
 }
   #lp__main .sec03 .wrap_03 .t03 {
   position: absolute;
   width:45px;
   height: 155px;
   left:-8px;
   top:50%;
   margin-top:-75px;
   z-index: 10;
 }
 #lp__main .sec03 .sankaku_01 {
   position: absolute;
   width: 70px;
   height: 35px;
   bottom:-35px;
   left:-20px;
   z-index: 10;
 }
 #lp__main .sec03 .sankaku_02 {
   position: absolute;
   width: 70px;
   height: 35px;
   bottom:-35px;
   left:-20px;
   z-index: 10;
 }
 #lp__main .sec03 .sankaku_03 {
   position: absolute;
   width: 70px;
   height: 94px;
   bottom:-50px;
   left:-20px;
   z-index: 10;
 }
 /*==============================================================================
 sec04
 ===============================================================================*/
 #lp__main .lp__sec04 {
   background:url(/img/lp/camera01.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__sec04_002 {
   background:url(/img/lp/bg002.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__sec04_003 {
   background:url(/img/lp/bg003.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__sec04_004 {
   background:url(/img/lp/bg004_1.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__sec04_005 {
   background:url(/img/lp/bg005.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__sec04_006 {
   background:url(/img/lp/bg006.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__review {
   background:url(/img/lp/camera.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__review_002 {
   background:url(/img/lp/bg002_1.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__review_003 {
   background:url(/img/lp/bg003_1.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__review_004 {
   background:url(/img/lp/bg004.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__review_005 {
   background:url(/img/lp/bg005.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__review_006 {
   background:url(/img/lp/bg006_1.jpg) center;
   background-size: cover;
   padding:100px 0 80px;
 }
 #lp__main .lp__sec04 .lp__txt_01 {
   font-weight: bold;
   font-size: 36px;
   text-align: center;
   margin-bottom:40px;
 }
 #lp__main .lp__sec04 .lp__ul {
   display: flex;
   justify-content:space-between;
 }
 #lp__main .lp__sec04 .lp__ul li {
   width:24%;
   background: rgba(255,255,255,0.90);
   padding: 40px 30px;
   box-sizing: border-box;
   font-size: 16px;
 }
 #lp__main .lp__sec04 .lp__ul li img {
   width: 105px;
   height: 105px;
   display: block;
   margin: 0 auto;
 }
 #lp__main .lp__sec04 .lp__ul li .lp__name {
   font-size: 18px;
   font-weight: bold;
   text-align: center;
   margin: 10px 0;
 }
 /*==============================================================================
 sec05
 ===============================================================================*/
 #lp__main .lp__sec05 {
   padding:80px 0 80px;
 }
 #lp__main .lp__sec05 .lp__h3 {
   font-size: 32px;
   margin-bottom: 40px;
   text-align: center;
 }
 #lp__main .lp__sec05 .lp__txt_01 {
   text-align: center;
   margin-bottom: 60px;
 }
 #lp__main .lp__sec05 .wrap {
   padding:70px 60px ;
   box-sizing: border-box;
 }
 #lp__main .lp__sec05 .wrap .lp__h4 {
   font-size: 40px;
   text-align: center;
   font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";
   font-style: normal;
   font-weight: 10;
   letter-spacing: 4px;
   color: #00a960;
   margin-bottom: 30px;
   line-height: 1;
 }
 #lp__main .lp__sec05 .wrap span {
   font-size: 26px;
 }
 #lp__main .lp__sec05 .wrap .txt_04 {
   text-align: center;
 }
 #lp__main .lp__sec05 .wrap .lp__ul01{
   display: flex;
   justify-content:space-between;
   position: relative;
   margin:40px 0 96px;
 }
 #lp__main .lp__sec05 .wrap .lp__ul01:before{
   display: block;
   content: "";
   position: absolute;
   background:url(/img/lp/sec05_tasu.png) center;
   background-size: cover;
   width:65px;
   height: 65px;
   top:40px;
   left:0;
   right:0;
   margin: auto;
 }
 #lp__main .lp__sec05 .wrap .lp__ul01:after{
   display: block;
   content: "";
   position: absolute;
   background:url(/img/lp/sec05_arrow.png) center;
   background-size: cover;
   width:85px;
   height: 42px;
   bottom:-60px;
   left:0;
   right:0;
   margin: auto;
 }
 #lp__main .lp__sec05 .wrap .lp__ul01 li{
   width: 424px;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02{
   display: flex;
   justify-content:space-between;
   position: relative;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02:before{
   display: block;
   content: "";
   position: absolute;
   background:url(/img/lp/sec05_tasu.png) center;
   background-size: cover;
   width:65px;
   height: 65px;
   top:34px;
   left:272px;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02:after{
   display: block;
   content: "";
   position: absolute;
   background:url(/img/lp/sec05_icole.png) center;
   background-size: cover;
   width:45px;
   height: 20px;
   top:54px;
   right:280px;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02 li{
   width: 240px;
   background: rgba(255,255,255,0.90);
   text-align: center;
   padding:20px 0;
 }
 
 #lp__main .lp__sec05 .wrap .lp__ul02 .txt_02 {
   font-size: 22px;
   font-weight: bold;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02 .txt_03 {
   font-size: 24px;
   font-weight: bold;
   line-height: 1;
   color: #c06ba4;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02 .txt_03 span {
   font-size: 54px;
 }
 #lp__main .lp__sec05 .wrap_01 {
   background:url(/img/lp/sec05_bg01.jpg) center;
   background-size: cover;
 }
 #lp__main .lp__sec05 .wrap_02 {
   background:url(/img/lp/sec05_bg02.jpg) center;
   background-size: cover;
 }
 #lp__main .lp__sec05 .lp__under .lp__h4 {
   background: #00a960;
   border-radius: 24px;
   display: table;
   width:430px;
   line-height: 46px;
   text-align: center;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 22px;
   margin: 80px auto 30px;
   position: relative;
 }
 #lp__main .lp__sec05 .lp__under .lp__h4:after {
   display: block;
   content: "";
   position: absolute;
   bottom: -20px; left: 50%;
   margin-left: -10px;
   display: block;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 20px 10px 0 10px;
   border-color: #00a960 transparent transparent transparent;
 }
 #lp__main .lp__sec05 .lp__under .lp__txt_05 {
   text-align: center;
 }
 #lp__main .lp__sec05 .lp__under .lp__txt_06 {
   text-align: center;
   font-size: 28px;
   font-weight: bold;
   color: #00a960;
 }
 #lp__main .lp__sec05 .lp__under .lp__txt_06 .txt_08 {
   font-size: 46px;
   letter-spacing: 4px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul02{
   display: flex;
   justify-content:space-between;
   position: relative;
   margin:20px 0 45px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul02 li {
   width: 48%;
   background: #e8f5ef;
   text-align: center;
   padding: 24px 0px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul02 li .lp__h5 {
   color: #00a960;
   font-weight: bold;
   font-size: 18px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul02 li .lp__h5 span{
   font-weight: normal;
   font-size: 14px;
 }
 
 #lp__main .lp__sec05 .lp__under .txt_07 {
   font-size: 12px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul01  {
   margin: 20px 0 40px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul01 .lp__li01 {
   margin: 20px 0;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul01 .mb10 {
   margin-bottom: 10px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul03 {
   margin-bottom: 45px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul03 .lp__li02{
   background: #00a960;
   color: #FFFFFF;
   display: inline-block;
   font-weight: bold;
   padding:0 10px;
   margin: 5px 0 10px;
 }
 
 /*==============================================================================
 sec06
 ===============================================================================*/
 #lp__main .sec06 {
   padding:80px 0 80px;
   background:url(/img/lp/sec06_bg.jpg) center;
   background-size: cover;
 }
 #lp__main .sec06 .lp__h3 {
   font-size: 32px;
   margin-bottom: 40px;
   text-align: center;
 }
 #lp__main .sec06 .lp__txt_01 {
   margin-bottom: 40px;
   text-align: center;
 }
 #lp__main .sec06 .map {
   background:url(/img/lp/sec06_map.png) center;
   background-size: cover;
   width:1080px; 
   height: 560px;
   position: relative;
   box-sizing: border-box;
 }
 #lp__main .sec06 .map a{
   font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";
   color:#00a960;
   font-size: 20px;
   text-decoration:none;
 }
 
 /*=============ホバーで拡大==============*/
 #lp__main .sec06 .map li{
     display: block;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     -ms-transition: 0.5s;
     transition: 0.5s;
   height: 61px;
 }
  #lp__main .sec06 .map .lp__ul01 li{
    transform-origin: left;
    margin-top:2px;
 }
  #lp__main .sec06 .map .lp__ul02 li{
    transform-origin: right;
    margin-bottom:2px;
 }
  
 #lp__main .sec06 .map li:hover {
     -webkit-transform: scale(1.1,1.1);
     -moz-transform: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
     -ms-transform: scale(1.1,1.1);
     transform: scale(1.1,1.1);
 }
 #lp__main .sec06 .map .lp__ul01{
   line-height: 61px;
   position: absolute;
   bottom:2px;
   right: 0px;
   padding: 0;
   margin: 0;
   box-sizing: border-box;
 }
 #lp__main .sec06 .map .lp__ul01 .lp__li02 {
   padding-left:24px;
 }
 #lp__main .sec06 .map .lp__ul01 .lp__li03 {
   padding-left:48px;
 }
 #lp__main .sec06 .map .lp__ul01 .lp__li04 {
   padding-left:72px;
 }
 #lp__main .sec06 .map .lp__ul01 .li05 {
   padding-left:96px;
 }
 #lp__main .sec06 .map .lp__ul01 .li06 {
   padding-left:120px;
 }
 #lp__main .sec06 .map .lp__ul01 .li07 {
   padding-left:144px;
 }
 #lp__main .sec06 .map .lp__ul01 .li08 {
   padding-left:168px;
 }
 #lp__main .sec06 .map .lp__ul02{
   line-height: 61px;
   position: absolute;
   top:8px;
   left: 10px;
   text-align: right;
 }
 #lp__main .sec06 .map .lp__ul02 .li06 {
   padding-right:24px;
 }
 #lp__main .sec06 .map .lp__ul02 .li05 {
   padding-right:48px;
 }
 #lp__main .sec06 .map .lp__ul02 .lp__li04 {
   padding-right:72px;
 }
 #lp__main .sec06 .map .lp__ul02 .lp__li03 {
   padding-right:96px;
 }
 #lp__main .sec06 .map .lp__ul02 .lp__li02 {
   padding-right:120px;
 }
 #lp__main .sec06 .map .lp__ul02 .lp__li01 {
   padding-right:144px;
 }
 /*=============モーダル==============*/
 .sec06 .content{
     margin: 0 auto;
     padding: 40px;
 }
 .sec06 .modal{
     display: none;
     height: 100%;
     position: fixed;
     top: 0;
     left:0;
     width: 100%;
   z-index: 100;
 }
 .sec06 .modal__bg{
     background: rgba(0,0,0,0.6);
     height: 100%;
     position: absolute;
     width: 100%;
 }
 .sec06 .modal__content{
     background: #fff;
     left: 50%;
     padding: 50px;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 820px;
 }
 .sec06 .modal__content img{
   display: block;
   margin-bottom: 20px;
 }
 .sec06 .modal__content .left {
   width: 46%;
 }
 .sec06 .modal__content .right {
   width: 46%;
 }
 .sec06 .modal__content .right .mtxt_01 {
   color: #9f3282;
   font-size: 24px;
   font-weight: bold;
 }
 .sec06 .modal__content .right .mtxt_02 {
   font-size: 16px;
   font-weight: bold;
 }
 .sec06 .modal__content .right .lp__ul {
   margin:10px 0 20px;
 }
 .sec06 .modal__content .right li {
   font-size: 14px;
 }
 .sec06 .gmap {
 height: 0;
 overflow: hidden;
 padding-bottom: 56.25%;
 position: relative;
 }
 .sec06 .gmap iframe {
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 width: 100%;
 }
 .sec06 .modal__content .lp__inner  {
   position: relative;
 }
 .sec06 .modal__content .lp__inner .batsu {
   position: absolute;
   right:-30px;
   top:-30px;
   width: 20px;
   height: 20px;
 }
 /*==============================================================================
 sec07
 ===============================================================================*/
 #lp__main .lp__sec07 {
   background: #fff;
   position: relative;
   padding: 0;
   color: #000;
 }
 #lp__main .lp__sec07 .lp__h3 {
   font-size: 32px;
   margin-bottom: 40px;
   text-align: center;
 }
 #lp__main .lp__sec07 .lp__txt_01 {
   margin-bottom: 40px;
   text-align: center;
 }
 #lp__main .lp__sec07 .lp__title{
   /* border-bottom: 1px solid #ccc; */
   /* padding:14px 0; */
   font-size: 18px;
   font-weight: bold;
   margin-top: 36px;
 }
 #lp__main .lp__sec07 .lp__ac .lp__inner{
   width: 50%;
   display: block;
   margin: auto;
   position: relative;
 }
 
 #lp__main .lp__sec07 .lp__title .lp__inner {
   border-bottom: solid 0.3px #ccc;
 }
 
 #lp__main .lp__sec07 .lp__ac .lp__box{
   width: 100%;
   color: #000;
 }
 #lp__main .lp__sec07 .lp__ac .lp__q {
   font-weight: bold;
 }
 #lp__main .lp__sec07 .lp__ac .lp__a {
   font-weight: bold;
   font-size: 20px;
   color: #000;
 }
 #lp__main .lp__sec07 .lp__ac .lp__box .lp__inner {
   text-indent:-1.2em;
     padding-left:1.2em;
   font-size: 16px;
 }
 /*==============================================================================
 sec08
 ===============================================================================*/
 #lp__main .sec08 {
   position: relative;
   padding:80px 0 100px;
 }
 #lp__main .sec08 .lp__h3 {
   font-size: 32px;
   margin-bottom: 40px;
   text-align: center;
 }
 #lp__main .sec08 .lp__txt_01 {
   margin-bottom: 40px;
   text-align: center;
 }
 #lp__main .sec08 .lp__ul {
   display: flex;
   justify-content:space-between;
   position: relative;
 }
 #lp__main .sec08 .lp__ul li {
   width: 300px;
 }
 #lp__main .sec08 .lp__ul li .lp__h4 {
   font-size: 24px;
   color: #00a960;
   text-align: center;
   margin-bottom: 8px;
 }
 #lp__main .sec08 .lp__ul li .lp__h4 span{
   font-size: 50px;
 }
 #lp__main .sec08 .lp__ul li .lp__h5{
   font-size: 17px;
   font-weight: bold;
   margin:16px 0 10px;
 }
 #lp__main .sec08 .lp__ul:before{
   display: block;
   content: "";
   position: absolute;
   background:url(/img/lp/sec07_arrow.png) center;
   background-size: cover;
   width:24px;
   height: 49px;
   top:154px;
   left:340px;
 }
 #lp__main .sec08 .lp__ul:after{
   display: block;
   content: "";
   position: absolute;
   background:url(/img/lp/sec07_arrow.png) center;
   background-size: cover;
   width:24px;
   height: 49px;
   top:154px;
   right:340px;
 }
 
 /*==============================================================================
 sec09
 ===============================================================================*/
 #lp__main .sec09 {
   position: relative;
   padding:0 0 80px 0;
   font-size: 13px;
 }
 #lp__main .sec09 .lp__box {
   background: #e8f5ef;
   padding: 60px ;
 }
 #lp__main .sec09  .flexbox {
   display: flex;
   justify-content: space-between;
   margin-bottom: 40px;
 }
 #lp__main .sec09  .flexbox .lp__ul {
   width: 50%
 }
 #lp__main .sec09 .lp__txt_01 {
   font-size: 11px;
 }
 #lp__main .sec09  .mb10 {
   margin-bottom: 10px;
 }
 /*==============================================================================
 footer
 ===============================================================================*/
 footer .lp__clearfix {
   width:580px;
   margin: auto;
 }
 footer .lp__f_logo {
   width: 140px;
   float: left;
   margin:10px 40px 0 0 ;
 }
 footer .lp__txt_01 {
   font-size: 14px;
 }
 footer .lp__txt_01 span {
   font-size: 18px;
   font-weight: bold;
 }
 footer .lp__ul {
   display: block;
   justify-content: space-between;
   margin: 20px auto 40px;
   text-align: center;
 }
 footer .lp__ul li {
   font-size: 28px;
   font-weight: bold;
   
 }
 footer .lp__ul li span{
   font-size: 22px;
   font-weight: bold;
   color: #00a960;
 }
 footer .lp__copy{
   background: #00a960;
 }
 footer .lp__copy {
   font-size: 10px;
   color: #FFFFFF;
   text-align: center;
   line-height: 30px;
   margin-bottom: 80px;
 }
 
 @media screen and (max-width: 768px) {
 /*==============================================================================
 共通
 ===============================================================================*/
 .lp__min {
   font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";
   font-weight: bold;
 }
 .lp__midashi {
   font-size: 24px;
   font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";
   font-style: normal;
   font-weight: bold;
   position: relative;
   text-align: center;
   margin: 0 0 18px 0;
   color: #00a960;
 }
 .lp__midashi:after{
   position: absolute;
   display: block;
   content: "";
   width: 20px;
   height: 1px;
   background: #00a960;
   left:0;
   right:0;
   bottom: -2px;
   margin: auto;
 }
 /*==============================================================================
 フロート
 ===============================================================================*/
 #lp__float {
   height: 50px;
   position: fixed;
   bottom:0;
   z-index: 9999;
   background:rgba(255,255,255,0.90);
   width: 100%;
 }
 #lp__float .lp__h1{
   width: 80px;
   height: 43px;
   float: left;
   padding:16px 0 0 0;
 }
 #lp__float .lp__ul {
   float: right;
   padding:7px 0 0 0;
 }
 #lp__float .lp__ul li{
   display: inline-block;
   margin-left:0;
   font-size: 14px;
 }
 #lp__float .lp__ul .lp__btn_01 {
   width: 230px;
   height: 35px;
   background: #5dceaa;
   text-align:center;
   cursor:pointer;
   position:relative;
   box-sizing:border-box;
   overflow:hidden;
   margin:0 0 0 0;
 }
 #lp__float .lp__ul .lp__btn_01 a {
   width: 100%;
   line-height: 35px;
   color: #FFFFFF;
   display: block;
   text-align: center;
   font-weight: bold;
   position: relative;
   transition:all .5s ease;
    z-index:2;
   box-sizing: border-box;
   padding-right: 5px;
   font-size: 14px;
 }
 /* #lp__float .lp__ul .lp__btn_01 a::before{
   position: absolute;
   display: block;
   content: "";
     right: 12px;
   top:50%;
   margin-top:-4px;
     width: 5px;
     height: 5px;
     border-top: 2px solid #fff;
     border-right: 2px solid #fff;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 } */
 .lp__eff{
   width:230px;
   height:45px;
   left:-230px;
   background:#00a960;
   position:absolute;
   transition:all .5s ease;
   z-index:1;
 }
 #lp__float .lp__ul .lp__btn_01:hover .lp__eff{
   left:0;
 }
 #lp__float .lp__ul .lp__btn_01:hover a{
   color:#fff;
 }
 #lp__float .lp__txt_01{display: none;
 }
 /*==============================================================================
 mv
 ===============================================================================*/
 #lp__main .lp__mv_wrap {
   background:url(/img/lp/sp_mv.png) center;
   min-width:inherit;
   width: 100%;
   height: 0;
   background-size: cover;
   overflow: hidden;
   padding-top: 93.33%;
   margin:0 0 0 0;
   position: relative;
 }
 #lp__main .lp__mv {
   box-sizing: border-box;
   padding:145px 0 0 80px;
   color: #FFFFFF;
   font-size: 17px;
 }
 #lp__main .lp__mv .lp__h2{
   display: none;
 }
 #lp__main .lp__mv p {
   position: absolute;
   top:44%;
   left:3%;
   font-size: 3.4vw;
   display: none;
 }
 /*==============================================================================
 sec01
 ===============================================================================*/
 #lp__main .lp__sec01 {
   background: #19a361;
   position: relative;
   padding:20px 0 0;
 }
 #lp__main .lp__sec01:after {
   content: "";
   position: absolute;
   bottom: -40px; left: 50%;
   margin-left: -100px;
   display: block;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 40px 100px 0 100px;
   border-color: #19a361 transparent transparent transparent;
 }
 #lp__main .lp__sec01 .wrap_01{
   /* background: rgba(255,255,255,0.90); */
   text-align: left;
   box-sizing: border-box;
   padding: 0;
   width: 89%;
   position: static;
   top:0;
   left:0;
   right:0;
   /* margin: -100px auto 20px; */
 }
 #lp__main .lp__sec01 .wrap_01 .lp__h3 {
   font-size: 20px;
   color: #fff;
   font-weight: bold;
   text-align: center;
 }
 #lp__main .lp__sec01 .wrap_01 .lp__p {
   font-size: 14px;
   color: #000;
   font-weight: 600;
   text-align: center;
 }
 #lp__main .lp__sec01 .wrap_01 .lp__h4 {
   font-size: 18px;
   margin:20px 0 10px;
   font-weight: bold;
   text-align: center;
 }
 #lp__main .lp__sec01 .wrap_02{
   color: #FFFFFF;
   text-align: center;
 }
   #lp__main .lp__sec01 .wrap_02 .txt_02{
   text-align: left;
 }
 #lp__main .lp__sec01 .wrap_02 .lp__h3 {
   font-size: 20px;
   margin-bottom: 20px;
 }
 #lp__main .lp__sec01 .wrap_02 img {
   display: block;
   margin: 20px 0;
 }
 #lp__main .lp__sec01 .wrap_02 .lp__txt_01 {
   font-size: 20px;
 }
 #lp__main .lp__sec01 .wrap_02 .lp__txt_01 span {
   font-size: 24px;
 }
 /*==============================================================================
 sec02
 ===============================================================================*/
 #lp__main .lp__sec02 {
   background:#e8f5ef;
   text-align: center;
   padding:60px 0 40px;
 }
 #lp__main .lp__sec02 .lp__h3 {
   font-size: 20px;
 }
 #lp__main .lp__sec02 .lp__txt_01{
   margin:20px 0 20px;
   font-size: 15px
 }
 #lp__main .lp__sec02 .lp__ul{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 #lp__main .lp__sec02 li{
   width: 49%;
   height: 160px;
   display: flex;
   align-items: center;
   justify-content:center;
   color: #FFFFFF;
   margin-bottom: 8px;
   font-weight: bold;
   overflow: hidden;
   position: relative;
 }
 
 #lp__main .lp__sec02 li:after {
     position: absolute;
     content: "";
     display: block;
     width: 100%;
     height: 100%;
     top: 0;
   left: 0;
   -webkit-transition: all .6s ease-out;
     -moz-transition: all .6s ease-out;
     -ms-transition: all .6s ease-out;
     transition: all .6s ease-out;
 }
 #lp__main .lp__sec02 .lp__li01:after {
   background:url(/img/lp/sec02_img01.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li01_100:after {
   background:url(/img/lp/sec02_img01_100.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li02:after {
   background:url(/img/lp/sec02_img02.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li02_003:after {
   background:url(/img/lp/sec02_img02_003.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li02_004:after {
   background:url(/img/lp/sec02_img02_004.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li02_006:after {
   background:url(/img/lp/sec02_img02_006.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li02_100:after {
   background:url(/img/lp/sec02_img02_100.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li03:after {
   background:url(/img/lp/sec02_img03.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li03_002:after {
   background:url(/img/lp/sec02_img03_002.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li03_004:after {
   background:url(/img/lp/sec02_img03_004.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li03_005:after {
   background:url(/img/lp/sec02_img03_005.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li03_100:after {
   background:url(/img/lp/sec02_img03_100.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li04:after {
   background:url(/img/lp/sec02_img04.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .lp__li04_100:after {
   background:url(/img/lp/sec02_img04_100.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .li05:after {
   background:url(/img/lp/sec02_img05.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .li06:after {
   background:url(/img/lp/sec02_img06.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .li07:after {
   background:url(/img/lp/sec02_img07.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 .li08:after {
   background:url(/img/lp/sec02_img08.jpg) center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -ms-background-size: cover;
     background-size: cover;
 }
 #lp__main .lp__sec02 li:hover:after {
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
 }
 #lp__main .lp__sec02 li .lp__inner {
   z-index: 1;
   position: relative;
   font-weight: bold;
   font-size: 15px;
 }
 /*==============================================================================
 sec03
 ===============================================================================*/
 #lp__main .sec03 {
   padding: 40px 0;
 }
 #lp__main .sec03 .lp__h3 {
   font-size: 20px;
   margin-bottom: 20px;
   text-align: center;
 }
 #lp__main .sec03 .lp__txt_01 {
   text-align:left;
   margin-bottom: 30px;
 }
 #lp__main .sec03 .wrapper {
   display: block;
   justify-content: space-between;
 }
 #lp__main .sec03 .wrap_01 .left,#lp__main .sec03 .wrap_01 .right {
   width: 100%;
 }
 #lp__main .sec03 .wrap_01 .left{
   margin-bottom: 40px;
 }
 #lp__main .sec03 .wrapper .lp__h4 {
   font-size: 18px;
   font-weight: bold;
   color: #00a960;
   border-bottom: 1px solid #00a960;
   margin:0 0 10px;
   padding-bottom: 4px; 
 }
 #lp__main .sec03 .wrap_01 .arrow{
   position: absolute;
   width: 100px;
   height: 90px;
   top:46%;
   left:40%;
 }
 #lp__main .sec03 .wrap_01 .lp__h4 {
   margin-top: 10px;
 }
 #lp__main .sec03 .wrap_02 .lp__ul{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin: 20px 0 0;
 }
 #lp__main .sec03 .wrap_02 li{
   width: 50%;
   text-align: center;
   font-weight: bold;
   margin-bottom: 20px;
 }
 #lp__main .sec03 .wrap_02 .lp__under ,#lp__main .sec03 .wrap_03 .lp__under{
   border: 1px solid #c9c9c9;
   padding:20px;
   position: relative;
 }
 #lp__main .sec03 .wrap_02 .lp__under .lp__h4,#lp__main .sec03 .wrap_03 .lp__under .lp__h4{
   font-size: 17px;
   color: #000000;
   border: none;
   margin:0;
 }
 #lp__main .sec03 .wrap_02 .lp__under:after {
   content: "";
   display: block;
   position: absolute;
   right:0;
   bottom:0;
   background:url(/img/lp/sec03_img08.png) center;
   width: 215px;
   height: 195px;
   background-size: cover;
   z-index: -1;
   opacity: 0.2;
 }
 #lp__main .sec03 .wrap_03 .lp__under:after {
   content: "";
   display: block;
   position: absolute;
   right:0;
   bottom:0;
   background:url(/img/lp/sec03_img10.png) center;
   width: 215px;
   height: 195px;
   background-size: cover;
   z-index: -1;
   opacity: 0.2;
 }
 
 #lp__main .sec03 .wrap_03 .lp__inner_01 {
   display: block;
   justify-content: space-between;
   margin: 20px 0 20px;
 }
 #lp__main .sec03 .wrap_03 .lp__inner_01 .lp__ul {
   text-align: center;
   width: 100%;
   display: flex;
   align-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 20px;
 }
 #lp__main .sec03 .wrap_03 .lp__inner_01 .lp__ul li {
   width: 100%;
   font-size: 16px;
   font-weight: bold;
   color: #FFFFFF;
   background: #00a960;
   line-height: 40px;
   border-radius: 4px;
   margin-bottom: 10px;
 }
 #lp__main .sec03 .wrap_03 .lp__inner_01 .lp__ul li:nth-child(even) {
   background: #00a960;
 }
 #lp__main .sec03 .wrap_03 .lp__inner_01 img {
   display: block;
   width: 100%;
   height: auto;
 }
 #lp__main .sec03 .wrap_01{
   margin-bottom: 0;
   padding: 0 0 40px 30px;
   position: relative;
 }
 #lp__main .sec03 .wrap_02{
   margin-bottom: 0;
   padding: 0 0 40px 30px;
   position: relative;
 }
 #lp__main .sec03 .wrap_03{
   margin-bottom: 0;
   padding: 0 0 0 30px;
   position: relative;
 }
 
 #lp__main .sec03 .wrap_01:before {
   display: block;
   content: "";
   position: absolute;
   background: #00a960;
   width: 35px;
   height: 100%;
   top:0;
   left:-20px;
 }
 
 #lp__main .sec03 .wrap_01 .t01 {
   position: absolute;
   width:15px;
   height: 140px;
   left:-7px;
   top:50%;
   margin-top:-70px;
 }
 #lp__main .sec03 .wrap_02:before {
   display: block;
   content: "";
   position: absolute;
   background: #d188b8;
   width: 35px;
   height: 100%;
   top:0;
   left:-20px;
 }
 #lp__main .sec03 .wrap_02 .t02 {
   position: absolute;
   width:25px;
   height: 82px;
   left:-12px;
   top:50%;
   margin-top:-40px;
 }
 #lp__main .sec03 .wrap_03:before {
   display: block;
   content: "";
   position: absolute;
   background: #e8f5ef;
   width: 35px;
   height: 100%;
   top:0;
   left:-20px;
 }
 #lp__main .sec03 .wrap_03 .t03 {
   position: absolute;
   width:25px;
   height: 82px;
   left:-12px;
   top:50%;
   margin-top:-40px;
 }
   
 #lp__main .sec03 .sankaku_01 {
   position: absolute;
   width: 30px;
   height: 35px;
   bottom:-35px;
   left:-15PX;
   z-index: 10;
 }
 #lp__main .sec03 .sankaku_02 {
   position: absolute;
   width: 30px;
   height: 35px;
   bottom:-35px;
   left:-15PX;
   z-index: 10;
 }
 #lp__main .sec03 .sankaku_03 {
   position: absolute;
   width: 30px;
   height: 35px;
   bottom:-15px;
   left:-15PX;
   z-index: 10;
 }
 /*==============================================================================
 sec04
 ===============================================================================*/
 #lp__main .lp__sec04 {
   background:url(/img/lp/camera01.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 #lp__main .lp__sec04_002 {
   background:url(/img/lp/bg002.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 #lp__main .lp__sec04_003 {
   background:url(/img/lp/bg003.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 #lp__main .lp__sec04_004 {
   background:url(/img/lp/bg004_1.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 #lp__main .lp__sec04_005 {
   background:url(/img/lp/bg005.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 #lp__main .lp__sec04_006 {
   background:url(/img/lp/bg006.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 #lp__main .lp__review {
   background:url(/img/lp/camera.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 #lp__main .lp__review_002 {
   background:url(/img/lp/bg002_1.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 #lp__main .lp__review_003 {
   background:url(/img/lp/bg003_1.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 #lp__main .lp__review_004 {
   background:url(/img/lp/bg004.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 #lp__main .lp__review_005 {
   background:url(/img/lp/bg005.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 #lp__main .lp__review_006 {
   background:url(/img/lp/bg006_1.jpg) center;
   background-size: cover;
   padding:40px 0 20px;
 }
 
 #lp__main .lp__sec04 .lp__txt_01 {
   font-weight: bold;
   font-size: 22px;
   text-align: center;
   margin-bottom:20px;
 }
 #lp__main .lp__sec04 .lp__ul {
   display: block;
   justify-content:space-between;
   flex-wrap: wrap;
 }
 #lp__main .lp__sec04 .lp__ul li {
   width:100%;
   background: rgba(255,255,255,0.90);
   padding: 20px 20px;
   box-sizing: border-box;
   margin-bottom:20px;
 }
 #lp__main .lp__sec04 .lp__ul li img {
   width: 60px;
   height: 60px;
   display: block;
   margin: 0 auto;
 }
 #lp__main .lp__sec04 .lp__ul li .lp__name {
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   margin: 10px 0;
 }
   
 /*==============================================================================
 sec05
 ===============================================================================*/
 #lp__main .lp__sec05 {
   padding:40px 0 40px;
 }
 #lp__main .lp__sec05 .lp__h3 {
   font-size: 20px;
   margin-bottom: 20px;
   text-align: center;
 }
 #lp__main .lp__sec05 .lp__txt_01 {
   text-align: left;
   margin-bottom: 30px;
 }
 #lp__main .lp__sec05 .wrap {
   padding:40px 20px ;
   box-sizing: border-box;
 }
 #lp__main .lp__sec05 .wrap .lp__h4 {
   font-size: 28px;
   text-align: center;
   font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";
   font-style: normal;
   font-weight: 10;
   letter-spacing: 4px;
   color: #00a960;
   margin-bottom: 20px;
 }
 #lp__main .lp__sec05 .wrap span {
   font-size: 20px;
 }
 #lp__main .lp__sec05 .wrap .txt_04 {
   text-align: left;
 }
 #lp__main .lp__sec05 .wrap .lp__ul01{
   display: block;
   justify-content:space-between;
   position: relative;
   margin:20px 0 60px;
 }
 #lp__main .lp__sec05 .wrap .lp__ul01 :before{
   display: block;
   content: "";
   position: absolute;
   background:url(/img/lp/sec05_tasu.png) center;
   background-size: cover;
   width:35px;
   height: 35px;
   bottom:-45px;
   left:0;
   right:0;
   margin: auto;
 }
 
 #lp__main .lp__sec05 .wrap .lp__ul01:after{
   display: block;
   content: "";
   position: absolute;
   background:url(/img/lp/sec05_arrow.png) center;
   background-size: cover;
   width:45px;
   height: 22px;
   bottom:-40px;
   left:0;
   right:0;
   margin: auto;
 }
 #lp__main .lp__sec05 .wrap .lp__ul01 li{
   width: 100%;
   margin-bottom: 50px;
 }
 #lp__main .lp__sec05 .wrap .spimg {
   display: block;
   margin: 20px 0;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02{
   display: flex;
   justify-content:space-between;
   position: relative;
   flex-wrap: wrap;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02:before{
   display: block;
   content: "";
   position: absolute;
   background:url(/img/lp/sec05_tasu.png) center;
   background-size: cover;
   width:30px;
   height: 30px;
   top:42px;
   left:0;
   right: 0;
   margin: auto;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02:after{
   display: block;
   content: "";
   position: absolute;
   background:url(/img/lp/sec05_icole.png) center;
   background-size: cover;
   width:34px;
   height: 14px;
   top:134px;
   left:0;
   right: 0;
   margin: auto;
   transform:rotate(90deg) 
 }
 #lp__main .lp__sec05 .wrap .lp__ul02 li{
   width: 44%;
   background: rgba(255,255,255,0.90);
   text-align: center;
   padding:20px 0;
   margin-bottom: 60px;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02 .kei{
   width: 70%;
   margin:0 auto;
 }
 
 #lp__main .lp__sec05 .wrap .lp__ul02 .txt_02 {
   font-size: 17px;
   font-weight: bold;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02 .txt_03 {
   font-size: 22px;
   font-weight: bold;
   line-height: 1;
   color: #c06ba4;
 }
 #lp__main .lp__sec05 .wrap .lp__ul02 .txt_03 span {
   font-size: 42px;
 }
 #lp__main .lp__sec05 .wrap_01 {
   background:url(/img/lp/sp_sec05_bg01.jpg) center;
   background-size: cover;
 }
 #lp__main .lp__sec05 .wrap_02 {
   background:url(/img/lp/sp_sec05_bg02.jpg) center;
   background-size: cover;
 }
 #lp__main .lp__sec05 .lp__under .lp__h4 {
   background: #00a960;
   border-radius: 24px;
   display: table;
   width:100%;
   line-height: 36px;
   text-align: center;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 18px;
   margin: 40px auto 30px;
   position: relative;
 }
 #lp__main .lp__sec05 .lp__under .lp__h4:after {
   display: block;
   content: "";
   position: absolute;
   bottom: -15px; left: 50%;
   margin-left: -8px;
   display: block;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 15px 8px 0 8px;
   border-color: #00a960 transparent transparent transparent;
 }
 #lp__main .lp__sec05 .lp__under .lp__txt_05 {
   text-align: center;
 }
 #lp__main .lp__sec05 .lp__under .lp__txt_06 {
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   color: #00a960;
   line-height: 1.4;
 }
 #lp__main .lp__sec05 .lp__under .lp__txt_06 .txt_08 {
   font-size: 40px;
   letter-spacing: 4px;
   text-align: center;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul02{
   display: block;
   justify-content:space-between;
   position: relative;
   margin:20px 0 20px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul02 li {
   width: 100%;
   background: #e8f5ef;
   text-align: center;
   padding: 10px;
   box-sizing: border-box;
   margin-bottom: 20px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul02 li .lp__h5 {
   color: #00a960;
   font-weight: bold;
   font-size: 17px;
   margin: 10px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul02 li .lp__h5 span{
   font-weight: normal;
   font-size: 13px;
 }
 #lp__main .lp__sec05 .lp__under .txt_07 {
   font-size: 12px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul01  {
   margin: 10px 0 20px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul01 .lp__li01 {
   margin: 10px 0;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul03 {
   margin-bottom: 15px;
 }
 #lp__main .lp__sec05 .lp__under .lp__ul03 .lp__li02{
   background: #00a960;
   color: #FFFFFF;
   display: inline-block;
   font-weight: bold;
   padding:0 10px;
   margin: 5px 0 5px;
 }
 #lp__main .lp__sec05 .lp__under .flexbox {
   display:block;
   justify-content: space-between;
 }
 #lp__main .lp__sec05 .lp__under .flexbox .lp__ul {
   width: 100%
 }
 /*==============================================================================
 sec06
 ===============================================================================*/
 #lp__main .sec06 {
   padding:40px 0 40px;
   background:url(/img/lp/sec06_bg.jpg) center;
   background-size: cover;
 }
 #lp__main .sec06 .lp__h3 {
   font-size: 20px;
   margin-bottom: 20px;
   text-align: center;
 }
   #lp__main .sec06 .lp__txt_01 {
   margin-bottom: 30px;
   text-align: left;
 }
 #lp__main .sec06 .map {
   background:none;
   background-size: cover;
   width:100%; 
   height: auto;
   position: relative;
   display: flex;
   justify-content: space-between;
   margin:20px 0 0 0;
 }
 #lp__main .sec06 .map a{
   color:#00a960;
   font-size: 16px;
 }
 /*=============ホバーで拡大==============*/
 #lp__main .sec06 .map li{
     display: block;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     -ms-transition: 0.5s;
     transition: 0.5s;
   height: auto;
 }
  #lp__main .sec06 .map .lp__ul01 li{
    transform-origin: left;
    margin-top:inherit;
 }
  #lp__main .sec06 .map .lp__ul02 li{
    transform-origin: left;
    margin-bottom:inherit;
 }
 
 
 #lp__main .sec06 .map li:hover {
     -webkit-transform: scale(1.1,1.1);
     -moz-transform: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
     -ms-transform: scale(1.1,1.1);
     transform: scale(1.1,1.1);
 }
 #lp__main .sec06 .map .lp__ul01{
   line-height: 1.8;
   position: inherit;
   bottom:0px;
   right: 0px;
   width: 50%;
 }
 
 #lp__main .sec06 .map .lp__ul01 .lp__li02 {
   padding-left:0;
 }
 #lp__main .sec06 .map .lp__ul01 .lp__li03 {
   padding-left:0;
 }
 #lp__main .sec06 .map .lp__ul01 .lp__li04 {
   padding-left:0;
 }
 #lp__main .sec06 .map .lp__ul01 .li05 {
   padding-left:0;
 }
 #lp__main .sec06 .map .lp__ul01 .li06 {
   padding-left:0;
 }
 #lp__main .sec06 .map .lp__ul01 .li07 {
   padding-left:0;
 }
 #lp__main .sec06 .map .lp__ul01 .li08 {
   padding-left:0;
 }
 #lp__main .sec06 .map .lp__ul02{
   line-height: 1.8;
   position: inherit;
   top:0;
   left:0;
   text-align: left;
   width: 50%;
 }
 #lp__main .sec06 .map .lp__ul02 .li06 {
   padding-right:0;
 }
 #lp__main .sec06 .map .lp__ul02 .li05 {
   padding-right:0;
 }
 #lp__main .sec06 .map .lp__ul02 .lp__li04 {
   padding-right:0;
 }
 #lp__main .sec06 .map .lp__ul02 .lp__li03 {
   padding-right:0;
 }
 #lp__main .sec06 .map .lp__ul02 .lp__li02 {
   padding-right:0;
 }
 #lp__main .sec06 .map .lp__ul02 .lp__li01 {
   padding-right:0;
 }
 #lp__main .sec06 .map li { 
     padding-left: 1em !important; 
     text-indent: -.7em;
 }
 #lp__main .sec06 .map li:before {
     content: "• ";
     color: #a47093;
 }
 /*=============モーダル==============*/
 .sec06 .content{
     margin: 0 auto;
     padding: 0;
 }
 .sec06 .modal{
     display: none;
     height: 100%;
     position: fixed;
     top: 0;
     left:0;
     width: 100%;
   z-index: 100;
   overflow-y: auto;
 }
 .sec06 .modal__bg{
     background: rgba(0,0,0,0.6);
     height: 100%;
     position: absolute;
     width: 100%;
 }
 .sec06 .modal__content{
     background: #fff;
     left: 50%;
     padding: 40px 20px 20px;
     position: absolute;
     top:50%;
     transform: translate(-50%,-55%);
     width: 80%;
   overflow-y: auto;
   height: 75%;
   overflow-y: auto;
 }
 .sec06 .modal__content .shopimage{
   display: none;
   margin-bottom: 10px;
 }
 .sec06 .modal__content .left {
   width: 100%;
 }
 .sec06 .modal__content .right {
   width: 100%;
 }
 .sec06 .modal__content .right .mtxt_01 {
   color: #9f3282;
   font-size: 20px;
   font-weight: bold;
 }
 .sec06 .modal__content .right .mtxt_02 {
   font-size: 16px;
   font-weight: bold;
 }
 .sec06 .modal__content .right .lp__ul {
   margin:5px 0 10px;
 }
 .sec06 .modal__content .right li {
   font-size: 11px;
 }
 .sec06 .gmap {
 height: 0;
 overflow: hidden;
 padding-bottom: 56.25%;
 position: relative;
   margin-bottom: 10px;
 }
 .sec06 .gmap iframe {
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 width: 100%;
 }
 .sec06 .modal__content .lp__inner  {
   position: relative;
 }
 .sec06 .modal__content .lp__inner .batsu {
   position:fixed;
   display: block;
   right:10px;
   top:10px;
   left:auto;
   bottom:auto;
   width: 14px;
   height: 14px;
   z-index: 9999;
 }
 /*==============================================================================
 sec07
 ===============================================================================*/
 #lp__main .lp__sec07 {
   background: #fff;
   position: relative;
   padding: 0;
   color: #000;
 }
 #lp__main .lp__sec07 .lp__h3 {
   font-size: 20px;
   margin-bottom: 20px;
   text-align: center;
 }
 #lp__main .lp__sec07 .lp__txt_01 {
   margin-bottom: 20px;
   text-align: left;
 }
 #lp__main .lp__sec07 .lp__title{
   /* border-bottom: 1px solid #ccc; */
   padding:4px 0;
   font-size: 14px;
   font-weight: bold;
   margin-top: 42px;
 }
 #lp__main .lp__sec07 .lp__ac .lp__inner{
   width: 100%;
   display: block;
   margin: auto;
   position: relative;
   padding:0 20px;
   box-sizing: border-box;
 }
 
 #lp__main .lp__sec07 .lp__ac .lp__box{
   width: 100%;
   color: #000;
 }
 #lp__main .lp__sec07 .lp__ac .lp__q {
   font-weight: bold;
 }
 #lp__main .lp__sec07 .lp__ac .lp__a {
   font-weight: bold;
   font-size: 14.4px;
   color: #000;
 }
 #lp__main .lp__sec07 .lp__ac .lp__box .lp__inner {
   text-indent:-1.2em;
   padding-left:1.2em;
   font-size: 12px;
 }
 /*==============================================================================
 sec08
 ===============================================================================*/
 #lp__main .sec08 {
   position: relative;
   padding:40px 0 ;
 }
 #lp__main .sec08 .lp__h3 {
   font-size: 20px;
   margin-bottom: 20px;
   text-align: center;
 }
 #lp__main .sec08 .lp__txt_01 {
   margin-bottom: 20px;
   text-align: left;
 }
 #lp__main .sec08 .lp__ul {
   display: block;
   justify-content:space-between;
   position: relative;
 }
 #lp__main .sec08 .lp__ul li {
   width: 100%;
 }
 #lp__main .sec08 .lp__ul li img{
   display: block;
   margin: auto;
 }
 #lp__main .sec08 .lp__ul li .lp__h4 {
   font-size: 24px;
   color: #00a960;
   text-align: center;
   margin-bottom: 8px;
 }
 #lp__main .sec08 .lp__ul li .lp__h4 span{
   font-size: 50px;
 }
 #lp__main .sec08 .lp__ul li .lp__h5{
   font-size: 17px;
   font-weight: bold;
   margin:16px 0 10px;
 }
 #lp__main .sec08 .lp__ul:before{
   display: none;
   content: "";
   position: absolute;
   background:url(/img/lp/sec07_arrow.png) center;
   background-size: cover;
   width:24px;
   height: 49px;
   top:154px;
   left:340px;
 }
 #lp__main .sec08 .lp__ul:after{
   display: none;
   content: "";
   position: absolute;
   background:url(/img/lp/sec07_arrow.png) center;
   background-size: cover;
   width:24px;
   height: 49px;
   top:154px;
   right:340px;
 }
 /*==============================================================================
 sec09
 ===============================================================================*/
 #lp__main .sec09 {
   position: relative;
   padding:0 0 20px 0;
   font-size: 13px;
 }
 #lp__main .sec09 .lp__box {
   background: #f5f5f5;
   padding: 20px ;
 }
 #lp__main .sec09  .flexbox {
   display: block;
   justify-content: space-between;
   margin-bottom: 20px;
 }
 #lp__main .sec09  .flexbox .lp__ul {
   width: 100%
 }
 #lp__main .sec09 .lp__txt_01 {
   font-size: 10px;
 }
 #lp__main .sec09  .mb10 {
   margin-bottom: 10px;
 }
 /*==============================================================================
 footer
 ===============================================================================*/
 footer .lp__clearfix {
   width:100%;
   margin: auto;
 }
 footer .lp__f_logo {
   width: 140px;
   float: none;
   margin:20px auto 30px;
 }
 footer .lp__txt_01 {
   text-align: center;
 }
 footer .lp__txt_01 span {
   font-size: 16px;
   font-weight: bold;
 }
 footer .lp__ul {
   display: block;
   justify-content: space-between;
   width: 100%;
   margin: 20px auto 40px;;
 }
 footer .lp__ul li {
   width: 100%;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
 }
 footer .lp__ul li span{
   font-size: 14px;
   font-weight: bold;
   color: #00a960;
 }
 footer .lp__copy{
   background: #00a960;
 }
 footer .lp__copy {
   font-size: 10px;
   color: #FFFFFF;
   text-align: center;
   line-height: 30px;
   margin-bottom: 50px;
 }
 }
 
 
 /*--------------------------------------------------
 スクロールで出現
 --------------------------------------------------*/
 
 .sa {
   opacity: 0;
   transition: all 1s ease;
 }
  
 .sa.show {
   opacity: 1;
   transform: none;
 }
  
 .sa--lr {
   transform: translate(-100px, 0);
 }
  
 .sa--rl {
   transform: translate(100px, 0);
 }
  
 .sa--up {
   transform: translate(0, 100px);
 }
  
 .sa--down {
   transform: translate(0, -100px);
 }
  
 .sa--scaleUp {
   transform: scale(.5);
 }
  
 .sa--scaleDown {
   transform: scale(1.5);
 }
  
 .sa--rotateL {
   transform: rotate(180deg);
 }
  
 .sa--rotateR {
   transform: rotate(-180deg);
 }
 
 /*--------------------------------------------------
 商品一覧
 --------------------------------------------------*/
 
 .lp__product {
   background: #fff !important;
   box-shadow: 0px 4px 16px 0px rgba(51,51,51,0.18);
 }
 
 .lp__product .lp__img {
   width: 35% !important;
 }
 
 .lp__product_name {
   margin: 0;
   font-size: 20.8px;
   font-weight: bold;
 }  
 
 .lp__product .lp__price {
   font-size: 32px;
   font-weight: bold;
   color: #00a960;
 }
 
 @media screen and (max-width: 768px) {
   .lp__product_name {
     margin: 0;
     font-size: 14.8px;
   }
 }
 
 .lp__product .lp__detail_btn {
   margin: 10px 20px;
   padding: 10px;
   /* border: 1px solid #cccccc; */
   font-size: 19.6px;
   background-color: #19a361;
   color: #fff;
   font-weight: bold;
   border-radius: 5px;
 }
 
 .lp__product a {
   text-decoration: none;
   color: #505050;
 }
 
 
 
 /*--------------------------------------------------
 その他
 --------------------------------------------------*/
 
 .lp__btn_01 .lp__a {
   font-size: 14px !important;
 }
 
 .lp__ul02 {
   padding-inline-start: 0 !important;
 }
 
 #lp__sec07 .lp__ac .lp__p:last-child .lp__inner {
   padding-bottom: 20px;
 }
 
 .lp__fv .lp__ul02 .lp__li {
   background: #fff !important;
 }
 
 .lp__fv .lp__ul02 .lp__li  img {
   width: 75%;
 }
 
 .lp__btn-flat-logo {
   position: relative;
   display: inline-block;
   font-weight: bold;
   padding: 32px 28.8px;
   text-decoration: none;
   color: #FFF;
   background: #00bcd4;
   transition: .4s;
   font-size: 22.4px;
   box-shadow: 0px 4px 16px 0px rgba(51,51,51,0.18);
   border-radius: 10px;
 }
   
 .lp__btn-flat-logo:hover {
   background: #1ec7bb;
 }
 
 #lp__main .lp__fv {
   padding: 0;
 }
 
 .lp__fv .lp__ul02 {
   margin: 10px !important;
 }
 
 p.lp__fv-product {
   font-size: 24px;
   font-weight: bold;
   margin: 0 !important;
 }
 
 @media screen and (max-width: 768px) {
   p.lp__fv-product {
     font-size: 100%;
   }
 }
 
 .lp__fv .lp__ul02 .lp__li {
   padding: 0 !important;
 }
 
 span.lp__price {
   color: #19a361;
   font-size: 48px;
 }
 
 @media screen and (max-width: 768px) {
   span.lp__price {
     font-size: 32px;
   }
 
   .lp__sec05 .lp__ul02 .lp__li:child(2) {
     margin-top: 20px;
   }
 }
 
 img.lp__reason_icon {
   width: 20% !important;
 }
 
 .lp__reason {
   margin: 10px;
 }
 
 .lp__footer_logo img {
   width: 20%;
 }
 
 img.lp__center {
   display: block;
   margin: 10px auto 0;
   width: 120px !important;
 }
 
 .lp__header .lp__box .lp__header_btn {
   background-color: #5dceaa;
   display: inline-block;
   float: right;
   color: #fff;
   padding: 20px;
   margin-top: 10px;
 }
 
 .lp__product .lp__product_price {
   margin: 0;
 }
 
 .lp__product .lp__product_category {
   font-size: 12px;
 }
 
 @media screen and (max-width: 768px) {
   .lp__product .lp__product_category {
     margin: 0;
   }
 }
 
 .lp__review_content {
   font-size: 14px;
 }
 
 /*--------------------------------------------------
 クリスマスLP
 --------------------------------------------------*/
 
 .lp__fv_christmas {
   background: no-repeat url(/img/lp/fv_100_pc.jpeg);
   background-size: cover;
   height: 670px;
   /* margin-top: 20px; */
   background-color: rgba(255,255,255, 0.3)
 }
 
 .lp__fv_title {
   text-align: center;
   font-size: 60px;
   font-weight: bold;
   background-color: rgba(255,255,255, 0.6);
   position: relative;
   top: 360px;
   line-height: 1.4;
 }
 
 
 .lp__christmas_bg:after {
   border-color: #19a361 transparent transparent transparent !important;
 }
 
 .lp__fv_btn {
   text-align: center;
     font-size: 30px;
     font-weight: bold;
     color: white;
     background-color: #009944;
     width: 40%;
     position: relative;
     top: 400px;
     border-radius: 10px;
   padding: 10px;
   margin: 0 auto;
 }
 
 
 .lp__christmas_bg01 {
   background: no-repeat url(/img/lp/bg100.jpg) !important;
   background-size: cover;
 }
 
 
 @media screen and (max-width: 768px) {
   .lp__fv_christmas {
     background: no-repeat url(/img/lp/fv_100_sp.jpeg);
     background-size: cover;
     background-position: center;
     height: 450px;
   }
   .lp__fv_title {
     text-align: center;
     font-size: 26px;
     font-weight: bold;
     background-color: rgba(255,255,255, 0.6);
     position: relative;
     top: 230px;
     line-height: 1.4;
   }
   .lp__fv_btn {
     text-align: center;
     font-size: 26px;
     font-weight: bold;
     color: white;
     background-color: #009944;
     width: 80%;
     position: relative;
     top: 270px;
     border-radius: 10px;
     padding: 10px;
     margin: 0 auto;
   }
   .lp__christmas_bg01 {
     background: no-repeat url(/img/lp/bg100_1.jpg) !important;
     background-size: cover;  
   }
   .lp__christmas_bg01 .lp__box .lp__txt_01 {
     color: #fff;
   }
 }
 
 .lp__container {
   display: flex
 }
 
 .lp__left {
   width: 50%;
 }
 
 .lp__right {
   width: 50%;
 }
 
 .lp__right .lp__product_price {
   text-align: left;
 }
 
 .lp__img_100 {
   width: 60% !important;
 }
 
 
 /*--------------------------------------------------
 クリスマスLP（簡単ステップ）
 --------------------------------------------------*/
 
 .lp__sec_step {
   margin-top: -40px;
   padding: 10px 0 20px;
     background-color: #fff8f3;
     text-align: center;
     z-index: -1;
 }
 
 .lp__step_copy {
   margin-bottom: 40px;
     font-size: 24px;
     line-height: 2.3;
   letter-spacing: 0.2em;
   font-feature-settings: "palt";
 }
 
 .lp__step_copy span {
   border-bottom: solid 4px #ff3399;
   font-weight: bold;
 }
 
 .lp__step_wrapper {
   display: inline-block;
 }
 
 .lp__step_content {
   position: relative;
     z-index: 0;
     width: 313px;
     outline: none;
   list-style-type: none;
   margin-bottom: 30px;
 }
 
 .lp__step_img {
   display: inline-block;
     width: 66px;
     vertical-align: middle;
 }
 
 .lp__step_info {
   display: inline-block;
     vertical-align: middle;
     width: 190px;
     text-align: left;
   padding-left: 15px;
 }
 
 .lp__step_title {
   height: 1.5em;
     font-weight: 600;
     font-size: 15px;
     line-height: 1.0;
 }
 
 .lp__step_desc {
   font-size: 14px;
     line-height: 1.5;
     margin: 0;
 }
 
 
 /*--------------------------------------------------
 クリスマスLP（スマレンが選ばれる理由）
 --------------------------------------------------*/
 .lp__column {
   display: block;
     /* width: 94%; */
     max-width: none;
     height: auto;
     min-height: initial;
     margin: 0 20px 3%;
   padding: 10px;
   background-color: #e8f5ef;
   text-align: center;
 }
 
 .lp__column_title {
   margin: 8px 0;
     font-size: 16.5px;
     line-height: 1.5;
     letter-spacing: 0.08em;
   -webkit-font-smoothing: antialiased;
   font-weight: bold;
 }
 
 .lp__column_text {
   font-size: 13px;
   line-height: 1.5;
   letter-spacing: 0.05em;
   margin: 0;
 }
  /*---------------------------------------------------------------------------------
  LP End
  --------------------------------------------------------------------------------- */
/*追加分*/
.retailPeriod {
  font-size: 1.3rem;
  font-weight: bold;
  color: #585858;
  padding: 7px;
}
/*おすすめ商品*/
.sysItemBlock .sysVertical li{
  box-shadow: 0px 4px 16px 0px rgba(51,51,51,0.18);
  padding: 15px 20px;
  border: none;
}
.prdct_recommend .sysContent .sysVertical .sysItemImage img{
  border: 1px solid #eeeeee;
  margin-right: 20px;
}
.sysItemName {
 line-height: 20px;
}
.sysItemName a {
    font-weight: bold;
    font-size: 1.4rem;
}
.sysContent .sysVertical .sysItemPrice{
  display: flex;
  font-size: 1.7rem;
  font-weight: bold;
  color: #00af6b;
} 
.recommend-priod{
  font-size: 1.3rem;
  font-weight: bold;
  color: #585858;
  padding: 4px 7px;
}
 /*--------------------------------------------------
 年末キャンペーン
 --------------------------------------------------*/

 .camp img {
  width: 250px;
  display: block;
  margin:auto;
  margin-bottom:10px;
 }

/* ご利用ガイド追加分 */
.txtBlock .larger .postage-larger{
  width: auto;
}
.txtBlock .larger .postage-larger-free{
  color: #00af6b;
  font-weight: bold;
  font-size: 1.4em;
}
.txtBlock .larger .postage-larger-delivery{
  margin: 0 5px;
  font-weight: bold;
  font-size: 1.1em;
  text-decoration: underline;
}
.txtBlock .larger .postage-larger-limited{
  margin: 0 5px;
  font-weight: bold;
  font-size: 1.3em;
  text-decoration: underline;
}
#s_cancel .txtBlock .larger{
  display: flex;
}

#s_long_term .txtBlock .larger{
  display: flex;
}


/*カレンダー月切り替えボタン*/
.sysPrevCalendar, .sysNextCalendar {
 z-index:1;
}

/*TOPサイト特徴*/
.chara-wrap{
  padding-top: 20px;
  width: 100%;
  margin: 0 auto;
  background: #ebfdf6;
}
.chara-title{
  width: 50%;
  margin: 20px auto 0;
  padding-bottom: 5px;
}
.chara-title h2{
  width: 20em;
  margin: 0 auto;
  text-align: center;
  font-size: 2.1em;
  /*border-bottom: solid 4px #ff3399;*/
}
.chara-list {
  display: flex;
  text-align: center;
  padding: 20px 0;
}
.chara-list li{
  width: 35%
}
.chara-list .chara_img{
  width: 8em;
}
.chara-list p{
  width: 90%;
  font-weight: bold;
  font-size: 1vw;
}
@media screen and (min-width: 980px) { 
 .chara-list li p br{
   display: none;
 }
}
/*カテゴリ一覧*/
  .categorylistPankuzu{
    padding-left: 45px;
  }
  .categoryMessage{
    text-align: center;
    font-weight: bold;
    font-size: 200%;
  }
  .categoryItemWrap{
    width: 95%;
    margin: 0 auto;
  }
  .categoryItemArea{
    margin: 1.6%;
    width: 30%;
    float: left;
  }
  .categoryItemCircle{
    border: solid 2px rgba(204,204,204,1);
    height: 25em;
    box-shadow: 1px 2px 0px 2px rgba(0,0,0,0.1);
  }
  .categoryItem{
    height: 100%;
    text-align: center;
  }
  .categoryItemImage{
    height: 80%;
    position: relative;
  }
  .categoryItem .categoryItemImage img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 70%;
  }
  .categoryItem p{
    margin: 0;
    font-weight: bold;
    font-size: 200%;
    color: #00af6b;
  }
  /*会員登録フォーム不要箇所非表示*/
  .sysFax, .sysGender{
    display: none;
  }
  /*在庫数*/
  .sysStockQuantity{
    line-height: 20px;
    padding-right: 3.5rem;
  }
  /*商品詳細 追加項目*/
  .receipt-day{
    padding-top: 15px;
  }
  /*.receipt-day p{
    margin: 0;
  }*/
  .receipt-day-title{
   font-size:17px;
   font-weight: bold;
  }
  .same-day-delivery{
    display: flex;
    border: solid 1px #00C479;
  }
  .same-day-delivery img{
    width: 50px;
    height: 50px;
    margin: 10px;
  }
  .same-day-delivery p{
    margin: 0;
  }
  .same-day-delivery-title{
    font-size:17px;
    font-weight: bold;    
  }
  .same-day-delivery a{
    text-decoration: underline;
    color: #00f;
  }

  /*新規登録完了画面(カートから遷移)*/
  .chooseDelivery{
    -webkit-appearance: none;
    padding: 10px 5px !important;
    line-height: 2;
    margin-top: 30px;
    font-size: 14px;
    background: #00af6b;
    color: #fff;
    display: block;
    padding: 10px 15px;
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 80%;
    height: 50px;
    margin: 0 auto;
  }

  /* 戻るボタン */
  input.sysBackButton,
  .sysBackSubmitArea .sysButton{
    color: #fff !important;
    background-color: #666 !important;
  }

  /* TOPへ＆マイページのボタン */
  .top-link_wrapper a.link,
  .sysMypageNav input.sysButton,
  .sysFormItem.sysSubmit input.sysLoginButton,
  .sysLoginForm input.sysLoginButton{
    color: #fff !important;
    background-color: #00af6b !important;
    border: none !important;
  }

  /* 都道府県セレクトボックス */
  .sysFormField select{
    width: 25%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    color: #666666;
    position: relative;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
    background: #ffffff;
  }
  .sysFormField select::-ms-expand {
    display: none;
  }
/*新商品リボン*/
#top .ribbon, #sysItemCategory .ribbon,
#sysItemDetail .ribbon {
  display: inline-block;
  position: absolute;
  padding: 7px 0 3px;
  top: 4px;
  left: 50px;
  width: 160px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  background: #00af6b;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 99;
}

/*レンタル期間（長期/短期）用装飾*/
.receipt-day form{
  padding: 10px;
  border: 1px solid silver;
  background-color: rgba(30,50,70,0.05) !important;
}

#sysNumber, #sysSubtotal{
    float: right;
    width: 275px;
}

/* メンテナンス用装飾 */
.maintenance h1{
    font-size: 112.5%;
}

.maintenance p{
    line-height: 25px;
}

.content_idx{
  width: 100%;
  border: 1px solid #80d7b5;
  padding: 12px 24px 12px;
  margin: 0 0 60px;
  clear: both;
}

.content_idx .content_title {
    font-size: 140%;
    font-weight: bold;
    color: #393939;
    padding: 0 0 0 0;
    margin: 0 0 0;
    list-style-type: decimal;
}


.content_cnt ol{
  counter-reset: item;
  list-style-type: none;
}

.content_cnt li:before {
  counter-increment: item;
  content: counter(item)'. ';
}

.maintenance_content h2 {
    font-size: 112.5%;
    padding: 14px 10px;
    color: #393939;
    background-color: #80d7b5;
}

.maintenance_content p {
    padding: 0 0 0 10px;
}

/* 商品詳細 詳細モーダル */
button.link-style-btn{
  cursor: pointer;
  border: none;
  font-size: 1.3rem;
  color: #0000ff;
  text-decoration : underline;
  background-color: transparent;
}
button.link-style-btn:hover{
  text-decoration: underline;
  color: #002080;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.pt-3 {
    padding-top: 18px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 6px !important;
}

.mt-2 {
    margin-top: 12px !important;
}

.mt-3 {
    margin-top: 18px !important;
}

.mt-4 {
    margin-top: 24px !important;
}


.extend_text a {
    text-decoration: underline;
    color: #00f;
}

.ui-dialog {
    position:fixed;
}

.left-alignment{
  margin-left:1em;
  text-indent:-1em;
}


.alcohol-modal, .dm-campaign-modal,
.indoor-modal, .outdoor-modal, .baby-modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
}
.alcohol-modal .modal__bg,
.dm-campaign-modal .modal__bg,
.indoor-modal .modal__bg,
.outdoor-modal .modal__bg,
.baby-modal .modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.alcohol-modal .modal__content,
.dm-campaign-modal .modal__content,
.indoor-modal .modal__content,
.outdoor-modal .modal__content,
.baby-modal .modal__content{
    background: #fff;
    left: 50%;
    padding: 40px 40px 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    max-height: 90%;
    overflow-y: auto;
}
.modal__content .modal-header{
    margin-bottom: 10px;
}
.modal-header .modal-title{
    font-size: 15px;
    margin-bottom: 10px;
}
.modal__content .modal-close-div{
    display: inline-block;
    text-align: center;
    padding-top: 30px;
    width:100%;
}
.modal__content .modal-close-div a{
    border: solid 1px #aaa;
    border-radius: 5%;
    padding: 10px 12px;
    background: #ccc;
}
.plan-title{
   font-size:17px;
   font-weight: bold;
}


/* カテゴリ/ 商品詳細ページに2重割引価格表示 */
.original_price{
    font-size : 1.3rem;
    padding-right: 3px;
}


/* 注文完了ページへの画像・文言のリンク挿入 */
/*
.div-link .slr-camera-link img{
  content: url("http://smaren-t.aispr.jp/img/item/Category-img/category-img-一眼カメラ-pc.jpg");
}
*/
.dm-campaign-img, .banner-img{
  cursor: pointer;
}
.dm-campaign-img{
  content: url("http://smaren-t.aispr.jp/img/campaign/campaign_friend_pc.png");
}

.dm-campaign-regist-link, .banner-category-link{
  display: inline-block;
  margin-top: 5px;
  color: #068acc;
  text-decoration: underline;
}


/* カテゴリ：シーン　リンク調整 */
.scenes .scene-link{
  margin-top: 12px;
  padding: 15px 20px;
}

.category-scene{
  cursor: pointer;
  box-shadow: 0px 4px 16px 0px rgba(51,51,51,0.18);
  background: #fff;
  margin-top: 12px;
  padding: 15px 20px;
  border: none;
}


/* バッジデザイン */
.badge-item{
  color: #FFF;
  font-size: 1.2rem;
  background-color: #00af6b;
  border-radius: 5px;
  padding: .25em .3em .15em .33em;
  margin: 0 .3em .3em 0;
  display: inline-block;
  letter-spacing: 0.02em;
  line-height: 1.4;
}


/* もらえるプラン */
.rto-link-design{
  padding-bottom: 1.5rem;
}

.rto-wrap{
  text-align: center;
  padding: 2% 0;
  border: solid 1px #00C479;
}

.rto-text{
  color: #777;
}

.rto-price-area-text{
  font-size: 1.6rem;
  margin-bottom: 0;
}

.rto-min-period-text, .rto-explanation-text{
  font-size: 1.3rem;
  letter-spacing: 0;
  margin-top: 0;
}

.rto-min-period-text{
  margin-bottom: 0;
}

.rto-price{
  color: #00a859;
  font-size: 2.6rem;
}

.back-rto-item{
  margin-top: 30px;
  text-align: center;
}

.back-rto-item a{
  font-size: 1.4rem;
  text-decoration: underline;
  color: #009afa;
}


/* 一眼カメラを訴求するバナーをサイト上に表示　リンク調整 */

.banner-list{
    margin-bottom: 12px;
}

.category-banner, .item-banner{
    cursor: pointer;
    box-shadow: 0px 4px 16px 0px rgba(51,51,51,0.18);
    background: #fff;
    margin-top: 12px;
    padding: 15px 20px;
    border: none;
}


/* 注文完了　カテゴリ一覧へのバナー */
.cat-001_ichigan-general{
    content: url("http://smaren-t.aispr.jp/img/banner/cat-001_ichigan-general_pc.jpg");
}


/* そのまま購入 */
.canBuyText{
    font-size: 17px;
    font-weight: bold;
}


/* サービス終了告知文 */
.top_end_notice__wrapper {
    width: 100%;
    margin:80px auto 0;
    padding: 0 25px;
    font-size: 16px;
}


/* 取扱い商品一覧 */
.top_item_list__wrapper .top_item_list-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.top_item_list__wrapper .top_item_list-list::after,
.top_item_list__wrapper .top_item_list-list::before {
    display: block;
    content: "";
    width: calc(100%/8);
}

.top_item_list__wrapper .top_item_list-list::before {
    order: 1;
}

.top_item_list__wrapper .top_item_list-item {
    padding-top: 25px;
}


/* TOPkikitoバナー */
.top_kikito_banner__wrapper {
    padding: 15px 25px;
}

.top_kikito_banner__wrapper img {
    cursor: pointer;
}
@media screen and (max-width:600px){
.sysDisplayMobileNone{
    display:none !important;
  }
  
  /* 10-0 Only Smartphone
   *----------------------------------------------------------------------*/
  /*#sysWrap{margin-top:100px;}*/
  #sysMain,#sysAside{ width: 100%!important;}
  
  .sysMypage #sysWrap,
  .sysMemberRegister #sysWrap{
    margin: 50px 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;
  }
  .sysCart #sysMain {
    width: 94% !important;
    padding: 0 !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: 13px;
  }
  
  /* 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: 90% !important;
  }
  .sysItemList ul.sysThumbnail li{width: 50% !important;}
  .sysItemName a{font-size: 12px;}
  /*商品名*/
  #sysItemDetail .sysItemName h1{
    font-size:20px;
    padding-bottom:5px;
    margin:20px 0;
  }
  #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{
    max-width: 450px;
    width: 90% !important;
  }
  .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: 200px;
    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}
  
  /***********************************
    ヘッダー
  ***********************************/
  
  .top_banner{
    width: 100%;
    /*TOP画面帯表示*/
    /*margin: 7.5em auto 0;*/
  }
  
  #sysMemberRegisterIndex .header_wrap {
    display: none;
  }
  
  #sysHeader{
    width: 100%;
    margin: 0px auto;
    background-color: #ebfdf6;
  }
  .h_inner{margin: 0px 0 0;}
  .header_h1_under, .header_h1_sp, .header_h1{
    width: 100%;
    height: 0;
    float: none;
    text-align: center;
    background: #ededed;
  }
  .header_h1_under a, .header_h1 a, .header_h1_sp 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: 5px; left: 0;
  }
  .header_sp .spCart{
    position: absolute;
    top: 5px; right: 0;
  }
  .header_sp #navBtn img, .header_sp .spCart img{
    width: 40px;
    height: 40px;
  }
  .header_sp .spLogo img{
    width: 40%;
    /*margin-top: 7px;*/
  }
  
  .header-message {
    padding-top: 40px;
  }
  
  /***********************************
    カート情報
  ***********************************/
  #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: 100px;
      margin-top:10px;
  }
  #headNavigation li.tab1 a{
          font-size: 12px;
          line-height: 15px;
          position: relative;
  }
  #headNavigation li.tab1:nth-of-type(5){
          display:none;
  }
  
  /*ナビゲーショントグル*/
  .toggleNav{
    display: none;
    width: 100%;
    position: absolute;
    height: 0px; /*heightはjs制御*/
    top: 39px; left:0;
    z-index: 110;
           background: rgba(0,0,0,0);
    box-shadow:0px 0px 0px 0px #ccc;
    -moz-box-shadow:0px 0px 0px 0px #ccc;
    -webkit-box-shadow:0px 0px 0px 0px #ccc;
  }
  .toggleNav:hover{overflow: visible !important;}
  #headNavigation ul.tab{
          position: relative;
  }
  .tabmenu .border:after{
    content:none;
  }
  .tabmenu li.tab1{
    position: static;
    border-right:1px solid #000;
  }
  .tabmenu li.tab1:nth-child(4){
    border-right:none;
  }
  .tabmenu li.tab1 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;}
  #spNavMenu ul {
    margin-bottom: 50px;
  }
  
  /***********************************
    フッター
  ***********************************/
  .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: 0px auto 30px;
    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;
    top: 30px;
    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;
  }
  /*カート画面デザイン*/
  .sysCart .sysItemListArea{
    width: 100%;
    margin-right: 0;
  }
  .sysCart .registerForm {
    width: 100%;
    margin-left: 0;
  }
  .loginScrollButton {
    width: 100% !important;
    padding: 15px 10px !important;
    margin: 5px 0 !important;
    color: #fff !important;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: bold;
    box-shadow: none;
    border: none !important;
    background: #00af6b !important;
  }



  /***********************************
    ボタンデザイン
  ***********************************/
  .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;
  }
  
  /***********************************
    ワンページカート
  ***********************************/
  /*情報入力ページ調整*/
  .sysOpcBody .header_wrap {
    border-bottom: none;
  }
  .sysOpcBody img {
    max-width: 100%;
  }
  .sysOpcBody div#sysWrap {
    margin: 20px auto 0;
  }
  .sysCart #sysMain,
  .sysOpcBody #sysMain{
    border: none;
  }
  .sysOpcBody div#sysMain {
    padding: 0 3%;
    margin-bottom: 0;
  }
  .opcCommonInputSelect,
  .opcCommonButton {
    width: 49% !important;
  }
  .opcConfirm_inputStatus,
  .opcConfirm_inputStatus_disable,
  .opcConfirm_order,
  .opcConfirm_order_disable {
    width: 94% !important;
  }
  .opcConfirm_inputStatus {
    margin-bottom: .5em;
  }
  .opcItem_increaseNumButton_edit,
  .opcItem_decreaseNumButton_edit {
    width: 40px !important;
  }
  .opcCommonButtonGroup {
    margin-top: 1em;
  }
  .opcBillingAddress_genderMaleAndLabelGroup_edit,
  .opcBillingAddress_genderFemaleAndLabelGroup_edit {
    width: 30% !important;
  }
  .opcBillingAddress_prefState_edit {
    margin: 5px 0;
    width: 100% !important;
  }
  .opcBillingAddress .opcCommonReferenceLabel {
    width: 70px;
    display: inline-block;
    position: relative;
  }
  .opcBillingAddress .opcCommonReferenceLabel::after {
    position: absolute;
    right: 0;
  }
  .opcDeliveryMethod .opcCommonReferenceLabel {
    width: 123px;
    display: inline-block;
    position: relative;
  }
  .opcDeliveryMethod .opcCommonReferenceLabel::after {
    position: absolute;
    right: 0;
  }
  .opcBillingAddress_addressGroup {
    width: calc(100% - 80px) !important;
  }
  .opcRemarks_remark_edit {
    width: 100% !important;
  }
  .opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup .opcCommonButton {
    margin: 0 0 .5em !important;
    width: 100% !important;
  }
  .opcOrderSummary_totalPriceLabel {
    font-size: 14px !important;
  }
  /*完了ページ調整*/
  #sysThanks #sysMain {
    width: 100% !important;
    padding: 0 !important;
  }
  
  /* TOP */
  
  .top__banner__wrapper {
    height: 240px;
  }
  
  
  .top__title-content {
    top: 100px;
    left: 8%;
  }
  
  .top__banner__background {
    /*min-width: 440px;*/
    right: 0;
    width: 100%;
  }
  
  .top__title01, .top__title02{
    font-size: 28px;
  }
  
  .top__title02 {
    top: 75px;
  }
  
  /* product */
  #lamp {
    display: none;
  }
  
  .product__section {
    margin: 30px 0 20px;
  }
  
  .product__title {
    margin-left: 5%;
    font-size: 17px;
    padding-top: 7.0rem;
  }
  
  .product__title span.product__name {
    font-size: 1.4em;
  }
  
  .square-product__img {
    width: 130px;
    top: 4.0rem;
    position: absolute;
    right: 2%;
    height: auto;
  }
  
  .square-product__img-ie {
    display: none;
  }
  
  .product__video iframe {
    width: 100%;
    margin: 30px 0;
  }
  
  .product__tabs {
    font-size: 12px;
    position: initial;
  }
  
  .product__tab-buttons {
    width: 96%;
    margin: 0 auto;
    display: block !important;
    text-align: center;
  }
  
  
  .product__tab-buttons span {
    display: inline-block;
    padding: 0.8em 1.2em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
    margin: 2px;
    cursor: pointer;
    width: auto;
    float: none;
    height: auto;
    line-height: initial;
  }
  
  .product__tab-buttons span:hover {
    background: #67c5ff;
    color: white;
  }
  
  .product__btn-container {
    margin-top: 0;
  }
  
  .product__btn-container .btn-anime {
    width: auto;
  }
  
  .product__info .msg {
    font-size: 14px;
  }
  
  /* step */
  
  .top__step {
    margin: 70px 0;
  }
  
  #sysItemDetail .top__step {
    margin: 50px 0 0 0;
  }
  
  .copy {
    font-size: 1.8em;
  }
  
  .step__wrapper {
    display: inline-block;
  }
  
  .step__wrapper:before {
    width: 1px;
    height: 90%;
    top: 5%;
    left: 50%;
    margin-left: -96px;
  }
  
  .step__img {
    display: inline-block;
    width: 66px;
    vertical-align: middle;
  }
  
  .step__info {
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    text-align: left;
    padding-left: 15px;
  }
  
  .step__title {
    height: 1.5em;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.0;
  }
  
  .step__desc {
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
  }
  
  .step__flow-img {
    width: 80%;
  }
  
  .step__flow-title {
    font-size: 1.2em;
  }
  
  .step__flow-desc {
    font-size: 13px;
  }
  
  /* character */
  .character__content {
    height: 300px;
  }
  
  .character__wrapper {
    width: 100%;
  }
  
  .character__wrapper li.swiper-slide {
    transform: scale(0.8);
    z-index: 0;
  }
  
  .character__wrapper li.swiper-slide .character__background-image:after{
    opacity: 0;
  }
  
  .character__wrapper li.swiper-slide .character__info{
    padding-top: 266px;
    height: 100%;
  
  }
  
  .character__wrapper li.swiper-slide .character__desc {
    opacity: 0;
  }
  
  .character__wrapper li.swiper-slide-active {
    transform: scale(1.3);
    z-index: 1;
  }
  
  .character__wrapper li.swiper-slide-active .character__background-image:after {
    opacity: 0.7;
  }
  
  .character__wrapper li.swiper-slide-active .character__info {
    padding-top: 16px;
    height: 550px;
  }
  
  .character__wrapper li.swiper-slide-active .character__desc {
    opacity: 1;
  }
  
  .character__content:first-child .character__info:before,
  .character__content:nth-child(2) .character__info:before,
  .character__content:nth-child(3) .character__info:before {
    background-size: 70%;
    margin-left: -4px;
    height: 80px;
  }
  
  .character__title {
    font-size: 18px;
    height: 2.6em;
  }
  
  .character__wrapper li.swiper-slide-active .character__info {
    height: auto;
  }
  
  .character__wrapper li.swiper-slide-active .character__desc {
    line-height: 1.2;
    font-size: 10px;
  }
  
  /* カレンダー */
  .sysRentalSchedulesCalendars {
    width: 100%;
  }
  
  .sysRentalScheduleInfo {
    padding: 20px 0 0 0;
  }
  
  /* security */
  .security__title {
    font-size: 19px;
  }
  
  .security__wrapper{
    height: 85px;
  }
  
  .security__wrapper .info {
    padding: 35px 0px 5px;
    font-size: 14px;
  }
  
  /* item category */
  #sysItemSearch .sysItemName,
  #sysItemCategory .sysItemName {
    padding-right: 24px;
  }
  
  #sysItemSearch .sysItemName a,
  #sysItemCategory .sysItemName a {
    font-size: 1.4rem;
  }
  
  .itemDetailWrap .sysRetailPrice{
    font-size: 2.4rem;
    top: 75px;
    display: flex;
  }
  
  #sysItemSearch .itemDetailWrap #sysDescriptionMobile,
  #sysItemCategory .itemDetailWrap #sysDescriptionMobile {
    margin-top: 100px;
  }
  
  #sysItemSearch .sysItemList ul.sysList li .sysThumbnailImage,
  #sysItemCategory .sysItemList ul.sysList li .sysThumbnailImage {
    margin-top: 60px;
  }
  
  
  
  /* faq */
  .faq__item {
    padding: 20px;
  }
  
  /* footer connect */
  .connect__wrapper .content {
    display: block;
  }
  
  .mail__content,
  .tel__content {
    width: 100%;
  }
  
  .tel__content {
    margin-top: 20px;
  }
  
  .tel {
    margin-top: 0;
  }
  
  /* utitliy */
  .sp_only {
    display: inline-block;
  }
  
  .arrow-prev {
    position: absolute;
    top: 25px;
    left: 10px;
    transform: rotate(45deg);
  }
  
  .arrow-next {
    position: absolute;
    top: 25px;
    right: 10px;
    transform: rotate(225deg);
  }
  
  
  /* sysMypageRemindermessage */
  #sysMypageReminder .sysMypageMinorHeadLine,
  #sysMypageRemindermessage .sysMypageMinorHeadLine {
    font-size: 2.0rem;
    margin: 20px 0;
  }
  
  
  /*ヘッダー帯*/
  .headerBand{
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    background-color: #00af6b;
    padding: 5px;
  }
  
  /*TOPサイト特徴*/
  .chara-title{
    width: 90%;
    margin: 20px auto 0;
    padding-bottom: 5px;
  }
  .chara-title h2{
    font-size: 4vw;
  }
  .chara-list {
  }
  
  .chara-list li{
  }
  .chara-list .chara_img{
   width: 60%;
  }
  .chara-list p{
    font-size: 3vw;
  }
  /*小さいサイズのIPhone*/
  @media screen and (max-width:360px) { 
    .headerBand { font-size: 12px;}
    .itemDetailWrap .sysRetailPrice { font-size: 1.6rem;}
    .retailPeriod {font-size: 1.1rem; padding: 3px;}
    
  }
  
  .three_reasons{
   margin-bottom:50px;
  }
  .txtBlock-contact{
    text-align: center;
  }
  
  .sysRentalUseDays .sysRentalDate, .sysRentalReturnDay .sysRentalDate{
    font-size: 4.8vw;
  }
  .sysRentalReturnDay .sysRentalReturnItemName{
    padding-right: 20%;
  }
  /*カテゴリ一覧*/
  .categorylistPankuzu{
    padding-left: 25px;
  }
  .categoryMessage{
    text-align: center;
    font-weight: bold;
    font-size: 200%;
  }
  .categoryItemArea{
    margin: 1%;
    width: 48%;
  }
  .categoryItemCircle {
    height: 40vw;
  }
  .categoryItem p{
    font-size: 110%;
  }
  /*商品詳細 追加項目*/
  .receipt-day-content{
    font-size: 3.5vw;
  }
  .receipt-day-title{
    font-size: 4.6vw;
  }
  .same-day-delivery-content{
    font-size:  3vw;
  }
  .same-day-delivery-title{
    font-size: 4.6vw;
  }
  .same-day-delivery img{
    width: 40px;
    height: 40px;
    margin: 10px;
  }

/*TOP余白*/
.top__security {
  margin-top: 70px;
}
/*カールセルボタン*/
.recommend-swiper .swiper-button-prev,
.recommend-swiper .swiper-button-next,
.recommend-swiper .swiper-pagination {
 display: none;
}
/*TOP人気商品*/
.recommend__genre-title, .top_item_list__genre-title {
 font-size: 110%;
}
/* .recommend__genre-link-box a,
 .top_item_list__genre-link-box a {
 font-size: 5%;
} */

.recommend__price, .top_item_list__price {
 font-size: 130%;
}
.recommend__date-unit, .top_item_list__date-unit {
 font-size: 115%;
}
/*新商品リボン*/
#top .ribbon {
 left: 3.5em;
}
@media screen and (max-width: 320px) { 
 #top .ribbon {
  left: 1.5em;
 }
}

.maintenance_main h2{
  font-size: 65%;
  text-align: center;
}


/* 【テンプレート】商品ページ用（1カラム) モーダル */
.alcohol-modal, .dm-campaign-modal,
.indoor-modal, .outdoor-modal, .baby-modal{
    z-index: 1001;
}
.alcohol-modal .modal__content,
.dm-campaign-modal .modal__content,
.indoor-modal .modal__content,
.outdoor-modal .modal__content,
.baby-modal .modal__content{
    width: 85%;
    padding: 20px 20px 30px;
    overflow-y: auto;
    max-height: 90%;
    top: 48%;
}

/* 注文完了ページへの画像・文言のリンク挿入 */
/*
.div-link .slr-camera-link img{
  content: url("http://smaren-t.aispr.jp/img/item/Category-img/category-img-一眼カメラ-sp.jpg");
}
*/
.dm-campaign-img{
  content: url("http://smaren-t.aispr.jp/img/campaign/campaign_friend_sp.png");
}


/* 注文完了　カテゴリ一覧へのバナー */
.cat-001_ichigan-general{
    content: url("http://smaren-t.aispr.jp/img/banner/cat-001_ichigan-general_sp.jpg");
}
}
@media screen and (min-width:601px) and (max-width:1100px){
.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: 92% !important;
      margin: 0 auto;
    padding: 0;
  }
  .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: 0 20px 30px;}
  #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 {
    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: 100px;
    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, .header_h1_sp{
    width: 100%;
    height: 20px;
    float: none;
    text-align: center;
    background: #ededed;
  }
  .header_h1_under a, .header_h1 a, .header_h1_sp 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: 160px;
    margin-top: 5px;
  }
  
  .header-message {
    padding-top: 70px;
    text-align: center;
    font-size: 10px
  }
  
  /***********************************
    カート情報
  ***********************************/
  #cartInfo{display: none;}
  
  /***********************************
    ナビゲーション
  ***********************************/
  #headNavigation .pcnone{display: block;}
  #headNavigation .spnone{display: none;}
  #headNavigation li.active{background: #fff;}
  .h_navi{
    width: 100%;
    height: 40px;
  }
  #headNavigation li.tab1{
          width: 25%;
      margin-top:10px;
  }
  #headNavigation li.tab1 a{
          font-size: 12px;
          line-height: 15px;
          position: relative;
  }
  #headNavigation li.tab1:nth-of-type(5){
          display:none;
  }
  /*ナビゲーショントグル*/
  .toggleNav{
    display: none;
    width: 100%;
    position: absolute;
    height: 0px; /*heightはjs制御*/
    top: 39px; left:0;
    z-index: 110;
           background: rgba(0,0,0,0);
    box-shadow:0px 0px 0px 0px #ccc;
    -moz-box-shadow:0px 0px 0px 0px #ccc;
    -webkit-box-shadow:0px 0px 0px 0px #ccc;
  }
  .toggleNav:hover{overflow: visible !important;}
  #headNavigation ul.tab{
          position: relative;
  }
  .tabmenu .border:after{
    content:none;
  }
  .tabmenu li.tab1{
    position: static;
    border-right:1px solid #000;
  }
  .tabmenu li.tab1:nth-child(4){
    border-right:none;
  }
  .tabmenu li.tab1{position: static;}
  .tabmenu li.tab1 a{font-size:14px;}
  .tabmenu ul:after{
      display: block;
      content: "";
      clear: both;
  }
  .tabmenu li.tab2{
    width: 100%;
    height:auto;
    text-align: left;
    line-height:1;
    font-size: 18px;
    border-bottom: 1px dotted #ddd;
    position: relative;
    background: rgba(255,255,255,1);
  }
  .tabmenu li.tab2 a{
    display: block;
    position: relative;
    padding: 5px 15px;
    font-size: 14px !important;
    line-height: 40px !important;
      font-weight: bold;
  }
  #headNavigation li.tab2 a:after{display: none;}
  .tabmenu li.tab2 a i{
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top:-7px;
  }
  
  .h_spnavi{
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0px; left: 0;
    background: rgba(220,220,220,0.9);
    z-index: 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;
  }
  
  /***********************************
    ワンページカート
  ***********************************/
  
  /*情報入力ページ調整*/
  .sysOpcBody .header_wrap {
    border-bottom: none;
  }
  .sysOpcBody div#sysWrap {
    margin: 20px auto 0;
  }
  .sysCart #sysMain,
  .sysOpcBody #sysMain{
    border: none;
  }
  .sysOpcBody div#sysMain {
    margin-bottom: 0;
  }
  .sysOpcBody img {
    max-width: 100%;
  }
  .sysOpcBody div#sysMain {
    padding: 0 4%;
  }
  .opcConfirm_inputStatus,
  .opcConfirm_inputStatus_disable,
  .opcConfirm_order,
  .opcConfirm_order_disable {
    width: 94% !important;
  }
  
  
  /* TOP */
  .top__banner__wrapper {
    height: 360px;
  }
  
  .top__banner__background {
    right: 0;
  }
  
  /* character */
  .character__wrapper {
    width: 100%;
  }
  
  .character__wrapper li.swiper-slide {
    transform: scale(0.8);
    z-index: 0;
  }
  
  .character__wrapper li.swiper-slide .character__background-image:after{
    opacity: 0;
  }
  
  .character__wrapper li.swiper-slide .character__info{
    padding-top: 266px;
    height: 100%;
  
  }
  
  .character__wrapper li.swiper-slide .character__desc {
    opacity: 0;
  }
  
  .character__wrapper li.swiper-slide-active {
    transform: scale(1.1);
    z-index: 1;
  }
  
  .character__wrapper li.swiper-slide-active .character__background-image:after {
    opacity: 0.7;
  }
  
  .character__wrapper li.swiper-slide-active .character__info {
    padding-top: 16px;
    height: 550px;
  }
  
  .character__wrapper li.swiper-slide-active .character__desc {
    opacity: 1;
  }
  
  /* カレンダー */
  .sysRentalSchedulesCalendars {
    width: 340px;
    float: initial;
    margin: auto;
  }
  
  .sysRentalScheduleInfo {
    margin: 0 auto;
    padding: 20px 0 0 0;
  }
  
  .sysRentalUseDays .sysRentalDate,
  .sysRentalReturnDay .sysRentalDate{
    font-size: 1.1em;
  }
  .sysRentalReturnDay .sysRentalReturnItemName {
    padding-right: 22%;
  }

  .categoryItemCircle{
    height:20em;
  }
  /*TOPサイト特徴*/
  .chara-title{
    width: 100%;
  }
/*カールセルボタン*/
.recommend-swiper .swiper-button-prev,
.recommend-swiper .swiper-button-next,
.recommend-swiper .swiper-pagination {
 display: none;
}
/*新商品リボン*/
#top .ribbon {
 left: 70px;
}
@media screen and (max-width: 896px) { 
 #top .ribbon {
  left: 20px;
 }
}
}
@media screen and (min-width:1101px){
.sysDisplayPcNone{
  display:none !important;
}

}
/* #END_OF_RESOURCE_FILE */