@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Crimson+Text);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;600&display=swap);
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap");
.search_bx input[type=search] {
  color: #000 !important;
}

#sysMain button.mdl-button.full-width,
#sysMain button.mdl-button.opc_next_btn {
  width: 100% !important;
  height: auto !important;
  margin-left: 0 !important;
  font-size: inherit !important;
  height: auto !important;
  font-weight: 600;
}

#spNaviWrap {
  position: absolute;
  width: 100%;
  top: 0px;
  left: -100%;
  z-index: 200;
  overflow: scroll;
}

#spNaviWrap {
  background-color: #fff;
}

#spNaviWrap .search_bx form {
  border: none;
}

#spNaviWrap .search_bx .sysItemSearchFormWord {
  float: none;
  width: 100%;
}

#spNaviWrap .search_bx .sysSearchButton {
  width: 100%;
  height: auto;
  color: #000;
  text-indent: 0;
  background: #FFDB01;
  margin-top: 5px;
  padding: 5px;
  float: none;
}

#spNavMenu ul li a {
  display: block;
  font-size: 14px;
  border-bottom: 1px solid #fff;
  padding: 10px 15px;
}

#closeMenu2 {
  border: 1px solid #fff;
}

/* 基本設定
 *----------------------------------------------------------------------*/
html {
  font-size: 62.3%;
}

body * {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}

body {
  color: #393939;
  font-size: 14px; /*13px*/
  /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;*/
  line-height: 1.6;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: url(../img/bg.jpg) repeat;
  background-size: 1500px auto;
  /*padding-top: 220px;*/
  padding-top: 80px;
}

p {
  padding: 0;
}

/*button*/
ul.btnWrap {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

ul.btnWrap li:only-of-type {
  width: 50%;
}

ul.btnWrap li a {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  display: block;
  color: #fff;
  font-size: 14px;
  background: #000;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  position: relative;
}

ul.btnWrap li a::after {
  content: "›";
  position: absolute;
  font-size: 13px;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

ul.btnWrap li a:hover {
  opacity: 0.75;
}

/*insta*/
ul#instaList {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 9px;
}

ul#instaList li {
  width: calc(33.3333% - 6px);
}

ul#instaList li:nth-of-type(3n) {
  margin-right: 0;
}

/*title*/
h1.head_title {
  color: #000 !important;
}

.h1_product {
  background: url(../img/h1_bg.jpg) no-repeat top center #fff;
}

.h1_product .sysContent {
  max-width: 1000px;
  margin: 0 auto;
}

.h1_product .sysContent p {
  font-size: 30px;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  position: relative;
  padding: 20px 0 20px 40px !important;
}

.h1_product .sysContent p::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 25px;
  height: 25px;
  background: url(../img/ico_h1.png) repeat;
}

.h1_product .sysContent p .en {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-family: "Crimson Text", serif;
  font-weight: 400;
}

h1.sysHeadline,
h2.sysHeadline {
  background: url(../img/bg_htag.png) repeat-x center right;
  margin: 30px 0 10px;
  padding: 0;
}

h2.sysHeadline.blue {
  background: url(../img/bg_htag_bl.png) repeat-x center right;
}

h2.sysHeadline.green {
  background: url(../img/bg_htag_g.png) repeat-x center right;
}

h2.sysHeadline.pink {
  background: url(../img/bg_htag_p.png) repeat-x center right;
}

h2.sysHeadline.brown {
  background: url(../img/bg_htag_b.png) repeat-x center right;
}

#sysInformation #sysMain h1 {
  font-size: 27px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  background: url(../img/bg_htag.png) repeat-x bottom;
  margin: 0 0 30px;
  padding: 0 0 20px !important;
}

h1.sysHeadline span,
h2.sysHeadline span {
  display: inline-block;
  font-size: 27px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  background: url(../img/bg.jpg) repeat;
  background-size: 1500px auto;
  padding-right: 10px;
}

h1.sysHeadline span b,
h2.sysHeadline span b {
  display: inline-block;
  font-size: 17px;
  padding-right: 10px;
  font-weight: 400;
  font-family: "Crimson Text", serif;
}

h1.sysHeadline span {
  margin-left: 0;
  display: inline-block;
}

.topNews .sysHeadline {
  padding: 0 !important;
}
@media screen and (max-width: 600px) {
  .topNews .sysHeadline {
    padding-bottom: 15px !important;
  }
}

.topNews ul {
  border-top: 1px solid #e2d9c5;
  margin-top: 33px;
}
@media screen and (max-width: 600px) {
  .topNews ul {
    margin-top: unset;
  }
}

.topNews ul li {
  font-size: 16px;
  padding: 27px 27px;
  border-bottom: 1px solid #e2d9c5;
}
@media screen and (max-width: 600px) {
  .topNews ul li {
    font-size: 14px;
    padding: 15px 0;
  }
}

.news-list ul li a {
  color: #393939;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 25px;
  padding: unset;
  white-space: unset;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .news-list ul li a {
    gap: 5px;
    -webkit-line-clamp: unset;
  }
}

.news-list ul li a br {
  display: none;
}

.topNews ul li time {
  padding-right: 1em;
  font-family: "Crimson Text", serif;
  font-size: 18px;
}
@media screen and (max-width: 600px) {
  .topNews ul li time {
    font-size: 14px;
    display: block;
    line-height: 1;
  }
}

.article {
  margin-bottom: 50px;
}

.ttlStyle04 {
  font-size: 15px;
  font-weight: 500;
  border-left: 7px solid #000;
  margin-bottom: 20px;
  padding-left: 10px !important;
}

#sysMypageEditConfirm h3,
#sysMypageEditMember #sysMain h3,
.ttlStyle05,
#sysMain h3.sysMypageMinorHeadLine {
  color: #fff;
  background-color: #393939;
  font-size: 16px;
  padding: 10px 16px;
  font-family: "Noto Serif JP", serif !important;
  margin: 0 !important;
}

.freearea p {
  margin: 0 0 20px !important;
}

.ttlStyle06 {
  font-size: 23px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  margin: 0 0 15px;
}

.ttlStyle06.fz18 {
  font-size: 18px;
}

.ttlStyle07 {
  color: #fff;
  font-size: 23px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  text-align: center;
  background: #000;
  padding: 10px 15px;
  margin-bottom: 30px;
}

.ttlStyle08,
.sysCart #sysMain p.user_type {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  background: #ffdb00;
  padding: 10px 15px !important;
  margin-bottom: 15px;
}

ul#topBanner li {
  margin-bottom: 10px;
}

ol.listNumber {
  counter-reset: number;
  margin-bottom: 25px;
}

ol.listNumber li {
  font-family: "Noto Sans Japanese";
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
}

ol.listNumber li::before {
  counter-increment: number;
  content: "(" counter(number) ")";
  position: absolute;
  left: 0;
}

#privacypolicy p:not(.cartTxt),
#privacypolicy ol.listNumber {
  margin: 10px 0 0 !important;
}
#privacypolicy .m-btn1 {
  margin-top: 20px;
}

.sp_only {
  display: none;
}

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

#sysWrap {
  max-width: 1000px;
  margin: 0 auto 100px;
  padding: 0;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  #sysWrap {
    padding-top: 45px;
    margin-bottom: 50px;
  }
}

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

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

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

#sysFooter {
  margin: 0;
  padding: 0;
  position: relative;
  background-image: url(../img/bg3.jpg);
  background-size: 1500px auto;
}

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

.sysContent {
  padding: 0 !important;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;*/
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: inherit;
}

a {
  color: #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: 3px 10px !important;
  font-family: "Noto Sans Japanese";
  width: 100%;
  line-height: 2;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0;
}

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

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

.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;
  background: #000;
  -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;
  -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: -webkit-grab;
  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 {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

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

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

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

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

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

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          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;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-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;
  -webkit-transition: opacity 400ms ease;
  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;
  border-radius: 3px;
}

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

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

.owl-dots {
  text-align: center;
  padding-top: 9px;
}

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

.owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 12.5px;
  background: #d9d8d5;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

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

.owl-nav {
  display: none;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}

.owl-nav [class*=owl-] {
  position: absolute;
  top: 98%;
  margin-top: -18.5px;
  outline: 0;
  width: 38px;
  height: 38px;
  padding: 0;
  text-indent: -9999px;
  z-index: 9999;
  border: none;
  border-radius: none;
  cursor: pointer;
}

.owl-nav .owl-prev {
  background: url(../img/prev.png) no-repeat 0 0;
  left: -20px;
}

.owl-nav .owl-next {
  right: -20px;
  background: url(../img/next.png) no-repeat;
}

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

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

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

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

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

/* submitボタンの調整 */
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit,
#sysMemberRegisterConfirm .sysBackButton {
  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: min(435px, 100%);
  height: 65px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  background-color: #393939;
  position: relative;
  border: none;
  border-radius: unset;
}
#sysMypageReminder #sysMain input[type=submit]:hover,
.sysBackButton:hover,
.sysNextSubmit:hover,
#sysMemberRegisterConfirm .sysBackButton:hover {
  opacity: 0.8;
  color: #fff;
}
#sysMypageReminder #sysMain input[type=submit]::after,
.sysBackButton::after,
.sysNextSubmit::after,
#sysMemberRegisterConfirm .sysBackButton::after {
  content: "›";
  color: #fff;
  position: absolute;
  right: 30px;
  font-size: 25px;
}

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

.side_navi_item .sysHeadline {
  border-bottom: 1px solid #000;
}

.sysFuncItemCategory ul li {
  width: 100% !important;
  float: none;
}

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

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

.side_navi_item h3.sysHeadline {
  padding: 10px;
  border-bottom: none !important;
}

.side_navi_item h3.sysHeadline + .sysContent {
  border-top: 1px solid #000;
}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
  font-size: small;
  border: none;
  background: url(../img/bg_htag.png) repeat-x top center;
  padding-top: 30px;
}

.sysItemCategoryCtl a {
  display: inline-block;
  padding: 2px 10px;
  color: #ffdb00;
  background: #000;
  border-radius: 3px;
  text-decoration: none;
  margin: 5px 2px;
}

.sysItemCategoryCtl a.sysCurrent {
  color: #000;
  background: #ffdb00;
}

/* PRアイコン設定 */
.sysItemPr {
  display: block;
  color: #fff;
  font-size: 24px;
  letter-spacing: 0.1em;
  text-align: center;
  background-color: rgba(168, 21, 1, 0.8);
  position: absolute;
  top: 80px;
  width: 100%;
  padding: 10px;
}
@media screen and (max-width: 600px) {
  .sysItemPr {
    font-size: 15px;
    top: 35%;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}

/*PRアイコン(商品詳細ページ)*/
.sysPr span {
  position: static;
  margin-bottom: 20px;
}

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;
  box-sizing: border-box;
}

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

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

.sysCartButton:hover {
  background: #999;
}

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

/* 4-1-7  商品サムネイル画像 */
.sysItemList ul.sysThumbnail li {
  display: inline-block;
  float: none;
  vertical-align: top;
  letter-spacing: normal;
  padding: unset;
  position: relative;
  width: calc(33.333% - 20px);
}
@media screen and (max-width: 600px) {
  .sysItemList ul.sysThumbnail li {
    width: calc(50% - 10px);
  }
}

.sysItemList ul.sysThumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 30px;
}
@media screen and (max-width: 600px) {
  .sysItemList ul.sysThumbnail {
    gap: 23px 20px;
  }
}

.sysItemList ul.sysThumbnail .itemDetailWrap {
  height: auto !important;
}

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

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

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

.sysItemImages .sysImageList li {
  display: inline-block;
  vertical-align: top;
  height: auto;
  width: 23%;
  aspect-ratio: 1;
  line-height: 1;
  float: none;
  margin: 1% 0;
  background-color: #fff;
}
.sysItemImages .sysImageList li img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#sysCartInForm {
  width: 100%;
}

/* ログインボタン */
.sysLoginButton,
.sysButton {
  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: min(435px, 100%);
  height: 65px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  background-color: #393939;
  position: relative;
  border: none;
  border-radius: unset;
}
.sysLoginButton:hover,
.sysButton:hover {
  opacity: 0.8;
  color: #fff;
}
.sysLoginButton::after,
.sysButton::after {
  content: "›";
  color: #fff;
  position: absolute;
  right: 30px;
  font-size: 25px;
}

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

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

.sysCartInDone {
  margin: 0;
}

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

#sysDestination #sysMain {
  width: 1000px;
  /*border: 1px solid #eee;*/
  margin: 0 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%;
  color: #fff;
}

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

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

#sysMain .sysFormLabel {
  display: block;
  font-size: 15px;
  /*border-bottom: 1px solid #7d7c7c;*/
  padding: 0 0 2px;
  /*margin-bottom: 10px !important;*/
  font-weight: bold;
  /*border-bottom:1px solid #000;*/
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#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: block;
}

.sysZipcode .sysFormLabel {
  display: block;
}

.sysZipcode br {
  display: none;
}

.sysBirthday input {
  width: auto !important;
}

.sysZipcode button {
  width: auto;
  height: auto;
  font-size: 14px;
  padding: 5px 10px;
  margin-top: 5px;
}
.sysZipcode button::after {
  display: none;
}

/* フォーム確認ぺージ */
/* マイページ */
.sysMypageMajorHeadLine {
  display: none;
}

.SysMypageMinorHeadLine {
  font-size: 20px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  .SysMypageMinorHeadLine {
    font-size: 18px;
  }
}

#sysMypageLogin .sysMypageMinorHeadLine {
  display: none;
}

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

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

.sysOrderList li:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

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

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

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

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

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

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

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

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

/* マイページ（複数配送先編集画面）*/
.sysSelectAddress {
  background: none;
  border: 1px solid #000 !important;
}

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

.sysSelectAddress div {
  padding: 0 !important;
}

#sysDestinationOther + .sysSelectAddress {
  border: none !important;
  padding: 0 !important;
}

.sysSelectAddress .sysSubTitle {
  font-size: inherit !important;
}

.sysSelectAddress {
  margin: 10px 0;
}

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

/***********************************
  商品詳細ページ
***********************************/
/*商品名*/
p#sendFree {
  color: #e7340c;
  font-size: 20px;
  text-align: center;
  border: 1px solid #e7340c;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  margin: 0 0 15px;
}
@media screen and (max-width: 600px) {
  p#sendFree {
    font-size: 16px;
    padding: 15px;
  }
}

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

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

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

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

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

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

/*送料区分*/
#sysItemDetail .sysShippingCost {
  display: inline-block;
  width: auto;
  margin-left: auto;
  margin-top: 5px;
  padding: 0 5px;
  color: #a81501;
  font-weight: bold;
  font-size: 1.1rem;
  border: 1px solid #a81501;
  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;
}

#sysItemDetail .sysForm select {
  /*min-width: 450px;*/
  width: min(270px, 100%);
  max-width: 100%;
  display: inline-block;
  float: none !important;
  margin: 5px 0;
  padding: 0 5px;
}

#l-cart .sysBox select[name=num],
#sysItemDetail .sysForm select[name=num] {
  min-width: 100px;
  width: min(100px, 100%);
}

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

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

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

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

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

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

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

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

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

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

/*パンくず*/
.sysCategoryPankuzu br {
  display: none;
}

.sysCategoryPankuzu {
  margin-bottom: 0;
}

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

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

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

.sysImageDescription {
  margin: 10px 0;
}

/*簡易商品説明*/
#sysItemDetail .sysDescription h2 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
  background-color: #393939;
  padding: 10px 15px;
  font-weight: 500;
}

#sysItemDetail .sysDescription p {
  margin: 0;
  line-height: 1.78;
  margin-bottom: 20px;
  font-family: "Noto Sans Japanese";
}

#sysItemDetail .sysDescription p:last-od-type {
  margin-bottom: 0;
}

/*商品詳細*/
.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 {
  aspect-ratio: 1;
  border: 1px solid #ccc;
}

#sysItemDetail .sysMainImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/*関連商品*/
.detail_list {
  padding-top: 45px;
}

.detail_list h3.sysHeadline {
  font-size: 26px;
  letter-spacing: 0.1em;
  padding-bottom: 15px;
}

/*数量増減*/
#sysItemDetail #sysNumber .sysNumArea {
  display: none;
}

#sysItemDetail .sysNumArea button {
  color: #000;
  overflow: hidden;
  display: inline-block;
  width: 25%;
  padding: 10px;
  border: 1px solid #000;
  border-radius: 5px;
  background: #FFDB00;
  cursor: pointer;
}

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

#sysItemDetail .sysNumArea .sysBtnPlus {
  border-color: #000;
  background-size: 65px;
  background: #FFDB00;
  width: 37%;
}

#sysItemDetail .sysNumArea .sysBtnMinus {
  border-color: #000;
  background-size: 90px;
  background: #FFDB00;
  width: 37%;
}

/*カートに入れる*/
#sysItemDetail .sysCartButton {
  padding: 23px 15px !important;
  text-indent: -999px;
  background: #a81501 url(../img/btn_cart.png) no-repeat center;
  background-size: contain;
  margin-top: unset;
}

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

#sysItemDetail .sysGoCartButton {
  padding: 23px 15px !important;
  text-indent: -999px;
  background: #a81501 url(../img/btn_cart_out.png) no-repeat center;
  background-size: contain;
}

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

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

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

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

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

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

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

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

/*テーブルデザイン*/
.sysExplanation table {
  border: 1px solid #000;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 20px;
}

.sysExplanation table th {
  width: 100px;
}

.sysExplanation table th,
.sysExplanation table td {
  font-family: "Noto Sans Japanese";
  text-align: left;
  font-weight: 400;
  border: 1px solid #000;
  padding: 10px;
}

.fcRed {
  font-family: inherit;
  color: #a81501;
}

.bold {
  font-weight: bold;
}

table.tblStyle02 {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
}

table.tblStyle02 tr > * {
  padding: 5px 16px;
  border: 1px solid #393939;
}

table.tblStyle02 thead tr:first-of-type th {
  color: #fff;
  font-size: 16px;
  background: #393939;
}

table.tblStyle02 thead tr th {
  text-align: left;
  background: #393939;
}

table.tblStyle02 tbody th {
  text-align: left;
  background: #393939;
}

table.tblStyle02 tbody .long {
  width: 500px;
}

table.tblStyle03 {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 20px;
  border-top: 1px solid #7d7d7d;
}

table.tblStyle03 tr > * {
  font-size: 14px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-weight: 600;
  text-align: left;
  border-bottom: 1px solid #7d7d7d;
  padding: 10px 15px;
}

table.tblStyle03 tr * {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

table.tblStyle03 tr a {
  text-decoration: underline;
}

table.tblStyle03 tr th {
  width: 150px;
}

table.tblStyle04 {
  width: 100%;
  table-layout: fixed;
}

table.tblStyle04 tr > * {
  vertical-align: top;
  padding: 0 0 20px;
}

table.tblStyle04 th {
  width: 150px;
  font-size: 23px;
  text-align: left;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

table.tblStyle04 td {
  font-size: 17px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.fRight {
  float: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sysCart #sysWrap {
  margin: 0 auto;
}

.sysCart #sysMain {
  max-width: 1000px;
  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: transparent;
  border: 1px solid #000;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 1em auto 2em;
  padding: 1em;
}

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

.sysOrder ul.nav li, .sysDetail ul.nav li {
  border-bottom: 1px solid #000 !important;
}

.sysOrder ul.nav li:last-of-type, .sysDetail ul.nav li:last-of-type {
  border-bottom: 0 !important;
}

.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;
  background-color: #fff !important;
  border: 1px solid #d9d8d5 !important;
}

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

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

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

.sysCart .sysNextSubmitArea {
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .sysCart .sysNextSubmitArea {
    margin-bottom: 30px;
  }
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  border-radius: 5px;
  background: #000 !important;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  border: none;
}

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

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

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

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

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

.sysCart #sysMain input {
  color: #000 !important;
  background: #FFDB00 !important;
}

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

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

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

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

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

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

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

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

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

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

#sysBasket #sysMain .sysHeadline:first-of-type {
  display: none;
}
#sysBasket #sysMain .sysNextSubmitArea {
  margin-bottom: 35px;
}

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

#sysPayment .sysCourseSelection {
  display: none;
}

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

.sysCart #sysMain select {
  display: inline-block;
  width: min(400px, 100%);
}
@media screen and (max-width: 600px) {
  .sysCart #sysMain select {
    width: min(200px, 100%);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.sysCart #sysMain #show-dlg-1,
.sysCart #sysMain #show-dlg-1_low,
.sysCart #sysMain .sysOpcNextSubmit,
.sysCart #sysMain .sysNextSubmit {
  display: block;
  width: 100% !important;
  padding: 15px 10px !important;
  margin: 5px 0 !important;
  color: #fff !important;
  line-height: 1;
  font-weight: bold;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none !important;
  border-radius: 5px;
  background: #000 !important;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.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;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none !important;
  border-radius: 5px;
  background: #000 !important;
}

.sysCart #sysMain #show-dlg-3 {
  color: #fff !important;
  background: #a81501 !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;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #000 !important;
}

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

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

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

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

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

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

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

#sysItemSearch #sysMain .sysItemSearchForm {
  font-size: 12px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #000;
}

#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;
  -webkit-box-shadow: none;
          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;
}

.sysItemName {
  margin-top: 5px;
  font-size: 15px;
}

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

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

/***********************************
  新規会員登録
***********************************/
/*.sysMemberRegister #sysWrap{
  margin:0 auto;
}*/
/***********************************
  マイページ
***********************************/
/*.sysMypage #sysWrap{
  margin:0 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%;
}

#sysMemberRegisterIndex .sysButton[type=submit] {
  width: 49%;
  float: left;
  margin-right: 1%;
  margin-top: 10px;
}

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

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

/***********************************
  ヘッダー
***********************************/
.header_wrap {
  /*position: fixed;*/
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 170px;
  z-index: 120;
  padding-top: 20px;
  background: url(../img/bg_header.png) no-repeat top center, url(../img/bg.jpg) repeat;
}

.header_wrap * {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header_wrap_inner,
.f_guide .sysContent,
.footer_guide_2f .sysContent {
  max-width: 1000px;
  margin: 0 auto;
}

.h_inner {
  margin: 15px 0 0;
}

.header_h1_under, .header_h1 {
  width: 580px;
  height: 80px;
  float: left;
}

.header {
  width: 355px;
  float: left;
}

.logo img {
  width: 250px;
  float: left;
}

.logo_all .logo {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.logo_all .logo > a {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.head_title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6em;
  letter-spacing: 1px;
  margin-top: 13px !important;
  padding-top: 0 !important;
}

.header .g_navi ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header .g_navi li {
  float: left;
  text-align: center;
}

.header .g_navi li a {
  display: block;
  margin: 10px 10px 0;
  line-height: 28px;
  font-weight: bold;
  font-size: 13px;
  border-radius: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.header .g_navi li a img {
  display: block;
  margin: 0 auto;
}

.header .g_navi li i {
  margin-right: 5px;
}

/***********************************
  カート情報
***********************************/
#cartInfo {
  width: 60px;
  float: left;
  margin-top: 5px;
  position: relative;
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
  #cartInfo {
    display: block !important;
  }
}
@media screen and (max-width: 600px) {
  #cartInfo {
    width: auto;
  }
}

#cartInfo p {
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  margin: unset;
}

#cartInfo p img {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  #cartInfo p img {
    margin: unset;
  }
}

.h_cart {
  display: none;
  width: 280px;
  height: 145px;
  position: absolute;
  top: 54px;
  right: 0;
  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: #a81501;
  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;
  margin-right: 5px;
}

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

/* カート内商品数表示 */
button.itemCount {
  display: none;
  border: none;
  font-weight: bold;
  border-radius: 10px;
  position: absolute;
  top: -5px;
  right: 3px;
}
@media screen and (max-width: 600px) {
  button.itemCount {
    top: -8px;
    right: -4px;
  }
}

.sysCart #sysMain input[type=submit].sysDeleteArea {
  color: #FFDB00 !important;
  background: #000 !important;
}

/***********************************
  ナビゲーション
***********************************/
.h_navi {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
}

#headNavigation {
  max-width: 1000px;
  margin: 0 auto;
  clear: both;
  padding: 5px 0 0;
}

#headNavigation ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

#headNavigation ul::before,
#headNavigation ul::after {
  display: none;
}

#headNavigation .pcnone {
  display: none;
}

#headNavigation li.tab1 {
  text-align: center;
}

#headNavigation li a {
  font-size: 15px;
  font-weight: 500;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

#headNavigation li a span {
  display: block;
  font-size: 10px;
}

/*ナビゲーショントグル*/
.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: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
  visibility: hidden;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  z-index: 120;
  box-shadow: 2px 2px 4px 0px #ccc;
  -moz-box-shadow: 2px 2px 4px 0px #ccc;
  -webkit-box-shadow: 2px 2px 4px 0px #ccc;
}

.tabmenu li.tab2:hover .subCategory {
  visibility: visible;
}

.tabmenu li.tab3 {
  font-size: 14px;
  height: 35px;
  border-bottom: 1px dotted #ccc;
  font-weight: bold;
}

.tabmenu li.tab3:hover {
  background: #ededed;
}

/***********************************
  フッター
***********************************/
.footer {
  width: 100%;
  margin: 0;
  text-align: center;
  background-color: #fff;
  padding-block: 35px;
}
.footer-nav {
  font-family: "Noto Sans JP";
  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;
  gap: 1em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  .footer-nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }
}
.footer-nav__item::after {
  content: "　｜";
}
@media screen and (max-width: 600px) {
  .footer-nav__item::after {
    display: none;
  }
}
.footer-nav__item:first-of-type::before {
  content: "｜　";
}
@media screen and (max-width: 600px) {
  .footer-nav__item:first-of-type::before {
    display: none;
  }
}
.footer .f_copy {
  color: rgba(57, 57, 57, 0.7);
  font-size: 10px;
  padding-top: 10px;
  letter-spacing: 0.05em;
}

/***********************************
  フッター部分のご利用ガイド
***********************************/
.f_guide,
.footer_guide_2f {
  background: url(../img/bg_footer.png) repeat-x top center #fff;
  padding: 70px 0 50px;
}

.f_guide .ttlStyle02,
.footer_guide_2f .ttlStyle02 {
  font-size: 22px;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-weight: 500;
}

#footerGuide,
#snsArea {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}

#footerGuide .guide {
  max-width: 240px;
  margin-right: 100px;
  width: 30%;
  margin-top: 30px;
  position: relative;
  padding-bottom: 40px;
}

#footerGuide .guide:nth-of-type(3n) {
  margin-right: 0;
}

#footerGuide .guide .ttlStyle03 {
  font-size: 17px;
  font-weight: 500;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

#footerGuide .guide p {
  font-size: 13px;
}

#footerGuide .guide a.btnStyle01 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

#footerGuide .guide .bold {
  font-size: 15px;
  font-weight: bold;
}

#footerGuide .guide span.tel {
  font-size: 18px;
  font-family: "Crimson Text", serif;
  font-weight: 400;
}

#footerGuide .guide span.tel a {
  font-size: 22px;
}

ul#guideBanner,
ul#footMap {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}

ul#guideBanner li {
  margin: 0 10px;
}

ul#footMap li {
  border-right: 1px solid #000;
  padding: 0 15px;
}

ul#footMap li:last-of-type {
  border-right: none;
}

ul#footMap li a {
  font-size: 15px;
  font-weight: 500;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

#snsArea p.ttlStyle {
  font-size: 20px;
  font-family: "Crimson Text", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin: 0 0 18px;
}
@media screen and (max-width: 600px) {
  #snsArea p.ttlStyle {
    margin-bottom: 5px;
  }
}

#snsArea p.ttlStyle img {
  vertical-align: -12px;
  margin-right: 10px;
}

#snsArea #fb,
#snsArea #insta {
  width: calc(50% - 20px);
}

a.btnStyle01 {
  display: block;
  width: 120px;
  font-size: 13px;
  font-family: "Crimson Text", serif;
  font-weight: 500;
  text-align: center;
  border: 1px solid #000;
  border-radius: 3px;
  padding: 5px;
  margin: 0 auto;
}

/*ボタン*/
.f_guide .common_btn,
.footer_guide_2f .common_btn {
  margin: 10px auto;
}

.f_guide .common_btn a,
.footer_guide_2f .common_btn a {
  font-size: 13px;
  padding: 10px 0;
}

/* ページトップに戻る*/
a#page-top {
  width: 147px;
  height: 188px;
  background: url(../img/pagetop_bg.png) no-repeat;
  background-size: cover;
  position: fixed;
  bottom: 0;
  right: 0;
  text-align: center;
}

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

/***********************************
  サイド
***********************************/
ul#sideBanner li {
  margin-bottom: 10px;
}

#sideMovie {
  background: #fff;
  padding: 12px;
  margin-top: 40px;
  margin-bottom: 15px;
}

#sideMovie img.title {
  display: block;
  margin: -40px auto 10px;
}

#sideMovie ul li {
  margin-bottom: 10px;
  text-align: center;
}

div#sysAside {
  width: 240px !important;
  padding-top: 80px;
}

div#sysMain {
  width: 715px !important;
  padding-top: 80px;
}

/*検索ボックス*/
.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;
  background: #393939 url(../img/ico_search.png) no-repeat center center;
  background-size: contain;
  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;
  padding-bottom: 5px;
  border-bottom: 1px solid #000 !important;
  font-family: inherit;
}

.side_navi .sysHeadline:before,
.side_navi_item .sysHeadline:before {
  content: none;
}

.side_navi a {
  position: relative;
  padding: 7px 5px !important;
  letter-spacing: 1px;
  border-bottom: 1px dotted #cdcdcd !important;
}

.side_navi {
  margin-bottom: 30px;
  margin-top: 30px;
}

/*商品別*/
.side_navi_item {
  margin-bottom: 0;
  border-bottom: 1px solid #000;
}

.side_navi_item .sysHeadline,
.side_navi_item .sysContent {
  margin-left: auto !important;
}

.side_navi_item a {
  position: relative;
  padding: 10px 5px !important;
  letter-spacing: 1px;
  border-bottom: 1px dotted #cdcdcd !important;
}

.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 dotted #cdcdcd !important;
}

.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(3) {
  margin-bottom: 10px;
}

/***********************************
  共通パーツ
***********************************/
hr.style01 {
  width: 100%;
  height: 1px;
  background: #222222;
  margin: 50px auto;
  padding: 0;
  border: 0;
}

.sysTitle, .sysHeadline {
  position: relative;
  font-size: 32px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.sysTitle b, .sysHeadline b {
  display: block;
  font-size: 14px;
  text-align: center;
  margin-left: 5px;
}

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

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

#main_tradelaw dl, .main_tradelaw dl {
  background: #eee;
  border-bottom: 1px solid #7d7d7d;
}

#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;
  border-left: 1px solid #7d7d7d;
}

.shipFee {
  max-width: 1000px;
  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;
  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;
  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: 1000px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.guideBlock {
  padding-top: 30px;
}

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

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

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

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

.steps li img {
  height: 200px;
}

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

.common_btn a {
  display: block;
  padding: 15px 0;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #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 {
  margin: 0 0 40px;
}
@media screen and (max-width: 600px) {
  .top_slider {
    margin-bottom: unset;
  }
}

.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;
  box-sizing: border-box;
}

.top_newarrival li img {
  width: 100%;
}

.top_newarrival .sysItemName {
  font-size: 16px;
  font-weight: 500;
  padding-top: 12px;
  letter-spacing: 0.05em;
}

/*特集一覧*/
.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.6666666667%;
  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_ranking_item .sysContent .sysIconRank {
  margin-bottom: 10px;
}

.col3Items ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col3Items ul li {
  padding: 0 !important;
  margin: 0 0 30px !important;
  width: 32% !important;
  margin-right: 2% !important;
  position: relative;
}

.col3Items ul li:nth-of-type(3n) {
  margin-right: 0 !important;
}

.col3Items ul li .sysItemName {
  font-size: 15px;
  text-align: left;
}

.col3Items ul li .sysItemPrice {
  font-size: 15px;
  text-align: right;
}

div.sysFormItem {
  margin-bottom: 20px;
}

.sysFormItem:empty {
  border: none;
  padding: 0;
}

/*別の住所に送付*/
.sysCart #sysMain .sysOtherAddress input {
  background: #fff !important;
}

.sysCart #sysMain .sysOtherAddress .sysFormItem.sysDeliveryAddress {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

/*会社概要*/
ul#photoHistory {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0 30px;
}

ul#photoHistory li {
  width: 24%;
}

/*夏祭り*/
ul.listSummer {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}

ul.listSummer li {
  width: 135px;
  font-size: 500px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
}

ul.listSummer li:nth-of-type(5n) {
  margin-right: 0;
}

ul.listSummer li:nth-of-type(odd) {
  color: #ffdb00;
  font-size: 14px;
  background: #000;
}

ul.listSummer li:nth-of-type(even) {
  color: #000;
  font-size: 14px;
  background: #ffdb00;
}

ul#summerPhotos {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul#summerPhotos li {
  width: 219px;
  margin-right: 29px;
  margin-bottom: 20px;
}

ul#summerPhotos li:nth-of-type(3n) {
  margin-right: 0;
}

ul#summerPhotos li p {
  font-size: 14px;
}

#summerMessage {
  border: 1px solid #7d7c7c;
  border-radius: 10px;
  background: #fff;
}

#summerMessage div:not(.text) img {
  border-radius: 10px 10px 0 0;
}

#summerMessage .text {
  padding-left: 150px;
  position: relative;
}

#summerMessage .text img.logoFes {
  position: absolute;
  left: 45px;
  top: -80px;
}

#summerMessage .text p {
  font-size: 16px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  line-height: 1.8em;
  margin: 40px 0;
}

/*菓子教室*/
#classroom .topNews {
  width: 100%;
  background-image: unset;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: unset;
  padding-block: unset;
}
#classroom .topNews ul {
  margin-top: unset;
  border-top: none;
}
#classroom .topNews ul li {
  border-bottom: none;
  padding: 20px 0;
}

p.schoolCatch {
  font-size: 31px;
  font-weight: 700;
}

.schoolPrice {
  font-size: 21px;
  font-weight: 500;
}

.schoolPrice .price {
  font-size: 54px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.schoolPrice .price + .en {
  font-size: 30px;
}

ul.shoolPhoto {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul.shoolPhoto li {
  width: 219px;
  margin: 0 29px 29px 0;
}

ul.shoolPhoto li:nth-of-type(3n+1) {
  margin-right: 0;
}

ul.shoolPhoto li.main {
  width: 100%;
  margin: 0 0 19px;
}

/*販売店案内*/
a.underB {
  color: #0075a9;
  text-decoration: underline;
}

.shopWrap {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.shopWrap > div {
  width: 48%;
}

.mB30 {
  margin-bottom: 30px !important;
}

.tCenter {
  text-align: center;
}

/*観光バス*/
.busContactWrap {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.busContactWrap > div {
  padding: 0 20px;
}

.busContactWrap > div:first-of-type {
  border-right: 1px solid #000;
}

.busContactWrap .shopName {
  font-size: 17px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.busContactWrap .shopName a {
  font-size: 30px;
  font-family: inherit;
  font-weight: 400;
  margin-left: 10px;
  display: inline-block;
}

.busContactWrap .shopName a span {
  font-size: 24px;
  font-family: inherit;
}

.busContactWrap table tr > * {
  font-weight: normal;
  vertical-align: top;
  padding: 0 20px 0 0;
}

.busTaiken {
  border: 1px solid #000;
  padding: 15px 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.busTaiken p {
  font-size: 18px;
  font-weight: 600;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  margin: 0 6px;
}

.busTaiken p span {
  display: inline-block;
  font-size: 13px;
  font-family: inherit;
  color: #ffdb00;
  background: #000;
  border-radius: 3px;
  padding: 2px 20px;
  margin-right: 10px;
}

.sysMypage .sysLoginForm input[type=submit] {
  margin-top: 0;
}

.anker {
  margin-top: -80px;
  padding-top: 80px;
}

/*虎屋の歴史*/
#history #sysMain h2 {
  margin: 30px 0;
}

.historyWrap {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 0;
}

.historyWrap .text {
  max-width: 380px;
}

.historyWrap .text p {
  font-size: 15px;
  line-height: 2em;
  margin: 0 0 20px;
}

.historyWrap .image {
  width: 301px;
}

.historyWrap .order,
.ankoWrap .order {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

p.historyTitle {
  color: #7d7a6e;
  font-size: 21px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

#historyOmoi {
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}

#historyOmoi .inner {
  padding: 20px 30px;
}

#historyOmoi .step {
  margin-top: 30px;
}

#historyOmoi .step:first-of-type {
  margin-top: 50px;
}

.ankoWrap {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}

.ankoWrap .text {
  width: 305px;
}

.ankoWrap h4 {
  font-size: 22px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.ankoWrap p {
  font-size: 13px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1em, rgba(0, 0, 0, 0.1)), color-stop(0.1em, transparent));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0.1em, transparent 0.1em);
  background-size: auto 3.2em;
  line-height: 3.2em;
  padding-bottom: 20px !important;
}

.awardBox {
  border: 1px solid #000;
  padding: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}

.awardBox li .year {
  font-size: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-weight: 600;
  display: inline-block;
  margin-right: 10px;
}

.awardBox p {
  margin: 0;
}

ul.listWward {
  margin-bottom: 30px;
}

ul.listWward li {
  border-bottom: 1px solid #c0b9a4;
  padding: 10px;
}

ul.listWward li:first-of-type {
  padding-top: 0;
}

p.hisMessage {
  font-size: 24px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-weight: 600;
  text-align: center;
}

p.hisMessage img {
  margin-bottom: 10px;
}

br.sp {
  display: none;
}

ul#movieWrap {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

ul#movieWrap li {
  width: 48%;
  margin-bottom: 20px;
}

ul#movieWrap li p > img:first-of-type {
  margin-bottom: 10px;
}

ul#movieWrap li p {
  margin-bottom: 0;
}

.ttlStyle08 {
  font-size: 14px;
}

.sysOPCartSummary, #inputNewAddr,
.sysSelectDeliveriesArea .sys_cart_item_list, .sysSelectDeliveriesArea .sys_cart_item_list th, .sysSelectDeliveriesArea .sys_cart_item_list td {
  border: 1px solid #000;
  border-radius: 0;
}

.sysOPCartSummary h2 {
  border-bottom: 1px solid #000;
}

.sysCart #sysMain #change-to-billAddr, .sysCart #sysMain #show-dlg-addrList, .sysCart #sysMain #show-dlg-inputAddr {
  color: #fff;
}

.sysSelectDeliveriesArea .sys_cart_item_list {
  margin-top: 15px;
}

.sysSelectDeliveriesArea .sys_cart_item_list th,
.sysSelectDeliveriesArea .sys_cart_item_list td {
  padding: 10px;
}

.sysSelectDeliveriesArea .sys_cart_item_list th {
  background: #000;
}

.sysSelectDeliveriesArea .sys_cart_item_list td,
.mdl-dialog__content {
  color: #000;
}

/*amazon pay関連*/
.useAmazon, .useAmazonGuest {
  height: 45px !important;
  line-height: 45px;
  padding-top: 0 !important;
}

.opcDialog + form {
  width: 100%;
  text-align: center;
}

/*******************************
ホワイトデーLP
*******************************/
#whiteday {
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #48452c;
  padding-top: 0;
}

#whiteday .m-wrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1000px) {
  #whiteday .m-wrapper {
    max-width: 91.25%;
  }
}
#whiteday div#sysMain {
  width: 100% !important;
  padding: 0;
  margin: 0 !important;
}

@media screen and (max-width: 640px) {
  #whiteday {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#whiteday .l-header {
  text-align: center;
  padding: 30px 0 54px;
  background-image: url(../img/whiteday/header_bg.png);
  background-repeat: repeat;
  position: relative;
}

@media screen and (max-width: 640px) {
  #whiteday .l-header {
    padding: 0;
    background: none;
  }
}
#whiteday .l-header .logo {
  margin-bottom: -45px;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  top: 4%;
  right: 0;
  left: 0;
}

#whiteday .l-header .logo img {
  float: none;
  width: auto;
}

@media screen and (max-width: 1000px) {
  #whiteday .l-header .logo {
    max-width: 20vw;
  }
}
@media screen and (max-width: 640px) {
  #whiteday .l-header .logo {
    width: 40vw;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 5vw;
    right: 0;
    left: 0;
  }
}
#whiteday a.m-btn01 {
  display: block;
  height: 65px;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  font-weight: 600;
  padding: 10px;
  background-image: url(../img/whiteday/button_bg.png);
  background-repeat: repeat-x;
  background-size: contain;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media screen and (max-width: 640px) {
  #whiteday a.m-btn01 {
    font-size: 18px;
    font-size: 1.8rem;
    height: 50px;
  }
}
#whiteday a.m-btn01::after {
  content: "›";
  font-size: 35px;
  font-size: 3.5rem;
  position: absolute;
  right: 20px;
  top: 10px;
  line-height: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media screen and (max-width: 640px) {
  #whiteday a.m-btn01::after {
    top: 5px;
  }
}
#whiteday a.m-btn01:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#whiteday a.m-btn01:hover::after {
  right: 15px;
}

#whiteday a.m-btn01-blue {
  color: #4e9ec3;
}

#whiteday a.m-btn01-navy {
  color: #1f5c80;
}

#whiteday a.m-btn01-brown {
  color: #744C3D;
}

#whiteday a.m-btn01-red {
  color: #E25E5A;
}

#whiteday a.m-btn01-green {
  color: #85B14B;
}

#whiteday a.m-btn01-big {
  color: #1f5c80;
  font-size: 24px;
  font-size: 2.4rem;
  max-width: 600px;
  height: 85px;
  padding: 22px 10px;
  margin: 55px auto 20px;
}

#whiteday a.m-btn01-big br {
  display: none;
}

@media screen and (max-width: 640px) {
  #whiteday a.m-btn01-big br {
    display: block;
  }
}
#whiteday a.m-btn01-big::after {
  top: 22px;
}

@media screen and (max-width: 640px) {
  #whiteday a.m-btn01-big {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2;
    margin-top: 30px;
  }
}
#whiteday .m-btn02 {
  display: block;
  max-width: 465px;
  color: #000;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-weight: 600;
  text-align: center;
  border: 1px solid #000;
  background-color: #ffdb00;
  background-image: url(../img/whiteday/ico_cart.png);
  background-repeat: no-repeat;
  background-position: 40px center;
  border-radius: 3px;
  margin: 30px auto 0;
  padding: 10px 15px 10px 50px;
  position: relative;
}

@media screen and (max-width: 640px) {
  #whiteday .m-btn02 {
    font-size: 17px;
    font-size: 1.7rem;
    background-size: 25px 25px;
    background-position: 10px center;
    padding: 15px 20px 15px 40px;
  }
}
#whiteday .m-btn02::after {
  content: "›";
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  position: absolute;
  right: 20px;
  top: 17px;
  line-height: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media screen and (max-width: 640px) {
  #whiteday .m-btn02::after {
    right: 15px;
    top: 20px;
  }
}
#whiteday .m-btn02:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#whiteday .m-btn02:hover::after {
  right: 15px;
}

@media screen and (max-width: 640px) {
  #whiteday .m-btn02:hover::after {
    right: 10px;
  }
}
#whiteday .realy {
  padding: 80px 0;
  background-image: url(../img/whiteday/table_bg.jpg);
  background-color: #fbf8df;
  background-position: bottom center;
  background-repeat: repeat-x;
}

@media screen and (max-width: 640px) {
  #whiteday .realy {
    background-image: url(../img/whiteday/table_bg-sp.jpg);
    background-size: 100% auto;
    padding: 80px 0 30px;
  }
}
#whiteday .realy-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 1000px) {
  #whiteday .realy-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 640px) {
  #whiteday .realy-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#whiteday .realy-left {
  width: 470px;
  margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
  #whiteday .realy-left {
    max-width: 290px;
    margin-bottom: 20px;
  }
}
#whiteday .realy-left-inner {
  height: 470px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  background-color: #f28b1c;
  border-radius: 50%;
}

@media screen and (max-width: 640px) {
  #whiteday .realy-left-inner {
    height: 290px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#whiteday .realy-left-inner h2 {
  position: relative;
  top: -30px;
  margin-bottom: -10px;
}

@media screen and (max-width: 640px) {
  #whiteday .realy-left-inner h2 {
    top: -60px;
    margin-bottom: -50px;
  }
}
#whiteday .realy-right {
  margin-left: -100px;
}

@media screen and (max-width: 640px) {
  #whiteday .realy-right {
    margin-left: 0;
  }
}
#whiteday .movie {
  padding: 70px 0;
  background-image: url(../img/whiteday/movie_bg.png), url(../img/whiteday/takoyaki_bg.png);
  background-repeat: no-repeat, repeat;
  background-position: bottom center;
  position: relative;
}

@media screen and (max-width: 640px) {
  #whiteday .movie {
    padding: 30px 0 50px;
    background-image: url(../img/whiteday/movie_bg-sp.png), url(../img/whiteday/takoyaki_bg.png);
    background-size: 100% auto, auto;
  }
}
#whiteday .movie .movie-wrap {
  width: 890px;
  height: 500px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1000px) {
  #whiteday .movie .movie-wrap {
    width: 100%;
    height: auto;
    padding-top: 56%;
  }
}
#whiteday .movie .movie-wrap::before {
  content: "";
  display: block;
  width: 238px;
  height: 181px;
  background-image: url(../img/whiteday/movie_obj.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -105px;
  left: -167px;
}

@media screen and (max-width: 640px) {
  #whiteday .movie .movie-wrap::before {
    width: 100px;
    top: -50px;
    left: -20px;
  }
}
#whiteday .movie .movie-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#whiteday .product {
  padding-bottom: 90px;
  background-image: url(../img/whiteday/product_bg.png);
  background-repeat: repeat;
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  #whiteday .product {
    padding-bottom: 50px;
  }
}
#whiteday .product-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media screen and (max-width: 640px) {
  #whiteday .product-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#whiteday .product-box::before {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  z-index: 0;
}

@media screen and (max-width: 640px) {
  #whiteday .product-box::before {
    top: 16%;
    height: 84%;
  }
}
#whiteday .product-box-image {
  width: 505px;
  margin-left: -55px;
  position: relative;
}

@media screen and (max-width: 1000px) {
  #whiteday .product-box-image {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  #whiteday .product-box-image {
    width: 100%;
    margin-left: 0;
  }
}
#whiteday .product-box-text {
  max-width: 500px;
  margin-left: 50px;
  position: relative;
}

@media screen and (max-width: 1000px) {
  #whiteday .product-box-text {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  #whiteday .product-box-text {
    width: 100%;
    margin-left: 0;
  }
}
#whiteday .product-box-text p {
  color: #fff;
}

#whiteday .product-box-reverse-image {
  margin-right: -55px;
  margin-left: 0;
}

@media screen and (max-width: 640px) {
  #whiteday .product-box-reverse-image {
    margin-right: 0;
  }
}
#whiteday .product-box-reverse-text {
  margin-right: 50px;
  margin-left: 0;
}

@media screen and (max-width: 640px) {
  #whiteday .product-box-reverse-text {
    margin-right: 0;
  }
}
#whiteday .product-box .title-product img {
  max-width: none;
}

@media screen and (max-width: 1000px) {
  #whiteday .product-box .title-product img {
    max-width: calc(100% + 100px);
  }
}
@media screen and (max-width: 640px) {
  #whiteday .product-box .title-product img {
    max-width: 100%;
  }
}
#whiteday .product-package {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 430px;
  margin: 25px auto 35px;
  background-color: #fff;
  border-radius: 10px;
}

@media screen and (max-width: 640px) {
  #whiteday .product-package {
    margin: 20px auto;
  }
}
@media screen and (max-width: 1000px) {
  #whiteday .product-package-image {
    width: 160px;
  }
}
@media screen and (max-width: 640px) {
  #whiteday .product-package-image {
    width: 120px;
  }
}
#whiteday .product-package-text {
  width: calc(100% - 240px);
}

@media screen and (max-width: 1000px) {
  #whiteday .product-package-text {
    width: calc(100% - 180px);
  }
}
@media screen and (max-width: 640px) {
  #whiteday .product-package-text {
    width: calc(100% - 140px);
  }
}
#whiteday .product-package-text p {
  color: #48452c;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}

@media screen and (max-width: 640px) {
  #whiteday .product-package-text p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#whiteday p.price {
  color: #ed2424;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 600;
}

#whiteday p.price .en {
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 640px) {
  #whiteday .product-takoyaki .title-product {
    margin-left: -4.375%;
    margin-right: -4.375%;
  }
}
#whiteday .product-takoyaki .title-product img {
  margin-top: -45px;
  margin-left: -100px;
}

@media screen and (max-width: 1000px) {
  #whiteday .product-takoyaki .title-product img {
    margin-left: -70px;
  }
}
@media screen and (max-width: 640px) {
  #whiteday .product-takoyaki .title-product img {
    margin-top: 0;
    margin-left: 0;
  }
}
#whiteday .product-takoyaki .product-box {
  padding: 70px 0;
}

@media screen and (max-width: 640px) {
  #whiteday .product-takoyaki .product-box {
    padding: 50px 0;
  }
}
#whiteday .product-takoyaki .product-box::before {
  left: 35%;
  background-color: #4e9ec3;
}

@media screen and (max-width: 640px) {
  #whiteday .product-takoyaki .product-box::before {
    left: -5%;
  }
}
#whiteday .product-gyoza .title-product {
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  #whiteday .product-gyoza .title-product {
    margin-left: -4.375%;
    margin-right: -4.375%;
  }
}
#whiteday .product-gyoza .title-product img {
  margin-top: -15px;
  margin-left: -50px;
}

@media screen and (max-width: 640px) {
  #whiteday .product-gyoza .title-product img {
    margin-top: 0;
    margin-left: 0;
  }
}
#whiteday .product-gyoza .product-box {
  padding: 50px 0;
}

#whiteday .product-gyoza .product-box-image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-left: -25px;
}

#whiteday .product-gyoza .product-box-image img {
  max-width: none;
  margin-left: 0;
}

@media screen and (max-width: 640px) {
  #whiteday .product-gyoza .product-box-image img {
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
  #whiteday .product-gyoza .product-box-image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-left: 0;
  }
}
#whiteday .product-gyoza .product-box::before {
  right: 35%;
  background-color: #E25E5A;
}

@media screen and (max-width: 640px) {
  #whiteday .product-gyoza .product-box::before {
    right: -5%;
  }
}
#whiteday .product-cake .title-product {
  margin-bottom: -20px;
}

@media screen and (max-width: 640px) {
  #whiteday .product-cake .title-product {
    margin-bottom: 20px;
    margin-left: -4.375%;
    margin-right: -4.375%;
  }
}
#whiteday .product-cake .title-product img {
  margin-top: -45px;
  margin-left: -65px;
}

@media screen and (max-width: 640px) {
  #whiteday .product-cake .title-product img {
    margin-top: -15%;
    margin-left: 0;
  }
}
#whiteday .product-cake .product-box {
  padding: 70px 0;
}

#whiteday .product-cake .product-box::before {
  left: 35%;
  background-color: #744c3d;
}

@media screen and (max-width: 640px) {
  #whiteday .product-cake .product-box::before {
    left: -5%;
  }
}
#whiteday .product-croquette .title-product {
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  #whiteday .product-croquette .title-product {
    margin-left: -4.375%;
    margin-right: -4.375%;
    margin-bottom: 10px;
  }
}
#whiteday .product-croquette .title-product img {
  margin-top: -15px;
  margin-left: -100px;
}

@media screen and (max-width: 1000px) {
  #whiteday .product-croquette .title-product img {
    margin-left: -80px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 640px) {
  #whiteday .product-croquette .title-product img {
    margin-top: 0;
    margin-left: 0;
  }
}
#whiteday .product-croquette .product-box {
  padding: 50px 0;
}

#whiteday .product-croquette .product-box-image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media screen and (max-width: 640px) {
  #whiteday .product-croquette .product-box-image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}
#whiteday .product-croquette .product-box-image img {
  max-width: none;
}

@media screen and (max-width: 640px) {
  #whiteday .product-croquette .product-box-image img {
    max-width: 100%;
  }
}
#whiteday .product-croquette .product-box::before {
  right: 35%;
  background-color: #85b14b;
}

@media screen and (max-width: 640px) {
  #whiteday .product-croquette .product-box::before {
    right: -5%;
  }
}
#whiteday .option {
  position: relative;
  margin-top: 80px;
}

@media screen and (max-width: 640px) {
  #whiteday .option {
    margin-top: 30px;
  }
}
#whiteday .option-ribbon {
  display: block;
  top: -40px;
  right: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
}

@media screen and (max-width: 640px) {
  #whiteday .option-ribbon {
    width: 280px;
    top: -10px;
  }
}
#whiteday .option-box {
  padding: 50px 70px 30px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  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;
}

@media screen and (max-width: 640px) {
  #whiteday .option-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 20px 20px;
  }
}
#whiteday .option-box-text {
  text-align: center;
  margin-right: 30px;
}

@media screen and (max-width: 640px) {
  #whiteday .option-box-text {
    margin-right: 0;
  }
}
#whiteday .option-box-text p {
  font-weight: 600;
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  #whiteday .option-box-text p {
    margin-bottom: 20px;
  }
  #whiteday .option-box-text p br {
    display: none;
  }
}
#whiteday .setitem {
  padding: 40px 0 100px;
  background-image: url(../img/whiteday/takoyaki_bg.png);
  background-repeat: repeat;
}

@media screen and (max-width: 640px) {
  #whiteday .setitem {
    padding: 50px 0;
  }
}
#whiteday .set-heading {
  height: 206px;
  text-align: center;
  background-image: url(../img/whiteday/set_img.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

@media screen and (max-width: 640px) {
  #whiteday .set-heading {
    height: auto;
    background-image: url(../img/whiteday/set_img-sp.png);
    background-position: top center;
    margin: auto 4.375%;
  }
}
#whiteday .set-heading-title {
  padding: 50px 0 20px;
}

@media screen and (max-width: 640px) {
  #whiteday .set-heading-title {
    max-width: 60%;
    margin: 0 auto;
    padding: 10% 0 20px;
  }
}
@media screen and (max-width: 640px) {
  #whiteday .set-heading-text {
    padding-right: 4.375%;
    padding-left: 4.375%;
  }
  #whiteday .set-heading-text br {
    display: none;
  }
}
#whiteday .set-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 40px;
}

@media screen and (max-width: 768px) {
  #whiteday .set-box {
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  #whiteday .set-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1000px) {
  #whiteday .set-box-col2 {
    width: 48%;
  }
}
@media screen and (max-width: 640px) {
  #whiteday .set-box-col2 {
    width: 100%;
  }
  #whiteday .set-box-col2:nth-of-type(1) {
    margin-bottom: 30px;
  }
}
#whiteday .set-box-col2 img {
  margin-left: -25px;
}

@media screen and (max-width: 640px) {
  #whiteday .set-box-col2 img {
    margin-left: -5%;
    max-width: 105%;
  }
}
#whiteday .set-box-col2 h3 {
  color: #1f5c80;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.5;
  padding-top: 20px;
}

@media screen and (max-width: 640px) {
  #whiteday .set-box-col2 h3 {
    font-size: 20px;
    font-size: 2rem;
    padding-top: 10px;
  }
}
#whiteday .set-box-col2 .price {
  text-align: right;
  margin-bottom: 20px;
}

#whiteday .about {
  color: #fff;
  text-align: center;
  background-image: url(../img/whiteday/about_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
  padding: 0 0 100px;
  position: relative;
}

@media screen and (max-width: 640px) {
  #whiteday .about {
    background-image: url(../img/whiteday/about_bg-sp.jpg);
    background-size: cover;
    padding: 0 0 50px;
  }
}
#whiteday .about img.tiger_img {
  margin: -15px auto 10px;
}

@media screen and (max-width: 640px) {
  #whiteday .about img.tiger_img {
    width: 80px;
  }
}
#whiteday .about .about-title {
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 640px) {
  #whiteday .about .about-title {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
#whiteday .l-footer {
  text-align: center;
  background-color: #ffdb00;
  position: relative;
}

#whiteday .l-footer .copy {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px 0 !important;
  margin: 0 auto !important;
}

#whiteday .pagetop {
  right: 20px;
}

@media screen and (max-width: 640px) {
  #whiteday .pagetop img {
    width: 60px;
  }
}
/*******************************
お取り寄せスイーツLP
*******************************/
#otoriyose_sweets {
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #48452c;
  padding-top: 0;
}

#otoriyose_sweets .m-wrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1000px) {
  #otoriyose_sweets .m-wrapper {
    max-width: 91.25%;
  }
}
#otoriyose_sweets div#sysMain {
  width: 100% !important;
  padding: 0;
  margin: 0 !important;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#otoriyose_sweets .l-header {
  text-align: center;
  padding: 30px 0 54px;
  background-image: url(../img/otoriyose_sweets/header_bg.png);
  background-repeat: repeat;
  position: relative;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .l-header {
    padding: 0;
    background: none;
  }
}
#otoriyose_sweets .l-header .logo {
  margin-bottom: -45px;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  top: 4%;
  right: 0;
  left: 0;
}

#otoriyose_sweets .l-header .logo img {
  float: none;
  width: auto;
}

@media screen and (max-width: 1000px) {
  #otoriyose_sweets .l-header .logo {
    max-width: 20vw;
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .l-header .logo {
    width: 40vw;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 5vw;
    right: 0;
    left: 0;
  }
}
#otoriyose_sweets a.m-btn01 {
  display: block;
  height: 65px;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  font-weight: 600;
  padding: 10px;
  background-image: url(../img/otoriyose_sweets/button_bg.png);
  background-repeat: repeat-x;
  background-size: contain;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets a.m-btn01 {
    font-size: 18px;
    font-size: 1.8rem;
    height: 50px;
  }
}
#otoriyose_sweets a.m-btn01::after {
  content: "›";
  font-size: 35px;
  font-size: 3.5rem;
  position: absolute;
  right: 20px;
  top: 10px;
  line-height: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets a.m-btn01::after {
    top: 5px;
  }
}
#otoriyose_sweets a.m-btn01:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#otoriyose_sweets a.m-btn01:hover::after {
  right: 15px;
}

#otoriyose_sweets a.m-btn01-blue {
  color: #4e9ec3;
}

#otoriyose_sweets a.m-btn01-navy {
  color: #1f5c80;
}

#otoriyose_sweets a.m-btn01-brown {
  color: #744C3D;
}

#otoriyose_sweets a.m-btn01-red {
  color: #E25E5A;
}

#otoriyose_sweets a.m-btn01-green {
  color: #85B14B;
}

#otoriyose_sweets a.m-btn01-big {
  color: #1f5c80;
  font-size: 24px;
  font-size: 2.4rem;
  max-width: 600px;
  height: 85px;
  padding: 22px 10px;
  margin: 55px auto 20px;
}

#otoriyose_sweets a.m-btn01-big br {
  display: none;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets a.m-btn01-big br {
    display: block;
  }
}
#otoriyose_sweets a.m-btn01-big::after {
  top: 22px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets a.m-btn01-big {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2;
    margin-top: 30px;
  }
}
#otoriyose_sweets .m-btn02 {
  display: block;
  max-width: 465px;
  color: #000;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-weight: 600;
  text-align: center;
  border: 1px solid #000;
  background-color: #ffdb00;
  background-image: url(../img/otoriyose_sweets/ico_cart.png);
  background-repeat: no-repeat;
  background-position: 40px center;
  border-radius: 3px;
  margin: 30px auto 0;
  padding: 10px 15px 10px 50px;
  position: relative;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .m-btn02 {
    font-size: 17px;
    font-size: 1.7rem;
    background-size: 25px 25px;
    background-position: 10px center;
    padding: 15px 20px 15px 40px;
  }
}
#otoriyose_sweets .m-btn02::after {
  content: "›";
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  position: absolute;
  right: 20px;
  top: 17px;
  line-height: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .m-btn02::after {
    right: 15px;
    top: 20px;
  }
}
#otoriyose_sweets .m-btn02:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#otoriyose_sweets .m-btn02:hover::after {
  right: 15px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .m-btn02:hover::after {
    right: 10px;
  }
}
#otoriyose_sweets .realy {
  padding: 80px 0;
  background-image: url(../img/otoriyose_sweets/table_bg.jpg);
  background-color: #fbf8df;
  background-position: bottom center;
  background-repeat: repeat-x;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .realy {
    background-image: url(../img/otoriyose_sweets/table_bg-sp.jpg);
    background-size: 100% auto;
    padding: 80px 0 30px;
  }
}
#otoriyose_sweets .realy-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 1000px) {
  #otoriyose_sweets .realy-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .realy-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#otoriyose_sweets .realy-left {
  width: 470px;
  margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .realy-left {
    max-width: 330px;
    margin-bottom: 20px;
  }
}
#otoriyose_sweets .realy-left-inner {
  height: 470px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  background-color: #f28b1c;
  border-radius: 50%;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .realy-left-inner {
    height: 330px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#otoriyose_sweets .realy-left-inner h2 {
  position: relative;
  top: -30px;
  margin-bottom: -10px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .realy-left-inner h2 {
    top: -60px;
    margin-bottom: -50px;
  }
}
#otoriyose_sweets .realy-right {
  margin-left: -100px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .realy-right {
    margin-left: 0;
  }
}
#otoriyose_sweets .movie {
  padding: 70px 0;
  background-image: url(../img/otoriyose_sweets/takoyaki_bg.png);
  background-repeat: repeat;
  background-position: bottom center;
  position: relative;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .movie {
    padding: 30px 0 50px;
    background-image: url(../img/otoriyose_sweets/takoyaki_bg.png);
    background-size: auto;
    overflow: hidden;
  }
}
#otoriyose_sweets .movie::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  padding: 70px 0;
  background-image: url(../img/otoriyose_sweets/movie_bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .movie::after {
    background-image: url(../img/otoriyose_sweets/movie_bg-sp.png);
    background-size: 100% auto;
  }
}
#otoriyose_sweets .movie .movie-area {
  position: relative;
  background-color: #f8f2c0;
  padding: 55px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .movie .movie-area {
    padding: 7%;
  }
}
#otoriyose_sweets .movie .movie-heading {
  position: absolute;
  top: -60px;
  left: 0px;
  width: 100%;
  text-align: center;
  z-index: 1;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .movie .movie-heading {
    top: -40px;
  }
  #otoriyose_sweets .movie .movie-heading img {
    width: 80%;
  }
}
#otoriyose_sweets .movie .movie-wrap {
  width: 890px;
  height: 500px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1000px) {
  #otoriyose_sweets .movie .movie-wrap {
    width: 100%;
    height: auto;
    padding-top: 56%;
  }
}
#otoriyose_sweets .movie .movie-wrap::before {
  content: "";
  display: block;
  width: 238px;
  height: 181px;
  background-image: url(../img/otoriyose_sweets/movie_obj.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -105px;
  left: -167px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .movie .movie-wrap::before {
    width: 100px;
    top: -50px;
    left: -60px;
  }
}
#otoriyose_sweets .movie .movie-wrap::after {
  content: "";
  display: block;
  width: 238px;
  height: 181px;
  background-image: url(../img/otoriyose_sweets/movie_obj2.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -110px;
  right: -150px;
  z-index: 0;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .movie .movie-wrap::after {
    width: 100px;
    top: -50px;
    right: -50px;
  }
}
#otoriyose_sweets .movie .movie-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#otoriyose_sweets .product {
  padding-bottom: 90px;
  background-image: url(../img/otoriyose_sweets/product_bg.png);
  background-repeat: repeat;
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product {
    padding-bottom: 50px;
  }
}
#otoriyose_sweets .product-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#otoriyose_sweets .product-box::before {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  z-index: 0;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-box::before {
    top: 16%;
    height: 84%;
  }
}
#otoriyose_sweets .product-box-image {
  width: 505px;
  margin-left: -55px;
  position: relative;
}

@media screen and (max-width: 1000px) {
  #otoriyose_sweets .product-box-image {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-box-image {
    width: 100%;
    margin-left: 0;
  }
}
#otoriyose_sweets .product-box-text {
  max-width: 500px;
  margin-left: 50px;
  position: relative;
}

@media screen and (max-width: 1000px) {
  #otoriyose_sweets .product-box-text {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-box-text {
    width: 100%;
    margin-left: 0;
  }
}
#otoriyose_sweets .product-box-text p {
  color: #fff;
}

#otoriyose_sweets .product-box-reverse-image {
  margin-right: -55px;
  margin-left: 0;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-box-reverse-image {
    margin-right: 0;
  }
}
#otoriyose_sweets .product-box-reverse-text {
  margin-right: 50px;
  margin-left: 0;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-box-reverse-text {
    margin-right: 0;
  }
}
#otoriyose_sweets .product-box .title-product img {
  max-width: none;
}

@media screen and (max-width: 1000px) {
  #otoriyose_sweets .product-box .title-product img {
    max-width: calc(100% + 100px);
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-box .title-product img {
    max-width: 100%;
  }
}
#otoriyose_sweets .product-package {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 430px;
  margin: 25px auto 35px;
  background-color: #fff;
  border-radius: 10px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-package {
    margin: 20px auto;
  }
}
@media screen and (max-width: 1000px) {
  #otoriyose_sweets .product-package-image {
    width: 160px;
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-package-image {
    width: 120px;
  }
}
#otoriyose_sweets .product-package-text {
  width: calc(100% - 240px);
}

@media screen and (max-width: 1000px) {
  #otoriyose_sweets .product-package-text {
    width: calc(100% - 180px);
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-package-text {
    width: calc(100% - 140px);
  }
}
#otoriyose_sweets .product-package-text p {
  color: #48452c;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-package-text p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#otoriyose_sweets p.price {
  color: #ed2424;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 600;
}

#otoriyose_sweets p.price .en {
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-takoyaki .title-product {
    margin-left: -4.375%;
    margin-right: -4.375%;
  }
}
#otoriyose_sweets .product-takoyaki .title-product img {
  margin-top: -45px;
  margin-left: -100px;
}

@media screen and (max-width: 1000px) {
  #otoriyose_sweets .product-takoyaki .title-product img {
    margin-left: -70px;
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-takoyaki .title-product img {
    margin-top: 0;
    margin-left: 0;
  }
}
#otoriyose_sweets .product-takoyaki .product-box {
  padding: 70px 0;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-takoyaki .product-box {
    padding: 50px 0;
  }
}
#otoriyose_sweets .product-takoyaki .product-box::before {
  left: 35%;
  background-color: #4e9ec3;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-takoyaki .product-box::before {
    left: -5%;
  }
}
#otoriyose_sweets .product-gyoza .title-product {
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-gyoza .title-product {
    margin-left: -4.375%;
    margin-right: -4.375%;
  }
}
#otoriyose_sweets .product-gyoza .title-product img {
  margin-top: -15px;
  margin-left: -50px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-gyoza .title-product img {
    margin-top: 0;
    margin-left: 0;
  }
}
#otoriyose_sweets .product-gyoza .product-box {
  padding: 50px 0;
}

#otoriyose_sweets .product-gyoza .product-box::before {
  left: 35%;
  background-color: #E25E5A;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-gyoza .product-box::before {
    left: -5%;
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-cake .title-product {
    margin-bottom: 20px;
    margin-left: -4.375%;
    margin-right: -4.375%;
  }
}
#otoriyose_sweets .product-cake .title-product img {
  margin-top: 0px;
  margin-left: -65px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-cake .title-product img {
    margin-top: -15%;
    margin-left: 0;
    width: 92%;
  }
}
#otoriyose_sweets .product-cake .product-box {
  padding: 70px 0;
}

#otoriyose_sweets .product-cake .product-box::before {
  right: 35%;
  background-color: #744c3d;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-cake .product-box::before {
    right: -5%;
  }
}
#otoriyose_sweets .product-cake .product-box-image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#otoriyose_sweets .product-cake .product-box-image img {
  max-width: none;
  margin-left: 0;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-cake .product-box-image img {
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-cake .product-box-image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-left: 0;
  }
}
#otoriyose_sweets .product-croquette .title-product {
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-croquette .title-product {
    margin-left: -4.375%;
    margin-right: -4.375%;
    margin-bottom: 10px;
  }
}
#otoriyose_sweets .product-croquette .title-product img {
  margin-top: -15px;
  margin-left: -100px;
}

@media screen and (max-width: 1000px) {
  #otoriyose_sweets .product-croquette .title-product img {
    margin-left: -80px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 640px) {
  #otoriyose_sweets .product-croquette .title-product img {
    margin-top: 0;
    margin-left: 0;
  }
}
#otoriyose_sweets .product-croquette .product-box {
  padding: 50px 0;
}

#otoriyose_sweets .product-croquette .product-box-image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-croquette .product-box-image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}
#otoriyose_sweets .product-croquette .product-box-image img {
  max-width: none;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-croquette .product-box-image img {
    max-width: 100%;
  }
}
#otoriyose_sweets .product-croquette .product-box::before {
  right: 35%;
  background-color: #85b14b;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .product-croquette .product-box::before {
    right: -5%;
  }
}
#otoriyose_sweets .option {
  position: relative;
  margin-top: 80px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .option {
    margin-top: 30px;
  }
}
#otoriyose_sweets .option-ribbon {
  display: block;
  top: -40px;
  right: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .option-ribbon {
    width: 280px;
    top: -10px;
  }
}
#otoriyose_sweets .option-box {
  padding: 50px 70px 30px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  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;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .option-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 20px 20px;
  }
}
#otoriyose_sweets .option-box-text {
  text-align: center;
  margin-right: 30px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .option-box-text {
    margin-right: 0;
  }
}
#otoriyose_sweets .option-box-text p {
  font-weight: 600;
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .option-box-text p {
    margin-bottom: 20px;
  }
  #otoriyose_sweets .option-box-text p br {
    display: none;
  }
}
#otoriyose_sweets a.m-btn01-big.sweets-link {
  margin-top: 10px;
}

#otoriyose_sweets .sweets-heading {
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .sweets-heading img {
    width: 90%;
  }
}
#otoriyose_sweets .setitem {
  padding: 40px 0 100px;
  background-image: url(../img/otoriyose_sweets/takoyaki_bg.png);
  background-repeat: repeat;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .setitem {
    padding: 50px 0;
  }
}
#otoriyose_sweets .set-heading {
  height: 206px;
  text-align: center;
  background-image: url(../img/otoriyose_sweets/set_img.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .set-heading {
    height: auto;
    background-image: url(../img/otoriyose_sweets/set_img-sp.png);
    background-position: top center;
  }
}
#otoriyose_sweets .set-heading-title {
  padding: 50px 0 20px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .set-heading-title {
    max-width: 60%;
    margin: 0 auto;
    padding: 10% 0 20px;
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .set-heading-text {
    padding-right: 4.375%;
    padding-left: 4.375%;
  }
  #otoriyose_sweets .set-heading-text br {
    display: none;
  }
}
#otoriyose_sweets .set-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 40px;
}

@media screen and (max-width: 768px) {
  #otoriyose_sweets .set-box {
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .set-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1000px) {
  #otoriyose_sweets .set-box-col2 {
    width: 48%;
  }
}
@media screen and (max-width: 640px) {
  #otoriyose_sweets .set-box-col2 {
    width: 100%;
  }
  #otoriyose_sweets .set-box-col2:nth-of-type(1) {
    margin-bottom: 30px;
  }
}
#otoriyose_sweets .set-box-col2 img {
  margin-left: -25px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .set-box-col2 img {
    margin-left: -5%;
    max-width: 105%;
  }
}
#otoriyose_sweets .set-box-col2 h3 {
  color: #1f5c80;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.5;
  padding-top: 20px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .set-box-col2 h3 {
    font-size: 20px;
    font-size: 2rem;
    padding-top: 10px;
  }
}
#otoriyose_sweets .set-box-col2 .price {
  text-align: right;
  margin-bottom: 20px;
}

#otoriyose_sweets .about {
  color: #fff;
  text-align: center;
  background-image: url(../img/otoriyose_sweets/about_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
  padding: 0 0 100px;
  position: relative;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .about {
    background-image: url(../img/otoriyose_sweets/about_bg-sp.jpg);
    background-size: cover;
    padding: 0 0 50px;
  }
}
#otoriyose_sweets .about img.tiger_img {
  margin: -15px auto 10px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .about img.tiger_img {
    width: 80px;
  }
}
#otoriyose_sweets .about .about-title {
  font-size: 50px;
  font-size: 5rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .about .about-title {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
#otoriyose_sweets .l-footer {
  text-align: center;
  background-color: #ffdb00;
  position: relative;
}

#otoriyose_sweets .l-footer .copy {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px 0 !important;
  margin: 0 auto !important;
}

#otoriyose_sweets .pagetop {
  right: 20px;
}

@media screen and (max-width: 640px) {
  #otoriyose_sweets .pagetop img {
    width: 60px;
  }
}
/*******************************
2009_torayaki
*******************************/
#torayaki {
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  color: #48452c;
  padding-top: 0;
  overflow-x: hidden;
}

@media screen and (max-width: 1000px) {
  #torayaki {
    font-size: 14px;
  }
}
#torayaki .m-wrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1000px) {
  #torayaki .m-wrapper {
    max-width: 91.25%;
  }
}
#torayaki div#sysMain {
  width: 100% !important;
  padding: 0;
  margin: 0 !important;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
#torayaki .m-title02 {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-weight: bold;
  margin-bottom: 10px;
}

#torayaki .is-pc-hidden {
  display: none;
}

@media screen and (max-width: 640px) {
  #torayaki .m-title02 {
    font-size: 5.8vw;
  }
  #torayaki .is-pc-hidden {
    display: block;
  }
}
#torayaki .m-btn01 {
  display: block;
  max-width: 290px;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background-color: #a42426;
  border: 1px solid #a42426;
  padding: 10px 0;
  margin-top: 20px;
  position: relative;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

@media screen and (max-width: 640px) {
  #torayaki .m-btn01 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px;
  }
}
#torayaki .m-btn01::before {
  content: "";
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid #fff;
  position: absolute;
  top: 1px;
  left: 1px;
}

#torayaki .m-btn01::after {
  content: "〉";
  position: absolute;
  font-weight: 100;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#torayaki .m-btn01:hover {
  color: #a42426;
  text-decoration: none;
  background-color: #fff;
}

#torayaki .m-btn01:hover::before {
  border-color: #a42426;
}

#torayaki .l-header {
  background-image: url(../img/torayaki/mainvisual.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 50.9%;
  position: relative;
}

@media screen and (max-width: 640px) {
  #torayaki .l-header {
    background-image: url(../img/torayaki/mainvisual-sp.png);
    padding-top: 129.375%;
  }
}
#torayaki .l-header .logo {
  width: 10.5vw;
  position: absolute;
  right: 0;
  left: 0;
  top: 3vw;
  margin: 0 auto;
}

@media screen and (max-width: 640px) {
  #torayaki .l-header .logo {
    width: 31.25%;
    top: 7vw;
  }
}
#torayaki .l-header_text01 {
  opacity: 0;
  position: absolute;
  top: 8vw;
  right: 22vw;
  width: 6.5vw;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#torayaki .l-header_text01 img {
  width: 100%;
}

@media screen and (max-width: 640px) {
  #torayaki .l-header_text01 {
    width: 14%;
    right: 4.5vw;
    top: 29vw;
  }
}
#torayaki .l-header_text02 {
  opacity: 0;
  width: 8vw;
  position: absolute;
  top: 17vw;
  left: 21vw;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#torayaki .l-header_text02 img {
  width: 100%;
}

@media screen and (max-width: 640px) {
  #torayaki .l-header_text02 {
    width: 16.5%;
    top: 44vw;
    left: 2vw;
  }
}
#torayaki .l-footer {
  position: relative;
}

#torayaki .l-footer p.copy {
  text-align: center;
  background-color: #363636;
  padding: 10px 0 !important;
  margin: 0;
}

#torayaki .l-footer p.copy small {
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
}

#torayaki .pagetop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 2;
}

@media screen and (max-width: 640px) {
  #torayaki .pagetop {
    width: 50px;
    right: 10px;
    bottom: 10px;
  }
}
#torayaki .movie {
  margin-top: -16vw;
  padding-top: calc(12vw + 100px);
  padding-bottom: 100px;
  background-image: url(../img/torayaki/movie_bg.jpg);
  background-repeat: repeat;
}

@media screen and (max-width: 640px) {
  #torayaki .movie {
    margin-top: -11vw;
    padding-top: calc(5vw + 50px);
    background-size: cover;
    padding-bottom: 50px;
  }
}
#torayaki .movie-wrap {
  width: 1000px;
  height: 562px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 640px) {
  #torayaki .movie-wrap {
    width: 100%;
    height: auto;
    padding-top: 56.2%;
  }
}
#torayaki .movie-wrap iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#torayaki .intro {
  background-image: url(../img/torayaki/intro_bg.jpg);
  background-color: #F3EEE8;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 100px;
}

@media screen and (max-width: 640px) {
  #torayaki .intro {
    padding-bottom: 50px;
  }
}
#torayaki .intro01 {
  position: relative;
}

#torayaki .intro01 .m-title01 {
  margin-left: -145px;
}

@media screen and (max-width: 640px) {
  #torayaki .intro01 .m-title01 {
    margin-left: -5.375%;
  }
}
#torayaki .intro01 .m-imgbox_text {
  margin-left: auto;
  margin-top: -95px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 640px) {
  #torayaki .intro01 .m-imgbox_text {
    margin-top: -7vw;
    margin-left: 4.375%;
  }
}
#torayaki .intro02 {
  position: relative;
  margin-top: 80px;
}

@media screen and (max-width: 640px) {
  #torayaki .intro02 {
    margin-top: 40px;
  }
}
#torayaki .intro02 .m-title01 {
  margin-right: -50px;
}

@media screen and (max-width: 640px) {
  #torayaki .intro02 .m-title01 {
    margin-right: -5.375%;
  }
}
#torayaki .intro02 .m-imgbox_image {
  position: absolute;
  left: 110px;
  top: -80px;
}

@media screen and (max-width: 640px) {
  #torayaki .intro02 .m-imgbox_image {
    position: relative;
    left: auto;
    top: 0;
    right: -5.375%;
    margin-top: -5%;
  }
}
#torayaki .intro02 .m-imgbox_text {
  position: absolute;
  left: 0;
  top: 230px;
  z-index: 1;
}

@media screen and (max-width: 640px) {
  #torayaki .intro02 .m-imgbox_text {
    position: relative;
    top: -10%;
    left: -5.375%;
    margin-top: -10%;
  }
}
#torayaki .m-imgbox_text {
  width: 600px;
  max-width: 100%;
  background-color: #fff;
  padding: 40px 45px;
}

@media screen and (max-width: 640px) {
  #torayaki .m-imgbox_text {
    padding: 10%;
  }
}
#torayaki .m-imgbox_text p {
  font-size: 1.5rem;
  line-height: 2.66667;
}

@media screen and (max-width: 640px) {
  #torayaki .m-imgbox_text p {
    line-height: 2.3em;
  }
}
#torayaki .castilla {
  max-width: 900px;
  background-image: url(../img/torayaki/base_bg.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 80px 40px;
  margin: 40px auto 0;
}

@media screen and (max-width: 640px) {
  #torayaki .castilla {
    display: block;
    padding: 40px 20px;
    margin-top: 20px;
    background-image: url(../img/torayaki/base_bg-sp.png);
  }
}
#torayaki .castilla-image {
  width: 48%;
}

@media screen and (max-width: 640px) {
  #torayaki .castilla-image {
    width: 90%;
    margin: 0 auto 10px;
  }
}
#torayaki .castilla-text {
  width: 52%;
}

@media screen and (max-width: 640px) {
  #torayaki .castilla-text {
    width: 100%;
  }
}
#torayaki .castilla-text-title {
  font-size: 2.8rem;
  line-height: 1.60714;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  #torayaki .castilla-text-title {
    font-size: 6.4vw;
  }
}
#torayaki .castilla-text p {
  font-size: 1.5rem;
  line-height: 2.66667;
}

@media screen and (max-width: 640px) {
  #torayaki .castilla-text p {
    line-height: 2.3em;
  }
}
#torayaki .award {
  text-align: center;
  background-image: url(../img/torayaki/award_bg.jpg);
  background-size: cover;
  background-position: center;
  padding: 80px 0;
}

@media screen and (max-width: 640px) {
  #torayaki .award {
    background-image: url(../img/torayaki/award_bg-sp.jpg);
    padding: 40px 0;
  }
}
#torayaki .award p {
  font-size: 1.6rem;
  line-height: 1.875;
}

#torayaki .m-title03 {
  text-align: center;
  margin-bottom: 20px;
}

#torayaki .product {
  background-image: url(../img/torayaki/product_bg.jpg);
  background-repeat: repeat;
  padding: 100px 0;
}

@media screen and (max-width: 640px) {
  #torayaki .product {
    padding: 40px 0;
  }
}
#torayaki .product-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 35px;
  padding: 60px 50px;
  background-color: #fff;
}

@media screen and (max-width: 640px) {
  #torayaki .product-box {
    padding: 20px;
  }
}
#torayaki .product-box_image {
  width: 52%;
  max-width: 442px;
  position: relative;
}

@media screen and (max-width: 640px) {
  #torayaki .product-box_image {
    width: 100%;
  }
}
#torayaki .product-box_image_ico {
  position: absolute;
  top: -20px;
  left: -20px;
}

@media screen and (max-width: 640px) {
  #torayaki .product-box_image_ico {
    width: 20%;
    top: -10px;
    left: -10px;
  }
}
#torayaki .product-box_text {
  width: 46%;
  padding-left: 20px;
}

@media screen and (max-width: 640px) {
  #torayaki .product-box_text {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}
#torayaki .product-box_text_label {
  display: inline-block;
  color: #a42426;
  font-size: 13px;
  font-size: 1.3rem;
  border: 1px solid #a42426;
  padding: 0 5px !important;
  margin-bottom: 15px;
}

#torayaki .product-box_text_title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.33333;
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  #torayaki .product-box_text_title {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
#torayaki .product-box_text_title span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-size: 22px;
  font-size: 2.2rem;
}

@media screen and (max-width: 640px) {
  #torayaki .product-box_text_title span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
#torayaki .product-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid #bcbcbc;
  padding-top: 20px;
  margin-top: 50px;
}

@media screen and (max-width: 640px) {
  #torayaki .product-box-list {
    padding-top: 0;
    margin-top: 30px;
  }
}
#torayaki .product-box-list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  max-width: 410px;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  #torayaki .product-box-list_item {
    width: 100%;
  }
}
#torayaki .product-box-list_item-text {
  width: 210px;
  padding-left: 20px;
}

@media screen and (max-width: 640px) {
  #torayaki .product-box-list_item-text {
    padding-left: 10px;
  }
}
#torayaki .product-box_reverse {
  margin: 45px auto;
}

#torayaki .product-box_reverse_text {
  padding-right: 10px;
  padding-left: 0;
}

@media screen and (max-width: 640px) {
  #torayaki .product-box_reverse_text {
    padding-right: 0;
  }
}
#torayaki .product-box_reverse_image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media screen and (max-width: 640px) {
  #torayaki .product-box_reverse_image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}
#torayaki .product-box_reverse .product-price_pack {
  margin: 20px 0 10px;
}

@media screen and (max-width: 640px) {
  #torayaki .product-box_reverse .product-price_pack {
    margin-bottom: 20px;
  }
}
#torayaki .product-box_reverse .product-price_yen {
  margin-top: 0;
}

#torayaki .product-price_pack {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.5625;
  border: 1px solid #000;
  padding: 0 5px !important;
}

#torayaki .product-price_yen {
  display: inline-block;
  vertical-align: middle;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-weight: bold;
  font-size: 3.1rem;
  line-height: 1.03226;
  margin: 10px 0 0;
}

#torayaki .product-price_yen span {
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width: 640px) {
  #torayaki .product-price_yen span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  #torayaki .mT20 {
    margin-top: 20px !important;
  }
}
.bg_white {
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
}

.wagashi {
  padding-top: 100px;
  padding-bottom: 15px;
}

.wagashi .wagashiImg {
  margin-bottom: 60px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.wagashi .wagashiTxt {
  text-align: center;
  font-size: 14px;
}

.sdgsTitle {
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
}

h2.sysHeadlineWhite {
  margin-bottom: 30px !important;
}

h2.sysHeadlineWhite span {
  background-color: #fff !important;
  background-image: none !important;
}

.sdgsActivity .sdgsActivityBox {
  padding-top: 40px;
}
@media screen and (max-width: 600px) {
  .sdgsActivity .sdgsActivityBox {
    padding-top: 20px;
  }
}

.sdgsActivity .sdgsActivityTitle {
  font-size: 26px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.sdgsActivity .sdgsActivityFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.sdgsActivity .sdgsActivityFlex .sdgsActivityImg {
  width: 43%;
}

.sdgsActivity .sdgsActivityFlex .sdgsActivityTextBox {
  width: 54%;
}

.sdgsActivity .sdgsActivityFlex .sdgsActivityList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sdgsActivity .sdgsActivityFlex .sdgsActivityListInner {
  max-width: 70px;
  margin-right: 10px;
}

.sdgsActivity .sdgsActivityFlex .sdgsActivityListInner.wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 95px;
  margin-left: 10px;
}

.sdgsActivity .sdgsActivityFlex .sdgsActivityText {
  font-size: 13px;
}

.sdgsActivity .sdgsActivityFlex .sdgsActivityText a {
  text-decoration: underline;
}

.sdgsActivity .sdgsActivityFlex .sdgsActivityText a:hover {
  opacity: 0.75;
}

.sdgsActivity ul.btnWrap li a::after {
  content: none;
}

.sdgsActivityAll {
  padding-bottom: 25px;
  padding-top: 40px;
}

.sdgsActivityAllList {
  padding-top: 20px;
}

.sdgsActivityAll h2.sysHeadlineWhite {
  margin-bottom: 20px !important;
}

.sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  padding-top: 20px;
}

.sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .link:hover {
  opacity: 0.7;
}

.sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner:first-child .link {
  padding-top: 0px;
}

.sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .sdgsActivityAllListText {
  width: 73%;
}

.sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .sdgsActivityAllListText .num {
  font-size: 13px;
  margin-bottom: 5px;
  display: inline-block;
}

.sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .sdgsActivityAllListText .text {
  font-size: 15px;
  margin-top: 0px;
}

.sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .sdgsActivityAllListImage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 24%;
}

.sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .sdgsActivityAllListImage .sdgsActivityAllListImageList {
  width: 47%;
}

.sustainable {
  padding-bottom: 70px;
}

.sustainable h2.sysHeadlineWhite {
  margin-bottom: 20px;
}

.sustainable .sustainableFlex {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sustainable .sustainableText {
  width: 67%;
  font-size: 16px;
  margin-top: 0px;
  padding-left: 5px;
}

.sustainable .sustainableImage {
  width: 33%;
  padding-top: 25px;
}

@media screen and (max-width: 600px) {
  .wagashi {
    padding-top: 45px;
    padding-bottom: 10px;
  }
  .wagashi .wagashiImg {
    width: 95%;
    margin-bottom: 35px;
  }
  .sdgsActivityAll h2.sysHeadlineWhite {
    margin-top: 10px;
  }
  .sdgsActivity .sdgsActivityTitle {
    font-size: 18px;
  }
  .sdgsActivity .sdgsActivityFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sdgsActivity .sdgsActivityFlex .sdgsActivityImg {
    width: 100%;
    margin-bottom: 15px;
  }
  .sdgsActivity .sdgsActivityFlex .sdgsActivityTextBox {
    width: 100%;
  }
  .sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
  }
  .sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .sdgsActivityAllListImage {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .sdgsActivityAllListText {
    width: 100%;
  }
  .sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .sdgsActivityAllListText .text {
    font-size: 13px;
  }
  .sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .sdgsActivityAllListImage .sdgsActivityAllListImageList {
    max-width: 70px;
    margin-left: 10px;
  }
  .sdgsActivityAll .sdgsActivityAllList .sdgsActivityAllListInner .sdgsActivityAllListImage .sdgsActivityAllListImageList:first-child {
    margin-left: 0px;
  }
  .sustainable .sustainableFlex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sustainable .sustainableText {
    font-size: 14px;
    width: 100%;
  }
  .sustainable .sustainableImage {
    width: 100%;
  }
}
/* はっさく大福 */
#hassaku div#sysMain {
  width: 100% !important;
  padding: 0;
  margin: 0 !important;
}

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

#hassaku {
  padding-top: 0;
  margin: 0;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

#hassaku *, #hassaku *::before, #hassaku *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#hassaku h1, #hassaku h2, #hassaku h3, #hassaku h4, #hassaku p, #hassaku figure, #hassaku blockquote, #hassaku dl, #hassaku dd {
  margin: 0;
}

#hassaku ul[role=list], #hassaku ol[role=list] {
  list-style: none;
}

#hassaku html {
  scroll-behavior: smooth;
}

#hassaku a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

#hassaku img, #hassaku picture {
  max-width: 100%;
  display: block;
}

#hassaku input, #hassaku button, #hassaku textarea, #hassaku select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  #hassaku *, #hassaku *::before, #hassaku *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* sitesetting */
/* mediaquery */
#hassaku {
  position: relative;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  line-height: 2;
  background: #fff;
  color: #000;
}

@media only screen and (max-width: 640px) {
  #hassaku {
    padding-top: 0;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku {
    line-height: 1.7;
  }
}
@media only screen and (min-width: 926px) {
  #hassaku {
    line-height: 2;
  }
}
#hassaku a {
  color: #83b739;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

#hassaku a:hover, #hassaku a:active {
  text-decoration: underline;
}

#hassaku ul, #hassaku ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

#hassaku em {
  font-style: normal;
}

#hassaku .lato-l {
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

#hassaku .lato {
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

#hassaku .sp-original {
  display: block;
}

@media only screen and (min-width: 641px) {
  #hassaku .sp-original {
    display: none;
    visibility: hidden;
  }
}
#hassaku .pc-original {
  display: none;
  visibility: hidden;
}

@media only screen and (min-width: 641px) {
  #hassaku .pc-original {
    display: block;
    visibility: visible;
  }
}
#hassaku .al-right {
  text-align: right;
}

#hassaku .al-center {
  text-align: center;
}

#hassaku .al-left {
  text-align: left;
}

#hassaku a[href^="tel:"] {
  text-decoration: none;
}

@media only screen and (min-width: 641px) {
  #hassaku a[href^="tel:"] {
    display: inline-block;
    pointer-events: none;
  }
}
/* edit */
#hassaku .container {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-width: 320px;
}

@media only screen and (min-width: 641px) {
  #hassaku .container {
    padding: 8.65vw 0 9.75vw;
    background: url("https://www.tora-ya.co.jp/img/lp/hassaku/bg01_pc.png");
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .container {
    padding: 110px 0 124px;
  }
}
#hassaku .container:before, #hassaku .container:after {
  position: absolute;
  left: 0;
  content: "";
  overflow: hidden;
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (min-width: 641px) {
  #hassaku .container:before, #hassaku .container:after {
    background-size: 157.23% auto;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .container:before, #hassaku .container:after {
    background-size: auto;
  }
}
@media only screen and (min-width: 2000px) {
  #hassaku .container:before, #hassaku .container:after {
    background-size: 100% auto;
  }
}
#hassaku .container:before {
  top: 0;
  height: 8.44vw;
  background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/bg-top_sp.png");
  background-position: center top;
}

@media only screen and (min-width: 641px) {
  #hassaku .container:before {
    height: 4.72vw;
    background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/bg-top_pc.png");
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .container:before {
    height: 60px;
  }
}
#hassaku .container:after {
  bottom: 0;
  height: 9.38vw;
  background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/bg-btm_sp.png");
  background-position: center bottom;
}

@media only screen and (min-width: 641px) {
  #hassaku .container:after {
    height: 5.82vw;
    background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/bg-btm_pc.png");
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .container:after {
    height: 74px;
  }
}
#hassaku .container img, #hassaku .container img[src$=".svg"] {
  width: 100%;
  height: auto;
}

#hassaku .js-area {
  height: 0;
  overflow: hidden;
}

#hassaku .hover img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#hassaku .hover:hover img, #hassaku .hover:active img {
  opacity: 0.8;
}

@media only screen and (min-width: 641px) {
  #hassaku .wrap01 {
    padding: 0 2.83%;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .wrap01 {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .wrap02 {
    padding: 0 3.103%;
  }
}
@media only screen and (min-width: 926px) {
  #hassaku .wrap02 {
    padding: 0 6.207%;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .wrap03 {
    padding: 0 4.689vw;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .pc-br {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .sp-br {
    display: block;
  }
}
#hassaku .ib {
  display: inline-block;
}

#hassaku .pnc {
  margin-right: -0.4em;
}

#hassaku .fade, #hassaku .point-fade, #hassaku .late-fade {
  opacity: 0;
  will-change: transform;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

#hassaku .fadein {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

#hassaku .box01 {
  padding: 12.5vw 0 22.81vw;
  background: url("https://www.tora-ya.co.jp/img/lp/hassaku/bg.png");
}

@media only screen and (min-width: 641px) {
  #hassaku .box01 {
    padding: 1.42vw 1.67%;
    background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/bg03_pc.png"), url("https://www.tora-ya.co.jp/img/lp/hassaku/bg.png");
    background-position: left bottom, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    -webkit-box-shadow: 1px 1px 6px 2px #c7bfb3;
    box-shadow: 1px 1px 6px 2px #c7bfb3;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .box01 {
    padding: 18px 20px;
    background-size: auto, auto;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .frame01 {
    padding: 5px;
    border: solid 2px #649147;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .frame02 {
    border: dashed 1px #649147;
    padding-bottom: 8.25vw;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .frame02 {
    padding-bottom: 105px;
  }
}
#hassaku .mv {
  position: relative;
}

#hassaku .mv-txt {
  position: absolute;
  top: 14.38vw;
  left: 0;
}

@media only screen and (min-width: 641px) {
  #hassaku .mv-txt {
    top: 10.15%;
  }
}
#hassaku .mv-deco {
  position: absolute;
  left: 0;
  bottom: 0;
}

#hassaku .contents {
  margin-top: 10.16vw;
}

@media only screen and (min-width: 641px) {
  #hassaku .contents {
    margin-top: 9.17vw;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .contents {
    margin-top: 110px;
  }
}
#hassaku .sec01-blc {
  position: relative;
}

@media only screen and (min-width: 641px) {
  #hassaku .sec01-blc {
    padding: 0 41.318% 4.5vw 3.593%;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .sec01-blc {
    padding-bottom: 73px;
  }
}
#hassaku .sec01-txt-area {
  position: relative;
  padding-bottom: 11.09vw;
}

@media only screen and (min-width: 641px) {
  #hassaku .sec01-txt-area {
    padding-bottom: 4.72vw;
    background: url("https://www.tora-ya.co.jp/img/lp/hassaku/sec01-bg01_pc.png") no-repeat;
    background-size: cover;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .sec01-txt-area {
    padding-bottom: 60px;
  }
}
#hassaku .sec01-txt-area:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/sec01-bg02_sp.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
}

@media only screen and (min-width: 641px) {
  #hassaku .sec01-txt-area:after {
    position: absolute;
    bottom: -4.5vw;
    background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/sec01-bg02_pc.png");
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .sec01-txt-area:after {
    bottom: -73px;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .sec01-txt-area dl {
    position: relative;
    width: 82.245%;
    padding-top: 4.87vw;
    padding-left: 9.78%;
    z-index: 2;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .sec01-txt-area dl {
    padding-top: 62px;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .sec01-txt-area dt {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .sec01-txt-area dd {
    margin-top: 6.72vw;
    padding: 5vw 4.48% 5.78vw 5%;
    background: url("https://www.tora-ya.co.jp/img/lp/hassaku/sec01-bg01_sp.png") no-repeat;
    background-size: cover;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .sec01-img {
    margin-top: 0.94vw;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .sec01-img {
    position: absolute;
    top: 11.86%;
    right: 0.2%;
    width: 47.705%;
  }
}
#hassaku .sec02 {
  margin-top: 17.19vw;
}

@media only screen and (min-width: 641px) {
  #hassaku .sec02 {
    margin-top: 10.46vw;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .sec02 {
    margin-top: 133px;
  }
}
#hassaku .ytb-frame {
  margin: 6.25vw 8.127vw 0;
  background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/sec02-bg01_sp.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (min-width: 641px) {
  #hassaku .ytb-frame {
    max-width: 716px;
    margin: 0 auto;
    background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/sec02-bg01_pc.png");
  }
}
#hassaku .ytb-area {
  padding: 2.612%;
}

@media only screen and (min-width: 641px) {
  #hassaku .ytb-area {
    padding: 2.794%;
  }
}
#hassaku .ytb {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

#hassaku .ytb iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 641px) {
  #hassaku .sec02-img {
    max-width: 716px;
    margin: 2.04vw auto 0;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .sec02-img {
    margin-top: 26px;
  }
}
#hassaku .sec03 {
  margin-top: 15.47vw;
}

@media only screen and (min-width: 641px) {
  #hassaku .sec03 {
    margin-top: 11.71vw;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .sec03 {
    margin-top: 149px;
  }
}
#hassaku .sec03-img-area {
  position: relative;
  padding-top: 13.13vw;
  background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/sec03-bg01_sp.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (min-width: 641px) {
  #hassaku .sec03-img-area {
    margin-top: 3.54vw;
    padding-top: 53.89%;
    background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/sec03-bg01_pc.png");
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .sec03-img-area {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .sec03-img-area:after {
    position: absolute;
    top: 9.84vw;
    left: 0;
    content: "";
    display: block;
    width: 36.56%;
    height: 27.5vw;
    background: url("https://www.tora-ya.co.jp/img/lp/hassaku/sec03-deco01_sp.png") no-repeat;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .main-img {
    position: absolute;
    top: 26.48%;
    left: 31.04%;
    width: 37.925%;
    z-index: 5;
  }
}
#hassaku .point-num {
  position: relative;
  z-index: 3;
  width: 19.063vw;
}

@media only screen and (max-width: 640px) {
  #hassaku .point-num {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .point-num {
    width: 8.65vw;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .point-num {
    width: 110px;
  }
}
#hassaku .point-cont {
  position: relative;
  z-index: 2;
  background: url("https://www.tora-ya.co.jp/img/lp/hassaku/txt-bg01.svg") no-repeat;
  background-size: 100% 100%;
}

#hassaku .point-cont dt {
  margin-bottom: 2.34vw;
}

@media only screen and (min-width: 641px) {
  #hassaku .point-cont dt {
    margin-bottom: 9px;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .point-cont dd {
    margin: 0 -0.5em;
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .point-wrap {
    position: relative;
    margin-top: -9.695vw;
  }
  #hassaku .point-wrap::before, #hassaku .point-wrap::after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .point-wrap .point2, #hassaku .point-wrap .point3 {
    width: 48.278%;
  }
  #hassaku .point-wrap .point2 .point-cont, #hassaku .point-wrap .point3 .point-cont {
    position: relative;
    margin-top: -10.31vw;
    padding: 15.47vw 13.21% 8.44vw 11.792%;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .point1 {
    position: absolute;
    top: 18%;
    left: 0;
    width: 36%;
    z-index: 1;
  }
}
@media only screen and (min-width: 926px) {
  #hassaku .point1 {
    top: 29.44%;
    left: 3.99%;
    width: 30.74%;
  }
}
#hassaku .point1 .point-cont {
  position: relative;
  margin-top: -6.72vw;
  padding: 8.91vw 7.813vw 8vw;
}

@media only screen and (min-width: 641px) {
  #hassaku .point1 .point-cont {
    margin: -3.85vw 0 0 14.615%;
    padding: 2.83vw 14.94% 2.52vw 12.01%;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .point1 .point-cont {
    margin-top: -49px;
    padding: 36px 46px 32px 37px;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .point2 {
    float: left;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .point2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 45.7%;
    z-index: 1;
  }
}
@media only screen and (min-width: 926px) {
  #hassaku .point2 {
    right: 12.97%;
    width: 30.538%;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .point2 .point-cont {
    position: relative;
    margin: -8.4vw 0 0 14.05%;
    padding: 3.69vw 10.13% 2.99vw 10.46%;
  }
}
@media only screen and (min-width: 926px) {
  #hassaku .point2 .point-cont {
    margin: -2.99vw 0 0 14.05%;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .point2 .point-cont {
    margin-top: -38px;
    padding: 47px 31px 38px 32px;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .point3 {
    float: right;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .point3 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33%;
    z-index: 6;
  }
}
@media only screen and (min-width: 926px) {
  #hassaku .point3 {
    right: 5.09%;
    width: 26.149%;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .point3 .point-num {
    margin: 0 2.67% 0 auto;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .point3 .point-num {
    margin: 0 7px 0 auto;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .point3 .point-cont {
    position: relative;
    margin-top: -2.67vw;
    padding: 3.3vw 14.5% 3.14vw 14.5%;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .point3 .point-cont {
    margin-top: -34px;
    padding: 42px 38px 40px 38px;
  }
}
#hassaku .wrapping {
  margin-top: 6.09vw;
  padding: 10.31vw 0 6vw;
  background-image: url("https://www.tora-ya.co.jp/img/lp/hassaku/txt-bg02.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 120% 100%;
}

@media only screen and (min-width: 641px) {
  #hassaku .wrapping {
    position: relative;
    margin: 7.63vw 4.01% 0 4.72%;
    padding: 5.58vw 40% 4.32vw 5.58%;
    background-size: 100% 100%;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .wrapping {
    margin: 97px 51px 0 60px;
    padding: 71px 450px 55px 71px;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .wrap-tit {
    margin-bottom: 1.34vw;
    padding-right: 5.47%;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .wrap-tit {
    margin-bottom: 17px;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .wrap-cont {
    display: table;
  }
  #hassaku .wrap-cont .wrap-txt, #hassaku .wrap-cont .wrap-img {
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .wrap-txt p {
    padding: 4.38vw 0 0 18.39% !important;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .wrap-img {
    width: 51.564%;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .wrap-img {
    position: absolute;
    top: -1vw;
    right: 0;
    width: 44.338%;
  }
}
@media only screen and (min-width: 926px) {
  #hassaku .wrap-img {
    top: -4.25vw;
    right: 1.84%;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .wrap-img {
    top: -54px;
    right: 19px;
  }
}
#hassaku .sec04, #hassaku .sec05 {
  margin-top: 16.09vw;
}

@media only screen and (max-width: 640px) {
  #hassaku .sec04, #hassaku .sec05 {
    padding-top: 16.09vw;
    border-top: dashed 1px #649147;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .sec04, #hassaku .sec05 {
    position: relative;
    margin-top: 8.88vw;
    padding-top: 9.67vw;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .sec04, #hassaku .sec05 {
    margin-top: 113px;
    padding-top: 123px;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .sec04:before, #hassaku .sec05:before {
    position: absolute;
    top: 0;
    left: 3.103%;
    content: "";
    display: block;
    width: 93.794%;
    height: 1px;
    border-top: dashed 1px #649147;
  }
}
@media only screen and (min-width: 926px) {
  #hassaku .sec04:before, #hassaku .sec05:before {
    left: 6.207%;
    width: 87.586%;
  }
}
#hassaku .pro-list .pro-blc {
  margin-top: 14.84vw;
}

@media only screen and (min-width: 926px) {
  #hassaku .pro-list .pro-blc {
    margin-top: 6.29vw;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .pro-list .pro-blc {
    margin-top: 80px;
  }
}
#hassaku .pro-list .pro-blc:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 926px) {
  #hassaku .pro-blc::before, #hassaku .pro-blc::after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
}
@media only screen and (max-width: 925px) {
  #hassaku .pro-img-area {
    margin-bottom: 4vw;
  }
  #hassaku .pro-img-area::before, #hassaku .pro-img-area::after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
}
@media only screen and (min-width: 926px) {
  #hassaku .pro-img-area {
    float: left;
    width: 63.07%;
  }
}
#hassaku .pro-img-area .pro-img {
  float: left;
  width: 47.588%;
}

#hassaku .pro-img-area .pro-img:nth-child(even) {
  float: right;
}

@media only screen and (min-width: 926px) {
  #hassaku .pro-img-area .pro-img {
    width: 47.789%;
  }
}
#hassaku .pro-txt-area {
  font-size: 120%;
}

@media only screen and (min-width: 641px) {
  #hassaku .pro-txt-area {
    text-align: center;
  }
}
@media only screen and (min-width: 926px) {
  #hassaku .pro-txt-area {
    float: right;
    width: 31.738%;
    font-size: 124%;
    text-align: left;
  }
}
#hassaku .pro-txt-area p {
  line-height: 1.6;
}

#hassaku .pro-txt-area dl {
  line-height: 1.4;
}

@media only screen and (max-width: 925px) {
  #hassaku .pro-txt-area dl {
    margin-bottom: 3vw;
  }
}
@media only screen and (min-width: 926px) {
  #hassaku .pro-txt-area dl {
    margin-bottom: 0.8em;
  }
}
#hassaku .pro-txt-area dt, #hassaku .pro-txt-area dd {
  display: inline-block;
  vertical-align: -100%;
}

#hassaku .pro-txt-area dt {
  margin-right: 0.5em;
  padding: 0.25em 0.38em 0.4em 0.5em;
  background: #83b739;
  color: #fff;
  line-height: 1;
}

#hassaku .pro-txt-area dd:before {
  content: "¥";
  font-size: 154%;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

@media only screen and (min-width: 926px) {
  #hassaku .pro-txt-area dd:before {
    font-size: 187.5%;
  }
}
#hassaku .pro-txt-area dd em {
  margin-right: 0.05em;
  font-size: 258%;
  font-family: "Lato", sans-serif;
}

@media only screen and (min-width: 926px) {
  #hassaku .pro-txt-area dd em {
    font-size: 312.5%;
  }
}
#hassaku .pro-txt-area .btn-area {
  background: #fff;
  margin: 0 auto;
}

@media only screen and (min-width: 641px) {
  #hassaku .pro-txt-area .btn-area {
    max-width: 318px;
    margin: 0 auto;
  }
}
#hassaku .option {
  margin-top: 12.81vw;
}

@media only screen and (min-width: 641px) {
  #hassaku .option {
    margin-top: 8.25vw;
    padding: 0 24.476%;
    background: url("https://www.tora-ya.co.jp/img/lp/hassaku/sec04-bg01_pc.png") no-repeat left bottom;
    background-size: 100% auto;
    font-size: 124%;
    line-height: 2.25;
    text-align: center;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .option {
    margin-top: 105px;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .option p {
    margin: 0 -1em;
  }
}
#hassaku .opt-tit {
  margin-bottom: 3.91vw;
}

@media only screen and (min-width: 641px) {
  #hassaku .opt-tit {
    margin-bottom: 3.91vw;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .opt-tit {
    margin-bottom: 38px;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .sec05-wrap::before, #hassaku .sec05-wrap::after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .sec05-txt-area {
    float: right;
    width: 45.71%;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .sec05-txt-area p {
    font-size: 124%;
    line-height: 2.25;
  }
}
#hassaku .sec05-tit {
  margin-bottom: 4.06vw;
}

@media only screen and (min-width: 641px) {
  #hassaku .sec05-tit {
    position: relative;
    margin-bottom: 2.04vw;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .sec05-tit {
    margin-bottom: 26px;
  }
}
#hassaku .sec05-tit:before {
  position: absolute;
  top: -54.07%;
  right: -8.08%;
  content: "";
  display: block;
  width: 43.67%;
  height: 100%;
  background: url("https://www.tora-ya.co.jp/img/lp/hassaku/sec05-deco01_pc.png") no-repeat right top;
  background-size: 100% auto;
}

#hassaku .attn {
  color: #f26a36;
  font-weight: 500;
}

@media only screen and (max-width: 640px) {
  #hassaku .sec05-img-area {
    margin-top: 5.31vw;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .sec05-img-area {
    float: left;
    width: 49.901%;
  }
}
#hassaku .sec05-btn {
  margin-top: 6.88%;
  background: #fff;
}

@media only screen and (min-width: 641px) {
  #hassaku .sec05-btn {
    max-width: 492px;
    margin: 6.92vw auto 0;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .sec05-btn {
    margin-top: 88px;
  }
}
#hassaku .bnr-area {
  margin-top: 16.88vw;
  text-align: center;
  font-size: 140%;
  font-weight: 500;
  line-height: 1.6;
}

@media only screen and (min-width: 641px) {
  #hassaku .bnr-area {
    margin: 5.82vw 4.01% 0 4.72%;
    padding: 7.15vw 8.22% 5.19vw 6.82%;
    background: url("https://www.tora-ya.co.jp/img/lp/hassaku/txt-bg03.svg") no-repeat;
    background-size: 100% 100%;
    -webkit-filter: drop-shadow(1px 1px 3px #d9d3cb);
    filter: drop-shadow(1px 1px 3px #d9d3cb);
    font-size: 154%;
  }
  #hassaku .bnr-area::before, #hassaku .bnr-area::after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .bnr-area {
    margin: 74px 51px 0 60px;
    padding: 91px 94px 66px 78px;
  }
}
@media only screen and (max-width: 640px) {
  #hassaku .bnr-blc {
    margin-top: 5.8vw;
  }
  #hassaku .bnr-blc:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 641px) {
  #hassaku .bnr-blc {
    float: left;
    width: 48.085%;
  }
  #hassaku .bnr-blc:nth-child(even) {
    float: right;
  }
}
#hassaku .bnr-img {
  margin-bottom: 3.13vw;
  background: #fff;
  -webkit-box-shadow: 1px 1px 6px 1px #baa390;
  box-shadow: 1px 1px 6px 1px #baa390;
}

@media only screen and (min-width: 641px) {
  #hassaku .bnr-img {
    margin-bottom: 1.57vw;
  }
}
@media only screen and (min-width: 1272px) {
  #hassaku .bnr-img {
    margin-bottom: 20px;
  }
}
/* ろごドラ */
body#rogodora {
  padding-top: 0;
}

#rogodora .logo img {
  width: auto;
  height: auto;
}

#rogodora .l-container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

#rogodora .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 640px) {
  #rogodora .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#rogodora .col-3 {
  max-width: 30%;
  width: 100%;
}

@media screen and (max-width: 640px) {
  #rogodora .col-3 {
    max-width: 100%;
  }
}
#rogodora .col-2 {
  max-width: 50%;
  width: 100%;
}

@media screen and (max-width: 640px) {
  #rogodora .col-2 {
    max-width: 100%;
  }
}
#rogodora .m-wrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1000px) {
  #rogodora .m-wrapper {
    max-width: 91.25%;
  }
}
#rogodora .is-pc-hidden {
  display: none;
}

@media screen and (max-width: 768px) {
  #rogodora .is-pc-hidden {
    display: inline-block;
  }
}
#rogodora .is-sp-hidden {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  #rogodora .is-sp-hidden {
    display: none;
  }
}
#rogodora .only-pc {
  display: inline-block;
}

@media screen and (max-width: 640px) {
  #rogodora .only-pc {
    display: none !important;
  }
}
#rogodora .only-sp {
  display: none;
}

@media screen and (max-width: 640px) {
  #rogodora .only-sp {
    display: inline-block;
  }
}
#rogodora .is-pc {
  display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #rogodora .only-pc {
    display: block;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 640px), screen and (-ms-high-contrast: none) and (max-width: 640px) {
  #rogodora .only-pc {
    display: none !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #rogodora .only-sp {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 640px), screen and (-ms-high-contrast: none) and (max-width: 640px) {
  #rogodora .only-sp {
    display: block;
  }
}
#rogodora .is-sps {
  display: none;
}

@media screen and (max-width: 425px) {
  #rogodora .is-sps {
    display: block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #rogodora .only-pc {
    display: block;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 640px), screen and (-ms-high-contrast: none) and (max-width: 640px) {
  #rogodora .only-pc {
    display: none !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #rogodora .only-sp {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 640px), screen and (-ms-high-contrast: none) and (max-width: 640px) {
  #rogodora .only-sp {
    display: block;
  }
}
#rogodora .m-title3 {
  display: inline-block;
  font-size: 34px;
  line-height: 37.74px;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  border-bottom: 2px solid #bea02d;
  letter-spacing: 3.9px;
  padding-bottom: 7px;
}

@media screen and (max-width: 768px) {
  #rogodora .m-title3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .m-title3 {
    font-size: 30px;
    line-height: 60px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 580px) {
  #rogodora .m-title3 {
    font-size: 25px;
    line-height: 40px;
  }
}
#rogodora .m-btn {
  font-size: 25px;
  color: #ffffff;
  line-height: 37.74px;
  font-family: "Noto Serif JP", serif;
  max-width: 442px;
  width: 100%;
  padding: 21px 0;
  border-radius: 5px;
  letter-spacing: 2.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  #rogodora .m-btn {
    font-size: 15px;
    padding: 10px 0;
  }
}
#rogodora .m-btn img {
  padding-right: 5px;
}

#rogodora .m-btn-ec856a {
  background-color: #ec856a;
}

#rogodora .m-btn-bea02d {
  background-color: #bea02d;
}

#rogodora p {
  text-align: left;
  font-size: 20px;
  line-height: 36px;
}

@media screen and (max-width: 768px) {
  #rogodora p {
    font-size: 15px;
    line-height: 28px;
  }
}
#rogodora .l-header {
  position: static;
  border-top: none;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

#rogodora .l-header .logo {
  z-index: 9;
  position: absolute;
  top: 31px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  #rogodora .l-header .logo {
    top: 20px;
  }
  #rogodora .l-header .logo h1 {
    max-width: 70%;
    width: 100%;
    margin: 0 auto;
  }
}
#rogodora .l-main .btn-order {
  position: fixed;
  right: 0px;
  z-index: 9;
  bottom: 0px;
  text-align: right;
}

@media screen and (max-width: 1200px) {
  #rogodora .l-main .btn-order {
    right: 20px;
  }
  #rogodora .l-main .btn-order img {
    max-width: 80%;
  }
}
@media screen and (max-width: 1200px) and (max-width: 768px) {
  #rogodora .l-main .btn-order img {
    max-width: 60%;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main .btn-order {
    right: 10px;
  }
}
#rogodora .l-main__fv {
  z-index: 7;
  position: relative;
  background: url(https://www.tora-ya.co.jp/img/lp/rogodora/fv.jpg) no-repeat center top;
  background-size: contain;
  padding-top: 37.8%;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__fv {
    background: url(https://www.tora-ya.co.jp/img/lp/rogodora/fv-sp.jpg) no-repeat center top;
    background-size: 100%;
    padding-top: 140.8%;
  }
}
#rogodora .l-main__fv .hd-text01 {
  opacity: 0;
  position: absolute;
  top: 7vw;
  left: 28.9vw;
  width: 32.6vw;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@media screen and (max-width: 1480px) {
  #rogodora .l-main__fv .hd-text01 {
    top: 11vw;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__fv .hd-text01 {
    width: 100vw;
    top: 29vw;
    left: 0;
  }
}
#rogodora .l-main__fv .hd-text02 {
  top: 24.9vw;
  position: absolute;
  right: 18.6vw;
  width: 37.6vw;
}

@media screen and (max-width: 1480px) {
  #rogodora .l-main__fv .hd-text02 {
    top: 22.9vw;
  }
}
@media screen and (max-width: 768px) {
  #rogodora .l-main__fv .hd-text02 {
    top: 20.9vw;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__fv .hd-text02 {
    top: 87.9vw;
    width: 100vw;
    right: 0vw;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__fv .hd-text02 {
    top: 77.9vw;
  }
}
#rogodora .l-main__fv .hd-text02 .h2img {
  background: url(https://www.tora-ya.co.jp/img/lp/rogodora/grabg-title.png) no-repeat center;
  background-size: 100% 100%;
  width: 37.53vw;
  padding: 19.5px 0;
  text-align: center;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__fv .hd-text02 .h2img {
    width: 100vw;
    text-align: right;
    padding: 23.5px 0;
    padding-right: 33px;
  }
}
#rogodora .l-main__fv .hd-text02 .h2img img {
  opacity: 0;
  width: 50%;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__fv .hd-text02 .h2img img {
    width: 70%;
  }
}
#rogodora .l-main__sct01 {
  background: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg01.jpg) no-repeat;
  background-size: cover;
  padding-top: 87px;
  position: relative;
  padding-bottom: 69px;
}

@media screen and (max-width: 1024px) {
  #rogodora .l-main__sct01 {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct01 {
    padding-top: 45px;
    padding-bottom: 30px;
  }
}
#rogodora .l-main__sct01--row {
  background: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg-allrow.png) no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  padding-top: 67px;
  padding-bottom: 54px;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  #rogodora .l-main__sct01--row {
    margin: 0 20px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct01--row {
    background: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg-allrow-sp.png) no-repeat;
    margin: 0 20px;
    background-size: 100% 100%;
    padding-top: 52px;
    padding-bottom: 69px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct01--row {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
#rogodora .l-main__sct01--row .rowWrap {
  padding: 0 65px;
  padding-top: 48px;
}

@media screen and (max-width: 1200px) {
  #rogodora .l-main__sct01--row .rowWrap {
    padding: 0 40px;
    padding-top: 48px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct01--row .rowWrap {
    padding-left: 90px;
    padding-right: 60px;
    padding-top: 62px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct01--row .rowWrap {
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 38px;
  }
}
#rogodora .l-main__sct01--row .rowWrap-content {
  position: relative;
  margin-bottom: 48px;
}

@media screen and (max-width: 1024px) {
  #rogodora .l-main__sct01--row .rowWrap-content {
    max-width: 30%;
    width: 100%;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  #rogodora .l-main__sct01--row .rowWrap-content {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct01--row .rowWrap-content {
    max-width: 100%;
    margin-bottom: 30px;
  }
  #rogodora .l-main__sct01--row .rowWrap-content:nth-child(3) {
    margin-bottom: 0;
  }
}
#rogodora .l-main__sct01--row .rowWrap-content .sub {
  background: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg-subtext.png) no-repeat center;
  max-width: 230px;
  width: 100%;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 19px;
  line-height: 31.74px;
  color: #ffffff;
  position: absolute;
  top: -12px;
  padding: 2px 0px;
  left: 50%;
  -webkit-transform: translateX(-53%);
  transform: translateX(-53%);
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct01--row .rowWrap-content .sub {
    background-size: contain;
  }
}
@media screen and (max-width: 768px) {
  #rogodora .l-main__sct01--row .rowWrap-content .sub {
    background-size: 100%;
    font-size: 15px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct01--row .rowWrap-content .sub {
    top: -25px;
    background: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg-subtext-sp.png) no-repeat center;
    font-size: 16px;
    line-height: 61.76px;
    max-width: 80%;
    background-size: 100%;
  }
}
#rogodora .l-main__sct01--row p {
  padding: 0 85px;
  padding-top: 13px;
  text-align: left;
  letter-spacing: 0.2px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct01--row p {
    padding: 0 57px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct01--row p {
    padding: 0 20px;
  }
}
#rogodora .l-main__sct01--video {
  text-align: center;
  padding-top: 89px;
  background: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg-video.png) no-repeat;
  background-position: center 67px;
  padding-bottom: 45px;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct01--video {
    background-position: center bottom;
    background-size: 100%;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct01--video {
    background: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg-videosp.png) no-repeat center bottom;
    background-size: 100%;
    padding-top: 50px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct01--video {
    background: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg-videosp.png) no-repeat center 90%;
    background-size: 100%;
  }
}
#rogodora .l-main__sct01--video .video {
  padding-top: 44px;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct01--video .video {
    padding: 0 95px;
    padding-top: 80px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct01--video .video {
    padding: 0 50px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct01--video .video {
    padding: 0 35px;
    padding-top: 50px;
  }
}
#rogodora .l-main__sct01--video .video iframe {
  border: 14px solid #3f3d37;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct01--video .video iframe {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #rogodora .l-main__sct01--video .video iframe {
    height: 383px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct01--video .video iframe {
    height: 314px;
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct01--video .video iframe {
    height: 229px;
  }
}
#rogodora .l-main__sct02 {
  background: #fff4f6 url(https://www.tora-ya.co.jp/img/lp/rogodora/bg02.jpg) no-repeat center;
  padding-top: 144px;
  padding-bottom: 146px;
  background-size: contain;
  position: relative;
}

@media screen and (max-width: 768px) {
  #rogodora .l-main__sct02 {
    padding: 100px 0;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct02 {
    padding: 70px 0;
  }
}
#rogodora .l-main__sct02::before {
  content: "";
  position: absolute;
  background-image: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg02-bfr.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 23%;
  width: 100%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct02::before {
    background-image: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg02-bfr-sp.png);
  }
}
#rogodora .l-main__sct02::after {
  content: "";
  position: absolute;
  background-image: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg02-aft.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  height: 23%;
  width: 100%;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct02::after {
    background-image: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg02-aft-sp.png);
  }
}
#rogodora .l-main__sct02--ab {
  padding-bottom: 47px;
}

@media screen and (max-width: 1200px) {
  #rogodora .l-main__sct02--ab {
    padding: 0 75px;
    padding-bottom: 47px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct02--ab {
    padding: 0 30px;
    padding-bottom: 47px;
  }
}
#rogodora .l-main__sct02--ab_img {
  padding-top: 6px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct02--ab_img {
    padding-top: 0;
    text-align: center;
  }
}
#rogodora .l-main__sct02--ab_content {
  padding-left: 40px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct02--ab_content {
    padding-top: 30px;
    padding-left: 0;
  }
}
#rogodora .l-main__sct02--ab_content h4 {
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: -0.7px;
  padding-bottom: 13px;
}

@media screen and (max-width: 768px) {
  #rogodora .l-main__sct02--ab_content h4 {
    font-size: 25px;
    line-height: 38px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct02--ab_content h4 {
    font-size: 30px;
  }
}
@media screen and (max-width: 580px) {
  #rogodora .l-main__sct02--ab_content h4 {
    font-size: 25px;
    line-height: 35px;
  }
}
#rogodora .l-main__sct02--ab_content p {
  line-height: 40px;
}

@media screen and (max-width: 768px) {
  #rogodora .l-main__sct02--ab_content p {
    line-height: 30px;
  }
}
#rogodora .l-main__sct02--materials {
  background: url(https://www.tora-ya.co.jp/img/lp/rogodora/border-allrow02.png) center top;
  background-size: 100% 100%;
  text-align: center;
  padding: 64px 77px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct02--materials {
    background: url(https://www.tora-ya.co.jp/img/lp/rogodora/border-allrow02-sp.png) center top;
    background-size: 100% 100%;
    margin: 0 20px;
    padding: 30px 77px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct02--materials {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#rogodora .l-main__sct02--materials .list-materials {
  padding-top: 56px;
  padding-bottom: 28px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct02--materials .list-materials {
    width: 100%;
  }
  #rogodora .l-main__sct02--materials .list-materials figure {
    width: 47%;
  }
  #rogodora .l-main__sct02--materials .list-materials .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #rogodora .l-main__sct02--materials .list-materials .col-9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
#rogodora .l-main__sct03 {
  background: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg03.jpg) no-repeat;
  padding-top: 100px;
  padding-bottom: 74px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03 {
    padding-bottom: 30px;
    padding-top: 70px;
  }
}
#rogodora .l-main__sct03Wrap-01 {
  background: url(https://www.tora-ya.co.jp/img/lp/rogodora/border-allrow03.png) no-repeat center top;
  background-size: 100% 100%;
}

@media screen and (max-width: 1024px) {
  #rogodora .l-main__sct03Wrap-01 {
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01 {
    background: url(https://www.tora-ya.co.jp/img/lp/rogodora/border-allrow03-sp.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 20px;
  }
}
#rogodora .l-main__sct03Wrap-01--design {
  text-align: center;
  padding-top: 73px;
  padding-bottom: 65px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--design {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}
#rogodora .l-main__sct03Wrap-01--design .designRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 57px;
  padding-top: 44px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--design .designRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 43px;
    padding-top: 44px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-01--design .designRow {
    padding: 0 20px;
    padding-top: 44px;
  }
}
#rogodora .l-main__sct03Wrap-01--design .designRow-img {
  padding-top: 5px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--design .designRow-img {
    padding-left: 20px;
  }
}
#rogodora .l-main__sct03Wrap-01--design .designRow-content {
  max-width: 67.3%;
  width: 100%;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--design .designRow-content {
    padding-top: 30px;
    max-width: 100%;
  }
}
#rogodora .l-main__sct03Wrap-01--design .designRow-content p {
  padding-bottom: 24px;
}

#rogodora .l-main__sct03Wrap-01--price {
  text-align: center;
  padding: 0 168px;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--price {
    padding: 0 100px;
  }
}
@media screen and (max-width: 768px) {
  #rogodora .l-main__sct03Wrap-01--price {
    padding: 0 43px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-01--price {
    padding: 0 20px;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 26px;
  padding-top: 66px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--price .price-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--price .price-wrap {
    padding: 0px;
    padding-top: 35px;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-wrapBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 50%;
  width: 100%;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--price .price-wrapBox {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--price .price-wrapBox {
    max-width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-wrapBox + .price-wrapBox {
  padding-left: 7px;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--price .price-wrapBox + .price-wrapBox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--price .price-wrapBox + .price-wrapBox {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-wrapBox .cat {
  font-size: 20px;
  line-height: 37.74px;
  background-color: #ec6a73;
  color: #ffffff;
  padding: 12px;
  border-radius: 4px;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--price .price-wrapBox .cat {
    font-size: 17px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-01--price .price-wrapBox .cat {
    font-size: 15px;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-wrapBox .content {
  font-size: 40px;
  line-height: 37.73px;
  font-family: "Noto Serif JP", serif;
  padding-left: 10px;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--price .price-wrapBox .content {
    font-size: 30px;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-wrapBox .content span {
  font-size: 20px;
  line-height: 37.73px;
  padding-left: 7px;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--price .price-wrapBox .content span {
    font-size: 16px;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-wrapBox .content p {
  font-size: 18px;
  line-height: 33.74px;
  text-align: right;
  margin-top: -12px;
  letter-spacing: 0.7px;
  font-weight: 500;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--price .price-wrapBox .content p {
    font-size: 15px;
  }
}
#rogodora .l-main__sct03Wrap-01--price .atention {
  font-size: 15px;
  line-height: 37.73px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--price .atention {
    font-size: 13px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-01--price .atention {
    line-height: normal;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-table {
  padding-top: 32px;
  text-align: right;
}

#rogodora .l-main__sct03Wrap-01--price .price-table table {
  width: 100%;
  border: 2px solid #717171;
}

#rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr th {
  text-align: center;
  background: #717171;
  border-left: 1px solid #ffffff;
  color: #ffffff;
  font-size: 20px;
  line-height: 37.74px;
  padding: 5px 0;
}

@media screen and (max-width: 580px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr th {
    font-size: 15px;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr th:nth-child(1) {
  width: 181px;
  border-left: 1px solid #717171;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr th:nth-child(1) {
    width: auto;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr th:nth-child(2) {
  width: 270px;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr th:nth-child(2) {
    width: auto;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td {
  font-size: 20px;
  line-height: 37.74px;
  height: 44px;
  border: 1px solid #3d3d3d;
  text-align: right;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td {
    font-size: 15px;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td.bold {
  font-weight: bold;
  font-size: 24px;
  line-height: 37.74px;
  padding-right: 88px;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td.bold {
    padding-right: 70px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td.bold {
    padding-right: 50px;
    font-size: 18px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td.bold {
    padding-right: 15px;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td:nth-child(1) {
  padding-right: 60px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td:nth-child(1) {
    padding-right: 30px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td:nth-child(1) {
    padding-right: 7px;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td:nth-child(3) {
  padding-right: 69px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td:nth-child(3) {
    padding-right: 30px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table table tbody tr td:nth-child(3) {
    padding-right: 7px;
  }
}
#rogodora .l-main__sct03Wrap-01--price .price-table p {
  text-align: right;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--price .price-table p {
    font-size: 12px;
  }
}
#rogodora .l-main__sct03Wrap-01--order {
  text-align: center;
  padding: 0 66px;
  padding-top: 69px;
  padding-bottom: 86px;
}

@media screen and (max-width: 768px) {
  #rogodora .l-main__sct03Wrap-01--order {
    padding: 0 35px;
    padding-top: 69px;
    padding-bottom: 86px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--order {
    padding: 0 20px;
    padding-top: 35px;
    padding-bottom: 50px;
  }
}
#rogodora .l-main__sct03Wrap-01--order .shtime {
  padding-top: 30px;
  padding-bottom: 30px;
}

#rogodora .l-main__sct03Wrap-01--order .shtime .delivery {
  font-size: 13px;
  text-align: center;
}

#rogodora .l-main__sct03Wrap-01--order .list-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 57px;
}

#rogodora .l-main__sct03Wrap-01--order .list-orderBox {
  max-width: 15.7%;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 20px;
  border-radius: 5px;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--order .list-orderBox {
    padding-top: 27px;
  }
}
@media screen and (max-width: 768px) {
  #rogodora .l-main__sct03Wrap-01--order .list-orderBox {
    max-width: 15%;
  }
}
#rogodora .l-main__sct03Wrap-01--order .list-orderBox.fff3d0 {
  position: relative;
  background: #fff3d0;
}

#rogodora .l-main__sct03Wrap-01--order .list-orderBox.fff3d0::before {
  content: "";
  position: absolute;
  background-image: url(https://www.tora-ya.co.jp/img/lp/rogodora/arrow-yellow.png);
  background-repeat: no-repeat;
  width: 11px;
  height: 23px;
  right: -11px;
  top: 50%;
  -webkit-transform: translateY(9px);
  transform: translateY(9px);
}

#rogodora .l-main__sct03Wrap-01--order .list-orderBox.ededed {
  position: relative;
  background: #ededed;
}

#rogodora .l-main__sct03Wrap-01--order .list-orderBox.ededed::before {
  content: "";
  position: absolute;
  background-image: url(https://www.tora-ya.co.jp/img/lp/rogodora/arrow-gray.png);
  background-repeat: no-repeat;
  width: 11px;
  height: 23px;
  right: -11px;
  top: 50%;
  -webkit-transform: translateY(9px);
  transform: translateY(9px);
}

#rogodora .l-main__sct03Wrap-01--order .list-orderBox.ededed:last-child::before {
  content: "";
  background: none;
}

#rogodora .l-main__sct03Wrap-01--order .list-orderBox .number {
  font-size: 28px;
  font-weight: 500;
  line-height: 42.74px;
  width: 45px;
  height: 45px;
  text-align: center;
  background: #bea02d;
  border-radius: 50%;
  color: #ffffff;
  position: absolute;
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--order .list-orderBox .number {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 39.74px;
  }
}
#rogodora .l-main__sct03Wrap-01--order .list-orderBox .content {
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--order .list-orderBox .content {
    font-size: 14px;
    padding-bottom: 5px;
  }
}
#rogodora .l-main__sct03Wrap-01--order .delivery-time {
  max-width: 50%;
  width: 100%;
  margin-left: auto;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 39px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-01--order .delivery-time {
    display: none;
  }
}
#rogodora .l-main__sct03Wrap-01--order .delivery-time .time {
  font-size: 20px;
  line-height: 37.74px;
  color: #717171;
  font-weight: bold;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--order .delivery-time .time {
    font-size: 16px;
  }
}
#rogodora .l-main__sct03Wrap-01--order .delivery-time .time::before {
  content: "";
  position: absolute;
  background-image: url(https://www.tora-ya.co.jp/img/lp/rogodora/arrl-time.png);
  background-repeat: no-repeat;
  top: 50%;
  width: 36.409%;
  height: 6px;
  left: 0;
}

#rogodora .l-main__sct03Wrap-01--order .delivery-time .time::after {
  content: "";
  position: absolute;
  background-image: url(https://www.tora-ya.co.jp/img/lp/rogodora/arrr-time.png);
  background-repeat: no-repeat;
  top: 50%;
  width: 36.409%;
  height: 6px;
  right: 0;
}

#rogodora .l-main__sct03Wrap-01--order .delivery-time .delivery {
  font-size: 15px;
  line-height: 20.74px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  #rogodora .l-main__sct03Wrap-01--order .delivery-time .delivery {
    font-size: 12px;
  }
}
#rogodora .l-main__sct03Wrap-02 {
  background: url(https://www.tora-ya.co.jp/img/lp/rogodora/border-allrow03_2.png) no-repeat center top;
  margin-top: 50px;
  margin-bottom: 21px;
  text-align: center;
  padding: 0 89.5px;
  padding-top: 78px;
  padding-bottom: 81px;
}

@media screen and (max-width: 1024px) {
  #rogodora .l-main__sct03Wrap-02 {
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  #rogodora .l-main__sct03Wrap-02 {
    padding: 0 35px;
    padding-top: 78px;
    padding-bottom: 81px;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-02 {
    background: url(https://www.tora-ya.co.jp/img/lp/rogodora/border-allrow03_2-sp.png) no-repeat center top;
    background-size: 100% 100%;
    margin: 0 20px;
    margin-top: 50px;
    padding: 50px 43px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-02 {
    padding: 30px 20px;
  }
}
#rogodora .l-main__sct03Wrap-02-listWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 46px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 35px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-02-listWrap {
    padding: 0 55px;
    padding-top: 20px;
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 534px) {
  #rogodora .l-main__sct03Wrap-02-listWrap {
    padding: 0;
    padding-top: 20px;
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-02-listWrap {
    padding-top: 20px;
    padding-bottom: 35px;
  }
}
#rogodora .l-main__sct03Wrap-02-listWrap-img {
  padding-bottom: 5px;
  max-width: 24.4%;
  width: 100%;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-02-listWrap-img {
    max-width: 49.5%;
    padding-bottom: 3px;
  }
}
#rogodora .l-main__sct03Wrap-02-popular {
  padding-top: 72px;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-02-popular {
    padding-top: 35px;
  }
}
#rogodora .l-main__sct03Wrap-02-popularRow {
  padding-top: 38px;
}

#rogodora .l-main__sct03Wrap-02-popularRow .content {
  max-width: 31%;
  width: 100%;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03Wrap-02-popularRow .content {
    max-width: 100%;
    margin-bottom: 10px;
  }
  #rogodora .l-main__sct03Wrap-02-popularRow .content a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #rogodora .l-main__sct03Wrap-02-popularRow .content a .content-img {
    max-width: 50%;
    width: 100%;
  }
  #rogodora .l-main__sct03Wrap-02-popularRow .content a .content-txt {
    max-width: 50%;
    width: 100%;
    padding-left: 20px;
  }
}
#rogodora .l-main__sct03Wrap-02-popularRow .content p {
  font-size: 18px;
  line-height: 26px;
  padding-top: 11px;
}

@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-02-popularRow .content p {
    font-size: 15px;
    padding-top: 0;
    line-height: normal;
  }
}
#rogodora .l-main__sct03Wrap-02-popularRow .content .price {
  font-size: 30px;
  line-height: 37.74px;
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  text-align: right;
  padding-top: 18px;
}

@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-02-popularRow .content .price {
    font-size: 20px;
    padding-top: 0;
  }
}
#rogodora .l-main__sct03Wrap-02-popularRow .content .price span {
  font-size: 18px;
  line-height: 37.74px;
}

@media screen and (max-width: 425px) {
  #rogodora .l-main__sct03Wrap-02-popularRow .content .price span {
    font-size: 10px;
  }
}
#rogodora .l-main__sct03-tlt {
  background: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg-tlt.png) no-repeat center top;
  padding-top: 29px;
}

@media screen and (max-width: 1024px) {
  #rogodora .l-main__sct03-tlt {
    background-size: 100%;
    background-position: center;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03-tlt {
    padding: 0 20px;
    padding-top: 29px;
  }
}
#rogodora .l-main__sct03-tltBox {
  padding: 0 68px;
  padding-top: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03-tltBox {
    padding: 0px;
    padding-top: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#rogodora .l-main__sct03-tltBox--content {
  text-align: center;
}

@media screen and (max-width: 1024px) {
  #rogodora .l-main__sct03-tltBox--content {
    max-width: 49%;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  #rogodora .l-main__sct03-tltBox--content {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
#rogodora .l-main__sct03-tltBox--content p {
  padding-top: 13px;
  text-align: center;
  font-weight: 600;
}

#rogodora .l-footer {
  background-image: url(https://www.tora-ya.co.jp/img/lp/rogodora/bg-ft.jpg);
  background-repeat: no-repeat;
  padding-top: 9px;
  padding-bottom: 31px;
}

#rogodora .l-footer p {
  text-align: center;
  font-size: 15px;
  line-height: 29px;
  color: #ffffff;
  letter-spacing: 0.2px;
}

@media screen and (max-width: 425px) {
  #rogodora .l-footer p {
    font-size: 12px;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html {
    overflow-x: hidden;
  }
  #rogodora .l-main__sct01--row .rowWrap-content,
  #rogodora .l-main__sct02--ab_img,
  #rogodora .l-main__sct03Wrap-01--design .designRow-content,
  #rogodora .l-main__sct03Wrap-02-popularRow .content,
  #rogodora .l-main__sct03Wrap-01--design .designRow-img,
  #rogodora .l-main__sct03-tltBox--content {
    height: 100%;
  }
}
#rogodora div#sysMain {
  width: 100% !important;
  padding: 0;
  margin: 0 !important;
}

#fixCart {
  width: 65px;
  position: fixed;
  top: 50%;
  right: 46px;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 640px) {
  #fixCart {
    display: none !important;
  }
}
#fixCart .cartTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-weight: bold;
  font-size: 13px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

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

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

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

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

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

.fix_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;
}

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

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

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

.fix_mypage {
  position: fixed;
  top: calc(50% + 100px);
  right: 46px;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 640px) {
  .fix_mypage {
    display: none !important;
  }
}
.fix_mypage a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-weight: bold;
  font-size: 13px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

/* 2306 renewal */
body * {
  font-family: "Noto Serif JP", serif;
}

.sysTitle, .sysHeadline {
  font-family: "Noto Serif JP", serif;
}

.m-title1,
.top_recommend_item h2.sysHeadline,
.topNews h2.sysHeadline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #393939;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  gap: 12px;
  background: unset;
  margin: unset;
  position: relative;
}
@media screen and (max-width: 600px) {
  .m-title1,
  .top_recommend_item h2.sysHeadline,
  .topNews h2.sysHeadline {
    font-size: 25px;
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    padding-bottom: 15px;
  }
}
.m-title1::before, .m-title1::after,
.top_recommend_item h2.sysHeadline::before,
.top_recommend_item h2.sysHeadline::after,
.topNews h2.sysHeadline::before,
.topNews h2.sysHeadline::after {
  content: "";
  display: block;
  width: 1px;
}
@media screen and (max-width: 600px) {
  .m-title1::before, .m-title1::after,
  .top_recommend_item h2.sysHeadline::before,
  .top_recommend_item h2.sysHeadline::after,
  .topNews h2.sysHeadline::before,
  .topNews h2.sysHeadline::after {
    width: 80px;
    position: absolute;
    bottom: 0;
  }
}
.m-title1::before,
.top_recommend_item h2.sysHeadline::before,
.topNews h2.sysHeadline::before {
  height: 90px;
  background-color: #000;
}
@media screen and (max-width: 600px) {
  .m-title1::before,
  .top_recommend_item h2.sysHeadline::before,
  .topNews h2.sysHeadline::before {
    width: 80px;
    height: 1px;
  }
}
.m-title1::after,
.top_recommend_item h2.sysHeadline::after,
.topNews h2.sysHeadline::after {
  height: 45px;
  background-color: #e6b800;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 600px) {
  .m-title1::after,
  .top_recommend_item h2.sysHeadline::after,
  .topNews h2.sysHeadline::after {
    width: 40px;
    height: 1px;
    top: unset;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}

.m-btn1 {
  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: min(435px, 100%);
  height: 65px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  background-color: #a81501;
  position: relative;
}
.m-btn1:hover {
  opacity: 0.8;
  color: #fff;
}
.m-btn1::after {
  content: "›";
  color: #fff;
  position: absolute;
  right: 30px;
  font-size: 25px;
}
.m-btn1--black {
  background-color: #393939;
}
.m-btn1--small {
  width: min(230px, 33.333% - 9px);
  height: 50px;
  font-size: 15px;
}
@media screen and (max-width: 600px) {
  .m-btn1--small {
    width: calc(50% - 7px);
    font-size: 13px;
  }
}
.m-btn1--small::after {
  right: 20px;
  top: 0;
}
@media screen and (max-width: 600px) {
  .m-btn1--small::after {
    right: 10px;
  }
}

.l-header {
  font-size: 14px;
  position: relative;
  border-top: 6px solid #a81501;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(8, 1, 3, 0.05);
          box-shadow: 0px 5px 15px 0px rgba(8, 1, 3, 0.05);
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
  .l-header {
    border-top-width: 3px;
  }
}
@media screen and (max-width: 600px) {
  .l-header {
    border-top-width: 3px;
  }
}
.l-header .sysContent {
  height: 79px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #fff;
  padding: 20px 55px !important;
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
  .l-header .sysContent {
    height: 76px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .l-header .sysContent {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 30px 20px 20px !important;
  }
}
.l-header__logo {
  width: 138px;
}
@media screen and (max-width: 600px) {
  .l-header__logo {
    width: 120px;
  }
}
.l-header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 42px;
  padding-left: 38px;
  font-size: 16px;
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
  .l-header-nav {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .l-header-nav {
    display: none;
  }
}
.l-header-nav__item {
  position: relative;
}
.l-header-nav__item a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.l-header-subnav {
  display: none;
  width: 180px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 12px;
  padding: 25px 20px;
  -webkit-box-shadow: 0px 16px 20px 0px rgba(158, 141, 121, 0.1);
          box-shadow: 0px 16px 20px 0px rgba(158, 141, 121, 0.1);
  position: absolute;
  top: 30px;
}
.l-header-subnav__item:nth-of-type(n+2) {
  padding-top: 15px;
}
.l-header-right {
  margin-left: auto;
  padding-right: 60px;
  text-align: center;
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
  .l-header-right {
    padding-right: unset;
    margin-left: unset;
    -webkit-transform: translateX(-60px);
            transform: translateX(-60px);
  }
}
@media screen and (max-width: 600px) {
  .l-header-right {
    padding-right: unset;
    margin-left: unset;
    -webkit-transform: translateX(-35px);
            transform: translateX(-35px);
  }
}
.l-header-right span {
  display: block;
  font-size: 12px;
  padding-top: 5px;
}
@media screen and (max-width: 600px) {
  .l-header-right span {
    display: none;
  }
}

.l-spnav__title {
  color: #737373;
  font-weight: 500;
  letter-spacing: 0.075em;
  font-size: 14px;
  font-family: "Noto Sans Japanese";
  margin: unset;
  padding: 0 30px 10px;
}
.l-spnav__category {
  font-size: 16px;
  letter-spacing: 0.075em;
  font-weight: bold;
  margin: unset;
  border-top: 1px solid #ccc;
  padding: 20px 30px 0;
}
.l-spnav-bg {
  background-color: #efefec;
  padding-top: 30px;
}
.l-spnav-bg .l-spnav__title {
  padding-bottom: 0;
}

.l-spsubnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px 10px;
  padding-inline: 40px;
  padding: 10px 40px 30px;
}
.l-spsubnav + .l-spnav__title {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 0;
}
.l-spsubnav__item {
  width: calc(50% - 5px);
}
.l-spsubnav__item::before {
  content: "-";
  margin-right: 10px;
}

#cartInfo {
  width: 50px;
  position: absolute;
  right: 50px;
  top: 26px;
  margin: unset;
  position: fixed;
  z-index: 2;
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
  #cartInfo {
    width: auto;
    top: 22px;
    right: 20px;
  }
}
@media screen and (max-width: 600px) {
  #cartInfo {
    width: auto;
    top: 34px;
    right: 20px;
  }
}

button.itemCount {
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  background-color: #ff5868;
}

#cartInfo p {
  font-family: "Noto Serif JP", serif;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  #cartInfo p {
    color: transparent;
    line-height: 0;
    font-size: 0;
  }
}

.top_slider .owl-item {
  opacity: unset;
}

.owl-carousel .owl-stage {
  background-color: transparent;
}

.owl-dots .owl-dot span {
  width: 5px;
  height: 5px;
  margin-inline: 5px;
}

#top #sysAside {
  display: none;
}
#top #sysWrap {
  max-width: unset;
  margin-bottom: unset;
}
@media screen and (max-width: 600px) {
  #top #sysWrap {
    padding-top: 10px;
  }
}
#top #sysMain {
  float: none;
  width: unset !important;
  margin: unset;
  padding-top: unset;
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
  #top #sysMain {
    padding: unset;
  }
}
@media screen and (max-width: 600px) {
  #top #sysMain {
    padding: unset;
    margin-bottom: 0 !important;
  }
}
#top #sysFooter {
  background-image: unset;
}
#top .top_classic,
#top .top_featurs_btn,
#top .top-sns .sysContent {
  width: min(1000px, 100% - 40px);
  margin-inline: auto;
  padding-top: 20px;
}

.l-guide {
  width: min(1000px, 100% - 40px);
  margin-inline: auto;
}

#top .top_featurs_btn,
.l-guide {
  padding-top: 78px;
}
@media screen and (max-width: 600px) {
  #top .top_featurs_btn,
  .l-guide {
    padding-top: 45px;
  }
}

.top_classic,
#top .top_featurs_btn,
.l-guide {
  padding-bottom: 70px;
}
@media screen and (max-width: 600px) {
  .top_classic,
  #top .top_featurs_btn,
  .l-guide {
    padding-bottom: 45px;
  }
}
.top_classic .sysContent,
#top .top_featurs_btn .sysContent,
.l-guide .sysContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 78px;
}
@media screen and (max-width: 600px) {
  .top_classic .sysContent,
  #top .top_featurs_btn .sysContent,
  .l-guide .sysContent {
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.top_classic-container,
#top .top_featurs_btn-container,
.l-guide-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px 35px;
  padding-top: 30px;
}
@media screen and (max-width: 600px) {
  .top_classic-container,
  #top .top_featurs_btn-container,
  .l-guide-container {
    width: 100%;
    padding-top: unset;
  }
}

.top_classic {
  padding-top: 10px;
}
@media screen and (max-width: 600px) {
  .top_classic-container {
    gap: 15px;
  }
}
.top_classic-container > * {
  width: min(430px, 50% - 18px);
}
@media screen and (max-width: 600px) {
  .top_classic-container > * {
    width: min(430px, 50% - 8px);
  }
}

#top .top_featurs_btn {
  padding-top: 40px;
}
@media screen and (max-width: 600px) {
  #top .top_featurs_btn {
    padding-top: 45px;
  }
}
#top .top_featurs_btn .top_classic {
  padding-top: 34px;
}
#top .top_featurs_btn .top_classic-container {
  gap: 33px 35px;
}
@media screen and (max-width: 600px) {
  #top .top_featurs_btn .top_classic-container {
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 16px;
  }
  #top .top_featurs_btn .top_classic-container::-webkit-scrollbar-track {
    background: #f9f9f9;
    -webkit-box-shadow: 0 0 5px #e3e3e3 inset;
            box-shadow: 0 0 5px #e3e3e3 inset;
  }
  #top .top_featurs_btn .top_classic-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  #top .top_featurs_btn .top_classic-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
  }
}
@media screen and (max-width: 600px) {
  #top .top_featurs_btn .top_classic-container > * {
    width: unset;
    width: 300px;
  }
  #top .top_featurs_btn .top_classic-container > * img {
    width: 300px;
    max-width: unset;
    margin-right: 10px;
  }
}

.topNews,
.top_recommend_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 75px;
  background-image: url(/img/bg2.jpg);
  background-size: 1500px auto;
  padding-block: 100px;
  padding-inline: 20px;
}
@media screen and (max-width: 600px) {
  .topNews,
  .top_recommend_item {
    padding-block: 45px;
    gap: 30px;
    margin-bottom: unset;
  }
}
.topNews .sysHorizontal,
.top_recommend_item .sysHorizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px 35px;
  padding-top: 30px;
}
@media screen and (max-width: 600px) {
  .topNews .sysHorizontal,
  .top_recommend_item .sysHorizontal {
    padding-top: unset;
    gap: 23px 15px;
  }
}
.topNews .sysContent,
.top_recommend_item .sysContent {
  width: min(895px, 100%);
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
  .topNews .sysContent,
  .top_recommend_item .sysContent {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.topNews .sysHorizontal li,
.top_recommend_item .sysHorizontal li {
  width: min(275px, 33% - 22px) !important;
  padding: unset !important;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .topNews .sysHorizontal li,
  .top_recommend_item .sysHorizontal li {
    width: calc(50% - 8px) !important;
  }
}
.topNews .sysHorizontal li .sysItemPrice,
.top_recommend_item .sysHorizontal li .sysItemPrice {
  font-size: 15px;
  padding-top: 2px;
}
@media screen and (max-width: 600px) {
  .topNews .sysHorizontal li .sysItemPrice,
  .top_recommend_item .sysHorizontal li .sysItemPrice {
    font-size: 14px;
    padding-top: 0;
  }
}

.topNews {
  padding-block: 45px 60px;
  margin-bottom: 0;
}

.top_recommend_item {
  padding-block: 40px 70px;
}
@media screen and (max-width: 600px) {
  .top_recommend_item {
    padding-block: 45px;
  }
}

.l-guide {
  padding-block: 45px 70px;
}
@media screen and (max-width: 600px) {
  .l-guide {
    padding-block: 45px;
  }
}
.l-guide-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 600px) {
  .l-guide-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: unset;
    width: calc(100% + 40px);
    margin-inline: -20px;
  }
}
.l-guide-container {
  row-gap: 25px;
  padding-top: 42px;
}
@media screen and (max-width: 600px) {
  .l-guide-container {
    padding-top: unset;
  }
}
.l-guide-bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 600px) {
  .l-guide-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.l-guide-bottom-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
  width: min(437px, 50% - 10px);
}
@media screen and (max-width: 600px) {
  .l-guide-bottom-column {
    width: 100%;
    gap: 8px;
  }
}
.l-guide__tel {
  height: 100%;
  padding: 5px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #b49531;
}
.l-guide__tel .title {
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  .l-guide__tel .title {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .l-guide__tel img {
    width: 80%;
  }
}
.l-guide__tel .time {
  font-family: "Noto Sans Japanese";
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  .l-guide__tel .time {
    font-size: 12px;
    margin: 10px 0;
  }
}
.l-guide__tel:hover {
  color: #fff;
}
.l-guide-button {
  width: min(437px, 50% - 10px);
  background-color: #fff;
  border: 1px solid #d9d8d5;
  padding: 25px 38px 37px;
  position: relative;
}
@media screen and (max-width: 600px) {
  .l-guide-button {
    width: 100%;
    border-right: none;
    border-left: none;
    border-bottom: none;
    padding: 20px;
  }
  .l-guide-button:last-of-type {
    border-bottom: 1px solid #d9d8d5;
  }
}
.l-guide-button::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 57px 57px;
  border-color: transparent transparent #393939 transparent;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 600px) {
  .l-guide-button::before {
    display: none;
  }
}
.l-guide-button::after {
  content: "›";
  color: #fff;
  position: absolute;
  bottom: 5px;
  right: 14px;
  font-size: 25px;
}
@media screen and (max-width: 600px) {
  .l-guide-button::after {
    color: #000;
    bottom: unset;
    top: 45%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.l-guide-button__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  .l-guide-button__title {
    font-size: 17px;
  }
}
.l-guide__text {
  letter-spacing: 0.05em;
  padding-top: 8px;
  font-weight: 400;
  font-family: "Noto Sans Japanese";
  line-height: 2;
  margin: unset;
}
@media screen and (max-width: 600px) {
  .l-guide__text {
    display: none;
  }
}

.top-sns {
  background-image: url(/img/bg3.jpg);
  background-size: 1500px auto;
  padding-block: 70px;
}
@media screen and (max-width: 600px) {
  .top-sns {
    padding-block: 45px;
  }
}

#navBtn {
  display: none;
  width: 30px;
  height: 10px;
  position: relative;
}
#navBtn span {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #393939;
  position: absolute;
  left: 0;
}
#navBtn span:first-of-type {
  top: 0;
}
#navBtn span:last-of-type {
  bottom: 0;
}
@media screen and (max-width: 600px) {
  #navBtn {
    display: block;
  }
}
#navBtn.closeMenu span:first-of-type {
  -webkit-transform: rotate(30deg) translate(5px, 5px);
          transform: rotate(30deg) translate(5px, 5px);
}
#navBtn.closeMenu span:last-of-type {
  -webkit-transform: rotate(-30deg) translate(2px, -1px);
          transform: rotate(-30deg) translate(2px, -1px);
}

.side_category {
  border-top: 1px solid #d9d8d5;
  border-bottom: 1px solid #d9d8d5;
  padding: 17px 0;
  margin-bottom: unset;
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
  .side_category {
    padding-inline: 20px;
  }
}
.side_category.side_category--yogashi {
  border-top: unset;
}
.side_category .sysHeadline {
  font-size: 16px;
  letter-spacing: 0.075em;
  font-weight: 600;
}
.side_category ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
  padding-left: 15px;
}
.side_category ul li::before {
  content: "-";
  margin-right: 1em;
}
.side_category ul li a {
  display: inline;
  font-family: "Noto Sans Japanese";
}

.side_category_title h3 {
  font-size: 16px;
  letter-spacing: 0.075em;
  font-weight: 600;
  padding-bottom: 10px;
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
  .side_category_title h3 {
    padding-inline: 20px;
  }
}

.m-pagetitle,
#sysItemDetail .sysItemName h1 {
  color: #393939;
  font-size: 28px;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #646464;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .m-pagetitle,
  #sysItemDetail .sysItemName h1 {
    font-size: 22px;
  }
}

.sysItemCategoryPankuzu {
  display: none;
}

.sysItemListDisp {
  text-align: right;
}

#sysItemDetail #sysSubmit {
  padding-top: 35px;
}
#sysItemDetail #sysSubmit::before {
  display: block;
  content: "＼ 10,000円以上で送料無料 ／";
  color: #a81501;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.05em;
  padding-bottom: 10px;
}

.m-title2 {
  font-size: 20px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  .m-title2 {
    font-size: 18px;
  }
}

.tenpo-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 11px 13px;
}

.faraway {
  padding-top: 70px;
}
@media screen and (max-width: 600px) {
  .faraway {
    padding-top: 45px;
  }
}
.faraway-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 600px) {
  .faraway-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
}
.faraway-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  padding-top: 23px;
}
.faraway-list__item {
  font-size: 15px;
  letter-spacing: 0.05em;
  position: relative;
  padding-left: 40px;
}
.faraway-list__item a {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.faraway-list__item a:hover {
  text-decoration: none;
}
.faraway-list__item::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  aspect-ratio: 1;
  background-image: url(/img/tenpo/ico_train.png);
  background-size: contain;
  margin-right: 10px;
  position: absolute;
  left: 0;
}

.tenpolist {
  padding-top: 75px;
}
@media screen and (max-width: 600px) {
  .tenpolist {
    padding-top: 45px;
  }
}

.tenpo-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
  padding-top: 30px;
}
@media screen and (max-width: 600px) {
  .tenpo-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.tenpo-item iframe {
  width: 100%;
  height: 100%;
}
.tenpo-item:nth-of-type(n+2) {
  padding-top: 70px;
}
@media screen and (max-width: 600px) {
  .tenpo-item:nth-of-type(n+2) {
    padding-top: 45px;
  }
}
.tenpo-item-image {
  width: min(362px, 100%);
}
@media screen and (max-width: 600px) {
  .tenpo-item-image {
    width: 100%;
    text-align: center;
  }
}
.tenpo-item-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tenpo-item__title {
  font-size: 24px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  .tenpo-item__title {
    font-size: 21px;
  }
}
.tenpo-item__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 18px;
  letter-spacing: 0.05em;
  font-family: "Noto Sans Japanese";
}
@media screen and (max-width: 600px) {
  .tenpo-item__phone {
    margin-top: 5px;
  }
}
.tenpo-item-table {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #d9d8d5;
  margin-top: 10px;
}
.tenpo-item-table th {
  width: 80px;
}
.tenpo-item-table th,
.tenpo-item-table td {
  font-family: "Noto Sans Japanese";
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 1.5384615385;
  padding: 12px;
  border-top: 1px solid #d9d8d5;
  border-bottom: 1px solid #d9d8d5;
}
.tenpo-item-map {
  width: 100%;
}
.tenpo-item-map iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 1430/570;
}
.tenpo-item-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.itemdetail-table {
  padding-top: 40px;
}
@media screen and (max-width: 600px) {
  .itemdetail-table {
    padding-top: 30px;
  }
}
.itemdetail-table__title {
  color: #fff;
  background-color: #393939;
  font-size: 16px;
  padding: 5px 16px;
  font-family: "Noto Serif JP", serif !important;
  margin: 0 !important;
}
.itemdetail-table__title span {
  font-size: 14px;
}
.itemdetail-table-tbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: "Noto Sans Japanese";
  border: 1px solid #393939;
  border-bottom: none;
}
.itemdetail-table-tbl li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 33.3333333333%;
  border-right: 1px solid #393939;
  border-bottom: 1px solid #393939;
  padding: 10px 16px;
  gap: 15px;
}
@media screen and (max-width: 600px) {
  .itemdetail-table-tbl li {
    width: 50%;
    font-size: 12px;
  }
  .itemdetail-table-tbl li:nth-of-type(even) {
    border-right: none;
  }
}
.itemdetail-table-tbl li:nth-of-type(3n) {
  border-right: none;
}
@media screen and (max-width: 600px) {
  .itemdetail-table-tbl li:nth-of-type(3n) {
    border-right: 1px solid #393939;
  }
}

.m-title-bg {
  color: #fff;
  background-color: #393939;
  font-size: 16px;
  padding: 10px 16px;
  font-family: "Noto Serif JP", serif !important;
  margin: 0 !important;
}
.m-title-bg span {
  font-size: 14px;
}

.kannabe-movie iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 1430/805;
}
.kannabe-kitchen {
  padding-top: 75px;
}
@media screen and (max-width: 600px) {
  .kannabe-kitchen {
    padding-top: 45px;
  }
}
.kannabe-kitchen__text {
  font-size: 15px;
  line-height: 0.05;
  line-height: 1.8;
  padding-top: 20px;
}
.kannabe-kitchen-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding-top: 20px;
}
@media screen and (max-width: 600px) {
  .kannabe-kitchen-gallery {
    gap: 10px;
  }
}
.kannabe-kitchen-event {
  padding-top: 35px;
}
.kannabe-torasoft {
  padding-top: 75px;
}
@media screen and (max-width: 600px) {
  .kannabe-torasoft {
    padding-top: 45px;
  }
}
.kannabe-torasoft-mainimg {
  padding-top: 40px;
}
@media screen and (max-width: 600px) {
  .kannabe-torasoft-mainimg {
    padding-top: 30px;
  }
}
.kannabe-torasoft-item {
  max-width: 342px;
}
.kannabe-torasoft-kodawari {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding-top: 50px;
}
@media screen and (max-width: 600px) {
  .kannabe-torasoft-kodawari {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 30px;
  }
}
@media screen and (max-width: 600px) {
  .kannabe-torasoft-kodawari {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.kannabe-torasoft__title {
  font-size: 20px;
  letter-spacing: 0.1em;
  padding-top: 20px;
}
@media screen and (max-width: 600px) {
  .kannabe-torasoft__title {
    font-size: 17px;
  }
}
.kannabe-torasoft__text {
  font-size: 15px;
  line-height: 0.05;
  line-height: 1.8;
}
.kannabe-menu {
  padding-top: 75px;
}
@media screen and (max-width: 600px) {
  .kannabe-menu {
    padding-top: 45px;
  }
}
.kannabe-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  padding-top: 30px;
}
.kannabe-menu-item {
  width: min(219px, 33% - 18px);
}
@media screen and (max-width: 600px) {
  .kannabe-menu-item {
    width: calc(50% - 15px);
  }
}
.kannabe-menu__title {
  margin: unset;
  padding-top: 20px;
}
.kannabe-menu__price {
  margin: unset;
}

.company-outline {
  padding-top: 20px;
}
.company-table {
  width: 100%;
  table-layout: fixed;
}
.company-table th,
.company-table td {
  font-family: "Noto Sans JP";
  font-weight: 400;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #d9d8d5;
  border-bottom: 1px solid #d9d8d5;
  padding: 10px 15px;
}
@media screen and (max-width: 600px) {
  .company-table th,
  .company-table td {
    font-size: 13px;
    padding: 10px;
  }
}
.company-table th iframe,
.company-table td iframe {
  width: 100%;
  height: 198px;
  margin-top: 10px;
}
.company-table th {
  width: 165px;
}
@media screen and (max-width: 600px) {
  .company-table th {
    width: 85px;
  }
}
.company-akindou {
  padding-top: 75px;
}
@media screen and (max-width: 600px) {
  .company-akindou {
    padding-top: 45px;
  }
}
.company-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 37px;
  padding-top: 35px;
}
@media screen and (max-width: 600px) {
  .company-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 30px;
  }
}
.company-container-image {
  width: min(350px, 100%);
  text-align: center;
}
.company-container-image p {
  font-size: 16px;
  letter-spacing: 0.05em;
  padding-top: 5px;
}
.company-container-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 600px) {
  .company-container-content {
    width: 100%;
  }
}
.company__title {
  font-size: 20px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  .company__title {
    font-size: 24px;
  }
}
.company__text {
  font-family: "Noto Sans JP";
  letter-spacing: 0.05em;
  line-height: 2;
  padding-top: 10px;
}
.company-list li {
  font-family: "Noto Sans JP";
  letter-spacing: 0.05em;
  line-height: 2;
}

#about .about-banners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  padding-top: 38px;
}
#about .about-banners__link {
  -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 600px) {
  #about .about-banners__link {
    max-width: calc(50% - 8px);
  }
}
#about .about-feature {
  padding-top: 20px;
}
@media screen and (max-width: 600px) {
  #about .about-feature {
    padding-top: 10px;
  }
}
#about .about-intro, #about .about-akinai, #about .about-history, #about .about-sdgs {
  padding-top: 75px;
}
@media screen and (max-width: 600px) {
  #about .about-intro, #about .about-akinai, #about .about-history, #about .about-sdgs {
    padding-top: 45px;
  }
}
#about .about-intro .m-btn1, #about .about-akinai .m-btn1, #about .about-history .m-btn1, #about .about-sdgs .m-btn1 {
  margin: 40px auto 0;
}
@media screen and (max-width: 600px) {
  #about .about-intro .m-btn1, #about .about-akinai .m-btn1, #about .about-history .m-btn1, #about .about-sdgs .m-btn1 {
    margin-top: 30px;
  }
}
#about .about-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 30px;
  padding-top: 37px;
}
@media screen and (max-width: 600px) {
  #about .about-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#about .about-container:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 600px) {
  #about .about-container:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#about .about-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#about .about__title {
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1.7;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#about .about__text {
  letter-spacing: 0.05em;
  line-height: 2;
  font-family: "Noto Sans JP";
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin: unset;
  padding-top: 15px;
}
#about .about-tbl {
  width: 100%;
  table-layout: fixed;
  margin-top: 15px;
}
#about .about-tbl th,
#about .about-tbl td {
  font-weight: 400;
  padding: unset;
  text-align: left;
  vertical-align: top;
  line-height: 2;
  font-family: "Noto Sans JP";
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
#about .about-tbl th {
  width: 5em;
}

.col2Style .sysHeadline {
  padding: unset !important;
}

.sysCart .sysBox .sysProduct {
  width: 60%;
}

#l-cart form[name=login_form] {
  width: min(500px, 100%);
  margin-inline: auto;
}
#l-cart #sysMain {
  float: none;
}
@media screen and (max-width: 600px) {
  #l-cart #sysMain {
    padding: 0 20px 0 !important;
  }
}
#l-cart #sysMain .sysNextSubmitArea .sysNextSubmit,
#l-cart #sysMain .sysNextSubmitAreaForUseAmazon .sysAmazonNextSubmit,
#l-cart #sysMain .sysNextSubmitArea .sysNextSubmit,
#l-cart #sysMain .opcDeliveryMethod_completeButton_edit.opcCommonButtonEdit,
#l-cart #sysMain .opcPaymentMethod_buttonGroup_edit .opcPaymentMethod_completeButton_edit,
#l-cart #sysMain .opcConfirm_order,
#l-cart #sysMain form[name=order_form_bottom] .opcConfirm_order,
#l-cart #sysMain form[name=order_form_top] .opcConfirm_order {
  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: min(375px, 100%) !important;
  height: 65px;
  color: #fff !important;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: unset;
  margin: 40px auto 0 !important;
  background-color: #a81501 !important;
  position: relative;
}
#l-cart #sysMain .sysNextSubmitArea .sysNextSubmit:hover,
#l-cart #sysMain .sysNextSubmitAreaForUseAmazon .sysAmazonNextSubmit:hover,
#l-cart #sysMain .sysNextSubmitArea .sysNextSubmit:hover,
#l-cart #sysMain .opcDeliveryMethod_completeButton_edit.opcCommonButtonEdit:hover,
#l-cart #sysMain .opcPaymentMethod_buttonGroup_edit .opcPaymentMethod_completeButton_edit:hover,
#l-cart #sysMain .opcConfirm_order:hover,
#l-cart #sysMain form[name=order_form_bottom] .opcConfirm_order:hover,
#l-cart #sysMain form[name=order_form_top] .opcConfirm_order:hover {
  opacity: 0.8;
  color: #fff;
}
#l-cart #sysMain .sysNextSubmitArea .sysNextSubmit::after,
#l-cart #sysMain .sysNextSubmitAreaForUseAmazon .sysAmazonNextSubmit::after,
#l-cart #sysMain .sysNextSubmitArea .sysNextSubmit::after,
#l-cart #sysMain .opcDeliveryMethod_completeButton_edit.opcCommonButtonEdit::after,
#l-cart #sysMain .opcPaymentMethod_buttonGroup_edit .opcPaymentMethod_completeButton_edit::after,
#l-cart #sysMain .opcConfirm_order::after,
#l-cart #sysMain form[name=order_form_bottom] .opcConfirm_order::after,
#l-cart #sysMain form[name=order_form_top] .opcConfirm_order::after {
  content: "›";
  color: #fff;
  position: absolute;
  right: 30px;
  font-size: 25px;
}
#l-cart #sysMain .sysNextSubmitAreaForUseAmazon {
  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;
  border-bottom: 1px solid rgb(215, 212, 205);
  padding-bottom: 50px;
}
@media screen and (max-width: 600px) {
  #l-cart #sysMain .sysNextSubmitAreaForUseAmazon {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 30px;
  }
}
#l-cart #sysMain .sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton {
  width: 375px;
  max-width: 100%;
}
#l-cart #sysMain .sysNextSubmitAreaForUseAmazon #amazonPayTopLoginButton,
#l-cart #sysMain .sysNextSubmitAreaForUseAmazon #amazonPayBottomLoginButton {
  min-width: unset;
  width: auto;
}
#l-cart #sysMain .sysNextSubmitAreaForUseAmazon .sysAmazonNextSubmit {
  height: auto !important;
  border: none;
  margin: 0 !important;
}
#l-cart #sysMain form[name=order_form_top] .opcConfirm_order {
  margin: 0 auto 30px !important;
}
#l-cart #sysMain .opcDeliveryMethod_completeButton_edit.opcCommonButtonEdit,
#l-cart #sysMain .opcPaymentMethod_buttonGroup_edit .opcPaymentMethod_completeButton_edit {
  margin: 0 auto 30px !important;
}
#l-cart #sysMain input[type=submit] {
  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: min(230px, 70%) !important;
  height: 50px;
  color: #fff !important;
  font-size: 15px;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: unset;
  margin: 40px auto 0 !important;
  background-color: #393939 !important;
  position: relative;
}
@media screen and (max-width: 600px) {
  #l-cart #sysMain input[type=submit] {
    font-size: 13px;
    width: 150px !important;
    height: 40px;
    margin-top: 30px !important;
    padding: 5px !important;
  }
}
#l-cart #sysMain input[type=submit]:hover {
  opacity: 0.8;
  color: #fff;
}
#l-cart #sysMain input[type=submit]::after {
  content: "›";
  color: #fff;
  position: absolute;
  right: 30px;
  font-size: 25px;
}
#l-cart #sysMain input[type=submit][value=ログインパスワードを忘れた場合] {
  display: inline;
  all: unset;
  max-inline-size: -webkit-max-content;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  color: #333333 !important;
  background-color: unset !important;
  margin: 0 auto !important;
  text-decoration: underline;
  text-underline-offset: 5px;
  max-inline-size: max-content;
  padding: unset !important;
}
#l-cart #sysMain input[type=submit].sysLoginButton {
  background-color: #a81501 !important;
  border: unset !important;
}
#l-cart #sysMain input[type=submit].sysDeleteArea,
#l-cart #sysMain input.opcBillingAddress_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcItemCommonOption_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcDeliveryAddress_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcDeliveryAddressItem_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcDeliveryMethod_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcPaymentMethod_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcSelectDeliveries_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcCompletedDeliveryAddressList_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcDeliveryMethodList_backButton_edit.opcCommonButtonEdit,
#l-cart #sysMain .opcCommonButton {
  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;
  color: #fff;
  letter-spacing: 0.05em;
  text-align: center;
  background-color: #393939;
  position: relative;
  max-width: 100%;
  height: 50px;
  font-size: 15px;
  margin: 20px 0 0 auto;
  border-radius: unset;
}
@media screen and (max-width: 600px) {
  #l-cart #sysMain input[type=submit].sysDeleteArea,
  #l-cart #sysMain input.opcBillingAddress_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcItemCommonOption_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcDeliveryAddress_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcDeliveryAddressItem_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcDeliveryMethod_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcPaymentMethod_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcSelectDeliveries_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcCompletedDeliveryAddressList_backButton_edit.opcCommonButtonEdit, #l-cart #sysMain input.opcDeliveryMethodList_backButton_edit.opcCommonButtonEdit,
  #l-cart #sysMain .opcCommonButton {
    font-size: 13px;
  }
}
#l-cart #sysMain input.opcDeliveryAddress_zipCodeSearchButton_edit,
#l-cart #sysMain input.opcDeliveryAddress_openDialogButton_edit,
#l-cart #sysMain input.opcDeliveryAddress_synchronizeBillingAddressButton_edit {
  margin-left: unset;
}
#l-cart #sysMain input.opcDeliveryAddressList_addButton {
  margin: 0 0 20px auto;
}
#l-cart #sysMain input.opcCompletedDeliveryAddressList_backButton_edit.opcCommonButtonEdit,
#l-cart #sysMain input.opcDeliveryAddress_backButton_edit.opcCommonButtonEdit,
#l-cart #sysMain input.opcDeliveryAddressItem_backButton_edit.opcCommonButtonEdit {
  margin-top: 20px !important;
}
#l-cart #sysMain .opcCompletedDeliveryAddressList_container {
  background-color: transparent;
}
#l-cart #sysMain .opcDeliveryAddressContents {
  border: 1px solid #000;
  border-radius: unset;
}
#l-cart #sysMain .opcCompletedDeliveryAddressListArea {
  width: 100%;
}
#l-cart #sysMain .opcDeliveryAddressHeader {
  padding-top: 20px;
}
@media screen and (max-width: 600px) {
  #l-cart #sysMain .opcDeliveryAddressAndItemsGroup {
    padding-bottom: 10px;
  }
}
#l-cart #sysMain .opcDeliveryAddressAndItemsGroup .opcDeliveryAddressHeader {
  padding-top: unset;
}
@media screen and (max-width: 600px) {
  #l-cart #sysMain .opcDeliveryAddressAndItemsGroup .opcCommonButton {
    margin-top: unset;
  }
}
#l-cart #sysMain .opcItem_increaseNumButton_edit,
#l-cart #sysMain .opcItem_decreaseNumButton_edit {
  display: inline;
  height: auto;
  margin: unset !important;
  padding: 5px 10px;
}
#l-cart #sysMain .opcCommonButtonEdit,
#l-cart #sysMain .opcSelectDeliveries_deliveryToSingle_edit,
#l-cart #sysMain .opcSelectDeliveries_deliveryToMultiple_edit {
  font-size: 15px;
  border-radius: unset;
  -webkit-appearance: none;
}
#l-cart #sysRegisterForm .sysBox {
  text-align: center;
}
#l-cart #sysRegisterForm .sysBox .sysNextSubmitArea {
  padding-bottom: unset;
  border-bottom: none;
}
#l-cart #sysRegisterForm .sysBox .sysNextSubmitArea .sysNextSubmit {
  width: min(230px, 100%) !important;
  height: 50px;
}
#l-cart .sysBackSubmitArea {
  border-top: 1px solid rgb(215, 212, 205);
  margin-top: 50px;
}
#l-cart .sysCartItemAreaMessage {
  font-family: "Noto Sans JP";
  padding: 20px 0 15px;
}
#l-cart .sysHeadline + .sysNextSubmitArea {
  border-bottom: none;
  padding-bottom: unset;
}
#l-cart .sysNextSubmitArea {
  border-bottom: 1px solid rgb(215, 212, 205);
  padding-bottom: 50px;
}
#l-cart .sysBox,
#l-cart .opcOrderSummary, #l-cart .opcBillingAddress, #l-cart .opcBillingAddress_edit, #l-cart .opcItemCommonOptionList, #l-cart .opcClient, #l-cart .opcClient_edit, #l-cart .opcDeliveryAddress, #l-cart .opcDeliveryAddress_edit, #l-cart .opcDeliveryMethod, #l-cart .opcDeliveryMethod_edit, #l-cart .opcDeliveryAddressAndDeliveryMethodGroup, #l-cart .opcItemList, #l-cart .opcItem_edit, #l-cart .opcSocialGiftLetterContentsGroup, #l-cart .opcSocialGiftLetterContentsGroup_edit, #l-cart .opcPaymentMethodList, #l-cart .opcPaymentMethod, #l-cart .opcRemarks, #l-cart .opcRemarks_edit, #l-cart .opcSubstituteOrderMemo, #l-cart .opcSubstituteOrderMemo_edit, #l-cart .opcPoint_edit, #l-cart .opcItemPoint_edit, #l-cart .opcCouponCode_edit, #l-cart .opcCoupon_edit, #l-cart .opcDeliveryAddressSummary, #l-cart .opcDeliveryAddressAndItemsGroup, #l-cart .opcSelectDeliveries, #l-cart .basketCoupon_edit {
  border-width: 1px;
  border-color: rgb(215, 212, 205);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  padding: 32px;
}
@media screen and (max-width: 600px) {
  #l-cart .sysBox,
  #l-cart .opcOrderSummary, #l-cart .opcBillingAddress, #l-cart .opcBillingAddress_edit, #l-cart .opcItemCommonOptionList, #l-cart .opcClient, #l-cart .opcClient_edit, #l-cart .opcDeliveryAddress, #l-cart .opcDeliveryAddress_edit, #l-cart .opcDeliveryMethod, #l-cart .opcDeliveryMethod_edit, #l-cart .opcDeliveryAddressAndDeliveryMethodGroup, #l-cart .opcItemList, #l-cart .opcItem_edit, #l-cart .opcSocialGiftLetterContentsGroup, #l-cart .opcSocialGiftLetterContentsGroup_edit, #l-cart .opcPaymentMethodList, #l-cart .opcPaymentMethod, #l-cart .opcRemarks, #l-cart .opcRemarks_edit, #l-cart .opcSubstituteOrderMemo, #l-cart .opcSubstituteOrderMemo_edit, #l-cart .opcPoint_edit, #l-cart .opcItemPoint_edit, #l-cart .opcCouponCode_edit, #l-cart .opcCoupon_edit, #l-cart .opcDeliveryAddressSummary, #l-cart .opcDeliveryAddressAndItemsGroup, #l-cart .opcSelectDeliveries, #l-cart .basketCoupon_edit {
    padding: 20px;
  }
}
#l-cart .sysBox hr,
#l-cart .opcOrderSummary hr, #l-cart .opcBillingAddress hr, #l-cart .opcBillingAddress_edit hr, #l-cart .opcItemCommonOptionList hr, #l-cart .opcClient hr, #l-cart .opcClient_edit hr, #l-cart .opcDeliveryAddress hr, #l-cart .opcDeliveryAddress_edit hr, #l-cart .opcDeliveryMethod hr, #l-cart .opcDeliveryMethod_edit hr, #l-cart .opcDeliveryAddressAndDeliveryMethodGroup hr, #l-cart .opcItemList hr, #l-cart .opcItem_edit hr, #l-cart .opcSocialGiftLetterContentsGroup hr, #l-cart .opcSocialGiftLetterContentsGroup_edit hr, #l-cart .opcPaymentMethodList hr, #l-cart .opcPaymentMethod hr, #l-cart .opcRemarks hr, #l-cart .opcRemarks_edit hr, #l-cart .opcSubstituteOrderMemo hr, #l-cart .opcSubstituteOrderMemo_edit hr, #l-cart .opcPoint_edit hr, #l-cart .opcItemPoint_edit hr, #l-cart .opcCouponCode_edit hr, #l-cart .opcCoupon_edit hr, #l-cart .opcDeliveryAddressSummary hr, #l-cart .opcDeliveryAddressAndItemsGroup hr, #l-cart .opcSelectDeliveries hr, #l-cart .basketCoupon_edit hr {
  border-bottom-color: rgb(215, 212, 205);
  margin: 20px -33px;
}
#l-cart .sysBox hr + div,
#l-cart .opcOrderSummary hr + div, #l-cart .opcBillingAddress hr + div, #l-cart .opcBillingAddress_edit hr + div, #l-cart .opcItemCommonOptionList hr + div, #l-cart .opcClient hr + div, #l-cart .opcClient_edit hr + div, #l-cart .opcDeliveryAddress hr + div, #l-cart .opcDeliveryAddress_edit hr + div, #l-cart .opcDeliveryMethod hr + div, #l-cart .opcDeliveryMethod_edit hr + div, #l-cart .opcDeliveryAddressAndDeliveryMethodGroup hr + div, #l-cart .opcItemList hr + div, #l-cart .opcItem_edit hr + div, #l-cart .opcSocialGiftLetterContentsGroup hr + div, #l-cart .opcSocialGiftLetterContentsGroup_edit hr + div, #l-cart .opcPaymentMethodList hr + div, #l-cart .opcPaymentMethod hr + div, #l-cart .opcRemarks hr + div, #l-cart .opcRemarks_edit hr + div, #l-cart .opcSubstituteOrderMemo hr + div, #l-cart .opcSubstituteOrderMemo_edit hr + div, #l-cart .opcPoint_edit hr + div, #l-cart .opcItemPoint_edit hr + div, #l-cart .opcCouponCode_edit hr + div, #l-cart .opcCoupon_edit hr + div, #l-cart .opcDeliveryAddressSummary hr + div, #l-cart .opcDeliveryAddressAndItemsGroup hr + div, #l-cart .opcSelectDeliveries hr + div, #l-cart .basketCoupon_edit hr + div {
  font-family: "Noto Sans JP";
}
#l-cart .sysBox select,
#l-cart .opcOrderSummary select, #l-cart .opcBillingAddress select, #l-cart .opcBillingAddress_edit select, #l-cart .opcItemCommonOptionList select, #l-cart .opcClient select, #l-cart .opcClient_edit select, #l-cart .opcDeliveryAddress select, #l-cart .opcDeliveryAddress_edit select, #l-cart .opcDeliveryMethod select, #l-cart .opcDeliveryMethod_edit select, #l-cart .opcDeliveryAddressAndDeliveryMethodGroup select, #l-cart .opcItemList select, #l-cart .opcItem_edit select, #l-cart .opcSocialGiftLetterContentsGroup select, #l-cart .opcSocialGiftLetterContentsGroup_edit select, #l-cart .opcPaymentMethodList select, #l-cart .opcPaymentMethod select, #l-cart .opcRemarks select, #l-cart .opcRemarks_edit select, #l-cart .opcSubstituteOrderMemo select, #l-cart .opcSubstituteOrderMemo_edit select, #l-cart .opcPoint_edit select, #l-cart .opcItemPoint_edit select, #l-cart .opcCouponCode_edit select, #l-cart .opcCoupon_edit select, #l-cart .opcDeliveryAddressSummary select, #l-cart .opcDeliveryAddressAndItemsGroup select, #l-cart .opcSelectDeliveries select, #l-cart .basketCoupon_edit select {
  margin: unset;
  padding: 0 10px;
}
#l-cart .sysBox img.sysProductImg,
#l-cart .opcOrderSummary img.sysProductImg, #l-cart .opcBillingAddress img.sysProductImg, #l-cart .opcBillingAddress_edit img.sysProductImg, #l-cart .opcItemCommonOptionList img.sysProductImg, #l-cart .opcClient img.sysProductImg, #l-cart .opcClient_edit img.sysProductImg, #l-cart .opcDeliveryAddress img.sysProductImg, #l-cart .opcDeliveryAddress_edit img.sysProductImg, #l-cart .opcDeliveryMethod img.sysProductImg, #l-cart .opcDeliveryMethod_edit img.sysProductImg, #l-cart .opcDeliveryAddressAndDeliveryMethodGroup img.sysProductImg, #l-cart .opcItemList img.sysProductImg, #l-cart .opcItem_edit img.sysProductImg, #l-cart .opcSocialGiftLetterContentsGroup img.sysProductImg, #l-cart .opcSocialGiftLetterContentsGroup_edit img.sysProductImg, #l-cart .opcPaymentMethodList img.sysProductImg, #l-cart .opcPaymentMethod img.sysProductImg, #l-cart .opcRemarks img.sysProductImg, #l-cart .opcRemarks_edit img.sysProductImg, #l-cart .opcSubstituteOrderMemo img.sysProductImg, #l-cart .opcSubstituteOrderMemo_edit img.sysProductImg, #l-cart .opcPoint_edit img.sysProductImg, #l-cart .opcItemPoint_edit img.sysProductImg, #l-cart .opcCouponCode_edit img.sysProductImg, #l-cart .opcCoupon_edit img.sysProductImg, #l-cart .opcDeliveryAddressSummary img.sysProductImg, #l-cart .opcDeliveryAddressAndItemsGroup img.sysProductImg, #l-cart .opcSelectDeliveries img.sysProductImg, #l-cart .basketCoupon_edit img.sysProductImg {
  margin-bottom: 27px;
}
#l-cart .opcOrderSummary, #l-cart .opcBillingAddress, #l-cart .opcBillingAddress_edit, #l-cart .opcItemCommonOptionList, #l-cart .opcClient, #l-cart .opcClient_edit, #l-cart .opcDeliveryAddress, #l-cart .opcDeliveryAddress_edit, #l-cart .opcDeliveryMethod, #l-cart .opcDeliveryMethod_edit, #l-cart .opcDeliveryAddressAndDeliveryMethodGroup, #l-cart .opcItemList, #l-cart .opcItem_edit, #l-cart .opcSocialGiftLetterContentsGroup, #l-cart .opcSocialGiftLetterContentsGroup_edit, #l-cart .opcPaymentMethodList, #l-cart .opcPaymentMethod, #l-cart .opcRemarks, #l-cart .opcRemarks_edit, #l-cart .opcSubstituteOrderMemo, #l-cart .opcSubstituteOrderMemo_edit, #l-cart .opcPoint_edit, #l-cart .opcItemPoint_edit, #l-cart .opcCouponCode_edit, #l-cart .opcCoupon_edit, #l-cart .opcDeliveryAddressSummary, #l-cart .opcDeliveryAddressAndItemsGroup, #l-cart .opcSelectDeliveries, #l-cart .basketCoupon_edit {
  margin-top: 20px;
}
#l-cart .sysSubTotalArea,
#l-cart .sysDeleteArea {
  font-family: "Noto Sans JP";
}
#l-cart .sysSubTotalArea *,
#l-cart .sysDeleteArea * {
  font-family: "Noto Sans JP";
}
#l-cart .sysSubTotalArea .sysCartAttention,
#l-cart .sysDeleteArea .sysCartAttention {
  color: inherit;
  font-weight: 400;
  display: inline-block;
  padding-left: 1em;
}
#l-cart .sysSubTotalArea .sysCartAttention span[data-name=sub-total],
#l-cart .sysDeleteArea .sysCartAttention span[data-name=sub-total] {
  color: #a81501;
}
#l-cart .sysNumArea {
  display: none;
}
#l-cart #sysSelections {
  text-align: unset;
}
#l-cart .sysItemListArea {
  margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
  #l-cart .sysItemListArea {
    margin-bottom: 40px;
  }
}
#l-cart .sysTotal {
  font-family: "Noto Sans JP";
  margin-top: 35px;
  margin-bottom: 75px;
}
@media screen and (max-width: 600px) {
  #l-cart .sysTotal {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
#l-cart .sysTotal .sysBox {
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  #l-cart .sysTotal .sysBox {
    font-size: 14px;
  }
}
#l-cart .sysTotal .sysBox .sysTotalTxt .sysCartAttention {
  font-size: 44px;
  line-height: 1;
  letter-spacing: 0.05em;
  padding: unset;
}
@media screen and (max-width: 600px) {
  #l-cart .sysTotal .sysBox .sysTotalTxt .sysCartAttention {
    font-size: 30px;
  }
}
#l-cart .sysTotal .sysBox span[data-name=free-shipping] {
  font-family: "Noto Sans JP";
}
#l-cart .sysTotal .sysBox > div:nth-of-type(n+2) {
  font-family: "Noto Sans JP";
  padding-top: 10px;
}
#l-cart .sysItemName {
  font-size: 22px;
}
#l-cart .sysItemRetailPrice {
  font-size: 16px;
  padding-top: 1em;
}
@media screen and (max-width: 600px) {
  #l-cart .sysItemRetailPrice {
    font-size: 14px;
    padding-top: 5px;
  }
}
#l-cart .sysCartTitle,
#l-cart .opcDeliveryMethodTitle,
#l-cart .opcOrderSummaryTitle, #l-cart .opcBillingAddressTitle, #l-cart .opcItemCommonOptionsTitle, #l-cart .opcClientTitle, #l-cart .opcDeliveryAddressTitle, #l-cart .opcDeliveryMethodTitle, #l-cart .opcItemTitle, #l-cart .opcPaymentMethodTitle, #l-cart .opcRemarksTitle, #l-cart .opcSubstituteOrderMemoTitle, #l-cart .opcPointTitle, #l-cart .opcCouponCodeTitle, #l-cart .opcCouponTitle, #l-cart .opcMemberTitle, #l-cart .opcRepeatTitle, #l-cart .opcDeliveryAddressAndItemsTitle, #l-cart .opcSocialGiftItemsTitle, #l-cart .opcSocialGiftLetterTitle, #l-cart .opcSubstituteShippingMemoHeader, #l-cart .basketCouponTitle {
  color: #fff;
  background-color: #393939;
  font-size: 16px;
  padding: 10px 16px;
  font-family: "Noto Serif JP", serif !important;
  margin: 0 !important;
}
#l-cart .sysCartTitle span,
#l-cart .opcDeliveryMethodTitle span,
#l-cart .opcOrderSummaryTitle span, #l-cart .opcBillingAddressTitle span, #l-cart .opcItemCommonOptionsTitle span, #l-cart .opcClientTitle span, #l-cart .opcDeliveryAddressTitle span, #l-cart .opcDeliveryMethodTitle span, #l-cart .opcItemTitle span, #l-cart .opcPaymentMethodTitle span, #l-cart .opcRemarksTitle span, #l-cart .opcSubstituteOrderMemoTitle span, #l-cart .opcPointTitle span, #l-cart .opcCouponCodeTitle span, #l-cart .opcCouponTitle span, #l-cart .opcMemberTitle span, #l-cart .opcRepeatTitle span, #l-cart .opcDeliveryAddressAndItemsTitle span, #l-cart .opcSocialGiftItemsTitle span, #l-cart .opcSocialGiftLetterTitle span, #l-cart .opcSubstituteShippingMemoHeader span, #l-cart .basketCouponTitle span {
  font-size: 14px;
}
#l-cart .opcCommonEditLabel {
  margin-top: 20px;
}
#l-cart .opcDeliveryMethodTitle {
  margin-bottom: 20px;
}
#l-cart h1.sysHeadline {
  font-size: 28px;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #646464;
  padding-bottom: 10px;
  margin-bottom: 20px;
  background: unset;
}
@media screen and (max-width: 600px) {
  #l-cart h1.sysHeadline {
    font-size: 22px;
    margin-top: unset;
  }
}
#l-cart form[name=login_form] + form {
  text-align: center;
}
#l-cart .opcCommonEditModeBlock {
  background-color: #fff;
  border: 1px solid rgb(215, 212, 205);
  padding: 30px 35px;
  margin-top: 20px;
}
@media screen and (max-width: 600px) {
  #l-cart .opcCommonEditModeBlock {
    padding: 20px;
  }
}
#l-cart .opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit {
  border-bottom: none;
}
#l-cart .opcConfirm {
  background-color: unset;
}
#l-cart .opcCommonButtonGroup {
  padding-top: 20px;
}
#l-cart .opcItem_itemOptionGroup_edit + .opcItem_itemOptionGroup_edit {
  padding-top: 20px;
}
#l-cart .opcPaymentMethod_edit:nth-of-type(n+2) {
  border-top: 1px solid rgb(215, 212, 205);
  padding-top: 30px;
  margin-top: 30px;
}

.sysPagination ul {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.sysPagination ul li {
  width: auto;
  padding: unset;
}
.sysPagination ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  letter-spacing: 0.03em;
  width: 38px;
  aspect-ratio: 1;
  border: unset;
  line-height: inherit;
  border-radius: 50%;
}
.sysPagination ul a.sysCurrent {
  color: #fff;
  background-color: #a81501;
}

#sysItemDetail .sysCategoryPankuzu {
  margin-bottom: 5px;
}

.sysCart .sysItemListArea .sysBox select {
  width: min(200px, 100%);
  max-width: unset;
}

.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit > div:nth-of-type(n+2) {
  margin-top: 15px;
}

.sysFax,
.sysGender,
.sysBirthday,
.sysAcceptMailmagazine {
  display: none;
}

p,
th,
td,
.sysFreeArea {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#shopping-guide table.tblStyle02 thead tr:nth-of-type(2) th,
#shopping-guide table.tblStyle02 tbody th {
  text-align: center;
  background: unset;
}

.sysMemberPassword h3,
.sysMemberPassword h4 {
  padding-top: 10px;
  font-family: "Noto Sans Japanese";
}

.sysMemberPasswordDescription small {
  padding-top: 10px;
  font-family: "Noto Sans Japanese";
}

.opcPaymentMethod_account_edit {
  display: none;
}

.opcDeliveryMethod_deliveryMethodListGroup_edit:before {
  display: block;
  content: "お届け日時を選択して下さい。";
  margin-bottom: 1em;
}

.m-textlink {
  font-family: unset;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.m-textlink:hover {
  text-decoration: none;
}

input[name=action_front_mypage_withdrawal_confirm] + .sysButton {
  display: none;
}

.sysMypageNav > a {
  text-decoration: underline;
  text-underline-offset: 5px;
}

#l-cart #sysMain .sysNextSubmitAreaForUseAmazon:first-of-type,
#l-cart #sysMain #sysOpc .opcRequestOrderArea:first-of-type {
  display: none;
}

@media screen and (max-width: 600px) {
  #sysItemDetail .orderArea .sysItemPr {
    -webkit-transform: unset;
            transform: unset;
  }
}/*# sourceMappingURL=style.css.map */
@media screen and (max-width:600px){
/*歴史*/
.ttlStyle08 {
  font-size: 14px;
}
br.sp {
  display: block;
}
p.hisMessage {
  font-size: 20px;
}
.historyWrap .text p {
  font-size: 13px;
}
.historyWrap .order,
.ankoWrap .order {
  order: 0;
}
#historyOmoi .inner {
  padding: 20px 15px;
}
#historyOmoi .step:first-of-type {
  margin-top: 30px;
}
.ankoWrap h4 {
  font-size: 18px;
}
.awardBox li .year {
  font-size: 16px;
}
.ankoWrap .text {
  margin-bottom: 20px;
}
.awardBox li .year {
  display: block;
}
.awardBox li {
  margin-bottom: 10px;
}
.awardBox p {
  width: 100%;
  text-align: center;
}
ul.listWward li span {
  display: block;
}
.side_navi_item h3.sysHeadline {
  position: relative;
}
.ankoWrap .text,
.ankoWrap .image,
.historyWrap .image {
  width: 100%;
}
.ankoWrap .image,
.historyWrap .image {
  text-align: center;
}


.col3Items ul li .sysItemPrice {
  font-size: 12px;
}

.owl-dots {
  margin-top: 10px;
}

/*観光バス*/
.ttlStyle07 {
  font-size: 16px;
}
.busContactWrap >div {
  padding: 0;
}
.busContactWrap > div:first-of-type {
  border-right: none;
  border-bottom: 1px solid #000;
  padding: 0 0 20px;
  margin-bottom: 20px;
}
.busTaiken {
  display: block;
  padding: 5px 10px;
}
.busTaiken p {
  font-size: 15px;
  margin: 5px 0;
}
.busTaiken p span {
  width: 100px;
  padding: 2px 0;
  text-align: center;
}
.busContactWrap {
  display: block;
}
.busContactWrap .shopName a {
  font-size: 20px;
  display: block;
  margin-left: 0;
}



/*菓子教室*/
p.schoolCatch {
  font-size: 16px;
}
.schoolPrice,
..schoolPrice .price+.en {
  font-size: 15px;
}
.schoolPrice .price {
  font-size: 25px;
}

ul.shoolPhoto li:not(.main) {
  width: calc(50% - 5px);
  margin: 0 10px 10px 0;
}
ul.shoolPhoto li:not(.main):nth-of-type(2n+1) {
  margin-right: 0;
}

/*販売店案内*/
.shopWrap > div.map iframe {
  width: 100%;
}
.shopWrap > div {
  width: 100%;
}
.shopWrap > div.map {
  margin-bottom: 10px;
}


ul.listSummer li:nth-of-type(5n) {
  margin-right: 1%;
}
ul.listSummer li:nth-of-type(3n) {
  margin-right: 0;
}
ul.listSummer li {
  width: 32.5%;
  margin-right: 1%;
  margin-bottom: 5px;
}
ul.listSummer li:nth-of-type(odd),
ul.listSummer li:nth-of-type(even) {
  font-size: 10px;
  padding: 5px;
}
ul#summerPhotos li:nth-of-type(3n) {
  margin-right: 2%;
}
ul#summerPhotos li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 10px;
}
ul#summerPhotos li:nth-of-type(2n) {
  margin-right: 0;
}
ul#summerPhotos li p {
  font-size: 12px;
}

#summerMessage .text img.logoFes {
  width: 50px;
  left: 10px;
}
#summerMessage .text {
  padding-left: 70px;
  padding-right: 15px;
}
#summerMessage .text p {
  font-size: 14px;
}


ul.btnWrap li:only-of-type {
  width: 100%;
}
ul#photoHistory li {
  width: 49%;
  margin-bottom: 10px;
}
table.tblStyle03 tr th,
table.tblStyle03 tr td,
table.tblStyle04 tr th,
table.tblStyle04 tr td {
  display: block;
  width: 100%;
  padding: 10px 0;
}
table.tblStyle03 {
  border-top: none;
}
table.tblStyle03 tr td {
  border-bottom: none;
  padding: 10px 0 20px;
}

.ttlStyle06 {
  font-size: 17px;
}
table.tblStyle04 td {
  font-size: 14px;
}
table.tblStyle04 td img.fRight {
  float: none;
  display: block;
  margin: 0 auto 15px;
}

.ttlStyle05 {
font-size: 15px;
}
table.tblStyle02 tr>* {
  min-width: 70px;
  font-size: 10px;
}


h1.sysHeadline span, h2.sysHeadline span {
  font-size: 17px;
}
h1.sysHeadline span b, h2.sysHeadline span b {
  font-size: 10px;
}
a#page-top {
  width: 80px;
  height: 101px;
}
a#page-top img {
  width: 55px;
}
.sysDisplayMobileNone{
  display:none !important;
}
.h1_product .sysContent p {
  font-size: 20px;
  padding: 30px 0 30px 60px !important;
}
.h1_product .sysContent p::before {
  left: 20px;
}
.owl-nav {
display: none;
}
div#sysMain {
width: 100% !important;
margin: 0 auto 30px!important;
padding: 0 20px;
}

h2.sysHeadline span {
font-size: 15px;
}
h2.sysHeadline span b {
font-size: 10px;
}
div#sysAside {
width: 100% !important;
padding: 0 20px;
}
ul#sideBanner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
ul#sideBanner li {
  width: 49%;
}
.f_guide,
.footer_guide_2f {
  padding: 50px 20px;
}
#footerGuide .guide {
  width: 32%;
  margin-right: 0;
}
#footerGuide .guide {
  width: 100%;
  margin-right: 0;
  padding-bottom: 20px;
margin-top: 20px;
max-width: none;
}
#footerGuide .guide a.btnStyle01 {
  position: static;
}
ul#footMap {
display: none;
}

ul#guideBanner li {
margin-bottom: 10px;
}
#snsArea #fb, #snsArea #insta {
width: 100%;
}
#snsArea p.ttlStyle {
font-size: 18px;
}


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


#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{
  padding:20px 10px 30px !important;
    margin:0 auto;
}
.sysFormField label{display: block;}
#sysFormIndex .txtBlock{text-align: left;}
#sysMain{ margin-top: 0;}
.grid-col {
  float: none;
  width: 100%!important;
        margin-left: 0;
}
/*Header */
#sysHeader{ margin-bottom: 5px;}

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

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

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

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

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

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

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

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

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

span.sp_newline{display: block}

/***********************************
  ヘッダー
***********************************/
.header_wrap{
  position: fixed;
  height: 85px;
  top: 0px; left: 0; right: 0;
  margin: auto;
padding-top: 10px;

  z-index: 120;
}
#sysHeader{
  width: 100%;
  margin: 0px auto;
}
.h_inner{margin: 0px 0 0;}
.header_h1_under, .header_h1{
  width: 100%;
  height: 20px;
  float: none;
  text-align: center;
  background: #ededed;
}
.header_h1_under a, .header_h1 a{
  display: none;
}
.head_title{
  font-size: 10px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  letter-spacing: 1px;
}
.header_sp{
  width: 95%;
  margin: 0 2.5%;
  position: relative;
  text-align: center;
}
.header_sp #navBtn{
  position: absolute;
  top: 20px; left: 0;
}
.header_sp .spCart{
  position: absolute;
  top: 15px; right: 0;
}
.header_sp #navBtn img, .header_sp .spCart img{
  width: 40px;
  height: 40px;
}
.header_sp .spLogo img{
  width: 180px;
  margin-top: 15px;
}

/***********************************
  カート情報
***********************************/


/***********************************
  ナビゲーション
***********************************/
#headNavigation .pcnone{display: block;}
#headNavigation .spnone{display: none;}
#headNavigation li.active{background: #fff;}
.h_navi{
  width: 100%;
  height: 40px;
}
#headNavigation li.tab1{
        width: 25%;
    margin-top:10px;
}
#headNavigation li.tab1 a{
        font-size: 12px;
        line-height: 15px;
        position: relative;
}

/*ナビゲーショントグル*/
.toggleNav{
  display: none;
  width: 100%;
  position: absolute;
  height: 0px; /*heightはjs制御*/
  top: 39px; left:0;
  z-index: 110;
         background: rgba(0,0,0,0);
  box-shadow:0px 0px 0px 0px #ccc;
  -moz-box-shadow:0px 0px 0px 0px #ccc;
  -webkit-box-shadow:0px 0px 0px 0px #ccc;
}
.toggleNav:hover{overflow: visible !important;}
#headNavigation ul.tab{
        position: relative;
}
.tabmenu .border:after{
  content:none;
}
.tabmenu li.tab1{
  position: static;
  border-right:1px solid #000;
}
.tabmenu li.tab1:nth-child(4){
  border-right:none;
}
.tabmenu li.tab1 a{font-size:14px;}
.tabmenu ul:after{
    display: block;
    content: "";
    clear: both;
}
.tabmenu li.tab2{
  width: 100%;
  height:auto;
  text-align: left;
  line-height:1;
  font-size: 18px;
  border-bottom: 1px dotted #ddd;
  position: relative;
  background: rgba(255,255,255,1);
}
.tabmenu li.tab2 a{
  display: block;
  position: relative;
  padding: 5px 15px;
  font-size: 14px !important;
  line-height: 40px !important;
    font-weight: bold;
}
#headNavigation li.tab2 a:after{display: none;}
.tabmenu li.tab2 a i{
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top:-7px;
}

.h_spnavi{
  position: fixed;
  width: 100%;
  /* height: 100vh; */
  height: calc(100% - 100px);
  top: 79px; left: 0;
  /* background: rgba(220,220,220,0.9); */
  z-index: 150;
  color: #444;
  display: none;
        overflow: scroll;
}


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

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

/***********************************
  フッター
***********************************/
.footer{
  background: #fff;
  padding-inline: 20px;
}
.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{
  /* margin: 30px auto!important; */
  position: static;
  font-size: 20px;
  letter-spacing: 3px;
}

.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: 1px solid #7d7d7d;
}
#main_tradelaw dl , .main_tradelaw d{
  width: 100%;
  background: #ededed;
  overflow: hidden;
border-right: none;

}
#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;
border-left: none;
}
.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,
.footer_guide_2f{margin-top: 30px;}
.f_guide .sysContent,
.footer_guide_2f .sysContent{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.f_guide .Title,
.footer_guide_2f .Title{
  font-size: 20px;
  text-align: center; 
  padding: 20px 0 0px;
}
.f_guide .guideBlock,
.footer_guide_2f .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,
.footer_guide_2fe .guide01{padding-right: 0px;}
.f_guide .guide02,
.footer_guide_2f .guide02{padding-left: 0px;}
.f_guide .guideTitle,
.footer_guide_2f .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,
.footer_guide_2f p{
  font-size: 15px;
  line-height: 20px;
  margin: 5px 0  !important;
  text-align: left;
        padding: 0 10px 0 15px;
}

.f_guide .mt,
.footer_guide_2f .mt{margin-top: 10px;}
.f_guide .smaller,
.footer_guide_2f .smaller{font-size: 12px;}
.f_guide a.f_guide_btn,
.footer_guide_2f a.f_guide_btn{
  margin: 20px auto;
  float: none;
}
.f_guide .freedial,
.footer_guide_2f .freedial{
  font-size:30px;
}


/* カート内商品数表示*/
button.itemCount2{
        display: none;
  position: absolute;
  right: 0px;
  background: rgba(207,15,42,0.9);
  border:none;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  text-align: center;
  line-height: 15px;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
}
/*商品購入ステップ*/
.steps ul{width: 350px;}
.steps li{
  float: left;
  padding: 0 6px;
  height: 150px;
}
.steps li a{height: 150px !important;}
.steps li img{height: 150px;}
@media screen and (max-width: 350px){
/*商品購入ステップ*/
.steps ul{width: 275px;}
.steps li{
  float: left;
  padding: 0 2px;
  height: 100px;
}
.steps li a{height: 100px !important;}
.steps li img{height: 100px;}
}
/* 決済ページ*/
#sysPayment #sysWrap,
#sysConfirm #sysWrap,
#sysThanks #sysWrap,
#sysCartError #sysMain{
         width: 95% !important;
        margin-left: 2.5%;
}
#sysBillingAddress form{
        width: 95%;
        padding: 30px 20px;
        margin: 0 auto;
}
#sysPayment #sysMain .sysFormLabel{line-height: 10px;}
#sysDestination #sysMain{
           width: 95%;
            border: 1px solid #aaa;
            padding: 20px 20px !important;
            margin: 30px auto;
}

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

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

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

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

/***********************************
  TOPページ
***********************************/
/*.トップスライダー*/
#slideShow{height: 130px;}
.top_slider{
  padding-top:0;
}
.owl-dots .owl-dot {
  top:0;
}

.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:5px;
}
.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;
}

/* 敬老の日ギフト */
.allitem-keirougift .sysContent .sysHorizontal li {
  float: none;
  width: 100%;
  padding: 10px 20px;
}
}
@media screen and (min-width:601px) and (max-width:1100px){
.shopWrap > div.map iframe {
  width: 100%;
}

.sysDisplayTabletNone{
  display:none !important;
}
.h1_product .sysContent p {
  font-size: 37px;
  padding: 30px 15px 30px 60px !important;
}
.h1_product .sysContent p::before {
  left: 20px;
}
#footerGuide,
#snsArea {
  padding-right: 20px;
  padding-left: 20px;
}
#footerGuide .guide {
  width: 48% !important;
  margin-right: 0 !important;
  max-width: none! important;
}

.owl-nav .owl-next {
right: 0;
}
.owl-nav .owl-prev{
left: 0;
}
ul#topBanner li {
text-align: center;
}
ul#sideBanner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
}
ul#sideBanner li {
  width: 31%;
  margin: 0 1% 10px;
}




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

/* 決済ページ*/
#sysPayment #sysWrap,
#sysConfirm #sysWrap,
#sysThanks #sysWrap,
#sysCartError #sysMain{
         width: 95% !important;
        margin-left: 2.5%;
}
#sysPayment #sysMain .sysFormLabel{line-height: 10px;}
#sysBillingAddress form{
        width: 95%;
        padding: 30px 20px;
        margin: 0 auto;
}
#sysDestination #sysMain{
           width: 95%;
            border: 1px solid #aaa;
            padding: 20px 20px !important;
            margin: 30px auto;
}
/*header検索ボックス*/
.h_search{
  margin-top:100px;
}

/***********************************
  商品詳細ページ
***********************************/
#sysItemCategory #sysMain{padding:  30px 20px;}
#sysItemCategory input[type=submit]{margin-top: 0px;}
#sysItemDetail #sysMain {
    width: 95% !important;
}
#sysItemDetail .sysCategoryPankuzu {
  margin-bottom: 20px;
}
#sysItemDetail .sysItemId {
  margin: 0 0 10px 0 !important;
  text-align: left !important;
}
#sysItemDetail .sysMainImage {
  max-width: 700px;
  margin: 0 auto;
}
#sysItemDetail .sysImageList {
  max-width: 700px;
  margin: 0 auto 20px;
}
#sysItemDetail .sysImageList li {
  display: inline-block;
  max-width: 60px;
  line-height: 0;
}
#sysItemDetail .sysReview,
#sysItemDetail .description_left,
#sysItemDetail .sysDescription,
#sysItemDetail .sysForm,
#sysItemDetail .sysRetailPrice,
#sysItemDetail .sysImageDescription {
  max-width: 700px;
  margin: 0 auto 10px auto !important;
}
#sysItemDetail .sysForm select {
  min-width: 350px;
  display: inline-block;
  float: none!important;
}
#sysItemDetail #sysNumber{text-align:right;}
.sysPr span{font-size: 10px;}

/***********************************
  ヘッダー
***********************************/
.header_wrap{
  position: fixed;
  height: 100px;
  top: 0px; left: 0; right: 0;
  margin: auto;
  z-index: 120;
padding-top: 20px;
}
#sysHeader{
  width: 100%;
  margin: 0px auto;
}
.h_inner{margin: 0px 0 0;}
.header_h1_under, .header_h1{
  width: 100%;
  height: 20px;
  float: none;
  text-align: center;
  background: #ededed;
}
.header_h1_under a, .header_h1 a{
  display: none;
}
.head_title{
  font-size: 10px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  letter-spacing: 1px;
}
.header_sp{
  width: 95%;
  margin: 0 2.5%;
  position: relative;
  text-align: center;
}
.header_sp #navBtn{
  position: absolute;
  top: 10px; left: 0;
}
.header_sp .spCart{
  position: absolute;
  top: 10px; right: 0;
}
.header_sp #navBtn img, .header_sp .spCart img{
  width: 40px;
  height: 40px;
}
.header_sp .spLogo img{
  width: 180px;
  margin-top: 15px;
}

/***********************************
  カート情報
***********************************/


/***********************************
  ナビゲーション
***********************************/
#headNavigation .pcnone{display: block;}
#headNavigation .spnone{display: none;}
#headNavigation li.active{background: #fff;}
.h_navi{
  width: 100%;
  height: 40px;
}
#headNavigation li.tab1{
        width: 25%;
    margin-top:10px;
}
#headNavigation li.tab1 a{
        font-size: 12px;
        line-height: 15px;
        position: relative;
}
/*ナビゲーショントグル*/
.toggleNav{
  display: none;
  width: 100%;
  position: absolute;
  height: 0px; /*heightはjs制御*/
  top: 39px; left:0;
  z-index: 110;
         background: rgba(0,0,0,0);
  box-shadow:0px 0px 0px 0px #ccc;
  -moz-box-shadow:0px 0px 0px 0px #ccc;
  -webkit-box-shadow:0px 0px 0px 0px #ccc;
}
.toggleNav:hover{overflow: visible !important;}
#headNavigation ul.tab{
        position: relative;
}
.tabmenu .border:after{
  content:none;
}
.tabmenu li.tab1{
  position: static;
  border-right:1px solid #000;
}
.tabmenu li.tab1:nth-child(4){
  border-right:none;
}
.tabmenu li.tab1{position: static;}
.tabmenu li.tab1 a{font-size:14px;}
.tabmenu ul:after{
    display: block;
    content: "";
    clear: both;
}
.tabmenu li.tab2{
  width: 100%;
  height:auto;
  text-align: left;
  line-height:1;
  font-size: 18px;
  border-bottom: 1px dotted #ddd;
  position: relative;
  background: rgba(255,255,255,1);
}
.tabmenu li.tab2 a{
  display: block;
  position: relative;
  padding: 5px 15px;
  font-size: 14px !important;
  line-height: 40px !important;
    font-weight: bold;
}
#headNavigation li.tab2 a:after{display: none;}
.tabmenu li.tab2 a i{
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top:-7px;
}

.h_spnavi{
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px; left: 0;
  z-index: 150;
  display:none;
}
#spNaviWrap{
  position: absolute;
  width: 100%;
  height: 1400px;
  top: 80px; left: -100%;
  z-index:  200;
  padding: 50px 0;
}
/***********************************
  ログイン情報
***********************************/
.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,
.footer_guide_2f{margin-top: 50px;}
.f_guide .sysContent,
.footer_guide_2f .sysContent{width: 100%; padding: 0 20px;}
.f_guide .Title,
.footer_guide_2f .Title{ 
  font-size: 15px;
  padding: 20px 0 30px;
}
.f_guide .guideBlock,
.footer_guide_2f .guideBlock{
  width: 50%;
  padding: 0 2%;
  padding-bottom:30px;
}
.f_guide .guide01,
.footer_guide_2f .guide01{padding-right: 20px;}
.f_guide .guide02,
.footer_guide_2f .guide02{padding-left: 20px;}
.f_guide .freedial,
.footer_guide_2f .freedial{
  font-size:30px;
}
.f_guide a,
.footer_guide_2f a{
  display:block;
}

/***********************************
  カート内商品数表示
***********************************/
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;

}
}
@media screen and (min-width:1101px){
.sysDisplayPcNone{
  display:none !important;
}


/*固定ヘッダー*/
.header_wrap.fixed .header_h1,
.header_wrap.fixed .header,
.header_wrap.fixed #cartInfo {
  display: none;
}
.header_wrap.fixed #headNavigation {
  padding: 0;
}
.header_wrap.fixed {
  height: 80px;
  padding-top: 25px;
  position: fixed;
  background: rgba(0,0,0,.8);
  border-bottom: 5px solid #ffdb00;
  -webkit-box-shadow: 5px 0px 8px rgba(0,0,0,.5);
  box-shadow: 5px 0px 8px rgba(0,0,0,.5);
}
.header_wrap.fixed .h_navi {
  height: auto;
}
.header_wrap.fixed #headNavigation li a {
  color: #fff;
}
}
/* #END_OF_RESOURCE_FILE */