@charset "Shift_JIS";
/* ---------------------------------------------------------
 *	iconfont
 *---------------------------------------------------------- */
@font-face {
  font-family: "icons";
  src: url("../font/fontello.woff2") format("woff2"), url("../font/fontello.woff") format("woff");
  font-display: block;
}

/* ---------------------------------------------------------
 *	googlefont
 *---------------------------------------------------------- */
/* notoserif */
@font-face {
  font-family: "Noto Serif Japanese";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSerifJP-Regular.woff2") format("woff2"), url("../font/NotoSerifJP-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Noto Serif Japanese";
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSerifJP-SemiBold.woff2") format("woff2"), url("../font/NotoSerifJP-SemiBold.woff") format("woff");
  font-display: swap;
}

/* notosans */
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansJP-Regular.woff2") format("woff2"), url("../font/NotoSansJP-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSansJP-Medium.woff2") format("woff2"), url("../font/NotoSansJP-Medium.woff") format("woff");
  font-display: swap;
}

/* ---------------------------------------------------------
 *	リセット
 *---------------------------------------------------------- */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow: auto;
  height: 100%;
  overflow-y: scroll;
  font-size: 62.5%;
}

body {
  height: 100%;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  font-family: "Noto Sans Japanese", sans-serif;
  line-height: 1.6;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  min-width: 1100px;
  position: relative;
  text-align: inherit;
}

@media only screen and (max-width: 576px) {
  body {
    min-width: auto;
  }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

em {
  font-style: normal;
}

li {
  list-style: none;
}

table,
iframe {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
  font-size: 100%;
}

img,
picture {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: top;
}

img[src$='.svg'],
object[data$='.svg'] {
  max-width: 100%;
}

a {
  color: #000;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  -webkit-transition: color .3s;
  transition: color .3s;
}

a:visited {
  color: #000;
  text-decoration: none;
}

a:link {
  color: #000;
  text-decoration: none;
}

a img {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

a.is-hover, a:hover {
  color: #a50000;
  text-decoration: none;
}

a.is-hover img, a:hover img {
  opacity: .8;
}

input[type="image"] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

input[type="image"].is-hover {
  opacity: .8;
}

input[type="image"][href^="tel:"] {
  color: #000;
  text-decoration: none;
  pointer-events: none;
}

@media only screen and (max-width: 576px) {
  input[type="image"][href^="tel:"] {
    pointer-events: auto;
    text-decoration: underline;
  }
}

@media only screen and (max-width: 576px) {
  input[type=text],
  input[type=password],
  textarea,
  select,
  input[name=newid2] {
    max-width: 65%;
  }
}

@media only screen and (max-width: 576px) {
  input[type=text][size='10'] {
    max-width: 30%;
  }
}

select,
input,
textarea,
button {
  font-family: inherit;
  font-size: inherit;
}

@media only screen and (max-width: 576px) {
  select,
  input,
  textarea,
  button {
    font-size: 12px;
  }
}

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {
  height: auto;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
  background-color: #ffeeee;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: 5px;
}

label {
  cursor: pointer;
}

::-moz-selection {
  color: #fff;
  background-color: #ff6f6f;
}

::selection {
  color: #fff;
  background-color: #ff6f6f;
}

::-moz-selection {
  color: #fff;
  background-color: #ff6f6f;
}

/* onmediaquery.js設定用
 *-------------------------------------------------- */
html {
  font-family: pc;
}

@media only screen and (max-width: 1100px) {
  html {
    font-family: "minipc";
  }
}

@media only screen and (max-width: 768px) {
  html {
    font-family: "tablet";
  }
}

@media only screen and (max-width: 576px) {
  html {
    font-family: "phablet";
  }
}

/* ---------------------------------------------------------
 *	ヘッダー：ブラックライン
 *---------------------------------------------------------- */
#header {
  padding-bottom: 0;
}

#header .header_middle .header_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100px;
}

#header .header_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#header .header_logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#header .header_logo img {
  max-width: 178px;
}

#header .header_logo_catch {
  padding-top: 30px;
  margin-left: 20px;
}

#header .header_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#header .header_navBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#header .header_navBtn > li a {
  display: block;
  border: 3px solid #b6a37e;
  border-radius: 5px;
  padding: 5px 15px;
  overflow: hidden;
  position: relative;
}

#header .header_navBtn > li a span {
  color: #b6a37e;
  font-size: 13px;
  padding-left: 20px;
  font-weight: 500;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#header .header_navBtn > li a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #b6a37e;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#header .header_navBtn > li a.is-hover span, #header .header_navBtn > li a:hover span {
  color: #fff;
}

#header .header_navBtn > li a.is-hover span::before, #header .header_navBtn > li a:hover span::before {
  color: #fff !important;
}

#header .header_navBtn > li a.is-hover::before, #header .header_navBtn > li a:hover::before {
  height: 100%;
}

#header .header_navBtn > li + li {
  margin-left: 10px;
}

#header .header_navBtn > li.is-mypage a span {
  position: relative;
}

#header .header_navBtn > li.is-mypage a span:before {
  content: "\e861";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  color: #b6a37e;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#header .header_navBtn > li.is-logout a span {
  position: relative;
}

#header .header_navBtn > li.is-logout a span:before {
  content: "\e862";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  color: #b6a37e;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#header .header_navBtn > li.is-login a span {
  position: relative;
}

#header .header_navBtn > li.is-login a span:before {
  content: "\e864";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  color: #b6a37e;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#header .header_navLink {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#header .header_navLink > li a {
  display: block;
  text-align: center;
}

#header .header_navLink > li a span {
  display: block;
  font-size: 13px;
  padding-top: 40px;
}

#header .header_navLink > li a span::before {
  -webkit-transition: all .3s;
  transition: all .3s;
}

#header .header_navLink > li a.is-hover span::before, #header .header_navLink > li a:hover span::before {
  top: 5px !important;
  color: #a50000 !important;
}

#header .header_navLink > li + li {
  margin-left: 15px;
}

#header .header_navLink > li.is-guide a span {
  position: relative;
}

#header .header_navLink > li.is-guide a span:before {
  content: "\e88b";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #787878;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#header .header_navLink > li.is-phone a span {
  position: relative;
}

#header .header_navLink > li.is-phone a span:before {
  content: "\e88c";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #787878;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#header .header_navLink > li.is-contact a span {
  position: relative;
}

#header .header_navLink > li.is-contact a span:before {
  content: "\e88a";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #787878;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#header .header_navLink > li.is-cart a span {
  position: relative;
}

#header .header_navLink > li.is-cart a span:before {
  content: "\e889";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #787878;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#header .header_bottom {
  background-color: #292524;
}

#header .header_inner {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#header .header_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#header .header_menu li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#header .header_menu li a {
  display: block;
  border-right: 1px solid #8a8a8a;
  text-align: center;
  padding: 15px 5px;
  font-size: 17px;
  position: relative;
  z-index: 0;
  color: #fff;
  height: 100%;
}

#header .header_menu li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 0;
  z-index: -1;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #7f735b;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#header .header_menu li a.is-hover::after {
  height: 100%;
}

#header .header_menu li a:hover {
  color: #fff !important;
}

#header .header_menu li:first-of-type a {
  border-left: 1px solid #8a8a8a;
}

/* ---------------------------------------------------------
 *	相殺CSS
 *---------------------------------------------------------- */
div.wrapper_ {
  width: auto;
}

div.container_ div.contents_ {
  width: auto;
}

div.contents_ {
  float: none;
  display: block;
  overflow: visible;
}

div.mainframe_ {
  float: none;
  display: block;
  overflow: visible;
}

div.container_ div.mainframe_,
div.container_ div.mainframe_ .event_ .goods_ {
  width: auto !important;
}

/* ---------------------------------------------------------
 *	メイン枠
 *---------------------------------------------------------- */
@media only screen and (max-width: 576px) {
  .mainframe_ {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: env(safe-area-inset-bottom);
  }
}

/* ---------------------------------------------------------
 *	ecbeing オリジナル WEBフォーム用対応
 *---------------------------------------------------------- */
.questionnaire_ {
  max-width: 980px;
  margin: auto;
}

.questionnaire_ input, .questionnaire_ textarea {
  max-width: 780px;
}

/* ---------------------------------------------------------
 *	PC/SP 切り替えボタン非表示
 *---------------------------------------------------------- */
#footer .change_mode_,
#footer .switchObject {
  display: none;
}

@media only screen and (max-width: 576px) {
  footer .change_mode_,
  .switch_btn_ {
    display: none;
  }
}

/* ---------------------------------------------------------
 *	メインフレーム
 *---------------------------------------------------------- */
/* TOP トピックス
 *---------------------------------------------------------- */
.mainframe_ .topiclist_ {
  margin-top: 80px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.mainframe_ .topiclist_ .topiclist_head_ {
  padding: 0;
  height: auto;
  background: none;
}

.mainframe_ .topiclist_ .topiclist_head_ h2 {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}

.mainframe_ .topiclist_ .topiclist_body_ {
  margin-top: 20px;
  border: 4px solid #e7e7e7;
  padding: 30px 80px;
}

.mainframe_ .topiclist_ .topiclist_body_ ul.topicline_ > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border: none;
}

.mainframe_ .topiclist_ .topiclist_body_ ul.topicline_ > li > a {
  margin-left: 30px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: block;
  font-size: 16px;
  text-decoration: underline;
}

.mainframe_ .topiclist_ .topiclist_body_ ul.topicline_ > li > a.is-hover {
  text-decoration: none;
}

.mainframe_ .topiclist_ .topiclist_body_ ul.topicline_ > li > img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  position: static;
}

.mainframe_ .topiclist_ .topiclist_body_ ul.topicline_ > li + li {
  margin-top: 10px;
}

/* ---------------------------------------------------------
 *	左ナビ
 *---------------------------------------------------------- */
div.leftmenuframe_ {
  overflow: visible;
}

div.leftmenuframe_ #block_of_leftmenu_top {
  margin-top: 20px;
}

div.leftmenuframe_ #block_of_categorytree,
div.leftmenuframe_ #block_of_genretree,
div.leftmenuframe_ #block_of_leftmenu_middle,
div.leftmenuframe_ #block_of_leftmenu_bottom {
  margin-top: 40px;
}

.leftmenuframe_ #block_of_categorytree .category_tree1_, .leftmenuframe_ #block_of_categorytree .category_tree1_open_ {
  border-bottom: none;
}

.leftmenuframe_ #block_of_categorytree .category_tree1_ a, .leftmenuframe_ #block_of_categorytree .category_tree1_open_ a {
  padding-left: 15px;
  font-size: 16px;
  font-weight: 600;
  display: block;
  padding: 5px 0 5px 15px;
  -webkit-transition: all .3s;
  transition: all .3s;
  background: none;
  position: relative;
}

.leftmenuframe_ #block_of_categorytree .category_tree1_ a:before, .leftmenuframe_ #block_of_categorytree .category_tree1_open_ a:before {
  content: "\f138";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

.leftmenuframe_ #block_of_categorytree .category_tree1_ a.is-hover, .leftmenuframe_ #block_of_categorytree .category_tree1_open_ a.is-hover {
  background-color: #e9e9e9;
}

.leftmenuframe_ #block_of_categorytree .category_tree1_ a:hover, .leftmenuframe_ #block_of_categorytree .category_tree1_open_ a:hover {
  color: #000 !important;
  text-decoration: none;
}

.leftmenuframe_ #block_of_categorytree .category_tree1_open_ a {
  background-color: #e9e9e9;
}

.leftmenuframe_ #block_of_categorytree .category_tree2_ {
  margin-top: 5px;
  margin-left: 15px;
}

.leftmenuframe_ #block_of_categorytree .category_tree2_ a {
  font-size: 15px;
}

.leftmenuframe_ #block_of_genretree .genre_tree1_,
.leftmenuframe_ #block_of_genretree .price_tree1_,
.leftmenuframe_ #block_of_genretree .genre_tree1_open_,
.leftmenuframe_ #block_of_genretree .genre_tree2_,
.leftmenuframe_ #block_of_genretree .genre_tree2_open_,
.leftmenuframe_ #block_of_price .genre_tree1_,
.leftmenuframe_ #block_of_price .price_tree1_,
.leftmenuframe_ #block_of_price .genre_tree1_open_,
.leftmenuframe_ #block_of_price .genre_tree2_,
.leftmenuframe_ #block_of_price .genre_tree2_open_ {
  border-bottom: none;
}

.leftmenuframe_ #block_of_genretree .genre_tree1_ a,
.leftmenuframe_ #block_of_genretree .price_tree1_ a,
.leftmenuframe_ #block_of_genretree .genre_tree1_open_ a,
.leftmenuframe_ #block_of_genretree .genre_tree2_ a,
.leftmenuframe_ #block_of_genretree .genre_tree2_open_ a,
.leftmenuframe_ #block_of_price .genre_tree1_ a,
.leftmenuframe_ #block_of_price .price_tree1_ a,
.leftmenuframe_ #block_of_price .genre_tree1_open_ a,
.leftmenuframe_ #block_of_price .genre_tree2_ a,
.leftmenuframe_ #block_of_price .genre_tree2_open_ a {
  font-size: 15px;
  padding: 5px 0;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-image: inherit;
}

.leftmenuframe_ #block_of_genretree .genre_tree1_ a.is-hover,
.leftmenuframe_ #block_of_genretree .price_tree1_ a.is-hover,
.leftmenuframe_ #block_of_genretree .genre_tree1_open_ a.is-hover,
.leftmenuframe_ #block_of_genretree .genre_tree2_ a.is-hover,
.leftmenuframe_ #block_of_genretree .genre_tree2_open_ a.is-hover,
.leftmenuframe_ #block_of_price .genre_tree1_ a.is-hover,
.leftmenuframe_ #block_of_price .price_tree1_ a.is-hover,
.leftmenuframe_ #block_of_price .genre_tree1_open_ a.is-hover,
.leftmenuframe_ #block_of_price .genre_tree2_ a.is-hover,
.leftmenuframe_ #block_of_price .genre_tree2_open_ a.is-hover {
  background-color: #e9e9e9;
}

.leftmenuframe_ #block_of_genretree .genre_tree1_ a:hover,
.leftmenuframe_ #block_of_genretree .price_tree1_ a:hover,
.leftmenuframe_ #block_of_genretree .genre_tree1_open_ a:hover,
.leftmenuframe_ #block_of_genretree .genre_tree2_ a:hover,
.leftmenuframe_ #block_of_genretree .genre_tree2_open_ a:hover,
.leftmenuframe_ #block_of_price .genre_tree1_ a:hover,
.leftmenuframe_ #block_of_price .price_tree1_ a:hover,
.leftmenuframe_ #block_of_price .genre_tree1_open_ a:hover,
.leftmenuframe_ #block_of_price .genre_tree2_ a:hover,
.leftmenuframe_ #block_of_price .genre_tree2_open_ a:hover {
  color: #000 !important;
  text-decoration: none;
}

.leftmenuframe_ #block_of_genretree .genre_tree1_open_ a,
.leftmenuframe_ #block_of_price .genre_tree1_open_ a {
  background-color: #e9e9e9;
}

.leftmenuframe_ #block_of_genretree .genre_tree2_ a,
.leftmenuframe_ #block_of_genretree .genre_tree2_open_ a,
.leftmenuframe_ #block_of_price .genre_tree2_ a,
.leftmenuframe_ #block_of_price .genre_tree2_open_ a {
  font-size: 14px;
  color: #6d6d6d;
  padding-left: 15px;
  width: auto;
}

.leftmenuframe_ #block_of_genretree .genre_tree2_open_ a,
.leftmenuframe_ #block_of_price .genre_tree2_open_ a {
  background-color: #e9e9e9;
}

/* ---------------------------------------------------------
 *	相殺CSS
 *---------------------------------------------------------- */
div.rightmenuframe_ {
  width: auto;
  float: none;
  display: block;
  overflow: visible;
  margin: 0;
}

div.rightmenuframe_ #block_of_itemhistory {
  width: auto;
}

div.rightmenuframe_ #block_of_itemhistory div.sidebox_ h2 {
  padding: 0;
  border: none;
  color: #000;
}

div.rightmenuframe_ #block_of_itemhistory div.StyleT_Item_ div.img_ img {
  width: auto;
  height: auto;
  border: none;
}

div.rightmenuframe_ #block_of_itemhistory div.StyleT_Item_ div.name_ .name1_ a {
  text-decoration: none;
}

div.rightmenuframe_ #block_of_itemhistory div.StyleT_Line_ {
  float: none;
  width: auto;
  margin: 0;
}

div.rightmenuframe_ #block_of_itemhistory div.StyleT_Line_ + div.StyleT_Line_ {
  margin: 0 0 0 3%;
}

div.leftmenuframe_ div.sidebox_ {
  margin: 0;
}

/* ---------------------------------------------------------
 *	フッター：ご利用ガイド
 *---------------------------------------------------------- */
#block_of_free1 {
  margin-top: 80px;
  border-top: 1px solid #8a8a8a;
  padding-top: 80px;
  position: relative;
  z-index: 0;
}

#block_of_free1 .footer_guide {
  position: relative;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#block_of_free1 .guide_ttl {
  font-weight: 500;
}

#block_of_free1 .guide_qa {
  position: absolute;
  top: 10px;
  right: 0;
}

#block_of_free1 .guide_qa a {
  text-decoration: underline;
  padding-right: 12px;
  font-size: 15px;
  position: relative;
}

#block_of_free1 .guide_qa a:before {
  content: "\f105";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#block_of_free1 .guide_qa a.is-hover {
  text-decoration: none;
}

#block_of_free1 .guide_inner {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#block_of_free1 .guide_block {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

#block_of_free1 .guide_block > div {
  border-top: 1px solid #8a8a8a;
  padding-top: 20px;
}

#block_of_free1 .guide_block > div + div {
  margin-top: 20px;
}

#block_of_free1 .guide_secTtl {
  font-size: 18px;
  font-weight: 500;
}

#block_of_free1 .guide_secTtl::before {
  content: '●';
  color: #c8b97b;
  font-size: 20px;
  line-height: 1.0;
  margin-right: 5px;
}

#block_of_free1 .guide_txt {
  margin-top: 10px;
  font-size: 15px;
}

#block_of_free1 .guide_txt a {
  text-decoration: underline;
}

#block_of_free1 .guide_txt a.is-hover {
  text-decoration: none;
}

#block_of_free1 .guide_txt + .guide_list {
  margin-top: 0;
}

#block_of_free1 .guide_txt.is-att {
  color: #a50000;
}

#block_of_free1 .guide_txt .is-fss {
  font-size: 12px;
}

#block_of_free1 .guide_num a span {
  padding-left: 40px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.0;
  font-family: "Barlow Condensed";
  letter-spacing: 2px;
  position: relative;
}

#block_of_free1 .guide_num a span:before {
  content: "\e869";
  position: absolute;
  top: 0;
  left: 0;
  color: #acacac;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 38px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#block_of_free1 .guide_shippingcost {
  margin-top: 10px;
  border-top: 1px solid #8a8a8a;
  border-left: 1px solid #8a8a8a;
}

#block_of_free1 .guide_shippingcost > li {
  border-right: 1px solid #8a8a8a;
  border-bottom: 1px solid #8a8a8a;
  padding: 5px 10px 5px 110px;
  font-size: 15px;
  background-repeat: no-repeat;
  background-size: 90px 26px;
  background-position: 10px center;
}

#block_of_free1 .guide_shippingcost > li span {
  font-size: 22px;
}

#block_of_free1 .guide_shippingcost > li.is-normal {
  background-image: url(../img/icon/ico_normal.png);
}

#block_of_free1 .guide_shippingcost > li.is-cool {
  background-image: url(../img/pages/deli/fig_ico_frozen.svg);
}

#block_of_free1 .guide_shippingcost > li.is-frozen {
  background-image: url(../img/icon/ico_frozen.png);
}

#block_of_free1 .guide_list {
  margin-top: 10px;
}

#block_of_free1 .guide_list > li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 15px;
}

#block_of_free1 .guide_list > li::before {
  content: '・';
}

@media only screen and (max-width: 576px) {
  .footer_guide {
    text-align: left;
  }
  #block_of_free1 {
    border: none;
    margin-top: 0;
    padding-top: 40px;
  }
  #block_of_free1 .guide_qa {
    margin-top: 20px;
    position: static;
    text-align: center;
  }
  #block_of_free1 .guide_inner {
    display: block;
    margin: 0 10px;
  }
  #block_of_free1 .guide_block > div {
    margin-top: 20px;
  }
}

/* ---------------------------------------------------------
 *	フッター：最近見た商品
 *---------------------------------------------------------- */
#block_of_itemhistory {
  margin-top: 80px;
  border-top: 1px solid #8a8a8a;
  padding-top: 80px;
}

#block_of_itemhistory #sidebox_itemhistory {
  position: relative;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#block_of_itemhistory #sidebox_itemhistory > h2 {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}

#block_of_itemhistory .StyleT_Frame_ {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#block_of_itemhistory .StyleT_Line_ {
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
}

#block_of_itemhistory .StyleT_Line_ + .StyleT_Line_ {
  margin-left: 3%;
}

#block_of_itemhistory .name_ {
  margin-top: 10px;
}

#block_of_itemhistory .price_ {
  font-size: 15px;
  font-weight: 500;
}

#block_of_itemhistory .price_ br {
  display: none;
}

#block_of_itemhistory .price_ .small_ {
  font-size: 13px;
}

#block_of_itemhistory #itemHistoryButton {
  position: absolute;
  top: 10px;
  right: 0;
}

#block_of_itemhistory #itemHistoryButton a {
  text-decoration: underline;
  padding-right: 12px;
  font-size: 15px;
  position: relative;
}

#block_of_itemhistory #itemHistoryButton a:before {
  content: "\f105";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#block_of_itemhistory #itemHistoryButton a.is-hover {
  text-decoration: none;
}

#block_of_itemhistory #itemHistoryButton a {
  padding-top: 0;
  padding-left: 0;
  background: none;
  color: #000;
}

#block_of_itemhistory .StyleT_Item_ {
  font-size: 15px;
}

#block_of_itemhistory #historyCaution {
  margin-top: 20px;
  background-color: #efefee;
  padding: 40px 20px;
  text-align: center;
}

/* ---------------------------------------------------------
 *	フッター
 *---------------------------------------------------------- */
#footer {
  margin-top: 80px;
  padding: 0;
  background-color: inherit;
}

#footer .footer_top {
  background-color: #efefee;
}

#footer .footer_inner {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#footer .footer_wrap {
  padding: 50px 0;
}

#footer .footer_top_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#footer .footer_top_head {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  padding-right: 30px;
  border-right: 1px solid #8a8a8a;
}

#footer .footer_top_banner {
  background-color: #383130;
  padding: 50px 0;
}

#footer .footer_top_banner .footer_top_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#footer .footer_top_banner .footer_top_block p + p {
  margin-left: 20px;
}

#footer .footer_middle {
  background-color: #292524;
}

#footer .footer_top_cont {
  padding-left: 30px;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#footer .footer_top_block {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

#footer .footer_top_link + .footer_top_link {
  margin-top: 20px;
}

#footer .footer_top_parent a {
  padding-left: 15px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
  z-index: 0;
}

#footer .footer_top_parent a:before {
  content: "\f138";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#footer .footer_top_parent a:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: -1;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #8a8a8a;
  opacity: 0;
}

#footer .footer_top_parent a.is-hover {
  color: #000;
}

#footer .footer_top_parent a.is-hover:after {
  opacity: 1;
  bottom: 0;
}

#footer .footer_top_parent a:hover {
  color: #000 !important;
  text-decoration: none;
}

#footer .footer_top_child {
  margin-top: 5px;
  margin-left: 15px;
}

#footer .footer_top_child a {
  font-size: 15px;
}

#footer .footer_top_other a {
  font-size: 16px;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
  z-index: 0;
}

#footer .footer_top_other a:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: -1;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #8a8a8a;
  opacity: 0;
}

#footer .footer_top_other a.is-hover {
  color: #000;
}

#footer .footer_top_other a.is-hover:after {
  opacity: 1;
  bottom: 0;
}

#footer .footer_top_other a:hover {
  color: #000 !important;
  text-decoration: none;
}

#footer .footer_top_other + .footer_top_other {
  margin-top: 10px;
}

#footer .footer_top_season {
  margin-top: 40px;
  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;
}

#footer .footer_top_season > li {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

#footer .footer_top_season > li:nth-of-type(n+4) {
  margin-top: 20px;
}

#footer .footer_subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0;
}

#footer .footer_subnav a {
  color: #fff;
  display: block;
  padding: 0 20px;
  font-size: 15px;
  position: relative;
}

#footer .footer_subnav a span {
  position: relative;
  z-index: 0;
}

#footer .footer_subnav a span::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: -1;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #8a8a8a;
  opacity: 0;
}

#footer .footer_subnav a:hover {
  color: #fff !important;
  text-decoration: none;
}

#footer .footer_subnav a.is-hover span::after {
  opacity: 1;
  bottom: -5px;
}

#footer .footer_subnav a::before, #footer .footer_subnav a::after {
  content: '';
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #464545;
}

#footer .footer_subnav a::before {
  left: -1px;
}

#footer .footer_subnav a::after {
  right: 0;
}

#footer .footer_subnav a[target="_blank"] span {
  padding-right: 20px;
  position: relative;
}

#footer .footer_subnav a[target="_blank"] span:before {
  content: "\e85c";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  color: #fff;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#footer .footer_bottom {
  text-align: center;
  font-size: 12px;
}

#footer .footer_bottom .footer_inner {
  padding: 20px 0;
}

#footer .footer_copycomment {
  margin-top: 5px;
}

@media only screen and (max-width: 576px) {
  #footer .footer_wrap {
    display: block;
  }
  #footer .footer_wrap > .footer_top_banner {
    margin-top: 20px;
    padding: 0 10px;
  }
  #footer .footer_wrap > .footer_top_banner .footer_top_block + .footer_top_block {
    margin-top: 20px;
  }
  #footer .footer_top {
    margin-top: 40px;
  }
  #footer .footer_top_body {
    max-width: none;
  }
  #footer .footer_top_cont {
    margin-top: 0;
    display: block;
    border-bottom: 1px solid #8a8a8a;
  }
  #footer .footer_top_head {
    padding-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: none;
  }
  #footer .footer_top_head > .footer_top_banner {
    padding: 0 10px 40px;
  }
  #footer .footer_top_head .footer_top_parent a,
  #footer .footer_top_head .footer_top_child a {
    display: block;
    padding: 10px 10px 10px 20px;
  }
  #footer .footer_top_head .footer_top_parent {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  #footer .footer_top_head .footer_top_banner {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  #footer .footer_top_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #footer .footer_top_link a {
    display: block;
    padding: 10px 10px 10px 20px;
  }
  #footer .footer_top_link + .footer_top_link {
    margin-top: 0;
  }
  #footer .footer_top_parent {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    border-top: 1px solid #8a8a8a;
  }
  #footer .footer_top_parent a {
    padding: 10px 10px 10px 25px;
  }
  #footer .footer_top_parent a:before {
    left: 10px;
  }
  #footer .footer_top_child {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-top: 0;
    margin-left: 0;
    border-top: 1px dashed #8a8a8a;
  }
  #footer .footer_top_child:nth-of-type(2n) {
    border-right: 1px dashed #8a8a8a;
  }
  #footer .footer_top_child:nth-last-child(2):nth-of-type(odd) {
    border-bottom: 1px dashed #8a8a8a;
  }
  #footer .footer_top_other {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    border-top: 1px solid #8a8a8a;
  }
  #footer .footer_subnav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 10px;
  }
  #footer .footer_subnav > li {
    margin: 10px 0;
  }
  #footer .footer_subnav a {
    padding: 0 10px;
    font-size: 14px;
  }
  #footer .footer_bottom {
    padding: 0 10px;
  }
  #footer .footer_copycomment {
    text-align: left;
  }
}

/* ---------------------------------------------------------
 *	breadcrumbs
 *---------------------------------------------------------- */
.m-breadcrumbs {
  border-top: 1px solid #939393;
  padding: 10px 40px;
}

.m-breadcrumbs_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-breadcrumbs_list > li {
  white-space: nowrap;
  font-size: 13px;
  font-family: 'Arvo', 'Noto Sans Japanese', sans-serif;
}

.m-breadcrumbs_list > li a:hover {
  text-decoration: underline;
}

.m-breadcrumbs_list > li span {
  color: #acacac;
}

.m-breadcrumbs_list > li:not(:last-of-type) {
  padding-right: 20px;
  position: relative;
}

.m-breadcrumbs_list > li:not(:last-of-type):before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  bottom: 50%;
  width: 8px;
  height: 8px;
  background-color: transparent;
  margin-top: -4px;
  margin-bottom: -4px;
  border-top: solid 1px #acacac;
  border-right: solid 1px #acacac;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media only screen and (max-width: 576px) {
  .m-breadcrumbs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
  }
}

/* ---------------------------------------------------------
 *	ページトップボタン
 *---------------------------------------------------------- */
.m-btnPageTop {
  position: fixed;
  right: 0;
  bottom: 20px;
  z-index: 3;
  opacity: 0;
  -webkit-transform: translate3d(50px, 0, 0);
  transform: translate3d(50px, 0, 0);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.m-btnPageTop.is-show {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.m-btnPageTop a {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #000;
  text-decoration: none;
  position: relative;
  z-index: 0;
}

.m-btnPageTop a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 14px;
  height: 14px;
  background-color: transparent;
  margin-right: -7px;
  margin-top: -3.5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.m-btnPageTop a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: rgba(255, 255, 255, 0.2);
}

.m-btnPageTop a.is-hover::after {
  height: 100%;
}

.m-btnPageTop a span {
  display: none;
}

.m-btnPageTop a.is-hover:before {
  border-color: #fff;
}

@media only screen and (max-width: 576px) {
  .m-btnPageTop {
    bottom: 40px;
    padding-right: env(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .m-btnPageTop a {
    width: 40px;
    height: 40px;
  }
}

/* ---------------------------------------------------------
 *	btn
 *---------------------------------------------------------- */
.m-btn {
  text-align: center;
  display: block;
}

.m-btn > a,
.m-btn > span {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  min-width: 280px;
  background-color: #656565;
  padding: 15px 20px 15px 20px;
  color: #fff !important;
  font-size: 16px;
  position: relative;
  z-index: 0;
}

.m-btn > a::after,
.m-btn > span::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: rgba(255, 255, 255, 0.2);
}

.m-btn > a.is-hover::after,
.m-btn > span.is-hover::after {
  height: 100%;
}

@media only screen and (max-width: 576px) {
  .m-btn > a,
  .m-btn > span {
    padding: 15px 15px 15px 10px !important;
    max-width: none;
    max-width: 260px;
    display: block;
  }
}

/* ---------------------------------------------------------
 *	buy btn
 *---------------------------------------------------------- */
.m-buyBtn {
  max-width: 240px;
  width: 100%;
}

.m-buyBtn a {
  display: block;
  padding: 10px;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#870000), color-stop(50%, #aa2020), to(#870000));
  background: -webkit-linear-gradient(left, #870000 0%, #aa2020 50%, #870000 100%);
  background: linear-gradient(to right, #870000 0%, #aa2020 50%, #870000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#870000', endColorstr='#870000',GradientType=1 );
  -webkit-transition: all .3s;
  transition: all .3s;
}

.m-buyBtn a span {
  display: inline-block;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
}

.m-buyBtn a span:before {
  content: "\e889";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1.4em;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

.m-buyBtn a.is-hover {
  opacity: .8;
}

@media only screen and (max-width: 576px) {
  .m-buyBtn a span {
    font-size: 15px;
  }
}

/* ---------------------------------------------------------
 *	購入グループマスタ
 *	グループマスタで使用するCSS
 *---------------------------------------------------------- */
.m-buyGroupMaster {
  margin-top: 40px;
}

.m-buyGroupMaster .m-buyGroupMaster_ttl {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.m-buyGroupMaster .m-buyGroupMaster_ttl span {
  display: inline-block;
  color: #aa2121;
}

.m-buyGroupMaster .m-buyGroupMaster_ttl span::before {
  content: '<';
}

.m-buyGroupMaster .m-buyGroupMaster_ttl span::after {
  content: '>';
}

.m-buyGroupMaster .m-buyGroupMaster_txt {
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
}

@media only screen and (max-width: 576px) {
  .m-buyGroupMaster {
    margin-top: 0;
    padding-bottom: 40px;
  }
  .m-buyGroupMaster .m-buyGroupMaster_ttl {
    font-size: 16px;
  }
  .m-buyGroupMaster .m-buyGroupMaster_ttl span {
    display: block;
  }
  .m-buyGroupMaster .m-buyGroupMaster_txt {
    text-align: left;
    font-size: 14px;
  }
}

/* ---------------------------------------------------------
 *	pages
 *---------------------------------------------------------- */
.m-pagesHeader {
  background-color: #eaeaea;
}

.m-pagesHeader .m-pagesHeader_ttl {
  min-height: 120px;
  height: 120px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.m-pagesHeader .m-pagesHeader_ttl span {
  font-size: 30px;
  border-left: 2px solid #000;
  line-height: 1.2;
  padding: 10px 30px;
}

@media only screen and (max-width: 576px) {
  .m-pagesHeader {
    padding: 0 10px;
  }
  .m-pagesHeader .m-pagesHeader_ttl {
    min-height: 100px;
  }
  .m-pagesHeader .m-pagesHeader_ttl span {
    font-size: 24px;
    padding: 10px 20px;
  }
}

.m-pagesInner {
  margin-top: 40px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 576px) {
  .m-pagesInner {
    margin-left: 10px;
    margin-right: 10px;
  }
}

/* ---------------------------------------------------------
 *	テーブル
 *---------------------------------------------------------- */
.m-table {
  width: 100%;
  border-top: 1px solid #8a8a8a;
  border-left: 1px solid #8a8a8a;
}

.m-table th,
.m-table td {
  border-bottom: 1px solid #8a8a8a;
  padding: 10px 20px;
}

.m-table td {
  border-right: 1px solid #8a8a8a;
}

.m-table th {
  width: 220px;
  background-color: #e0ded2;
  font-weight: normal;
  text-align: left;
}

.m-table a {
  text-decoration: underline;
}

.m-table a.is-hover {
  text-decoration: none;
}

@media only screen and (max-width: 576px) {
  .m-table th {
    width: 120px;
  }
  .m-table th,
  .m-table td {
    padding: 10px;
  }
}

/* ---------------------------------------------------------
 *	title
 *---------------------------------------------------------- */
.m-titleType01 {
  font-size: 24px;
  font-weight: 600;
}

.m-titleType02 {
  text-align: center;
  font-size: 26px;
}

@media only screen and (max-width: 576px) {
  .m-titleType02 {
    font-size: 22px;
  }
}

.m-itemtitleType01 {
  font-size: 18px;
  position: relative;
  padding-left: 22px;
}

.m-itemtitleType01::before {
  color: #c8b97b;
  content: '●';
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 576px) {
  .m-itemtitleType01 {
    font-size: 16px;
  }
}

.m-listNavtitleType01 {
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0;
  border-top: 1px solid #8a8a8a;
  border-bottom: 1px solid #8a8a8a;
}

div.leftmenuframe_ div.sidebox_ .m-listNavtitleType01 {
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0;
  border-top: 1px solid #8a8a8a;
  border-bottom: 1px solid #8a8a8a;
}

.m-titleType03 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #8a8a8a;
}

@media only screen and (max-width: 576px) {
  .m-titleType03 {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    line-height: 1.4;
  }
}

.m-titleType04 {
  font-size: 18px;
  font-weight: 600;
}

@media only screen and (max-width: 576px) {
  .m-titleType04 {
    font-size: 16px;
  }
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	autopagerize_page_element
 *	商品一覧
 *----------------------------------------------------------*/
.autopagerize_page_element .StyleP_Frame_ {
  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;
}

.autopagerize_page_element .StyleP_Line_ {
  -ms-flex-preferred-size: 412px;
  flex-basis: 412px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}

.autopagerize_page_element .StyleP_Item_ {
  -ms-flex-preferred-size: 192px;
  flex-basis: 192px;
  width: 192px;
  background-color: transparent;
  padding: 0;
  margin: 0;
  height: auto !important;
}

.autopagerize_page_element .StyleP_Item_.is-soldout .img_ {
  opacity: .5;
}

.autopagerize_page_element .StyleP_Item_ .desc_ {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  padding-top: 0;
}

.autopagerize_page_element .StyleP_Item_ .desc_ .name_ .name1_ a {
  color: #000;
}

.autopagerize_page_element .StyleP_Item_ .comment_,
.autopagerize_page_element .StyleP_Item_ .cart_ {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.autopagerize_page_element .StyleP_Item_ .img_ {
  width: auto;
  padding: 0;
  float: none;
  display: block;
}

.autopagerize_page_element .StyleP_Item_ .img_ img {
  width: auto;
  height: auto;
  border: none;
}

.autopagerize_page_element .StyleP_Item_ .icon_ {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-top: 10px;
  width: 100%;
}

.autopagerize_page_element .StyleP_Item_ .icon_ img {
  max-height: 20px;
  margin: 0 5px 5px 0;
}

.autopagerize_page_element .StyleP_Item_ .name_ {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-size: 15px;
  width: 100%;
}

.autopagerize_page_element .StyleP_Item_ .name_ a {
  display: block;
}

.autopagerize_page_element .StyleP_Item_ .name1_ {
  font-weight: normal;
}

.autopagerize_page_element .StyleP_Item_ .price_ {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
}

.autopagerize_page_element .StyleP_Item_ .price_ br {
  display: none;
}

.autopagerize_page_element .StyleP_Item_ .price_ .small_ {
  font-weight: normal;
  font-size: 13px;
}

.autopagerize_page_element .StyleP_Item_ .soldout {
  margin-top: 5px;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  margin-top: 5px;
  display: block;
  padding: 10px;
  border-radius: 8px;
  background-color: gray;
  color: white;
  width: 129px;
  text-align: center;
}

.autopagerize_page_element .StyleP_Item_ .soldout span {
  display: inline-block;
  font-size: 12px;
  color: white;
}

div.btm_cart_ {
  background-color: black;
  color: white;
  border-radius: 8px;
  display: inline-block;
  padding: 10px 10px 10px 35px;
  position: relative;
}

div.btm_cart_::before {
  content: "\e889";
  position: absolute;
  font-family: 'icons';
  left: 10px;
  font-size: 23px;
  top: 2px;
}

button.btn_cart_ {
  background-color: black;
  color: white;
  border-radius: 8px;
  display: inline-block;
  padding: 10px 10px 10px 35px;
  position: relative;
  border: 0;
  width: 300px;
  height: 60px;
  cursor: pointer;
}

button.btn_cart_::before {
  content: "\e889";
  position: absolute;
  font-family: 'icons';
  left: 70px;
  font-size: 30px;
  top: 13px;
}
/* ---------------------------------------------------------
 *  autopagerize_page_element
 *  商品一覧(サムネイル)
 *----------------------------------------------------------*/
 .autopagerize_page_element .StyleT_Frame_ {
  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;
}
.autopagerize_page_element .StyleT_Line_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* -webkit-box-pack: justify; */
  -ms-flex-pack: justify;
  /* justify-content: space-between; */
  margin-top: 40px;
}
.autopagerize_page_element .StyleT_Item_ {
  -ms-flex-preferred-size: 192px;
  width: calc((100% - 80px)/3);
  background-color: transparent;
  padding: 0;
  margin: 0 40px 0 0;
  height: auto !important;
  position: relative;
}
.autopagerize_page_element .StyleT_Item_.is-soldout .img_ {
  opacity: .5;
}
.autopagerize_page_element .StyleT_Item_ .desc_ {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  padding-top: 0;
}
.autopagerize_page_element .StyleT_Item_ .desc_ .name_ .name1_ a {
  color: #000;
}
.autopagerize_page_element .StyleT_Item_ .comment_,
.autopagerize_page_element .StyleT_Item_ .cart_ {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  margin: 20px 0 0;
}
.autopagerize_page_element .StyleT_Item_ input[type="text"] {
    display: none;
}
.autopagerize_page_element .StyleT_Item_ .img_ {
  width: auto;
  padding: 0;
  float: none;
  display: block;
}
.autopagerize_page_element .StyleT_Item_ .img_ a {
    display: block;
    height: 240px;
    overflow: hidden;
}
.autopagerize_page_element .StyleT_Item_ .img_ img {
  width: auto;
  height: auto;
  border: none;
  max-height: 100%;
}
.autopagerize_page_element .StyleT_Item_ .icon_ {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-top: 10px;
  width: 100%;
}
.autopagerize_page_element .StyleT_Item_ .icon_ img {
  max-height: 20px;
  margin: 0 5px 5px 0;
}
.autopagerize_page_element .StyleT_Item_ .name_ {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-size: 15px;
  width: 100%;
  text-align: left;
  margin: 0 0 10px;
}
.autopagerize_page_element .StyleT_Item_ .name_ a {
  display: block;
}
.autopagerize_page_element .StyleT_Item_ .name1_ {
  font-weight: normal;
}
.autopagerize_page_element .StyleT_Item_ .price_ {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
  text-align: right;
  color: #000;
  margin-bottom: 10px;
}
.autopagerize_page_element .StyleT_Item_ .price_ br {
  display: none;
}
.autopagerize_page_element .StyleT_Item_ .price_ .small_ {
  font-weight: normal;
  font-size: 13px;
}
.autopagerize_page_element .StyleT_Item_ .soldout {
  margin-top: 5px;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  margin-top: 5px;
  display: block;
  padding: 10px;
  border-radius: 8px;
  background-color: gray;
  color: white;
  width: 129px;
  text-align: center;
}
.autopagerize_page_element .StyleT_Item_ .soldout span {
  display: inline-block;
  font-size: 12px;
  color: white;
}
.autopagerize_page_element .StyleT_Item_ .freeicon_ {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 37%;
}
.autopagerize_page_element .StyleT_Item_ .pointicon_ span {
    margin-right:10px;
}
.autopagerize_page_element .StyleT_Item_ .pointicon_ img {
    max-height: 50px;
}
/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	navitopicpath_
 *----------------------------------------------------------*/
.navitopicpath_ {
  margin: 20px auto;
  max-width: 1100px;
}

.navitopicpath_ br {
  display: none;
}

.navitopicpath_ .bread-crumb-list,
.navitopicpath_ #bread-crumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: none;
}

.navitopicpath_ .bread-crumb-list li,
.navitopicpath_ #bread-crumb-list li {
  font-size: 14px;
}

.navitopicpath_ .bread-crumb-list li a,
.navitopicpath_ #bread-crumb-list li a {
  text-decoration: underline;
  margin: 0;
}

.navitopicpath_ .bread-crumb-list li + li,
.navitopicpath_ #bread-crumb-list li + li {
  margin-left: 15px;
}

.navitopicpath_ .bread-crumb-list li + li a, .navitopicpath_ .bread-crumb-list li + li span,
.navitopicpath_ #bread-crumb-list li + li a,
.navitopicpath_ #bread-crumb-list li + li span {
  margin-left: 5px;
}

.navitopicpath_ .bread-crumb-list li + li a strong, .navitopicpath_ .bread-crumb-list li + li span strong,
.navitopicpath_ #bread-crumb-list li + li a strong,
.navitopicpath_ #bread-crumb-list li + li span strong {
  font-weight: normal;
}

@media only screen and (max-width: 576px) {
  .navitopicpath_ {
    margin: 10px auto;
    padding: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: none;
  }
  .navitopicpath_ #bread-crumb-list li {
    white-space: nowrap;
  }
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	goodsproductdetail_
 *	商品詳細
 *----------------------------------------------------------*/
.goodsproductdetail_,
.goodscomment3_,
.goodscomment4_,
.option_buttons_ {
  background-color: #f1f0e8;
}

div.goodsproductdetail_ {
  margin-top: 40px;
  margin-bottom: 0;
  border: none;
  padding-bottom: 0;
  overflow: visible;
}

.goodsproductdetail_inner {
  position: relative;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

.goodscomment3_ .m-item_wrap,
.goodscomment4_ .m-item_wrap {
  padding-left: 45%;
}

.goodscomment3_ .m-item_wrap a,
.goodscomment4_ .m-item_wrap a {
  text-decoration: underline;
}

.goodscomment3_ .m-item_wrap a.is-hover,
.goodscomment4_ .m-item_wrap a.is-hover {
  text-decoration: none;
}

.goodscomment4_ {
  padding-bottom: 40px;
}

@media only screen and (max-width: 576px) {
  .goodsproductdetail_ {
    padding: 0 10px;
  }
  .goodscomment3_,
  .goodscomment4_ {
    margin-top: 40px;
  }
  .goodscomment3_ .m-item_wrap,
  .goodscomment4_ .m-item_wrap {
    padding-left: 0;
  }
  .goodscomment3_ .m-item_wrap + .m-item_wrap,
  .goodscomment4_ .m-item_wrap + .m-item_wrap {
    margin-top: 40px;
  }
}

/* ---------------------------------------------------------
 *	ギャラリー */
#gallery.goodsimg_ {
  position: absolute;
  top: 40px;
  left: 0;
  width: 38%;
  display: none;
  overflow: hidden;
}

#gallery.goodsimg_ img {
  border: none;
}

#gallery.goodsimg_ .img_L_ img {
  width: 100%;
  border: none;
}

#gallery.goodsimg_ .etc_goodsimg_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 10px);
}

#gallery.goodsimg_ .etc_goodsimg_line_ {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#gallery.goodsimg_ .etc_goodsimg_item_ {
  margin: 10px 10px 0 0;
  max-width: calc(50% - 10px);
  width: calc(50% - 10px);
}

@media only screen and (max-width: 576px) {
  #gallery.goodsimg_ {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
  }
  #gallery.goodsimg_ .etc_goodsimg_ {
    display: block;
    width: 100%;
  }
  #gallery.goodsimg_ .etc_goodsimg_item_ {
    margin: 0;
    max-width: none;
    width: auto;
  }
  #gallery.goodsimg_ .etc_goodsimg_item_hoge {
    margin: 0 0 10px 0;
    max-width: 22%;
    width: 22%;
  }
  #gallery.goodsimg_ .etc_goodsimg_item_hoge:not(:nth-of-type(4n-2)) {
    margin: 0 0 10px 3%;
  }
  #gallery.goodsimg_ .etc_goodsimg_item_hoge:first-of-type {
    margin: 0 0 10px 0;
    max-width: 100%;
    width: 100%;
  }
  #gallery.goodsimg_ .etc_goodsimg_item_hoge img {
    max-width: 100%;
    max-height: 100%;
  }
  #gallery.goodsimg_ .fs_control {
    display: none;
  }
}

.lightbox img {
  max-width: none;
}

/* ---------------------------------------------------------
 *	商品情報 */
div.goodsspec_ {
  padding-left: 45%;
  font-size: 16px;
  width: auto;
  float: none;
  display: block;
  overflow: visible;
}

div.goodsspec_ > img {
  margin: 0 10px 5px 0;
}

@media only screen and (max-width: 576px) {
  div.goodsspec_ {
    font-size: 14px;
  }
}

#p_item table.formdetail_ {
  display: block;
  border: none;
}

#p_item table.formdetail_ tr, #p_item table.formdetail_ th, #p_item table.formdetail_ td {
  display: block;
  border: none;
  background: none;
  padding: 0;
  width: auto;
}

#p_item table.formdetail_ tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#p_item table.formdetail_ tbody tr {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

#p_item table.formdetail_ tbody tr.is-name {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#p_item table.formdetail_ tbody tr.is-name th {
  display: none;
}

#p_item table.formdetail_ tbody tr.is-code {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-top: 20px;
}

#p_item table.formdetail_ tbody tr.is-price {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#p_item table.formdetail_ tbody tr.is-price th {
  font-size: 18px;
  font-weight: 600;
}

#p_item table.formdetail_ tbody tr.is-stockMsg {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

#p_item table.formdetail_ tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

#p_item table.formdetail_ tbody th {
  font-weight: normal;
}

#spec_goods_name {
  font-size: 26px;
  font-weight: 600;
}

#spec_price {
  margin-left: 10px;
  font-weight: 600;
}

#spec_price .price_ {
  font-size: 28px;
}

#spec_price .small_ {
  font-size: 18px;
}

#spec_goods,
#spec_stock_msg,
#spec_item_code,
#spec_item_code2,
#spec_item_code3,
#spec_attr1 {
  margin-left: 10px;
}

div.cartbox_ {
  margin-top: 20px;
  padding: 0;
  background: none;
  text-align: inherit !important;
}

div.cartbox_ br {
  display: none;
}

div.cartbox_ span.variationlist_ {
  padding-right: 0;
}

.attention_ {
  display: inline-block;
  font-size: 15px;
}

div.goodscomment3_,
div.goodscomment4_ {
  margin-bottom: 0;
}

div.goodscomment3_ table,
div.goodscomment4_ table {
  border-color: #8a8a8a;
  margin: 10px 0 0;
}

div.goodscomment3_ th, div.goodscomment3_ td,
div.goodscomment4_ th,
div.goodscomment4_ td {
  border-color: #8a8a8a;
  padding: 10px 20px;
}

div.goodscomment3_ th,
div.goodscomment4_ th {
  text-align: center;
}

@media only screen and (max-width: 576px) {
  div.goodsspec_ {
    margin-top: 20px;
    padding-left: 0;
  }
  dl.goodsspec_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0;
    border: none;
  }
  dl.goodsspec_ dt {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    padding: 0;
  }
  dl.goodsspec_ dd {
    -ms-flex-preferred-size: calc(100% - 90px);
    flex-basis: calc(100% - 90px);
    padding: 0;
  }
  dl.goodsspec_ dt::after {
    content: '：';
  }
  dl.goodsspec_ dt.is-name {
    display: none;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  dl.goodsspec_ dt.is-code {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  dl.goodsspec_ dt.is-price {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    font-weight: 600;
  }
  dl.goodsspec_ dt.is-stockMsg {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  #spec_goods_name {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 24px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 0;
  }
  #spec_price {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin-left: 0;
  }
  #spec_price .price_ {
    font-size: 20px;
    color: #000;
  }
  #spec_price .small_ {
    font-size: 16px;
  }
  #spec_goods,
  #spec_item_code,
  #spec_item_code2,
  #spec_item_code3,
  #spec_attr1 {
    margin-left: 0;
  }
  #spec_goods {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  #spec_postage {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .is-partNum01 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  #spec_item_code {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .is-partNum02 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  #spec_item_code2 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .is-partNum03 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  #spec_item_code3 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14;
  }
  .is-attribute01 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15;
  }
  #spec_attr1 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16;
  }
  .attention_ {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  div.cartbox_ {
    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;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  div.cartbox_ > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .variationlist_ {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .button_ {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-weight: 600;
  }
  .button_.orange_button_ {
    margin: 0;
    width: 100%;
    height: 60px;
    border-radius: 0;
    text-shadow: none;
    background: -webkit-linear-gradient(left, black 0%, black 100%);
    background: -webkit-gradient(linear, left top, right top, from(black), to(black));
    background: linear-gradient(to right, black 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#860000', endColorstr='#860000',GradientType=1 );
    background-color: black;
    color: #fff;
    border: none;
    font-size: 18px;
  }
}

@media only screen and (max-width: 576px) and (max-width: 576px) {
  .button_.orange_button_ {
    font-size: 16px;
  }
}

@media only screen and (max-width: 576px) {
  .button_.blue_button_ {
    width: auto;
    margin: 0;
    border-radius: 0;
    text-shadow: none;
    background-color: #fff;
    border: 1px solid #8a8a8a;
    padding: 10px 20px;
    color: #000;
    font-size: 14px;
  }
  .submit_ .button_ {
    margin-top: 10px;
  }
  .attention_ {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: center;
  }
  div.goodscomment3_,
  div.goodscomment4_ {
    margin-right: 0;
    margin-left: 0;
  }
}

/* ---------------------------------------------------------
 *	お気に入りに追加ボタン、この商品について問い合わせボタン */
.option_buttons_ {
  margin-top: 20px;
  padding-left: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
}

.option_buttons_ > li {
  margin: 0;
}

.option_buttons_ > li + li {
  margin-left: 20px;
}

@media only screen and (max-width: 576px) {
  .option_buttons_ {
    padding-left: 0;
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .option_buttons_ > li + li {
    margin: 10px 0 0 0;
  }
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	goods_name_,top_comment_
 *	商品詳細のタイトルとキャッチコピー
 *----------------------------------------------------------*/
#p_item .mainframe_ > .goods_name_ {
  display: none;
}

#p_item .mainframe_ > .top_comment_ {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

#p_item .mainframe_ > .top_comment_ > p {
  font-weight: 600;
  margin-bottom: 10px;
  padding: 0;
}

@media only screen and (max-width: 576px) {
  #p_item .contents_ > .goods_name_ {
    display: none;
  }
  #p_item .contents_ > .top_comment_ > p:first-child {
    font-weight: 600;
    margin: 0 10px 10px;
  }
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	navipage_
 *	ページャー
 *----------------------------------------------------------*/
.navipage_ {
  margin-top: 80px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 0;
  min-height: 32px;
  padding: 0;
}

.navipage_.top_ {
  margin-bottom: 0;
}

.navipage_ > span:nth-of-type(2) {
  border-left: 1px solid #8a8a8a;
}

.navipage_ .navipage_sum_ {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navipage_ .navipage_sum_ strong {
  line-height: 1.0;
  font-size: 30px;
  font-weight: 600;
}

.navipage_ .navipage_reverse_ span,
.navipage_ > a,
.navipage_ .navipage_now_,
.navipage_ .navipage_forward_ span {
  border-top: 1px solid #8a8a8a;
  border-right: 1px solid #8a8a8a;
  border-bottom: 1px solid #8a8a8a;
}

.navipage_ > a, .navipage_ .navipage_reverse_ a,
.navipage_ .navipage_forward_ a,
.navipage_ .navipage_now_ {
  font-size: 14px;
  padding: 5px 15px;
  display: block;
  margin: 0;
  border-left: none;
  color: #000;
}

.navipage_ > a:hover,
.navipage_ .navipage_reverse_ a:hover,
.navipage_ .navipage_forward_ a:hover {
  background-color: #f2efec;
  border-color: #8a8a8a;
  border-left: none;
}

.navipage_ .navipage_reverse_ a,
.navipage_ .navipage_forward_ a {
  border: none;
}

.navipage_ .navipage_now_ {
  background-color: #f2efec;
}

.navipage_ .navipage_reverse_,
.navipage_ .navipage_forward_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.navipage_ .navipage_first_ > a {
  padding-left: 35px;
  background: none;
  position: relative;
}

.navipage_ .navipage_first_ > a:before {
  content: "\f100";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

.navipage_ .navipage_prev_ > a {
  padding-left: 35px;
  background: none;
  position: relative;
}

.navipage_ .navipage_prev_ > a:before {
  content: "\f104";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

.navipage_ .navipage_next_ > a {
  padding-right: 35px;
  background: none;
  position: relative;
}

.navipage_ .navipage_next_ > a:before {
  content: "\f105";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

.navipage_ .navipage_last_ {
  border-right: 1px solid #8a8a8a;
}

.navipage_ .navipage_last_ > a {
  padding-right: 35px;
  background: none;
  position: relative;
}

.navipage_ .navipage_last_ > a:before {
  content: "\f101";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

@media only screen and (max-width: 576px) {
  .navipage_ {
    margin: 40px 10px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .navipage_ .navipage_sum_ {
    position: static;
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
  }
  .navipage_ > nav {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #8a8a8a;
  }
  .navipage_ > nav > a, .navipage_ > nav .navipage_now_ {
    font-size: 14px;
    padding: 5px 12px;
    display: block;
    border-top: 1px solid #8a8a8a;
    border-right: 1px solid #8a8a8a;
    border-bottom: 1px solid #8a8a8a;
    background: none;
    margin: 0;
    border-left: none;
    color: #000;
  }
  .navipage_ > nav > a.is-hover, .navipage_ > nav .navipage_now_.is-hover {
    background-color: #f2efec;
    border-color: #8a8a8a;
    border-left: none;
  }
  .navipage_ > nav .navipage_now_ {
    background-color: #f2efec;
  }
  .navipage_ .navipage_first_,
  .navipage_ .navipage_prev_,
  .navipage_ .navipage_next_,
  .navipage_ .navipage_last_ {
    font-size: 0;
    padding: 5px 15px;
    margin: 0;
    border-left: none;
    color: #000;
  }
  .navipage_ .navipage_first_.is-hover,
  .navipage_ .navipage_prev_.is-hover,
  .navipage_ .navipage_next_.is-hover,
  .navipage_ .navipage_last_.is-hover {
    background-color: #f2efec;
    border-color: #8a8a8a;
    border-left: none;
  }
  .navipage_ .navipage_first_ {
    position: relative;
  }
  .navipage_ .navipage_first_:before {
    content: "\f100";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    font-family: 'icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    text-decoration: none;
  }
  .navipage_ .navipage_prev_ {
    position: relative;
  }
  .navipage_ .navipage_prev_:before {
    content: "\f104";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    font-family: 'icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    text-decoration: none;
  }
  .navipage_ .navipage_next_ {
    position: relative;
  }
  .navipage_ .navipage_next_:before {
    content: "\f105";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    font-family: 'icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    text-decoration: none;
  }
  .navipage_ .navipage_last_ {
    position: relative;
  }
  .navipage_ .navipage_last_:before {
    content: "\f101";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    font-family: 'icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    text-decoration: none;
  }
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	navisort_
 *	並び替え
 *----------------------------------------------------------*/
.navisort_ {
  margin: 10px 0 0;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: inherit;
  border-bottom: 0;
}

.navisort_ dt {
  width: auto;
  margin-left: 0;
  float: none;
}

.navisort_ dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
}

.navisort_ dd > * {
  padding-left: 10px;
}

.navisort_ dd > *:not(:last-child) {
  padding-right: 10px;
  border-right: 1px solid #8a8a8a;
}

.navisort_ dd .navisort_now_ {
  font-weight: normal;
  color: #000;
  background-color: #f2efec;
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	notice_
 *	商品が存在しない場合のページ
 *----------------------------------------------------------*/
#p_item .mainframe_ .notice_,
#p_list .mainframe_ .notice_,
#p_freepage .mainframe_ .notice_ {
  max-width: 1100px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

#p_item .mainframe_ .notice_ .centertext_,
#p_list .mainframe_ .notice_ .centertext_,
#p_freepage .mainframe_ .notice_ .centertext_ {
  margin-top: 20px;
}

#p_item .mainframe_ .notice_ .centertext_ > a,
#p_list .mainframe_ .notice_ .centertext_ > a,
#p_freepage .mainframe_ .notice_ .centertext_ > a {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  min-width: 280px;
  background-color: #656565;
  padding: 15px 20px 15px 20px;
  color: #fff !important;
  font-size: 16px;
  position: relative;
  z-index: 0;
}

#p_item .mainframe_ .notice_ .centertext_ > a::after,
#p_list .mainframe_ .notice_ .centertext_ > a::after,
#p_freepage .mainframe_ .notice_ .centertext_ > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: rgba(255, 255, 255, 0.2);
}

#p_item .mainframe_ .notice_ .centertext_ > a.is-hover::after,
#p_list .mainframe_ .notice_ .centertext_ > a.is-hover::after,
#p_freepage .mainframe_ .notice_ .centertext_ > a.is-hover::after {
  height: 100%;
}

@media only screen and (max-width: 576px) {
  #p_item .contents_ .notice_,
  #p_list .contents_ .notice_,
  #p_freepage .contents_ .notice_ {
    margin: 20px 10px 0;
  }
  #p_item .contents_ .notice_ .centertext_,
  #p_list .contents_ .notice_ .centertext_,
  #p_freepage .contents_ .notice_ .centertext_ {
    margin-top: 20px;
  }
  #p_item .contents_ .notice_ .centertext_ > a,
  #p_list .contents_ .notice_ .centertext_ > a,
  #p_freepage .contents_ .notice_ .centertext_ > a {
    padding: 15px 15px 15px 10px !important;
    max-width: none;
    max-width: 260px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #656565;
    color: #fff !important;
    font-size: 16px;
    position: relative;
    z-index: 0;
  }
  #p_item .contents_ .notice_ .centertext_ > a::after,
  #p_list .contents_ .notice_ .centertext_ > a::after,
  #p_freepage .contents_ .notice_ .centertext_ > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: rgba(255, 255, 255, 0.2);
  }
  #p_item .contents_ .notice_ .centertext_ > a.is-hover::after,
  #p_list .contents_ .notice_ .centertext_ > a.is-hover::after,
  #p_freepage .contents_ .notice_ .centertext_ > a.is-hover::after {
    height: 100%;
  }
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	optimaizedH1
 *----------------------------------------------------------*/
h1.optimaizedH1 {
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: static;
  color: #999;
  font-size: 12px;
  background-color: #f1f0e8;
}

@media only screen and (max-width: 576px) {
  h1.optimaizedH1 {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    height: auto;
    padding: 5px;
    display: block;
    width: 100%;
    font-size: 10px;
  }
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	商品検索
 *----------------------------------------------------------*/
#p_list .message_ {
  margin-top: 20px;
}

#p_list .submit_ {
  margin-top: 20px;
  text-align: center;
}

#p_list table.search_ {
  margin-top: 40px;
  border: 1px dotted #CCC;
  width: 100%;
}

#p_list table.search_ th {
  background-color: #F8F8F8;
  text-align: right;
  font-weight: bold;
  border-bottom: 1px dotted #CCC;
}

#p_list table.search_ td {
  border-bottom: 1px dotted #CCC;
  padding: 8px;
}

@media only screen and (max-width: 576px) {
  #p_list dl.goodssearch_ {
    margin: 20px 10px 0;
    border: 1px solid #CCC;
    margin-bottom: 10px;
  }
  #p_list dl.goodssearch_ dt, #p_list dl.goodssearch_ dd {
    display: block;
    white-space: nowrap;
  }
  #p_list dl.goodssearch_ dt {
    padding: 2px 2px 2px 6px;
    background-color: #F0F0F0;
  }
  #p_list dl.goodssearch_ dd {
    padding: 5px;
  }
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	autopagerize_page_element（SP）
 *	商品一覧
 *----------------------------------------------------------*/
.autopagerize_page_element_ {
  margin: 0 10px;
}

.autopagerize_page_element_ .goods_p_ {
  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;
}

.autopagerize_page_element_ .goods_p_ > li {
  margin-top: 40px;
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
}

.autopagerize_page_element_ .goods_p_ > li a {
  padding: 0;
  margin: 0;
  border: none;
}

.autopagerize_page_element_ .goods_p_ > li:first-child a {
  border: none;
}

.autopagerize_page_element_ .goods_p_ figure.img_ {
  display: block;
  width: 100%;
}

.autopagerize_page_element_ .goods_p_ figure.img_ img {
  width: auto;
}

.autopagerize_page_element_ .goods_p_ .desc_ {
  display: block;
  margin-top: 10px;
  padding-left: 0;
  width: 100%;
}

.autopagerize_page_element_ .goods_p_ .desc_ .name_ {
  font-size: 15px;
}

.autopagerize_page_element_ .goods_p_ .desc_ .price_box .price_ {
  font-size: 15px;
  font-weight: 600;
}

.autopagerize_page_element_ .goods_p_ .desc_ .price_box .price_ small {
  font-size: 13px;
}

.autopagerize_page_element_ .goods_p_ .icon_ {
  min-height: 20px;
}

.autopagerize_page_element_ .goods_p_ .icon_ img {
  max-height: 20px;
}

.autopagerize_page_element_ .goods_p_ .comment_ {
  display: none;
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	info
 *----------------------------------------------------------*/
@media only screen and (max-width: 576px) {
  div.info_ {
    margin-left: 10px;
    margin-right: 10px;
  }
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	login
 *----------------------------------------------------------*/
@media only screen and (max-width: 576px) {
  .loginform_ .common_headline2_ {
    margin-left: 10px;
    margin-right: 10px;
  }
  .loginform_ .loginform_ + .button_ {
    margin-top: 10px;
  }
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	navistyle_（SP）
 *	並び替え
 *----------------------------------------------------------*/
.navistyle_ {
  margin: 10px 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  background: none;
}

.navistyle_ dt {
  padding: 0;
}

.navistyle_ dd {
  margin-left: 10px;
  border: 1px solid #b1b1b1;
  background-color: #eeeeee;
  border-radius: 2px;
  padding: 0;
  position: relative;
}

.navistyle_ dd:before {
  content: "\f107";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 12px;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

.navistyle_ dd::before, .navistyle_ dd::after {
  pointer-events: none;
}

.navistyle_ dd::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 35px;
  width: 1px;
  height: 80%;
  background-color: #b1b1b1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navistyle_ .class_filter_pulldown_ {
  padding: 8px 5px 8px 5px;
  min-width: 210px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  height: auto;
  line-height: 1.6;
  font-size: 14px;
  white-space: nowrap;
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	switch_banner_（PC）
 *	SPサイトへのスイッチボタン
 *----------------------------------------------------------*/
.switch_banner_ {
  display: none;
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	category_name_
 *	カテゴリタイトル
 *	genre_name_
 *	ジャンルタイトル
 *	topic_head_
 *	トピックスタイトル
 *----------------------------------------------------------*/
h2.category_name_,
.category_name_,
h2.genre_name_,
.genre_name_,
#p_list .common_headline1_,
#p_topics .topic_head_ {
  font-size: 34px;
  font-weight: 600;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #8a8a8a;
  border-top: none;
  border-right: none;
  border-left: none;
  background: none;
  outline: none;
  line-height: 1.6;
  margin: 0;
}

@media only screen and (max-width: 576px) {
  h2.category_name_,
  .category_name_,
  h2.genre_name_,
  .genre_name_,
  #p_list .common_headline1_,
  #p_topics .topic_head_ {
    font-size: 28px;
    margin: 0 10px;
    line-height: 1.2;
  }
}

#p_list .common_headline1_ {
  margin-top: 20px;
  width: auto;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #8a8a8a;
  border-top: none;
  border-right: none;
  border-left: none;
  background: none;
  outline: none;
}

@media only screen and (max-width: 576px) {
  #p_list .common_headline1_ {
    margin-top: 20px;
    border: none;
    background: transparent;
    color: #000;
    padding: 0 0 10px;
    outline: none;
    border-bottom: 1px solid #8a8a8a;
  }
}

.GenreStyle_ {
  display: none;
}

/* Magnific Popup CSS */
/* overlay at start */
.mfp-bg {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

/* content animate it */
.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
			 * Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

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

#p_other,
#p_freepage {
  /* 共通 */
  /* --------------------------------------------------------------------
 *	common　ヘッドライン
 *-------------------------------------------------------------------- */
  /* 汎用ヘッドライン */
  /* --------------------------------------------------------------------
 *	common　ナビゲーション
 *-------------------------------------------------------------------- */
  /* パンくず */
  /* --------------------------------------------------------------------
 *	common　フォーム
 *-------------------------------------------------------------------- */
  /* 注文 */
  /* --------------------------------------------------------------------
 *	ご注文方法の指定
 *-------------------------------------------------------------------- */
  /* お客様ページ */
  /* --------------------------------------------------------------------
 *	ログインフォーム
 *--------------------------------------------------------------------- */
  /* --------------------------------------------------------------------
 *	マイページ・会員情報・新規会員登録
 *-------------------------------------------------------------------- */
  /* --------------------------------------------------------------------
 *	マイページ　トップ
 *-------------------------------------------------------------------- */
  /* --------------------------------------------------------------------
 *	マイページ　お気に入り
 *	マイページ　入荷案内申し込み
 *	マイページ　お問い合わせ
 *	new お問合せフォーム
 *-------------------------------------------------------------------- */
  /* --------------------------------------------------------------------
 *	マイページ　お問い合わせ
 *-------------------------------------------------------------------- */
  /* その他機能 */
  /* --------------------------------------------------------------------
 *	カート画面
 *-------------------------------------------------------------------- */
  /* --------------------------------------------------------------------
 *	メールニュース
 *-------------------------------------------------------------------- */
}

#p_other .col1_ .common_headline1_,
#p_freepage .col1_ .common_headline1_ {
  /* .col1_ 1カラムの場合 */
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#p_other .navitopicpath_ a,
#p_freepage .navitopicpath_ a {
  font-size: 14px;
}

#p_other .formlist_ img,
#p_freepage .formlist_ img {
  vertical-align: middle;
}

#p_other .formdetail_ img,
#p_freepage .formdetail_ img {
  vertical-align: middle;
}

#p_other .formdetailcard_ img,
#p_freepage .formdetailcard_ img {
  vertical-align: middle;
}

#p_other .formsublist_ img,
#p_freepage .formsublist_ img {
  vertical-align: middle;
}

#p_other div.order_,
#p_freepage div.order_ {
  max-width: 1100px;
  margin: 20px auto 0;
  padding: 0;
}

#p_other div.login_,
#p_freepage div.login_ {
  max-width: 1100px;
  margin: 20px auto 0;
  padding: 0;
}

#p_other div.customer_,
#p_freepage div.customer_ {
  max-width: 1100px;
  margin: 20px auto 0;
  padding: 0;
}

#p_other div.mymenu_item_ p,
#p_freepage div.mymenu_item_ p {
  margin: 0 0 0 10px;
}

#p_other div.bookmark_item_ div.cartgoods_,
#p_freepage div.bookmark_item_ div.cartgoods_ {
  width: 35px;
}

#p_other div.bookmark_item_ div.img_,
#p_freepage div.bookmark_item_ div.img_ {
  width: 110px;
}

#p_other div.bookmark_item_ div.del_,
#p_freepage div.bookmark_item_ div.del_ {
  width: 80px;
}

#p_other div.contact_,
#p_freepage div.contact_ {
  max-width: 1100px;
  margin: 20px auto 0;
  padding: 0;
}

#p_other div.cartlist_,
#p_freepage div.cartlist_ {
  max-width: 1100px;
  margin: 20px auto 0;
  padding: 0;
}

#p_other table.cartlist_,
#p_freepage table.cartlist_ {
  vertical-align: middle;
}

#p_other table.cartlist_ td.img_,
#p_freepage table.cartlist_ td.img_ {
  width: 70px;
}

#p_other table.cartlist_ td.qty_,
#p_freepage table.cartlist_ td.qty_ {
  width: 170px;
}

#p_other table.cartlist_ td.qty_ > input,
#p_freepage table.cartlist_ td.qty_ > input {
  margin: 0;
  width: 50px;
}

#p_other table.cartlist_ td.name_,
#p_freepage table.cartlist_ td.name_ {
  width: 200px;
}

#p_other div.mail_,
#p_freepage div.mail_ {
  max-width: 1100px;
  margin: 20px auto 0;
  padding: 0;
}

/* ---------------------------------------------------------
 *	キャンペーンバナー */
/* --------------------------------------------------------- */
.l-camp_bnr {
  margin: auto;
}

.l-camp_bnr img {
  border: 1px solid #bdbdbd;
}

.is-wide .l-camp_bnr {
  width: 728px;
}

.is-narrow .l-camp_bnr {
  width: 300px;
}

/* ---------------------------------------------------------
 *	商品詳細　共通
 *---------------------------------------------------------- */
.m-item_inner {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* ---------------------------------------------------------
 *	メインビジュアル */
.m-item_mainvisual {
  background-repeat: no-repeat;
  background-position: center center;
  height: 600px;
  background-size: auto 100%;
}

.m-item_mainvisual.is-AAAA {
  background-image: url(../img/item/AAAA/main_AAAA.jpg);
  background-size: cover;
}

.m-item_mainvisual.is-BBBB {
  background-image: url(../img/item/BBBB/main_BBBB.jpg);
}

.m-item_mainvisual.is-1410 {
  background-image: url(../img/item/1410/main_1410.jpg);
}

.m-item_mainvisual.is-1411 {
  background-image: url(../img/item/1411/main_1411.jpg);
}

.m-item_mainvisual.is-1412 {
  background-image: url(../img/item/1412/main_1412.jpg);
}

.m-item_mainvisual.is-1413 {
  background-image: url(../img/item/1413/main_1413.jpg);
}

.m-item_mainvisual.is-1420 {
  background-image: url(../img/item/1420/main_1420.jpg);
}

.m-item_mainvisual.is-1601 {
  background-image: url(../img/item/1601/main_1601.jpg);
}

.m-item_mainvisual.is-1602 {
  background-image: url(../img/item/1602/main_1602.jpg);
}

.m-item_mainvisual.is-1603 {
  background-image: url(../img/item/1603/main_1603.jpg);
}

.m-item_mainvisual.is-1604 {
  background-image: url(../img/item/1604/main_1604.jpg);
}

.m-item_mainvisual.is-1605 {
  background-image: url(../img/item/1605/main_1605.jpg);
}

.m-item_mainvisual.is-1606 {
  background-image: url(../img/item/1606/main_1606.jpg);
}

.m-item_mainvisual.is-1607 {
  background-image: url(../img/item/1607/main_1607.jpg);
}

.m-item_mainvisual.is-1608 {
  background-image: url(../img/item/1608/main_1608.jpg);
}

.m-item_mainvisual.is-1609 {
  background-image: url(../img/item/1609/main_1609.jpg);
}

.m-item_mainvisual.is-1610 {
  background-image: url(../img/item/1610/main_1610.jpg);
}

.m-item_mainvisual.is-1611 {
  background-image: url(../img/item/1611/main_1611.jpg);
}

.m-item_mainvisual.is-1612 {
  background-image: url(../img/item/1612/main_1612.jpg);
}

.m-item_mainvisual.is-1613 {
  background-image: url(../img/item/1613/main_1613.jpg);
}

.m-item_mainvisual.is-1614 {
  background-image: url(../img/item/1614/main_1614.jpg);
}

.m-item_mainvisual.is-1615 {
  background-image: url(../img/item/1615/main_1615.jpg);
}

.m-item_mainvisual.is-1616 {
  background-image: url(../img/item/1616/main_1616.jpg);
}

.m-item_mainvisual.is-071879 {
  background-image: url(../img/item/071879/main_071879.jpg);
}

.m-item_mainvisual.is-101829 {
  background-image: url(../img/item/101829/main_101829.jpg);
}

.m-item_mainvisual.is-101830 {
  background-image: url(../img/item/101830/main_101830.jpg);
}

.m-item_mainvisual.is-101937 {
  background-image: url(../img/item/101937/main_101937.jpg);
}

.m-item_mainvisual.is-101939 {
  background-image: url(../img/item/101939/main_101939.jpg);
}

.m-item_mainvisual.is-101941 {
  background-image: url(../img/item/101941/main_101941.jpg);
}

.m-item_mainvisual.is-1050 {
  background-image: url(../img/item/1050/main_1050.jpg);
}

.m-item_mainvisual.is-1050D {
  background-image: url(../img/item/1050D/main_1050D.jpg);
}

.m-item_mainvisual.is-1060 {
  background-image: url(../img/item/1060/main_1060.jpg);
}

.m-item_mainvisual.is-1060D {
  background-image: url(../img/item/1060D/main_1060D.jpg);
}

.m-item_mainvisual.is-1063 {
  background-image: url(../img/item/1063/main_1063.jpg);
}

.m-item_mainvisual.is-1063D {
  background-image: url(../img/item/1063D/main_1063D.jpg);
}

.m-item_mainvisual.is-1070 {
  background-image: url(../img/item/1070/main_1070.jpg);
}

.m-item_mainvisual.is-1071 {
  background-image: url(../img/item/1071/main_1071.jpg);
}

.m-item_mainvisual.is-1072 {
  background-image: url(../img/item/1072/main_1072.jpg);
}

.m-item_mainvisual.is-1073 {
  background-image: url(../img/item/1073/main_1073.jpg);
}

.m-item_mainvisual.is-1074 {
  background-image: url(../img/item/1074/main_1074.jpg);
}

.m-item_mainvisual.is-1075 {
  background-image: url(../img/item/1075/main_1075.jpg);
}

.m-item_mainvisual.is-1100 {
  background-image: url(../img/item/1100/main_1100.jpg);
}

.m-item_mainvisual.is-1100D {
  background-image: url(../img/item/1100D/main_1100D.jpg);
}

.m-item_mainvisual.is-1101 {
  background-image: url(../img/item/1101/main_1101.jpg);
}

.m-item_mainvisual.is-1102 {
  background-image: url(../img/item/1102/main_1102.jpg);
}

.m-item_mainvisual.is-1120 {
  background-image: url(../img/item/1120/main_1120.jpg);
}

.m-item_mainvisual.is-1120D {
  background-image: url(../img/item/1120D/main_1120D.jpg);
}

.m-item_mainvisual.is-1122 {
  background-image: url(../img/item/1122/main_1122.jpg);
}

.m-item_mainvisual.is-1122D {
  background-image: url(../img/item/1122D/main_1122D.jpg);
}

.m-item_mainvisual.is-1125 {
  background-image: url(../img/item/1125/main_1125.jpg);
}

.m-item_mainvisual.is-1125D {
  background-image: url(../img/item/1125D/main_1125D.jpg);
}

.m-item_mainvisual.is-1140 {
  background-image: url(../img/item/1140/main_1140.jpg);
}

.m-item_mainvisual.is-1140D {
  background-image: url(../img/item/1140D/main_1140D.jpg);
}

.m-item_mainvisual.is-1165 {
  background-image: url(../img/item/1165/main_1165.jpg);
}

.m-item_mainvisual.is-1165D {
  background-image: url(../img/item/1165D/main_1165D.jpg);
}

.m-item_mainvisual.is-1166 {
  background-image: url(../img/item/1166/main_1166.jpg);
}

.m-item_mainvisual.is-1166D {
  background-image: url(../img/item/1166D/main_1166D.jpg);
}

.m-item_mainvisual.is-1180 {
  background-image: url(../img/item/1180/main_1180.jpg);
}

.m-item_mainvisual.is-1180D {
  background-image: url(../img/item/1180D/main_1180D.jpg);
}

.m-item_mainvisual.is-1181 {
  background-image: url(../img/item/1181/main_1181.jpg);
}

.m-item_mainvisual.is-1190 {
  background-image: url(../img/item/1190/main_1190.jpg);
}

.m-item_mainvisual.is-1212 {
  background-image: url(../img/item/1212/main_1212.jpg);
}

.m-item_mainvisual.is-1212D {
  background-image: url(../img/item/1212D/main_1212D.jpg);
}

.m-item_mainvisual.is-1215 {
  background-image: url(../img/item/1215/main_1215.jpg);
}

.m-item_mainvisual.is-1215D {
  background-image: url(../img/item/1215D/main_1215D.jpg);
}

.m-item_mainvisual.is-1217 {
  background-image: url(../img/item/1217/main_1217.jpg);
}

.m-item_mainvisual.is-1235 {
  background-image: url(../img/item/1235/main_1235.jpg);
}

.m-item_mainvisual.is-1235D {
  background-image: url(../img/item/1235D/main_1235D.jpg);
}

.m-item_mainvisual.is-1410 {
  background-image: url(../img/item/1410/main_1410.jpg);
}

.m-item_mainvisual.is-1410D {
  background-image: url(../img/item/1410D/main_1410D.jpg);
}

.m-item_mainvisual.is-1411 {
  background-image: url(../img/item/1411/main_1411.jpg);
}

.m-item_mainvisual.is-1411D {
  background-image: url(../img/item/1411D/main_1411D.jpg);
}

.m-item_mainvisual.is-1412 {
  background-image: url(../img/item/1412/main_1412.jpg);
}

.m-item_mainvisual.is-1412D {
  background-image: url(../img/item/1412D/main_1412D.jpg);
}

.m-item_mainvisual.is-1413 {
  background-image: url(../img/item/1413/main_1413.jpg);
}

.m-item_mainvisual.is-1413D {
  background-image: url(../img/item/1413D/main_1413D.jpg);
}

.m-item_mainvisual.is-1415 {
  background-image: url(../img/item/1415/main_1415.jpg);
}

.m-item_mainvisual.is-1416 {
  background-image: url(../img/item/1416/main_1416.jpg);
}

.m-item_mainvisual.is-1417 {
  background-image: url(../img/item/1417/main_1417.jpg);
}

.m-item_mainvisual.is-1418 {
  background-image: url(../img/item/1418/main_1418.jpg);
}

.m-item_mainvisual.is-1450 {
  background-image: url(../img/item/1450/main_1450.jpg);
}

.m-item_mainvisual.is-1450D {
  background-image: url(../img/item/1450D/main_1450D.jpg);
}

.m-item_mainvisual.is-1451 {
  background-image: url(../img/item/1451/main_1451.jpg);
}

.m-item_mainvisual.is-1490 {
  background-image: url(../img/item/1490/main_1490.jpg);
}

.m-item_mainvisual.is-1490D {
  background-image: url(../img/item/1490D/main_1490D.jpg);
}

.m-item_mainvisual.is-1490X {
  background-image: url(../img/item/1490X/main_1490X.jpg);
}

.m-item_mainvisual.is-1503 {
  background-image: url(../img/item/1503/main_1503.jpg);
}

.m-item_mainvisual.is-1503D {
  background-image: url(../img/item/1503D/main_1503D.jpg);
}

.m-item_mainvisual.is-18101 {
  background-image: url(../img/item/18101/main_18101.jpg);
}

.m-item_mainvisual.is-18102 {
  background-image: url(../img/item/18102/main_18102.jpg);
}

.m-item_mainvisual.is-18103 {
  background-image: url(../img/item/18103/main_18103.jpg);
}

.m-item_mainvisual.is-18104 {
  background-image: url(../img/item/18104/main_18104.jpg);
}

.m-item_mainvisual.is-18105 {
  background-image: url(../img/item/18105/main_18105.jpg);
}

.m-item_mainvisual.is-18106 {
  background-image: url(../img/item/18106/main_18106.jpg);
}

.m-item_mainvisual.is-18121 {
  background-image: url(../img/item/18121/main_18121.jpg);
}

.m-item_mainvisual.is-18122 {
  background-image: url(../img/item/18122/main_18122.jpg);
}

.m-item_mainvisual.is-18123 {
  background-image: url(../img/item/18123/main_18123.jpg);
}

.m-item_mainvisual.is-18124 {
  background-image: url(../img/item/18124/main_18124.jpg);
}

.m-item_mainvisual.is-18125 {
  background-image: url(../img/item/18125/main_18125.jpg);
}

.m-item_mainvisual.is-18126 {
  background-image: url(../img/item/18126/main_18126.jpg);
}

.m-item_mainvisual.is-18211 {
  background-image: url(../img/item/18211/main_18211.jpg);
}

.m-item_mainvisual.is-18212 {
  background-image: url(../img/item/18212/main_18212.jpg);
}

.m-item_mainvisual.is-18213 {
  background-image: url(../img/item/18213/main_18213.jpg);
}

.m-item_mainvisual.is-18214 {
  background-image: url(../img/item/18214/main_18214.jpg);
}

.m-item_mainvisual.is-18215 {
  background-image: url(../img/item/18215/main_18215.jpg);
}

.m-item_mainvisual.is-18216 {
  background-image: url(../img/item/18216/main_18216.jpg);
}

.m-item_mainvisual.is-18301 {
  background-image: url(../img/item/18301/main_18301.jpg);
}

.m-item_mainvisual.is-18302 {
  background-image: url(../img/item/18302/main_18302.jpg);
}

.m-item_mainvisual.is-18303 {
  background-image: url(../img/item/18303/main_18303.jpg);
}

.m-item_mainvisual.is-18304 {
  background-image: url(../img/item/18304/main_18304.jpg);
}

.m-item_mainvisual.is-18305 {
  background-image: url(../img/item/18305/main_18305.jpg);
}

.m-item_mainvisual.is-18306 {
  background-image: url(../img/item/18306/main_18306.jpg);
}

.m-item_mainvisual.is-18401 {
  background-image: url(../img/item/18401/main_18401.jpg);
}

.m-item_mainvisual.is-18402 {
  background-image: url(../img/item/18402/main_18402.jpg);
}

.m-item_mainvisual.is-18403 {
  background-image: url(../img/item/18403/main_18403.jpg);
}

.m-item_mainvisual.is-18404 {
  background-image: url(../img/item/18404/main_18404.jpg);
}

.m-item_mainvisual.is-18405 {
  background-image: url(../img/item/18405/main_18405.jpg);
}

.m-item_mainvisual.is-19127168 {
  background-image: url(../img/item/19127168/main_19127168.jpg);
}

.m-item_mainvisual.is-19129097 {
  background-image: url(../img/item/19129097/main_19129097.jpg);
}

.m-item_mainvisual.is-19141498 {
  background-image: url(../img/item/19141498/main_19141498.jpg);
}

.m-item_mainvisual.is-19141542 {
  background-image: url(../img/item/19141542/main_19141542.jpg);
}

.m-item_mainvisual.is-19141597 {
  background-image: url(../img/item/19141597/main_19141597.jpg);
}

.m-item_mainvisual.is-1920014 {
  background-image: url(../img/item/1920014/main_1920014.jpg);
}

.m-item_mainvisual.is-2420 {
  background-image: url(../img/item/2420/main_2420.jpg);
}

.m-item_mainvisual.is-2600 {
  background-image: url(../img/item/2600/main_2600.jpg);
}

.m-item_mainvisual.is-2600D {
  background-image: url(../img/item/2600D/main_2600D.jpg);
}

.m-item_mainvisual.is-4411 {
  background-image: url(../img/item/4411/main_4411.jpg);
}

.m-item_mainvisual.is-4411D {
  background-image: url(../img/item/4411D/main_4411D.jpg);
}

.m-item_mainvisual.is-1420 {
  background-image: url(../img/item/1420/main_1420.jpg);
}

.m-item_mainvisual.is-1602 {
  background-image: url(../img/item/1602/main_1602.jpg);
}

.m-item_mainvisual.is-1601 {
  background-image: url(../img/item/1601/main_1601.jpg);
}

.m-item_mainvisual.is-1603 {
  background-image: url(../img/item/1603/main_1603.jpg);
}

.m-item_mainvisual.is-1606 {
  background-image: url(../img/item/1606/main_1606.jpg);
}

.m-item_mainvisual.is-1604 {
  background-image: url(../img/item/1604/main_1604.jpg);
}

.m-item_mainvisual.is-1605 {
  background-image: url(../img/item/1605/main_1605.jpg);
}

.m-item_mainvisual.is-1607 {
  background-image: url(../img/item/1607/main_1607.jpg);
}

.m-item_mainvisual.is-1608 {
  background-image: url(../img/item/1608/main_1608.jpg);
}

.m-item_mainvisual.is-1611 {
  background-image: url(../img/item/1611/main_1611.jpg);
}

.m-item_mainvisual.is-1612 {
  background-image: url(../img/item/1612/main_1612.jpg);
}

.m-item_mainvisual.is-1609 {
  background-image: url(../img/item/1609/main_1609.jpg);
}

.m-item_mainvisual.is-1610 {
  background-image: url(../img/item/1610/main_1610.jpg);
}

.m-item_mainvisual.is-1615 {
  background-image: url(../img/item/1615/main_1615.jpg);
}

.m-item_mainvisual.is-1613 {
  background-image: url(../img/item/1613/main_1613.jpg);
}

.m-item_mainvisual.is-1614 {
  background-image: url(../img/item/1614/main_1614.jpg);
}

.m-item_mainvisual.is-1616 {
  background-image: url(../img/item/1616/main_1616.jpg);
}

.m-item_mainvisual.is-1625 {
  background-image: url(../img/item/1625/main_1625.jpg);
}

.m-item_mainvisual.is-1626 {
  background-image: url(../img/item/1626/main_1626.jpg);
}

.m-item_mainvisual.is-1622 {
  background-image: url(../img/item/1622/main_1622.jpg);
}

.m-item_mainvisual.is-1623 {
  background-image: url(../img/item/1623/main_1623.jpg);
}

.m-item_mainvisual.is-1627 {
  background-image: url(../img/item/1627/main_1627.jpg);
}

.m-item_mainvisual.is-1628 {
  background-image: url(../img/item/1628/main_1628.jpg);
}

.m-item_mainvisual.is-1629 {
  background-image: url(../img/item/1629/main_1629.jpg);
}

.m-item_mainvisual.is-1617 {
  background-image: url(../img/item/1617/main_1617.jpg);
}

.m-item_mainvisual.is-1618 {
  background-image: url(../img/item/1618/main_1618.jpg);
}

.m-item_mainvisual.is-1620 {
  background-image: url(../img/item/1620/main_1620.jpg);
}

.m-item_mainvisual.is-1619 {
  background-image: url(../img/item/1619/main_1619.jpg);
}

.m-item_mainvisual.is-1621 {
  background-image: url(../img/item/1621/main_1621.jpg);
}

.m-item_mainvisual.is-1634 {
  background-image: url(../img/item/1634/main_1634.jpg);
}

.m-item_mainvisual_inner {
  position: relative;
}

.m-item_mainvisual_box {
  position: absolute;
  right: 0;
  top: 0;
  height: 580px;
  background-image: url(../img/item/item_bg_mainvisual_ttl.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 40px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

_::-webkit-full-page-media, _:future, :root .m-item_mainvisual_box {
  right: 80px;
}

.m-item_mainvisual_txt {
  font-size: 30px;
}

.m-item_mainvisual_txt span.is-num {
  text-combine-upright: all;
}

.m-item_mainvisual_ttl {
  font-size: 55px;
  line-height: 1.2;
}

.m-item_mainvisual_ttl span.is-num {
  text-combine-upright: all;
}

.m-item_mainvisual_ttl span.is-en {
  font-size: 22px;
}

/* ---------------------------------------------------------
 *	注意文 */
.m-item_attention {
  max-width: 1100px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font-size: 13px;
}

/* ---------------------------------------------------------
 *	お買い物欄へボタン */
.m-item_btn a {
  display: block;
  background: #860000;
  background: -webkit-gradient(linear, left top, right top, from(#860000), color-stop(50%, #aa2121), to(#860000));
  background: -webkit-linear-gradient(left, #860000 0%, #aa2121 50%, #860000 100%);
  background: linear-gradient(to right, #860000 0%, #aa2121 50%, #860000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#860000', endColorstr='#860000',GradientType=1 );
  text-align: center;
  padding: 10px;
  position: relative;
  z-index: 0;
}

.m-item_btn a span {
  font-size: 20px;
  color: #fff;
  padding-right: 16px;
  position: relative;
}

.m-item_btn a span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 50%;
  width: 8px;
  height: 8px;
  background-color: transparent;
  margin-top: -6px;
  margin-bottom: -2px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.m-item_btn a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: rgba(255, 255, 255, 0.2);
}

.m-item_btn a.is-hover::after {
  height: 100%;
}

/* ---------------------------------------------------------
 *	おいしい SUPRISE! */
.m-item_arrowBOX {
  margin-top: 40px;
  border: 1px solid #8a8a8a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-item_arrowBOX_ttl {
  background-color: #000;
  color: #fff;
  font-size: 18px;
  padding: 20px;
  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;
  -ms-flex-preferred-size: 160px;
  flex-basis: 160px;
  position: relative;
}

.m-item_arrowBOX_ttl:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0;
  bottom: 0;
  right: -20px;
  background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #000)) no-repeat top left/100% 50%, -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #000)) no-repeat bottom right/100% 50%;
  background: -webkit-linear-gradient(top right, rgba(255, 255, 255, 0) 50%, #000 50.5%) no-repeat top left/100% 50%, -webkit-linear-gradient(bottom right, rgba(255, 255, 255, 0) 50%, #000 50.5%) no-repeat bottom right/100% 50%;
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #000 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #000 50.5%) no-repeat bottom right/100% 50%;
}

.m-item_arrowBOX_cont {
  padding: 20px 20px 20px 40px;
  -ms-flex-preferred-size: calc(100% - 160px);
  flex-basis: calc(100% - 160px);
}

.m-item_arrowBOX_cont > p {
  position: relative;
  padding-left: 1.5em;
  font-size: 18px;
}

.m-item_arrowBOX_cont > p::before {
  content: '●';
  position: absolute;
  top: 0;
  left: 0;
  color: #c8b97b;
}

.m-item_arrowBOX_cont > p a {
  text-decoration: underline;
}

.m-item_arrowBOX_cont > p a.is-hover {
  text-decoration: none;
}

/* ---------------------------------------------------------
 *	レシピバナー */
.m-item_recipe {
  margin-top: 20px;
}

.m-item_recipe img {
  width: 500px;
}

/* ---------------------------------------------------------
 *	ロゴノート */
.m-item_note {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  padding: 10px 0;
  position: relative;
}

.m-item_note > * {
  min-height: 100px;
  padding: 10px 40px;
}

@media all and (-ms-high-contrast: none) {
  .m-item_note > * {
    height: 100px;
  }
}

.m-item_note + .m-item_note {
  margin-top: 20px;
}

.m-item_note::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #bababa;
  width: 1px;
  height: calc(100% - 20px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.m-item_note_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.m-item_note_logo li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.m-item_note_logo li img {
  width: 100%;
}

.m-item_note_logo li + li {
  margin-left: 80px;
}

.m-item_note_logo li.is-royaldeli {
  -ms-flex-preferred-size: 220px;
  flex-basis: 220px;
}

.m-item_note_logo li.is-sweetpotato {
  -ms-flex-preferred-size: 91px;
  flex-basis: 91px;
}

.m-item_note_logo li.is-yamecha {
  -ms-flex-preferred-size: 81px;
  flex-basis: 81px;
}

.m-item_note_logo li.is-zarame {
  -ms-flex-preferred-size: 50px;
  flex-basis: 50px;
}

.m-item_note_logo li.is-royalhost {
  -ms-flex-preferred-size: 198px;
  flex-basis: 198px;
}

.m-item_note_logo li.is-tenya {
  -ms-flex-preferred-size: 168px;
  flex-basis: 168px;
}

.m-item_note_logo li.is-mrselizabethmuffin {
  -ms-flex-preferred-size: 288px;
  flex-basis: 288px;
}

.m-item_note_logo li.is-mondGold {
  -ms-flex-preferred-size: 78px;
  flex-basis: 78px;
}

.m-item_note_logo li.is-modQuality {
  -ms-flex-preferred-size: 80px;
  flex-basis: 80px;
}

.m-item_note_txt {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}

.m-item_note_txt a {
  text-decoration: underline;
}

.m-item_note_txt a.is-hover {
  text-decoration: none;
}

.m-item_note_txt > * {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

/* ---------------------------------------------------------
 *	アップ画像リスト */
.m-item_uplist {
  margin-top: 40px;
  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;
}

.m-item_uplist > li {
  -ms-flex-preferred-size: 32%;
  flex-basis: 32%;
}

.m-item_uplist > li:nth-of-type(n+4) {
  margin-top: 20px;
}

.m-item_uplist::after {
  content: "";
  display: block;
  width: 32%;
}

/* ---------------------------------------------------------
 *	《 お届け・保存 》《 お召し上がり方 》 */
.m-item_preserve {
  margin-top: 40px;
  border: 1px solid #8a8a8a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-item_preserve > * {
  padding: 40px;
}

.m-item_preserve_delivery {
  border-right: 1px solid #8a8a8a;
  width: 35%;
}

.m-item_preserve_howto {
  width: 65%;
}

.m-item_preserve_ttl::before {
  content: '《';
}

.m-item_preserve_ttl::after {
  content: '》';
}

.m-item_preserve_tag {
  margin-top: 20px;
  border-radius: 10px;
  padding: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.m-item_preserve_tag span {
  font-size: 26px;
}

.m-item_preserve_tag.is-normal {
  background-color: #e9a52e;
}

.m-item_preserve_tag.is-cool {
  background-color: #6d90c9;
}

.m-item_preserve_tag.is-frozen {
  background-color: #5ac0c1;
}

.m-item_preserve_txtList {
  margin-top: 20px;
}

.m-item_preserve_txtList > li {
  margin-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 16px;
}

.m-item_preserve_txtList > li::before {
  content: '・';
}

.m-item_preserve_txt {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
}

.m-item_preserve_howtolist {
  margin-top: 20px;
  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;
}

.m-item_preserve_howtolist > li {
  counter-increment: cnt;
  position: relative;
  width: 200px;
  height: 200px;
  background-color: #4e4e4e;
  border-radius: 200px;
  overflow: hidden;
  z-index: 0;
  color: #fff;
  padding: 80px 10px 10px 10px;
  font-size: 17px;
  text-align: center;
  margin: 5px;
}

.m-item_preserve_howtolist > li::before {
  content: counter(cnt);
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}

.m-item_preserve_howtolist > li::after {
  content: '';
  position: absolute;
  top: -50px;
  left: 50%;
  width: 100px;
  height: 100px;
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
  background-color: #000;
  z-index: -1;
}

.m-item_preserve_bnr {
  margin-top: 20px;
  text-align: center;
}

/* ---------------------------------------------------------
 *	商品情報、アレルギー情報 */
.m-item_detail {
  padding-top: 40px;
}

.m-item_table {
  font-size: 14px;
  width: 100%;
  margin-top: 10px;
  border-top: 1px solid #8a8a8a;
  border-left: 1px solid #8a8a8a;
}

.m-item_table th,
.m-item_table td {
  border-bottom: 1px solid #8a8a8a;
  padding: 10px 20px;
}

.m-item_table td {
  border-right: 1px solid #8a8a8a;
}

.m-item_table th {
  width: 160px;
  background-color: #e0ded2;
  font-weight: normal;
}

.m-item_table + .m-item_detail_txt {
  margin-top: 10px;
}

.m-item_detail_txt {
  font-size: 13px;
}

.m-item_detail_txt + .m-item_detail_txt {
  margin-top: 30px;
}

.m-item_detail_space {
  margin-top: 20px;
}

.m-item_guide {
  margin-top: 40px;
}

.m-item_guide a {
  font-size: 22px;
  text-decoration: underline;
}

.m-item_guide a.is-hover {
  text-decoration: none;
}

.m-item_2block {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.m-item_2block > * {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
}

/* ---------------------------------------------------------
 *	追加の商品画像 */
.m-item_pic {
  margin-top: 40px;
}

/* ---------------------------------------------------------
 *	goodscomment2_内
 *	商品詳細　Aタイプ※長めのレイアウト：itemA_head
 *----------------------------------------------------------*/
.goodscomment2_ .itemA_head {
  background-color: #f1f0e8;
  padding: 40px;
}

.goodscomment2_ .itemA_wrap {
  border: 10px solid #ddd7ce;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 495px;
}

.goodscomment2_ .itemA_head_box:first-of-type {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  padding: 40px;
}

.goodscomment2_ .itemA_head_box:nth-of-type(2) {
  -ms-flex-preferred-size: 21%;
  flex-basis: 21%;
  max-width: 21%;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.goodscomment2_ .itemA_head_box:last-of-type {
  -ms-flex-preferred-size: 39%;
  flex-basis: 39%;
}

.goodscomment2_ .itemA_head_ttl {
  font-size: 24px;
  text-decoration: underline;
}

.goodscomment2_ .itemA_head_txt {
  margin-top: 20px;
  font-size: 16px;
}

.goodscomment2_ .itemA_head_heading {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 10px;
  font-size: 43px;
  line-height: 1.2;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -ms-flex-preferred-size: 130px;
  flex-basis: 130px;
  max-width: 130px;
}

.goodscomment2_ .itemA_head_tag {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 34px;
  flex-basis: 34px;
  max-width: 34px;
}

.goodscomment2_ .itemA_head_tag dt, .goodscomment2_ .itemA_head_tag dd {
  padding: 10px 0;
  display: inline-block;
  font-size: 18px;
  border: 3px solid #92710d;
}

.goodscomment2_ .itemA_head_tag dt {
  color: #92710d;
  font-weight: 600;
}

.goodscomment2_ .itemA_head_tag dd {
  background-color: #92710d;
  color: #fff;
}

/* ---------------------------------------------------------
 *	goodscomment2_内
 *	商品詳細　Aタイプ※長めのレイアウト：itemA_comment
 *----------------------------------------------------------*/
.goodscomment2_ .itemA_comment {
  margin-top: 40px;
  background-color: #f1f0e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px;
}

.goodscomment2_ .itemA_comment_cont,
.goodscomment2_ .itemA_comment_txt {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.goodscomment2_ .itemA_comment_name {
  font-size: 22px;
  font-weight: 600;
}

.goodscomment2_ .itemA_comment_price {
  font-size: 16px;
  font-weight: 600;
}

.goodscomment2_ .itemA_comment_price span {
  font-size: 24px;
}

.goodscomment2_ .itemA_comment_txt {
  font-size: 16px;
}

/* ---------------------------------------------------------
 *	goodscomment2_内
 *	商品詳細　Aタイプ※長めのレイアウト：itemA_point
 *----------------------------------------------------------*/
.goodscomment2_ .itemA_point {
  margin-top: 40px;
}

.goodscomment2_ .itemA_point section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.goodscomment2_ .itemA_point section:nth-of-type(even) .itemA_point_cont {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.goodscomment2_ .itemA_point section:nth-of-type(even) .itemA_point_pic {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.goodscomment2_ .itemA_point_cont {
  max-width: 50%;
  width: 50%;
  padding: 20px 40px;
}

.goodscomment2_ .itemA_point_pic {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.goodscomment2_ .itemA_point_ttl {
  font-size: 26px;
  line-height: 1.4;
}

.goodscomment2_ .itemA_point_txt {
  margin-top: 20px;
  font-size: 16px;
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	一覧、トピックス　共通
 *---------------------------------------------------------- */
#p_list .contents_,
#p_topics .contents_ {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#p_list .contents_ .mainframe_,
#p_topics .contents_ .mainframe_ {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -ms-flex-preferred-size: 850px;
  flex-basis: 850px;
}

#p_list .contents_ .leftmenuframe_,
#p_topics .contents_ .leftmenuframe_ {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
  max-width: 200px;
}

/* ---------------------------------------------------------
 *	サイドナビ */
.m-list_navBanner > li {
  border: 1px solid #8a8a8a;
}

.m-list_navBanner > li + li {
  margin-top: 20px;
}

.m-list_navFreeword {
  margin-top: 40px;
}

.m-list_navFreeword .is-text {
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  padding: 8px 10px 8px 35px;
  width: 100%;
  color: #878787;
}

.m-list_navFreeword .is-button {
  margin-top: 10px;
  background-color: #444444;
  border: none;
  color: #fff;
  width: 120px;
  text-align: center;
  padding: 8px 10px;
  border-radius: 100px;
  font-size: 15px;
  cursor: pointer;
}

.m-list_navFreewordtxt {
  margin-top: 10px;
  position: relative;
  position: relative;
}

.m-list_navFreewordtxt:before {
  content: "\e86d";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  color: #878787;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

/* ---------------------------------------------------------
 *	取り扱いブランド */
.m-brand_list {
  margin-top: 40px;
  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;
}

.m-brand_list::after {
  content: "";
  display: block;
  width: 31%;
}

.m-brand_list > li {
  -ms-flex-preferred-size: 31%;
  flex-basis: 31%;
  margin-bottom: 10px;
}

.m-brand_list > li:nth-of-type(n+4) {
  margin-top: 20px;
}

.m-brand_list > li a {
  display: block;
}

/* ---------------------------------------------------------
 *	このCSSはシステム側に吐き出されたhtmlをベースに組み込んでいます。 */
/* ---------------------------------------------------------
 *	トピックス
 *---------------------------------------------------------- */
#p_topics .topic_ {
  margin-top: 40px;
}

#p_topics .topic_title_ {
  background: url(../img/usr/common_h2.png) 0 5px no-repeat;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 8px 6px 28px;
  position: relative;
}

#p_topics .topic_title_ img {
  margin-left: 20px;
  top: -4px;
  position: relative;
}

#p_topics .article_ {
  margin-top: 20px;
}

#p_topics .article_ a {
  text-decoration: underline;
}

#p_topics .article_ a.is-hover {
  text-decoration: none;
}

/* ---------------------------------------------------------
 *	一覧、トピックス　共通
 *---------------------------------------------------------- */
#p_freepage div.container_ div.contents_ {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#p_freepage .leftmenuframe_ {
  display: none;
}

/* ---------------------------------------------------------
 *	ご利用規約 */
/* --------------------------------------------------------- */
#p_freepage .p_rules {
  font-size: 14px;
}

#p_freepage .p_rules .rules_inner {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#p_freepage .p_rules .rules_block {
  line-height: 1.8;
}

#p_freepage .p_rules .rules_block + .rules_block {
  margin-top: 80px;
}

#p_freepage .p_rules .rules_heading > p {
  margin-left: 10px;
  margin-top: 20px;
}

#p_freepage .p_rules .rules_heading > p.is-nonmargin {
  margin-left: 0;
}

#p_freepage .p_rules .rules_section > div {
  margin-top: 60px;
  counter-increment: cnt;
}

#p_freepage .p_rules .rules_section > div > .rules_txt,
#p_freepage .p_rules .rules_section > div > .rules_list {
  margin-top: 20px;
}

#p_freepage .p_rules .rules_section.is-article .rules_ttl::before {
  content: "第" counter(cnt) "条";
  margin-right: 10px;
}

#p_freepage .p_rules .rules_section.is-num .rules_ttl::before {
  margin-left: -10px;
  content: "【" counter(cnt) "】";
  margin-right: 10px;
}

#p_freepage .p_rules .rules_txt {
  margin-left: 10px;
}

#p_freepage .p_rules .rules_txt.is-nonmargin {
  margin-left: 0;
}

#p_freepage .p_rules .rules_txt a {
  text-decoration: underline;
}

#p_freepage .p_rules .rules_txt a:hover {
  text-decoration: none;
}

#p_freepage .p_rules .rules_list {
  margin-left: 10px;
}

#p_freepage .p_rules .rules_list li {
  margin-top: 10px;
  position: relative;
}

#p_freepage .p_rules .rules_list li > ul {
  margin-top: 10px;
}

#p_freepage .p_rules .rules_list li li {
  margin-top: 0px;
}

#p_freepage .p_rules .rules_list.is-num > li {
  padding-left: 25px;
  counter-increment: numcnt;
}

#p_freepage .p_rules .rules_list.is-num > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(numcnt) "）";
  margin-right: 10px;
}

#p_freepage .p_rules .rules_list.is-alphabet > li {
  counter-increment: alpcnt;
  padding-left: 25px;
}

#p_freepage .p_rules .rules_list.is-alphabet > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(alpcnt, lower-alpha) ". ";
  margin-right: 10px;
}

#p_freepage .p_rules .rules_txtadd {
  margin-top: 40px;
}

#p_freepage .p_rules .rules_company {
  margin-top: 40px;
  text-align: right;
}

/* ---------------------------------------------------------
 *	特定商取引法に基づく表記 */
/* --------------------------------------------------------- */
#p_freepage .p_law {
  font-size: 14px;
}

#p_freepage .p_law .law_inner {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#p_freepage .p_law .law_block {
  line-height: 1.8;
}

#p_freepage .p_law .law_block + .law_block {
  margin-top: 80px;
}

#p_freepage .p_law .law_table {
  margin-top: 20px;
}

#p_freepage .p_law .law_table a {
  text-decoration: none;
}

/* ---------------------------------------------------------
 *	会社概要 */
/* --------------------------------------------------------- */
#p_freepage .p_company .company_inner {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#p_freepage .p_company .company_block {
  line-height: 1.8;
}

#p_freepage .p_company .company_table {
  margin-top: 80px;
}

#p_freepage .p_company .company_heading {
  margin-top: 40px;
  text-align: center;
}

#p_freepage .p_company .company_pic {
  max-width: 175px;
  margin: 0 auto;
}

#p_freepage .p_company .company_ttl {
  margin-top: 10px;
  font-size: 28px;
}

#p_freepage .p_company .company_txt {
  margin-top: 20px;
}

#p_freepage .p_company .company_bnr {
  margin-top: 20px;
  text-align: center;
}

#p_freepage .p_company .company_list li {
  padding-left: 15px;
  position: relative;
}

#p_freepage .p_company .company_list li::before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0;
}

#p_freepage .p_company .company_list li + li {
  margin-top: 10px;
}

#p_freepage .p_company .company_factory {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#p_freepage .p_company .company_factory li {
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
}

#p_freepage .p_company .company_factory li + li {
  margin-left: 20px;
}

/* ---------------------------------------------------------
 *	お電話でのご注文 */
/* --------------------------------------------------------- */
#p_freepage .p_order .order_txt {
  font-size: 18px;
}

#p_freepage .p_order .order_block {
  margin-top: 20px;
  background-color: #fafafa;
  border: 1px solid #bababa;
  text-align: center;
  padding: 40px;
}

#p_freepage .p_order .order_block_ttl {
  font-size: 24px;
}

#p_freepage .p_order .order_block_tel {
  margin-top: 10px;
}

#p_freepage .p_order .order_block_tel a {
  display: inline-block;
  padding-left: 80px;
  line-height: 1.0;
  position: relative;
}

#p_freepage .p_order .order_block_tel a:before {
  content: "\e869";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  color: #acacac;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 70px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#p_freepage .p_order .order_block_tel span {
  font-size: 50px;
  font-weight: 700;
}

#p_freepage .p_order .order_block_txt {
  margin-top: 10px;
  font-size: 16px;
}

#p_freepage .p_order .order_att_ttl {
  font-size: 22px;
  border-bottom: 1px solid #bababa;
  padding-bottom: 5px;
}

#p_freepage .p_order .order_att {
  margin-top: 40px;
}

#p_freepage .p_order .order_att_list > li {
  margin-top: 10px;
  position: relative;
  padding-left: 1em;
  font-size: 16px;
}

#p_freepage .p_order .order_att_list > li::before {
  content: '●';
  position: absolute;
  top: 0;
  left: 0;
  color: #c8b97b;
}

#p_freepage .p_order .order_att_list > li a {
  text-decoration: underline;
}

#p_freepage .p_order .order_att_list > li a.is-hover {
  text-decoration: none;
}

#p_freepage .p_order .order_att_btn {
  margin-top: 40px;
}

/* ---------------------------------------------------------
 *	サイトマップ */
/* --------------------------------------------------------- */
#p_freepage .p_sitemap .sitemap_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#p_freepage .p_sitemap .sitemap_head a {
  padding-left: 15px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}

#p_freepage .p_sitemap .sitemap_head a:before {
  content: "\f138";
  position: absolute;
  top: 5px;
  left: 0;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#p_freepage .p_sitemap .sitemap_ttl {
  border-top: 1px solid #bababa;
  padding-top: 10px;
  font-size: 18px;
  font-weight: 600;
}

#p_freepage .p_sitemap .sitemap_ttl + .sitemap_list {
  margin-top: 30px;
}

#p_freepage .p_sitemap .sitemap_list > li + li {
  margin-top: 20px;
}

#p_freepage .p_sitemap .sitemap_list > li.is-child {
  margin-left: 20px;
  margin-top: 10px;
}

#p_freepage .p_sitemap .sitemap_list > li.is-child a {
  color: #6d6d6d;
}

#p_freepage .p_sitemap .sitemap_list > li.is-child a::before {
  color: #6d6d6d;
}

#p_freepage .p_sitemap .sitemap_list a {
  padding-left: 15px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
  z-index: 0;
}

#p_freepage .p_sitemap .sitemap_list a:before {
  content: "\f138";
  position: absolute;
  top: 10px;
  left: 0;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#p_freepage .p_sitemap .sitemap_list a[target="_blank"] span:after {
  content: "\e85c";
  margin-left: 4px;
  color: #000;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
  vertical-align: middle;
}

#p_freepage .p_sitemap .sitemap_list a:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: -1;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #8a8a8a;
  opacity: 0;
}

#p_freepage .p_sitemap .sitemap_list a.is-hover {
  color: #000;
}

#p_freepage .p_sitemap .sitemap_list a.is-hover:after {
  opacity: 1;
  bottom: 0;
}

#p_freepage .p_sitemap .sitemap_blk {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#p_freepage .p_sitemap .sitemap_blk.is-line {
  border-top: 1px solid #bababa;
  padding-top: 10px;
}

#p_freepage .p_sitemap .sitemap_blk > * {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

#p_freepage .p_sitemap .sitemap_blk > .sitemap_list {
  margin-top: 20px;
}

#p_freepage .p_sitemap .sitemap_btn {
  margin-top: 40px;
}

/* ---------------------------------------------------------
 *	ご利用ガイド */
/* --------------------------------------------------------- */
#p_freepage .p_guide .guide_lead {
  font-size: 16px;
  line-height: 1.8;
}

#p_freepage .p_guide .guide_nav {
  margin-top: 40px;
  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;
}

#p_freepage .p_guide .guide_nav li {
  -ms-flex-preferred-size: 32%;
  flex-basis: 32%;
  counter-increment: btn;
}

#p_freepage .p_guide .guide_nav li:nth-child(n+4) {
  margin-top: 10px;
}

#p_freepage .p_guide .guide_nav li a {
  display: block;
  padding: 10px 20px;
  border: 3px solid #cacaca;
  font-size: 16px;
  font-weight: 600;
}

#p_freepage .p_guide .guide_nav li a::before {
  content: counter(btn) "、";
}

#p_freepage .p_guide .guide_nav::after {
  content: "";
  display: block;
  width: 32%;
}

#p_freepage .p_guide .guide_section {
  margin-top: 80px;
  counter-increment: cnt;
}

#p_freepage .p_guide .guide_heading {
  background-color: #eeeeec;
  font-size: 24px;
  font-weight: 600;
  padding: 10px 30px;
}

#p_freepage .p_guide .guide_heading::before {
  content: counter(cnt) "、";
}

#p_freepage .p_guide .guide_field {
  margin-top: 40px;
}

#p_freepage .p_guide .guide_cont {
  margin-top: 20px;
}

#p_freepage .p_guide .guide_ttl {
  font-size: 20px;
  border-bottom: 1px solid #bababa;
  padding-bottom: 5px;
}

#p_freepage .p_guide .guide_ttl::before {
  content: '●';
  color: #c8b97b;
  font-size: 20px;
  line-height: 1.0;
  margin-right: 5px;
}

#p_freepage .p_guide .guide_pic {
  margin-top: 10px;
}

#p_freepage .p_guide .guide_pic.is-creditcard {
  max-width: 412px;
}

#p_freepage .p_guide .guide_pic.is-conveniencestore {
  max-width: 550px;
}

#p_freepage .p_guide .guide_pic + .guide_txt {
  margin-top: 20px;
}

#p_freepage .p_guide .guide_txt {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.8;
}

#p_freepage .p_guide .guide_txt span.is-red {
  color: #a60000;
}

#p_freepage .p_guide .guide_txt a {
  text-decoration: underline;
}

#p_freepage .p_guide .guide_txt a.is-hover {
  text-decoration: none;
}

#p_freepage .p_guide .guide_subttl {
  font-size: 18px;
}

#p_freepage .p_guide .guide_subttl::before {
  content: '【';
}

#p_freepage .p_guide .guide_subttl::after {
  content: '】';
}

#p_freepage .p_guide .guide_subttl + .guide_txt {
  margin-top: 0;
}

#p_freepage .p_guide .guide_list {
  line-height: 1.8;
}

#p_freepage .p_guide .guide_list > li {
  position: relative;
  font-size: 16px;
}

#p_freepage .p_guide .guide_list.is-space {
  margin-top: 20px;
}

#p_freepage .p_guide .guide_list.is-att li {
  padding-left: 15px;
}

#p_freepage .p_guide .guide_list.is-att li::before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0;
}

#p_freepage .p_guide .guide_list.is-num li {
  padding-left: 35px;
  counter-increment: num;
}

#p_freepage .p_guide .guide_list.is-num li::before {
  content: "（" counter(num) "）";
  position: absolute;
  top: 0;
  left: 0;
}

#p_freepage .p_guide .guide_shippingcost {
  margin-top: 20px;
  display: inline-block;
  border-top: 1px solid #8a8a8a;
  border-left: 1px solid #8a8a8a;
}

#p_freepage .p_guide .guide_shippingcost > li {
  border-right: 1px solid #8a8a8a;
  border-bottom: 1px solid #8a8a8a;
  font-size: 15px;
  background-repeat: no-repeat;
  background-position: 20px center;
}

#p_freepage .p_guide .guide_shippingcost > li span {
  font-size: 22px;
}

#p_freepage .p_guide .guide_shippingcost.is-jp li {
  padding: 5px 40px 5px 130px;
  background-size: 90px 26px;
}

#p_freepage .p_guide .guide_shippingcost.is-jp li.is-normal {
  background-image: url(../img/icon/normal.png);
}

#p_freepage .p_guide .guide_shippingcost.is-jp li.is-cool {
  background-image: url(../img/icon/cool.png);
}

#p_freepage .p_guide .guide_shippingcost.is-jp li.is-chilled {
  background-image: url(../img/icon/chilled.png);
}

#p_freepage .p_guide .guide_shippingcost.is-en li {
  padding: 5px 40px 5px 280px;
  background-size: 242px 26px;
}

#p_freepage .p_guide .guide_shippingcost.is-en li.is-normal {
  background-image: url(../img/icon/ico_normal_eng.png);
}

#p_freepage .p_guide .guide_shippingcost.is-en li.is-cool {
  background-image: url(../img/icon/ico_cool_eng.png);
}

#p_freepage .p_guide .guide_shippingcost.is-en li.is-chilled {
  background-image: url(../img/icon/ico_chilled_eng.png);
}

#p_freepage .p_guide .guide_freeDial a {
  font-size: 30px;
  font-weight: 600;
  padding-left: 50px;
  position: relative;
}

#p_freepage .p_guide .guide_freeDial a:before {
  content: "\e869";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  color: #acacac;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#p_freepage .p_guide .guide_mail a {
  font-size: 20px;
  font-weight: 600;
  text-decoration: underline;
}

#p_freepage .p_guide .guide_mail a.is-hover {
  text-decoration: none;
}

#p_freepage .p_guide .guide_btn {
  margin-top: 10px;
  text-align: left;
}

#p_freepage .p_guide .guide_btn a {
  text-align: center;
}

/* ---------------------------------------------------------
 *	ロイヤル催事ページ */
/* --------------------------------------------------------- */
/* 	ヘッダー */
/* --------------------------------------------------------- */
#p_freepage .p_royalsaijipage .header_inner {
  background-color: #c61a25;
  border: 5px solid #c61a25;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
  box-shadow: inset 0 0 0 3px #fff;
  padding: 40px;
}

#p_freepage .p_royalsaijipage .header_logo {
  text-align: center;
}

#p_freepage .p_royalsaijipage .header_logo img {
  max-width: 188px;
}

#p_freepage .p_royalsaijipage .header_btn {
  max-width: 720px;
  margin: 20px auto 0;
  text-align: center;
}

#p_freepage .p_royalsaijipage .header_btn a {
  color: #fff;
  font-size: 23px;
  padding: 5px 40px 5px 10px;
  display: block;
  background-color: #000;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  position: relative;
}

#p_freepage .p_royalsaijipage .header_btn a:before {
  content: "\f138";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  color: #fff;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#p_freepage .p_royalsaijipage .header_btn a.is-hover {
  background-color: #333;
}

/* 	body */
/* --------------------------------------------------------- */
#p_freepage .p_royalsaijipage .event {
  margin-top: 40px;
}

#p_freepage .p_royalsaijipage .event_list {
  border-bottom: 1px solid #8a8a8a;
}

#p_freepage .p_royalsaijipage .event_list > li {
  border-top: 1px solid #8a8a8a;
  padding: 20px 0;
  position: relative;
}

#p_freepage .p_royalsaijipage .event_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#p_freepage .p_royalsaijipage .event_ttl {
  position: absolute;
  top: 30px;
  right: 0;
  font-size: 30px;
  width: calc(100% - 480px);
  text-align: center;
  font-weight: 600;
}

#p_freepage .p_royalsaijipage .event_pic {
  -ms-flex-preferred-size: 460px;
  flex-basis: 460px;
}

#p_freepage .p_royalsaijipage .event_cont {
  -ms-flex-preferred-size: calc(100% - 480px);
  flex-basis: calc(100% - 480px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 70px;
}

#p_freepage .p_royalsaijipage .event_cont > li > a {
  display: block;
  text-align: center;
  color: #fff;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

#p_freepage .p_royalsaijipage .event_cont > li > a > span {
  display: inline-block;
  padding-right: 20px;
  position: relative;
}

#p_freepage .p_royalsaijipage .event_cont > li > a > span:before {
  content: "\f138";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  color: #fff;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#p_freepage .p_royalsaijipage .event_cont > li > a.is-hover {
  opacity: .8;
}

#p_freepage .p_royalsaijipage .event_cont.is-christmas {
  height: 160px;
}

#p_freepage .p_royalsaijipage .event_cont.is-christmas > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#p_freepage .p_royalsaijipage .event_cont.is-christmas > li:nth-of-type(1) {
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
}

#p_freepage .p_royalsaijipage .event_cont.is-christmas > li:nth-of-type(1) > a {
  font-size: 20px;
}

#p_freepage .p_royalsaijipage .event_cont.is-christmas > li:nth-of-type(2) {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

#p_freepage .p_royalsaijipage .event_cont.is-christmas > li:nth-of-type(3) {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

#p_freepage .p_royalsaijipage .event_cont.is-christmas > li > a {
  background-color: #c61a25;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  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;
  padding: 10px;
}

#p_freepage .p_royalsaijipage .event_cont.is-christmas > li > a .is-att {
  font-size: 10px;
}

#p_freepage .p_royalsaijipage .event_cont:not(.is-christmas) > li > a {
  padding: 20px 10px;
  font-size: 20px;
}

#p_freepage .p_royalsaijipage .event_cont:not(.is-christmas) > li:first-of-type {
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
}

#p_freepage .p_royalsaijipage .event_cont:not(.is-christmas) > li:first-of-type > a {
  background-color: #c61a25;
}

#p_freepage .p_royalsaijipage .event_cont:not(.is-christmas) > li:last-of-type {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
}

#p_freepage .p_royalsaijipage .event_cont:not(.is-christmas) > li:last-of-type > a {
  background-color: #7c7c7c;
}

#p_freepage .p_royalsaijipage .event_cont2 {
  -ms-flex-preferred-size: calc(100% - 480px);
  flex-basis: calc(100% - 480px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 70px;
  height: 160px;
}

#p_freepage .p_royalsaijipage .event_cont2 > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#p_freepage .p_royalsaijipage .event_cont2 > li:nth-of-type(1) {
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
}

#p_freepage .p_royalsaijipage .event_cont2 > li:nth-of-type(1) > a {
  font-size: 20px;
  background-color: #c61a25;
}

#p_freepage .p_royalsaijipage .event_cont2 > li:nth-of-type(2) {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

#p_freepage .p_royalsaijipage .event_cont2 > li:nth-of-type(3) {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}

#p_freepage .p_royalsaijipage .event_cont2 > li > a {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  color: #fff;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  background-color: #7c7c7c;
}

#p_freepage .p_royalsaijipage .event_cont2 > li > a > span {
  display: inline-block;
  padding-right: 20px;
  position: relative;
}

#p_freepage .p_royalsaijipage .event_cont2 > li > a > span:before {
  content: "\f138";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  color: #fff;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#p_freepage .p_royalsaijipage .event_cont2 > li > a.is-hover {
  opacity: .8;
}

#p_freepage .p_royalsaijipage .event_cont2 > li > a .is-att {
  font-size: 10px;
}

/* ---------------------------------------------------------
 *	お荷物・配送状況確認方法 */
/* --------------------------------------------------------- */
#p_freepage .p_logiinfo .logiinfo_lead {
  font-size: 16px;
}

#p_freepage .p_logiinfo .logiinfo_block {
  max-width: 1100px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

#p_freepage .p_logiinfo .logiinfo_block > section {
  counter-increment: cnt;
}

#p_freepage .p_logiinfo .logiinfo_block > section + section {
  margin-top: 80px;
}

#p_freepage .p_logiinfo .logiinfo_block.is-num .logiinfo_ttl::before {
  content: counter(cnt) ".";
}

#p_freepage .p_logiinfo .logiinfo_ttl {
  padding-bottom: 5px;
  border-bottom: 1px solid #bababa;
  font-size: 22px;
}

#p_freepage .p_logiinfo .logiinfo_ttl::before {
  margin-right: 10px;
}

#p_freepage .p_logiinfo .logiinfo_txt, #p_freepage .p_logiinfo .logiinfo_pic {
  margin-top: 20px;
}

#p_freepage .p_logiinfo .logiinfo_txt {
  font-size: 16px;
}

#p_freepage .p_logiinfo .logiinfo_freeDial {
  margin-top: 10px;
}

#p_freepage .p_logiinfo .logiinfo_freeDial a {
  font-size: 30px;
  font-weight: 600;
  padding-left: 50px;
  position: relative;
}

#p_freepage .p_logiinfo .logiinfo_freeDial a:before {
  content: "\e869";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  color: #acacac;
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-decoration: none;
}

#p_freepage .p_logiinfo .logiinfo_freeDial span {
  font-size: 50px;
  font-weight: 700;
}

#p_other .leftmenuframe_ {
  display: none;
}

span.spice {
  font-family: 'icons';
  color: #be1205;
  letter-spacing: 0;
  line-height: 1;
}

.deli_item_contName span.spice {
  font-size: 24px;
}

.deli_item_contName span.spice {
  font-size: 24px;
}

.deli_item_contTable span.spice {
  font-size: 18px;
}
/*# sourceMappingURL=base.css.map */
