/*
共通部分 css
20240122
*/

@charset "UTF-8";
@import url("https://image.raku-uru.jp/cms/fontcss/font.css");

/* reset
--------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin        : 0;
  padding       : 0;
  border        : 0;
  font-size     : 100%;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
  word-wrap  : break-word;
  word-break : break-all;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

ins {
  background-color: #f2f82f;
  color           : #171216;
  text-decoration : none;
}

mark {
  background-color: #f2f82f;
  color           : #171216;
  font-weight     : bold;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor       : help;
}

table {
  border-collapse: collapse;
  border-spacing : 0;
}

del {
  text-decoration: line-through;
}

hr {
  display   : block;
  height    : 1px;
  border    : 0;
  border-top: 1px solid #d2d2d2;
  margin    : 1.0rem 0;
  padding   : 0;
}

input,
select {
  vertical-align: middle;
}

img {
  border        : none;
  vertical-align: middle;
  line-height   : 0;
}

/*--------------------------------------
  'sm': 'screen and(max-width: 480px)
  'md': 'screen and(min-width: 768px)
  'lg': 'screen and(min-width: 960px)
  'xl': 'screen and(min-width: 1200px)

  #common
--------------------------------------*/
* {
  -moz-box-sizing   : border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing     : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

html {
  font-size: 62.5%;
}

body {
  color: {
      {
      nomalCharColor
    }
  }

  ;

  background: {
      {
      backColor
    }
  }

    {
      {
      backImageUrl
    }
  }

  ;
}

input,
textarea,
button,
select,
i {}

a,
a:visited {
  color: {
      {
      linkCharColor
    }
  }

  ;
  text-decoration: none;
}

a:hover,
button:hover {
  color: {
      {
      linkActiveCharColor
    }
  }

  ;
  text-decoration: underline;
}

a img:hover {
  filter      : alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity     : 0.7;
}

a,
a:hover {
  -webkit-transition: 0.3s;
  -moz-transition   : 0.3s;
  -o-transition     : 0.3s;
  transition        : 0.3s;
}

img {
  max-width: 100%;
  height   : auto;
  border   : none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-feature-settings: "palt";
}

/*  TEXTカラー
--------------------------------------*/
.txt-wt {
  color: #fff;
}

.txt-red,
.red {
  color: #d70035;
}

.txt-blue {
  color: #006eb0;
}

/*  調整用
--------------------------------------*/
.none_bg {
  background: none !important;
}

.none_bd {
  border: none !important;
}

.none_bd_top {
  border-top: none !important;
}

/* 改行 */
.no_br br {
  display: none;
}

.on_br br {
  display: block;
}

@media screen and (min-width: 960px) {
  .no_br br {
    display: block;
  }

  .on_br br {
    display: none;
  }
}

/* TEXT配置 */
.txt_center {
  text-align: center !important;
}

.txt_right {
  text-align: right !important;
}

.txt_left {
  text-align: left !important;
}

/*  文字ツメ */
.txt_spac {
  letter-spacing: -1px;
}

.txt_spac_pl {
  letter-spacing: 2px;
}












.bold {
  font-weight: bold;
}

/* margin・padding
--------------------------------------*/
.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

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

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

/*  共通CSS
--------------------------------------*/
em,
i,
cite {
  font-style: normal;
}

strong,
b {
  font-weight: bold;
}

blockquote,
q {
  border-left: 4px solid #d2d2d2;
  margin     : 0 0 2.4em 1rem;
  position   : relative;
  display    : block;
  color      : #4a515c;
}

blockquote:after,
q:after {
  content    : "”";
  font-size  : 90px;
  line-height: 0em;
  color      : #dcdce0;
  position   : absolute;
  right      : 0;
  top        : 100%;
}

blockquote p:last-child,
q p:last-child {
  margin-bottom: 0;
}

/* FOAM
--------------------------------------*/
/* OSi　リセット */
input[type="submit"],
input[type="button"] {
  border-radius     : 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance        : button;
  border            : none;
  box-sizing        : border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

input,
textarea,
select {
  outline: 0;
}

/* 基本スタイル */
input[type="text"],
input[type="email"],
input[type="url"] {
  background: #fff;
  border    : 1px solid #d2d2d2;
  padding   : 0.2em 15px;
}

input[type="text"]::focus,
input[type="text"]:hover,
input[type="email"]::focus,
input[type="email"]:hover,
input[type="url"]::focus,
input[type="url"]:hover {
  border: 1px solid #00AEE3;
}

button {
  cursor: pointer;
}

input[type='checkbox'],
input[type="radio"],
input[type="submit"] {
  cursor: pointer;
}

textarea {
  border               : 1px solid #d2d2d2;
  -moz-border-radius   : 4px;
  -webkit-border-radius: 4px;
  border-radius        : 4px;
  height               : 230px;
  margin               : auto;
}

/* 基本table
--------------------------------------*/
table {
  -moz-box-sizing   : border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing     : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
  margin            : auto;
}

table table {
  width: 100%;
}

th,
td {
  -moz-box-sizing   : border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing     : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
  border            : 1px solid #d2d2d2;
  margin            : 0 0 -1px 0;
  vertical-align    : middle;
  padding           : 5px;
  display           : block;
}

table tr:last-child td:last-child {
  margin-bottom: 0;
}

th {
  background: #f5f4f2;
}

/* ご利用ガイド用スタイル */
table.about-tbl {
  margin: 24px auto;
  width : 100%;
}

table.about-tbl th,
table.about-tbl td {
  padding: 10px;
}

table.about-tbl a {
  text-decoration: underline;
}

table.shipment-tbl {
  margin-bottom: 30px;
}

table.shipment-tbl table {
  margin-bottom: 15px;
}

table.shipment-tbl th,
table.shipment-tbl td {
  font-size: 14px;
}

table.shipment-tbl td {
  padding: 5px 10px;
}

table.shipment-tbl thead th,
table.shipment-tbl thead td {
  text-align : center;
  font-weight: bold;
}

.shipment-tbl-normal-shippoint-point span {
  display: inline-block;
}

.shipment-tbl-tkbsize-defined {
  margin-top: 30px;
}

.shipment-tbl-tkbsize-defined thead td {
  background: #f5f4f2;
}

.shipment-tbl-tkbsize-defined tbody tr td:last-child {
  border-bottom-width: 2px;
}

.shipment-tbl-eidome a {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  table.shipment-tbl th {
    max-width: 22em;
  }

  table.shipment-tbl table th {
    max-width: 10em;
  }

  .shipment-tbl-tkbsize-defined tbody tr td:last-child {
    border-width: 1px;
  }
}

/* clearfix */
.cl,
#header,
#container,
#main,
.main,
#secondary,
#footer {
  *zoom: 1;
}

.cl::after,
#header::after,
#container::after,
#main::after,
.main::after,
#secondary::after,
#footer::after {
  content   : "";
  display   : block;
  clear     : both;
  height    : 0;
  visibility: hidden;
}

/* キャリア別表示・非表示 */
.pc {
  display: none;
}

.sp {
  display: block;
}

@media screen and (min-width: 768px) {
  table table {
    min-width: 80%;
    max-width: 100%;
    width    : auto;
  }

  th,
  td {
    margin-right: -1px;
    display     : table-cell;
  }
}

@media screen and (min-width: 960px) {
  .pc {
    display: block;
  }

  .sp {
    display: none;
  }
}

/*--------------------------------------
  layout
--------------------------------------*/
#wrapper {
  position: relative;
  height  : 100%;
  width   : 100%;
}

#header {
  margin  : 0 auto;
  position: relative;
  z-index : 2000;
}

#container {
  width     : 100%;
  margin    : 0 auto;
  text-align: center;
  position  : relative;
  overflow  : hidden;
}

#main,
.main {
  margin  : 0 auto;
  position: relative;
  overflow: hidden;
}

.one-column #main,
.one-column .main {
  width : 100%;
  margin: auto;
}

.inner {
  width   : 94%;
  margin  : 0 3%;
  height  : auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .inner {
    width    : 100%;
    max-width: 1040px;
    margin   : 0 auto;
    padding  : 0 3%;
  }
}

@media screen and (min-width: 1200px) {
  .inner {
    padding: 0;
  }
}

@media (min-width: 1018px) and (max-width: 1159px) {

  .inner {
    padding: 0 1%;
  }

}

.inner_980 {
  width   : 94%;
  margin  : 0 3%;
  height  : auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .inner_980 {
    width    : 100%;
    max-width: 980px;
    margin   : 0 auto;
    padding  : 0 3%;
  }
}

@media screen and (min-width: 1200px) {
  .inner_980 {
    padding: 0;
  }
}

.no_inner {
  width   : 100%;
  height  : auto;
  margin  : 0;
  position: relative;
}

@media screen and (min-width: 768px) {
  .no_inner {
    max-width: 1040px;
    margin   : 0 auto;
  }
}

#secondary {
  margin  : 0 auto;
  position: relative;
  overflow: hidden;
}

#footer {
  position: relative;
}

.layer-bk,
.layer-wh {
  width  : 100%;
  height : 100%;
  top    : 0;
  left   : 0;
  z-index: 4;
  padding: 0.5em 0;
}

.layer-bk {
  background: rgba(0, 0, 0, 0.44);
}

.layer-wh {
  background: rgba(255, 255, 255, 0.8);
}

/*--------------------------------------
  共通パーツ
--------------------------------------*/
/* SNS */
.sns li {
  display: inline-block;
}

.sns li a {
  color: #000;
}

.sns li a i {
  font-size: 24px;
  font-size: 2.4rem;
}

/* もっとリンク 右矢印 */
.more-link {
  text-align   : right;
  margin-bottom: 1.5em;
  font-size    : 14px;
  font-size    : 1.4rem;
}

.more-link a {
  display        : inline-block;
  text-decoration: none;
}

.more-link a::after {
  content    : "\e902";
  font-family: "icomoon";
  color      : #0079ff;
  margin-left: 5px;
}

.more-link a:hover {
  color          : #106aa7;
  text-decoration: none !important;
}

.more-link a:hover::after {
  color: #106aa7;
}

/* パンくず */
.breadcrumbs {
  margin          : 0 10px;
  padding         : 6px 10px;
  text-align      : left;
  background-color: #f5f4f2;
}

.breadcrumbs strong {
  font-weight: normal;
}

.breadcrumbs li {
  max-width  : 100%;
  display    : inline-block;
  color      : #6d6d72;
  font-size  : 12px;
  font-size  : 1.2rem;
  line-height: 1.78;
}

.breadcrumbs a {
  text-decoration: underline;
}

.breadcrumbs li::after {
  content: " > ";
  margin : 0 5px;
  color  : #c9c9c9;
}

.breadcrumbs li:last-child::after {
  content: "";
}

@media screen and (min-width: 600px) {
  .breadcrumbs {
    margin : 0;
    padding: 10px;
  }
}

@media screen and (min-width: 768px) {
  .breadcrumbs li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* ページ送り */
.pager {
  position  : relative;
  margin    : 0 auto;
  text-align: center;
  width     : 94%;
}

.pager .prev,
.pager .next {
  position  : absolute;
  top       : 50%;
  margin-top: -10px;
  height    : 20px;
}

.pager .prev a,
.pager .next a {
  position   : relative;
  color      : #1a130c;
  line-height: 20px;
}

.pager .prev a::after,
.pager .next a::after {
  position: absolute;
  width   : 14px;
}

.pager .prev {
  left: 0;
}

.pager .prev a {
  padding-left: 24px;
}

.pager .prev a::after {
  left       : 0;
  content    : "\e905";
  font-family: "icomoon";
  font-size  : 16px;
}

.pager .next {
  right: 0;
}

.pager .next a {
  padding-right: 24px;
}

.pager .next a::after {
  right      : 0;
  content    : "\e90b";
  font-family: "icomoon";
  font-size  : 16px;
}

@media screen and (min-width: 768px) {
  .pager {
    width: 60%;
  }
}

.page-num {
  display: inline-block;
}

.page-num ul {
  font-size: 0;
}

.page-num ul li {
  font-size: 14px;
  display  : inline-block;
  margin   : 0 15px;
}

.page-num ul li span {
  font-weight: bold;
  font-size  : 16px;
}

/* 〇 */
.page-num2 {
  display: inline-block;
}

.page-num2 ul {
  font-size: 0;
}

.page-num2 ul li {
  font-size: 14px;
  display  : inline-block;
  margin   : 0 5px;
}

.page-num2 ul li a {
  display              : block;
  width                : 36px;
  height               : 36px;
  text-align           : center;
  line-height          : 36px;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;

  border: 1px solid {
      {
      linkCharColor
    }
  }

  ;

  color: {
      {
      linkCharColor
    }
  }

  ;
}

.page-num2 ul li a:hover {
  background-color: {
      {
      linkActiveCharColor
    }
  }

  ;
  color          : #fff;
  text-decoration: none;
}

.page-num2 ul li span a {
  font-weight: bold;

  background-color: {
      {
      linkCharColor
    }
  }

  ;
  color: #fff;
}

/* □ */
.page-num3 {
  display: inline-block;
}

.page-num3 ul {
  font-size: 0;
}

.page-num3 ul li {
  font-size: 14px;
  display  : inline-block;
  margin   : 0 5px;
}

.page-num3 ul li a {
  display    : block;
  width      : 36px;
  height     : 36px;
  text-align : center;
  line-height: 36px;

  border: 1px solid {
      {
      linkCharColor
    }
  }

  ;

  color: {
      {
      linkCharColor
    }
  }

  ;
}

.page-num3 ul li a:hover {
  background-color: {
      {
      linkActiveCharColor
    }
  }

  ;
  color          : #fff;
  text-decoration: none;
}

.page-num3 ul li span a {
  font-weight: bold;

  background-color: {
      {
      linkCharColor
    }
  }

  ;
  color: #fff;
}

/* CSSボタン */
.css-batu,
.css-plus {
  display   : inline-block;
  position  : relative;
  margin    : 0 20px 0 7px;
  padding   : 0;
  width     : 4px;
  height    : 20px;
  background: #000;
  cursor    : pointer;
}

/* ×ボタン */

.css-batu {
  transform: rotate(45deg);
}






.css-batu::before {
  display   : block;
  content   : "";
  position  : absolute;
  top       : 50%;
  left      : -8px;
  width     : 20px;
  height    : 4px;
  margin-top: -2px;
  background: #000;
}

/* +ボタン */
.css-plus::before {
  display   : block;
  content   : "";
  position  : absolute;
  top       : 50%;
  left      : -8px;
  width     : 20px;
  height    : 4px;
  margin-top: -2px;
  background: #000;
}

/*  TOPへ戻る */
#page-top {
  position : fixed;
  height   : 44px;
  bottom   : 10px;
  right    : 0;
  margin   : 0 10px;
  font-size: 20px;
  font-size: 2rem;
  z-index  : 999;
}

#page-top a {
  text-decoration      : none;
  background           : #000;
  opacity              : 0.7;
  width                : 40px;
  height               : 40px;
  line-height          : 36px;
  text-align           : center;
  display              : inline-block;
  vertical-align       : middle;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
}

#page-top a::after {
  content    : "\e912";
  font-family: 'icomoon';
  color      : #fff;
  font-size  : 14px;
}

#page-top a:hover {
  text-decoration: none;
}

/*  TOPへ戻る〇 */
#page-top2 {
  position : fixed;
  height   : 44px;
  bottom   : 20px;
  left     : 86%;
  font-size: 20px;
  font-size: 2rem;
  z-index  : 999;
}

#page-top2 a {
  background           : rgba(255, 255, 255, 0.7);
  text-decoration      : none;
  color                : #000;
  width                : 44px;
  height               : 44px;
  text-align           : center;
  display              : inline-block;
  line-height          : 44px;
  vertical-align       : middle;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
}

#page-top2 a::after {
  content    : "\e912";
  font-family: 'icomoon';
  color      : #fff;
  font-size  : 14px;
}

#page-top2 a:hover {
  text-decoration: none;
}

@media screen and (min-width: 960px) {
  #page-top2 {
    position: absolute;
    top     : 0;
  }
}

/*--------------------------------------------
  検索フォームスタイル
--------------------------------------------*/
.searchform1,
.searchform2,
.searchform3,
.searchform4 {
  position: relative;
  height  : 36px;
}

.searchform1 input,
.searchform2 input,
.searchform3 input,
.searchform4 input {
  border: none;
}

.searchform1 input[type="text"],
.searchform2 input[type="text"],
.searchform3 input[type="text"],
.searchform4 input[type="text"] {
  padding : 0 15px;
  position: absolute;
}

.searchform1 input[type="submit"],
.searchform2 input[type="submit"],
.searchform3 input[type="submit"],
.searchform4 input[type="submit"] {
  position: absolute;
  padding : 0;
}

.searchform1 button,
.searchform2 button,
.searchform3 button,
.searchform4 button {
  position: absolute;
  padding : 0;
}

/* 虫眼鏡ボタン付き検索（searchform1）
--------------------------------------------*/
.searchform1 input[type="text"] {
  background  : #f5f4f2;
  border-right: none;
}

.sbox1 {
  height       : 36px;
  left         : 0;
  top          : 0;
  width        : 260px;
  width        : -webkit-calc(100% - 40px);
  width        : calc(100% - 40px);
  border-radius: 2px 0 0 2px;
}

.sbox1:hover {
  border    : none;
  background: #FFFDF4;
}

.sbtn1 {
  width        : 40px;
  height       : 36px;
  right        : 0;
  top          : 0;
  border-radius: 0 2px 2px 0;
  background   : #000;
  color        : #fff;
  border       : none;
  border-left  : none;
  font-size    : 16px;
  font-size    : 1.6rem;
}

.sbtn1::after {
  content    : "\e92b";
  font-family: "icomoon";
  font-size  : 20px;
  color      : #fff;
}

.sbtn1:hover {
  background: #000;
  color     : #fff;
}

/* 検索ボタン付き検索（searchform2）
--------------------------------------------*/
.searchform2 input[type="text"] {
  border-right: none;
  border      : 1px solid #bfbfbf;
  background  : #fff;
}

.searchform2 input[type="text"]:hover {
  /* border: solid 1px #00b7ee; */
}

.sbox2 {
  height: 36px;
  left  : 0;
  top   : 0;
  width : 240px;
  width : -webkit-calc(100% - 60px);
  width : calc(100% - 60px);
}

.sbtn2 {
  width      : 60px;
  height     : 36px;
  right      : 0;
  top        : 0;
  background : #444444;
  color      : #fff;
  border     : none;
  border-left: none;
  font-size  : 16px;
  font-size  : 1.6rem;
}

.sbtn2:hover {
  background: #444444;
  color     : #fff;
}

/* 虫眼鏡フレーム内検索（#searchform3）
--------------------------------------------*/
.searchform3 {
  border: 2px solid #bfbfbf;
  height: 40px;
}

.searchform3 input[type="text"] {
  border-right: none;
  border      : none;
  background  : none;
  font-size   : 1.2rem;
}

.searchform3:hover {
  border: none;
}

.sbox3 {
  height    : 36px;
  left      : 0;
  top       : 0;
  width     : 260px;
  width     : -webkit-calc(100% - 40px);
  width     : calc(100% - 40px);
  background: none;
}

.sbox3:hover {
  border: none;
}

.sbtn3 {
  width      : 40px;
  height     : 36px;
  right      : 0;
  top        : 0;
  background : none;
  color      : #333;
  border     : none;
  border-left: none;
  font-size  : 16px;
  font-size  : 1.6rem;
}

.sbtn3::after {
  content       : "\e92b";
  font-family   : "icomoon";
  font-size     : 20px;
  color         : #000;
  vertical-align: middle;

}

.sbtn3:hover {
  background: none;
  color     : #000;
  border    : none;
}

/* 伸びる検索（searchform4）
--------------------------------------------*/
.searchform4 {
  height  : 44px;
  margin  : 0 auto;
  position: absolute;
  top     : 0;
  width   : 44px;
}

.searchform4 input[type="text"] {
  background   : #ccc;
  border       : none;
  border-radius: 22px;
  color        : #333;
  cursor       : pointer;
  height       : 44px;
  opacity      : 0;
  outline      : none;
  padding      : 5px;
  position     : absolute;
  top          : 0;
  right        : 0;
  transition   : all 0.7s;
  width        : 44px;
  z-index      : 5;
}

.searchform4 input[type="text"]:focus {
  cursor : text;
  opacity: 1;
  width  : 300px;
}

.searchform4 input[type="submit"] {
  display: none;
}

.sbtn4 {
  border-radius: 50%;
  display      : inline-block;
  height       : 44px;
  line-height  : 44px;
  margin       : 0 auto;
  position     : absolute;
  top          : 0;
  text-align   : center;
  width        : 44px;
}

.sbtn4::after {
  content    : "\e92b";
  font-family: "icomoon";
  font-size  : 20px;
  color      : #fff;
}

/*------------------------------
  slider
------------------------------*/
#main-image {
  position  : relative;
  margin    : 0 auto;
  text-align: center;
  overflow  : hidden;
}

#main-image img {
  max-width : 100%;
  max-height: 100%;
}

.main-image-slider {
  position : relative;
  overflow : hidden;
  width    : 100%;
  max-width: 1040px;
  height   : auto;
  margin   : 0 auto;
}

.main-image-slider>ul {
  position: absolute;
  z-index : 100;
  top     : 0;
  left    : 0;
  display : inline-block;
  overflow: hidden;
  height  : 336px;
}

.main-image-slider>ul>li {
  display        : inline;
  float          : left;
  overflow       : hidden;
  width          : 1040px;
  height         : 336px;
  list-style-type: none;
}

.main-image-slider>ul>li span,
.main-image-slider>ul>li a {
  display        : inline-flex;
  height         : 100%;
  justify-content: center;
  align-items    : center;
}

.main-image-prev,
.main-image-next {
  position : absolute;
  top      : 50%;
  z-index  : 999;
  font-size: 22px;
  transform: translateY(-50%);
}

.main-image-prev {
  right: 0px;
}

.main-image-next {
  left: 0px;
}

.main-image-prev a,
.main-image-next a {
  display    : block;
  width      : 24px;
  height     : 24px;
  line-height: 30px;
  text-align : center;
}

.main-image-prev a:hover,
.main-image-next a:hover {
  text-decoration: none;
}

.main-image-indicator {
  position: absolute;
  z-index : 999;
  right   : 0;
  bottom  : 5px;
  left    : 0;
}

.main-image-indicator ul {
  text-align: center;
}

.main-image-indicator ul li {
  display         : inline-block;
  width           : 14px;
  height          : 14px;
  margin          : 0 8px;
  pacity          : .6;
  border          : #FFE18C solid 1px;
  border-radius   : 50%;
  background-color: transparent;
}

.main-image-indicator ul li.active {
  background-color: #FFE18C;
}

@media screen and (min-width: 600px) {
  #main-image {
    width     : 100%;
    overflow  : hidden;
    margin    : 0;
    text-align: center;
  }

  .main-image-slider>ul {
    height: 460px;
  }

  .main-image-slider>ul>li {
    width: 100%;
  }

  .main-image-indicator {
    bottom: 6px;
  }

  .main-image-indicator ul {
    font-size: 0;
    margin   : 0;
    padding  : 0;
  }

  .main-image-indicator ul li {
    width : 10px;
    height: 10px;
    margin: 0 4px;
  }
}

@media screen and (min-width: 1019px) {

  .main-image-prev a,
  .main-image-next a {
    display    : block;
    width      : 30px;
    height     : 30px;
    line-height: 20px;
    text-align : center;
  }
}

/*--------------------------------------
  calendar
--------------------------------------*/
.months {
  font-family: 'メイリオ', 'Meiryo', 'Meiryo UI';
  text-align : center;
  padding    : 8px 0;
  margin     : auto;
  font-size  : 18px;
  font-size  : 1.8rem;
}

.schedule-area {
  text-align   : center;
  margin-bottom: 24px;
}

.schedule-area .months {
  width                : 94%;
  color                : #fff;
  background-color     : #000;
  padding              : 8px 0;
  margin-bottom        : 1.0em;
  -moz-border-radius   : 30px;
  -webkit-border-radius: 30px;
  border-radius        : 30px;
}

.schedule-area2 {
  text-align: center;
}

.schedule-area2 .months {
  text-align: left;
  padding   : 10px;
}

/* カレンダー線あり
--------------------------------------------*/
.calendar table {
  width : 94%;
  margin: auto;
}

.calendar th,
.calendar td {
  font-size  : 13px;
  font-weight: normal;
  padding    : 5px 0;
  width      : -webkit-calc(94% / 7);
  width      : calc(94% / 7);
  text-align : center;
  border     : 2px solid #fff;
  margin     : 0;
  display    : table-cell;
}

.calendar thead th {
  padding: 10px 0;
}

.calendar thead th:first-child {
  color: #d70035;
}

.calendar thead th:last-child {
  color: #006eb0;
}

.calendar td i {
  display    : inline-block;
  width      : 26px;
  height     : 26px;
  line-height: 26px;
}

/* カレンダー線なし
--------------------------------------------*/
.calendar-2 {
  margin-bottom: 24px;
}

.calendar-2 table {
  width : 94%;
  margin: auto;
}

.calendar-2 th,
.calendar-2 td {
  font-size  : 13px;
  font-weight: normal;
  padding    : 0;
  width      : -webkit-calc(94% / 7);
  width      : calc(94% / 7);
  text-align : center;
  border     : none;
  display    : table-cell;
}

.calendar-2 thead {
  border-top   : 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.calendar-2 thead th {
  background: rgba(246, 246, 247, 0);
  padding   : 10px 0;
}

.calendar-2 thead th:first-child {
  color: #d70035;
}

.calendar-2 thead th:last-child {
  color: #006eb0;
}

.calendar-2 tbody {
  padding-top: 10px;
}

.calendar-2 tbody td {
  vertical-align: middle;
  padding       : 5px 3px;
}

.calendar-2 tbody td i {
  display              : inline-block;
  width                : 26px;
  height               : 26px;
  border-radius        : 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  line-height          : 26px;
}

/* イベント色分け */
.e1 i {
  color           : #000;
  background-color: #d7d8d8;
  border-radius   : 20px;
}

.e2 i {
  color           : #fff;
  background-color: #000;
  border-radius   : 20px;
}

.e3 i {
  color           : #fff;
  background-color: #929292;
  border-radius   : 20px;
}


.list-event {
  border-top: 1px solid #d2d2d2;
  padding   : 15px 0;
  margin    : 0 3%;
  text-align: left;
}

.list-event li {
  display      : inline-block;
  line-height  : 24px;
  position     : relative;
  min-height   : 24px;
  margin-bottom: 5px;
  margin-right : 10px;
  padding-left : 32px;
  text-align   : left;
  list-style   : none;
  font-size    : 13px;
  font-size    : 1.3rem;
}

.list-event li::before {
  position: absolute;
  top     : 0;
  left    : 0;
  display : block;
  width   : 24px;
  height  : 24px;
  content : '';
}

.list-event li.event1::before {
  background-color: #d7d8d8;
  border-radius   : 20px;
}

.list-event li.event2::before {
  background-color: #000;
  border-radius   : 20px;
}

.list-event li.event3::before {
  background-color: #929292;
  border-radius   : 20px;
}

/*--------------------------------------
  header
--------------------------------------*/


#header {
  width    : 100%;
  max-width: 1040px;
  margin   : 0 auto;
  z-index  : auto;
}

#header a:hover {
  text-decoration: none;
}

.header-top {
  text-align: center;
  z-index   : 1000;
}

.logo {
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
}

/* LOGO画像・テキスト */
.site-name {
  height    : 55px;
  margin    : 0;
  padding   : 0 5px;
  text-align: left;
  font-size : 16px;
  font-size : 1.6rem;

  color: {
      {
      linkCharColor
    }
  }

  ;
  position: relative;
  overflow: hidden;
}

.site-name img {
  max-width : 100%;
  max-height: 55px;
  width     : auto;
  height    : auto;
  margin    : auto;
}

.site-name a {
  max-height: 55px;
  width     : calc(100% - 20px);
  display   : block;
  position  : absolute;
  text-align: center;
  top       : 50%;
  left      : 50%;
  transform : translate(-50%, -50%);
}

/* menu */
.menubtn {
  width      : 55px;
  height     : 55px;
  line-height: 55px;
  text-align : center;
  position   : absolute;
  top        : 0;
  right      : 0;
  z-index    : 1001;
  background : #000;
}

.menubtn a {
  display: block;
}

/* メニューボタン */
#jq-open-btn {
  display : inline-block;
  position: relative;
  width   : 55px;
  height  : 55px;
}

#jq-open-btn::before {
  content    : "\e926";
  font-family: "icomoon";
  font-size  : 16px;
  color      : #fff;
  line-height: 55px;
}

#jq-open-btn:hover {
  text-decoration: none;
  background: #444;
}

#jq-open-btn.close::before {
  content    : "\e904";
  font-family: "icomoon";
  font-size  : 16px;
  color      : #fff;
  line-height: 55px;
}

#jq-open-btn b {
  display: none;
}

/* 検索
------------------------------*/
.search-area {
  width  : 100%;
  margin : auto;
  padding: 10px;
  padding: 30px 25% 30px 4%;
}

.searchform3 {
  margin       : auto;
  background   : #f2f2f2;
  border-radius: 40px;
  display: flex;
  align-items: center;
  flex-flow: row-reverse;
}
.searchform3 button,
.searchform3 input[type="text"]{
  position: relative;
}
.searchform3:hover {
  /* border: 1px solid #00b7ee; */
}

.sbox3 {
  left  : 40px;
  height: 28px;
  width : -webkit-calc(100% - 40px);
  width : calc(100% - 40px);
}

.sbtn3 {
  height: 28px;
  left  : 0;
}

/* グローバルナビ
------------------------------*/

#global-nav {
  position  : fixed;
  top       : 0;
  right     : 0;
  display   : block;
  z-index   : 999;
  width     : 90%;
  min-height: 100vh;
  background-color: #fff;
  transition: .5s;
  transform : translateX(100%);
  box-shadow: 0 0 0 rgb(0 0 0 / 40%);
}

@media screen and (min-width: 960px) {
  #global-nav {
    width: 30vw;
  }
}

#global-nav.show {
  right     : 0;
  overflow-y: auto;
  height    : 100vh;
  transform : translateX(0);
  box-shadow: 0 0 10px rgb(0 0 0 / 40%);
}

@media all and (max-width: 767px) {

  /* html.is-fixed,
  html.is-fixed body {
    height  : 100vh;
    overflow: hidden;
  } */
}

/* ヘッダーメニュー

------------------------------*/
.header-menu {

  /* width     : 100%; */
  list-style: none;
  margin    : 0 4%;
  overflow  : hidden;
  display: flex;
  justify-content: space-between;
}

.header-menu li {
  margin   : 0;
  /* float    : left; */
  font-size: 14px;
  font-size: 1.4rem;
  width    : 30%;
  width    : -webkit-calc(100% / 3 - 8px);
  width: calc(100% / 3 - 8px);
}

*::-ms-backdrop,
.header-menu li {
  width: 30%;
  /* IE11 */
}

.header-menu li:first-child.mypage,
.header-menu li:nth-child(2).cart {
  width: 50%;
}

.header-menu li:only-child {
  width: 100%;
}

.header-menu li a {
  display         : block;
  background-color: #D4473C;
  border-bottom   : solid 2px #D4473C;
  color           : #fff;
  height          : 50px;
  line-height     : 50px;
  border-radius: 5px;
}

.header-menu li a:hover {
  background-color: #D4473C;
  color           : #FFF;
  text-decoration : none;
}

.header-menu li a::before {
  content     : "";
  font-family : "icomoon";
  color       : #fff;
  font-size   : 14px;
  margin-right: 6px;
}

.header-menu li.entry a::before {
  content: "\e90a";
}

.header-menu li.logout a::before {
  content: "\e931";
}

.header-menu li.mypage a::before {
  content: "\e927";
}

.header-menu li.cart a::before {
  content: "\e918";
}

.entry a:hover::before,
.logout a:hover::before,
.mypage a:hover::before,
.cart a:hover::before {
  color: #FFF;
}

/* カテゴリーリスト */
.cat-menu {
  width: 100%;
}

.cat-menu li {
  background: #fff;
  border-top: 1px solid #f5f4f2;
}

.cat-menu li b {
  display   : block;
  padding   : 15px;
  position  : relative;
  border-top: 2px solid #f5f4f2;
}

.cat-menu li b::after {
  content      : "\e93b";
  font-family  : "icomoon";
  color        : #fff;
  font-size    : 11px !important;
  position     : absolute;
  left         : 90%;
  top          : 50%;
  /* margin-top: -5px; */
}

.cat-menu li a {
  display: block;
  padding: 15px;
}

.cat-menu li a:hover {
  background-color: #FCF4DA;
}

.cat-menu li li li {
  border-top: none;
}

.cat-menu li li li a {
  padding  : 9px 9px 9px 30px;
}

/*------------------------------
  #container
------------------------------*/



#main,
.main {
  margin: 0 3% 30px;
}

.main {
  margin: 30px;
}

#top-main {
  margin: 0 3%;
}

/* LP */
#body-lp #main {
  margin-top: 0;
}

#body-lp .logo {
  margin-top: 0;
}

#body-lp .item-order {
  width      : 100%;
  padding-top: 30px;
}

#body-lp footer {
  position: relative;
}

#body-lp footer .sns {
  text-align: center;
  margin-top: 10px;
}

.lp-img {
  margin-bottom: 30px;
  text-align   : center;
}

#main,
.main {
  /* font-size: 16px;
  font-size: 1.6rem; */
  line-height: 1.5;
  text-align : left;
}

@media screen and (min-width: 960px) {
  .main-article {
    max-width: 1000px;
    margin   : 0 auto;
  }

  /* LP */
  #body-lp #header {
    height: auto;
  }

  #body-lp #main {
    margin-top: 0;
  }

  #body-lp .logo {
    margin-top: 0;
  }
}

/* section item block
------------------------------*/
.section-block,
.cat-block {
  clear  : both;
  padding: 16px 0 20px;
  width  : 100%;
}

/* 見出し */
.section-head,
.item-head {
  font-feature-settings: "palt";
}

.section-head h2,
.item-head h2 {
  font-weight: normal;
}

/* 見出しh2 */
.title1,
.ttl h2 {}

.title2 {}

/* ディスクリプション */
.lead-txt {
  padding: 10px 0 0;
}

.lead-txt p {
  text-align   : center;
  line-height  : 1.5;
  font-size    : 14px;
  font-size    : 1.4rem;
  margin-bottom: 1.0em;
}

/* 見出し:サブタイトル */
.sub-title {
  font-size: 24px;
  font-size: 2.4rem;
  order    : 1;
}

.sub-title2 {
  font-size: 20px;
  font-size: 2rem;
}





@media (min-width: 375px) {

  .title1,
  .sub-title {
    font-size: 1.8rem;
  }

  .secondary-head {
    padding: 10px;
  }

  .guide-nav {
    padding: 0 10px;
  }

  .main {
    margin: 0px 20px 30px;
  }

  table.about-tbl {
    margin: 4px auto;
  }

  .list-info {

    padding: 0 20px;
  }
}

@media screen and (min-width: 600px) {
  .main {
    margin: 0px 20px 30px;
  }

  .section-head {
    flex-direction: row;
    margin        : 0 0 10px;
  }

  .title1 {
    padding  : 0;
    font-size: 1.8rem;
  }

  .title2 {
    font-size: 1.8rem;
  }

  table.about-tbl {
    margin: 4px auto;
  }

  .sub-title .section-head h2 {
    font-size: 1.8rem;
  }

  .footer-logo {
    width: auto;
  }

  .footer-logo img {
    max-width: 200px;
    margin   : 0 auto;
  }

  .secondary-head {
    padding: 10px;
  }

  .guide-nav {
    padding: 0 10px;
  }

  .ttl {
    padding: 0px 0 10px;
  }

  .list-info {
    padding: 0 10px;
  }
}

@media (min-width: 1018px) and (max-width: 1159px) {

  #main-image {
    width: 100%;
  }

  .sub-title,
  .section-head h2 {
    font-size: 2rem;
  }

  .icon-rank {
    width      : 26px;
    height     : 26px;
    line-height: 26px;
  }

  .icon-rank span {
    font-size: 16px;
  }

  .ttl {
    padding: 20px 0 10px;
  }

  .list-info {
    padding: 0 10px;
  }
}

/* TOP
----------------------------------*/
/* フリーエリア */
/* #top-shop-message1 {
  text-align: center;
  font-family: serif;
  font-size: 20px;
  line-height: 34px;
  margin: 0;
} */

#top-shop-message1,
#top-shop-message2 {
  margin      : 0 auto 24px;
  /* max-width: 1000px; */
}

#top-shop-message2 {
  margin    : 0;
  padding   : 20px;
  border-top: 1px solid #000;
}

#top-shop-message1 h2,
#top-shop-message2 h2 {
  font-size  : 20px;
  font-size  : 2rem;
  line-height: 1.5;
  padding    : 10px 0;
  position   : relative;
}

#top-shop-message1 p,
#top-shop-message2 p {
  font-size    : 14px;
  font-size    : 1.4rem;
  line-height  : 1.5;
  margin-bottom: 1.5em;
}

#top-shop-message1 .bnr-col3,
#top-shop-message2 .bnr-col3 {
  text-align: center;
}

#top-shop-message1 .bnr-col3 img,
#top-shop-message2 .bnr-col3 img {
  margin       : auto;
  margin-bottom: 6px;
}

/* SP landscape 横 */
@media (min-width: 375px) {
  #top-shop-message1 {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 600px) {
  .section-block #top-shop-message1 {
    font-size  : 16px;
    line-height: normal;
  }

  #top-shop-message2 {
    margin : 0;
    padding: 10px;
  }
}

@media screen and (min-width: 960px) {

  #top-shop-message1 .bnr-col3,
  #top-shop-message2 .bnr-col3 {
    display                : -webkit-box;
    display                : -moz-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    -webkit-justify-content: space-between;
    justify-content        : space-between;
    align-items            : center;
  }
}

@media (min-width: 1018px) and (max-width: 1159px) {
  #top-shop-message2 {
    margin: 10px 0;
  }
}

/* お知らせ */
.list-info {
  list-style: none;
  padding   : 0 10px;
}

.list-info li {
  padding    : 10px 0;
  text-align : left;
  line-height: 1.5;
}

.list-info li span {
  display      : block;
  margin-bottom: 6px;
}

.list-info li a {
  display: block;
}

/* 商品リスト
----------------------------------*/
/* カラム */
.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {
  display          : -webkit-box;
  display          : -moz-box;
  display          : -ms-flexbox;
  display          : -webkit-flex;
  display          : flex;
  -webkit-flex-wrap: wrap;
  flex-wrap        : wrap;
}

.col-2 li,
.col-3 li,
.col-4 li,
.col-5 li,
.col-6 li {
  width: 50%;
}

.item-photo {
  overflow     : hidden;
  margin       : auto;
  /*margin-bottom: 10px;*/
  position     : relative;
  /* max-width    : 250px; */
  /*max-height   : 250px;*/
	max-height: inherit;
	width: 100%;
}

.item-photo a {
  padding-top: 100%;
}

.item-photo img {
  display   : block;
  max-width : 100%;
 /* max-height: 250px;*/
	max-height: inherit;
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  object-fit: cover;
  margin    : auto;
}

/* アイコン */

.icon-rank {
  position: absolute;
  width   : 30px;
  height  : 30px;

  line-height          : 30px;
  text-align           : center;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  background-color     : #000;
  color                : #fff;
  left                 : 0px;
  top                  : 0px;
  z-index              : 100;
}

.icon-rank span {
  font-weight: bold;
  font-size  : 18px;
}

.icon-rank:hover {
  background-color: #000;
  opacity         : 50%;
}

.icon-rank-secondary {
  background-color: #d7d8d8;
}

@media screen and (min-width: 600px) {
  .icon-rank span {
    font-size: 1.6rem;
  }

  .icon-rank {
    width      : 26px;
    height     : 26px;
    line-height: 26px;
  }
}

/* バッチ */


.icon-badge53708::before {
  position: absolute;
  top     : 0;
  left    : 0;
  z-index : 100;
}

.icon-badge53708::before {
  content    : "送料無料";
  display    : inline-block;
  line-height: 18px;
  text-align : center;
  color      : #fff;
	/*width      : 70px;*/
	/*font-weight: bold;*/
	/*padding    : 0.7em;*/
	/*font-size  : 11px;*/
	/*background : #D4473C;*/
  padding    : 0.8em;
	letter-spacing: 2px;
	width: 90px;
	font-weight: normal;
	font-size: 70%;
	background: #6b9539;
}



.icon-badge77052::before {
  position: absolute;
  top     : 0;
  left    : 0;
  z-index : 100;
}


.icon-badge77052::before {
  content    : "送料込み";
  display    : inline-block;
  line-height: 18px;
  text-align : center;
  color: #fff;
	/*width      : 70px;*/
	/*font-weight: bold;*/
	/*padding    : 0.7em;*/
	/*font-size  : 11px;*/
	/*background : #dfdfdf;*/
  padding    : 0.8em;
	letter-spacing: 2px;
	width: 90px;
	font-weight: normal;
	font-size: 70%;
	background: #2e75b5;
}



.icn-reservation::before {
  content    : "予約商品";
  font-size  : 11px;
  line-height: 20px;
  position   : absolute;
  top        : 0;
  right      : 0;
  display    : block;
  width      : 66px;
  height     : 20px;
  text-align : center;
  color      : #1a130c;
  background : #f3f3f3;
	width: 90px;
}

a .icn-reservation::before {
  color     : #1a130c;
  background: #f3f3f3;
}

.item-detail-name.icn-reservation::before {
  font-size   : 16px;
  line-height : 32px;
  position    : relative;
  float       : left;
  width       : 96px;
  height      : 32px;
  margin-right: 10px;
}

.item-info {
  text-align: center;
}

.item-info .item-name {
  margin-top : 10px;
}

.item-info .item-price {
  margin-top: 10px;
}

.item-info .item-nonstock {
  display       : inline-block;
  vertical-align: top;
  font-size     : 11px;
  font-weight   : normal;
  line-height   : 18px;
  margin-right  : 6px;
  padding       : 0 3px;
  text-align    : center;
  color         : #f33;
  background    : #fff;
}

.tax {
  font-size: 70% !important;
  color    : b0b0b0;

}

.list-product li {
  list-style: none;
  margin    : 15px 0;
  padding   : 0 1.5% 0;
}

.list-product li a {
  display: block;
}

/* 検索・カテゴリーページ
----------------------------------*/
.cat-head {
  padding: 10px;
}

.frame-block,
.ttl {
  padding: 20px 0 10px;
}

.frame-block .title1,
.ttl h2 {
  color: #929292;
}

/* カテゴリ名 */
.cat-name {
  border-bottom: 1px solid #d2d2d2;
  display      : block;
  padding      : 0 5px 10px;
  font-size    : 14px;
  margin-bottom: 10px;
}

/*　並び順／ページ送り */
.sort {
  text-align   : right;
  margin-bottom: 1.5em;
}

.cat-head+.sort {
  border-top: 1px solid #e5e5e5;
}

.sort ul {

  padding: 10px 0;
}

.sort ul li {
  display     : inline-block;
  font-size   : 12px;
  font-size   : 1.2rem;
  padding     : 0 6px;
  border-right: 1px solid #333;
}

.sort a {
  text-decoration: underline;
}

.sort ul li:last-child,
.sort ul li:first-child {
  border: none;
}

.item-list-itemcount {
  border-top: 1px solid #e5e5e5;
  text-align: right;
  margin    : 15px 0;
  padding   : 15px 0;
  font-size : 12px;
  font-size : 1.2rem;
}

/* 検索結果0 */
.product-list {
  font-size  : 18px;
  font-size  : 1.8rem;
  line-height: 1.6;
}

/* 詳細ページ
----------------------------------*/
#item-detail {
  padding-top: 10px;
  max-width  : 1040px;
  margin     : auto;
}

.item-2column {
  display       : -webkit-box;
  display       : -moz-box;
  display       : -ms-flexbox;
  display       : -webkit-flex;
  display       : flex;
  flex-direction: column;
}

@media screen and (min-width: 960px) {
  .item-2column {
    -webkit-justify-content: space-between;
    justify-content        : space-between;
    flex-direction         : row;
  }
}

.item-detail-block {
  margin-bottom: 24px;
}

.item-footer {
  clear        : both;
  margin-bottom: 60px;
}

.item-detail-left {
  width     : 100%;
  margin-top: 20px;
}

.item-detail-right {
  width: 100%;
}

/* .item-detail-head {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  text-align: left;
  padding: 10px 5px;
} */
.item-detail-head .ttl {
  font-size  : 22px;
  font-size  : 2.2rem;
  line-height: 1.5;
  padding    : 0 10px;
}

.item-detail-head p {
  font-size  : 12px;
  font-size  : 1.2rem;
  line-height: 1.4;
  margin-top : 10px;
}

/* 販売価格 */
.item-detail-price {
  /*  padding: 15px;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2; */
  margin-bottom: 20px;
}

.item-detail-price dt {
  font-size     : 18px;
  font-size     : 1.8rem;
  display       : table-cell;
  vertical-align: middle;
  width         : 120px;
}

.item-detail-price dd {
  display       : table-cell;
  vertical-align: middle;
}

.item-detail-price .price {
  font-size: 22px;
  font-size: 2.2rem;
}

.item-block a {
  text-decoration: underline;
}

/* 価格・スペック */
.item-detail-block-in,
.item-detail-spec {
  width        : 100%;
  padding      : 0 3%;
  margin-bottom: 20px;
}

.item-detail-block-in dl,
.item-detail-spec dl {
  display   : table;
  width     : 98%;
  margin    : 0 auto 15px;
  font-size : 14px;
  font-size : 1.4rem;
  text-align: left;
}

.item-detail-block-in dl {
  padding: 0;
}

.item-detail-block-in dt,
.item-detail-spec dt {
  display       : table-cell;
  vertical-align: middle;
  width         : 120px;
  padding       : 0px;
}

.item-detail-block-in dd,
.item-detail-spec dd {
  display       : table-cell;
  vertical-align: middle;
  padding       : 3px;
  line-height   : 1.4;
}

.item-detail-block-in dt {
  width: 7em;
}

.item-detail-category {
  font-size: 14px;
  font-size: 1.4rem;
}

.item-detail-name {
  font-size  : 22px;
  font-size  : 2.2rem;
  font-weight: normal;
}

/* カートエリア */
.item-detail-cart {
  width        : 100%;
  padding      : 0 3%;
  margin-bottom: 25px;
}

.item-detail-cart p {
  font-size    : 14px;
  margin-bottom: 10px;
  text-align   : left;
}

@media (min-width: 600px) and (max-width: 1019px) {

  .item-detail-cart,
  .item-detail-spec {
    padding: 0;
  }
}

@media screen and (max-width: 600px) {
  .item-detail-spec {
    padding: 0;
  }

  .item-footer {
    margin: 10px;
  }
}

@media (min-width: 375px) {
  .item-detail-cart {
    padding: 0 2%;
  }
}

/* バリエーション */
/* select text */
.item-detail-select,
.item-detail-inputtext {
  position     : relative;
  width        : 100%;
  margin-bottom: 20px;
}

.item-detail-select label,
.item-detail-inputtext input {
  position        : relative;
  display         : inline-block;
  overflow        : hidden;
  width           : 100%;



  height          : 56px;
  vertical-align  : middle;
  border          : 1px solid #d2d2d2;
  background-color: #fff;
}

.item-detail-select::before {
  position    : absolute;
  z-index     : 2;
  top         : 50%;
  right       : 20px;
  width       : 0;
  height      : 0;
  margin-top  : -3px;
  content     : '';
  border-width: 8px 5px 0 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.item-detail-select select {
  font-size         : 16px;
  line-height       : 56px;
  position          : relative;
  z-index           : 2;
  display           : block;
  width             : 100%;
  width             : -webkit-calc(100%);
  height            : 56px;
  margin            : 0;
  padding           : 0 45px 0 15px;
  border            : 0;
  outline           : none;
  background        : transparent;
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
}

select::-ms-expand {
  display: none;
}

/* radio */
.item-detail-radio {
  overflow     : hidden;
  width        : 100%;
  margin-bottom: 18px;
  text-align   : left;
  overflow     : hidden;
  width        : 100%;
  margin-bottom: 18px;
}

.item-detail-radio div {
  margin-bottom : 10px;
  padding-bottom: 1px;
}

.item-detail-radio input {
  position: absolute;
  opacity : .0;
}

.item-detail-radio input+label {
  max-width   : 100%;
  font-size   : 16px;
  line-height : 1;
  position    : relative;
  display     : inline-block;
  padding-left: 30px;
}

.item-detail-radio input+label::before {
  position     : absolute;
  top          : 1px;
  left         : 0;
  display      : block;
  width        : 15px;
  height       : 15px;
  margin-top   : -1px;
  content      : '';
  border       : 1px solid #999;
  border-radius: 50%;
}

.item-detail-radio input:checked+label::after {
  position        : absolute;
  top             : 3px;
  left            : 3px;
  display         : block;
  width           : 11px;
  height          : 11px;
  content         : '';
  border-radius   : 50%;
  background-color: #000;
}

.item-detail-radio label {
  font-size  : 18px;
  line-height: 2;
  display    : block;
  padding    : 0;
}

.item-detail-num-count {
  font-size    : 0;
  display      : flex;
  width        : 100%;
  margin-bottom: 18px;
}

.item-detail-num-plus {
  font-size     : 14px;
  display       : inline-block;
  vertical-align: middle;
}

.item-detail-num-plus a,
.item-detail-num-minus a {
  font-size       : 24px;
  line-height     : 55px;
  display         : block;
  width           : 55px;
  height          : 55px;
  text-align      : center;
  text-decoration : none;
  background-color: #f1f1f1;
  color           : #000;
  border          : 1px solid #ddd;
}

.item-detail-num-minus {
  font-size     : 14px;
  display       : inline-block;
  margin-right  : 12px;
  vertical-align: middle;
}

.item-detail-num {
  height        : 55px;
  margin-right  : 12px;
  padding       : 0;
  vertical-align: middle;
}

.item-detail-num input[type=number] {
  font-size      : 14px;
  line-height    : 55px;
  display        : block;
  width          : 55px;
  height         : 55px;
  text-align     : center;
  border         : solid 1px #d2d2d2;
  -moz-appearance: textfield;
}

.item-detail-num input[type=number]::-webkit-inner-spin-button,
.item-detail-num input[type=number]::-webkit-outer-spin-button {
  margin            : 0;
  -webkit-appearance: none;
}

.item-detail-num-select {
  position        : relative;
  display         : inline-block;
  overflow        : hidden;
  width           : 100%;
  height          : 56px;
  margin-bottom   : 18px;
  vertical-align  : middle;
  border          : 1px solid #d2d2d2;
  background-color: #fff;
}

.item-detail-num-select label::before {
  position    : absolute;
  z-index     : 2;
  top         : 50%;
  right       : 20px;
  width       : 0;
  height      : 0;
  margin-top  : -3px;
  content     : '';
  border-width: 7px 5px 0 4px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

.item-detail-num-select select {
  font-size         : 14px;
  line-height       : 56px;
  position          : relative;
  z-index           : 2;
  display           : block;
  width             : 100%;
  width             : -webkit-calc(100%);
  height            : 56px;
  margin            : 0;
  padding           : 0 0 0 20px;
  text-indent       : .01px;
  text-overflow     : '';
  border            : 0;
  outline           : none;
  background        : transparent;
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
}

/* カートボタン */
.item-detail-cart-btn {
  width        : 100%;
  margin-bottom: 20px;
  position     : relative;
}

/* .item-detail-cart-btn a {
  display: block;
  font-size: 20px;
  line-height: 55px;
  width: 100%;
  height: 55px;
  text-align: center;
  color: #fff;
  background-color: #666;
  border-bottom: solid 4px #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
} */
.item-detail-cart-btn a::before {
  content     : "\e918";
  font-family : "icomoon";
  font-size   : 26px;
  margin-right: 15px;
}

.item-detail-cart-btn a:hover {
  background-color: #666;
  opacity         : 0.5;
  text-decoration : none;
}

.item-detail-txt1,
.item-detail-txt2,
.item-detail-txt3 {
  width: 100%;
}

.item-detail-txt1 p,
.item-detail-txt2 p,
.item-detail-txt3 p {
  font-size: 14px;
  font-size: 1.4rem;

  line-height: 1.6;
  text-align : left;
}

/* .item-detail-txt2 {
  margin-top: 15px;
  color: #929292;
  font-family: serif;
  font-size: 2.0rem;
  text-align: center;
} */

/* .item-detail-txt3 {
  padding: 20px;
  background: #f5f4f2;
  font-size: 1.4rem;
} */
@media screen and (min-width: 600px) {
  .item-detail-txt2 {
    font-size: 22px;
  }
}

@media screen and (min-width: 960px) {
  .item-detail-txt2 {
    margin-top: 30px;
  }
}

.item-detail-share {
  margin-bottom: 0;
  text-align   : left;
}

.item-detail-share ul {
  padding: 15px 0;
}

.item-detail-share li {
  display              : inline-block;
  width                : 120px;
  height               : 30px;
  line-height          : 30px;
  text-align           : center;
  margin               : 0;
  -moz-border-radius   : 2px;
  -webkit-border-radius: 2px;
  border-radius        : 2px;
}

.item-detail-share li a {
  display  : block;
  font-size: 14px;
  color    : #fff;
}

.item-detail-share li a:hover {
  text-decoration: none;
}

.item-detail-share li.twitter {
  background-color: #55acee;
}

.item-detail-share li.twitter a:hover {
  background-color: #1689e0;
}

.item-detail-share li.facebook {
  background-color: #3b5998;
}

.item-detail-share li.facebook a:hover {
  background-color: #263961;
}

.item-dtail-nostock,
.item-dtail-outofoperiod {
  font-size    : 14px;
  font-size    : 1.4rem;
  color        : #d70035;
  line-height  : 1.6;
  margin-bottom: 24px;
}

.item-dtail-stock0 {
  color: #d70035;
}

/* サムネイル付き商品画像
----------------------------*/
/* オープン画像 */
/*overlay*/
.overlay {
  position        : fixed;
  z-index         : 9998;
  top             : 0;
  left            : 0;
  display         : none;
  width           : 100%;
  height          : 100%;
  background-color: rgba(51, 51, 51, 0.8);
}

.modal-open {
  /* overflow: hidden; */
}

.modal-open .overlay {
  display: block;
}

/* modal */
.modal {
  position        : absolute;
  z-index         : 9999;
  display         : none;
  background-color: #fff;
}

.modal-open .modal {
  display: block;
}

.modal-inner {
  position: relative;
  width   : 100%;
}

.modal-img {
  width: 100%;
}

.modal-img img {
  max-width : 640px;
  max-height: 640px;
  width     : auto;
  height    : auto;
}

.modal-close {
  position: absolute;
  top     : -42px;
  right   : 0px;
}

.modal-close a {
  display: block;

  width  : 32px;
  height : 32px;
}

.modal-close a::before {
  content    : "\e904";
  font-family: "icomoon";
  color      : #000;
  font-size  : 32px;
}

/* 1枚目画像 */
.item-detail-photo-main {
  position: relative;
  padding : 0;
}

.item-detail-photo {
  position: relative;
  overflow: hidden;
  width   : 380px;
  height  : 380px;
  margin  : 0 auto 10px;
}

.item-detail-photo li {
  list-style: none;
  float     : left;
  width     : 380px;
  height    : 380px;
  position  : relative;
}

.item-detail-photo img {
  display   : block;
  position  : absolute;
  top       : 50%;
  left      : 50%;
  transform : translate(-50%, -50%);
  max-width : 100%;
  max-height: 100%;
  width     : auto;
  height    : auto;
  margin    : auto;
}

/* 商品画像:矢印 */
.item-detail-photo-backbtn,
.item-detail-photo-nextbtn {
  position  : absolute;
  top       : 50%;
  display   : block;
  margin-top: -15px;
}

.item-detail-photo-backbtn a,
.item-detail-photo-nextbtn a {
  position             : relative;
  display              : block;
  width                : 40px;
  height               : 40px;
  color                : #fff;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  line-height          : 40px;
  text-align           : center;
  font-size            : 16px;

  background-color: {
      {
      linkCharColor
    }
  }

  ;
}

.item-detail-photo-backbtn a::before,
.item-detail-photo-nextbtn a::before {
  position: absolute;
}

.item-detail-photo-backbtn a:hover,
.item-detail-photo-nextbtn a:hover {
  text-decoration: none;
}

.item-detail-photo-backbtn {
  left: 0;
}

.item-detail-photo-backbtn a::before {
  content    : "\e905";
  font-family: "icomoon";
  left       : 12px;
}

.item-detail-photo-nextbtn {
  right: 0;
}

.item-detail-photo-nextbtn a::before {
  content    : "\e90b";
  font-family: "icomoon";
  right      : 10px;
}

/* 商品画像:サムネイル */
.item-detail-thumb {
  width     : 100%;
  margin    : 0 auto;
  text-align: left;
  overflow  : hidden;

}

.item-detail-thumb-photo {
  display       : inline-block;
  vertical-align: top;
  width         : 60px;
  height        : 60px;
  margin        : 0 0 10px;
  overflow      : hidden;
  position      : relative;
  border        : 1px solid #d2d2d2;
}

.item-detail-thumb-photo img {
  position  : absolute;
  top       : 50%;
  left      : 50%;
  transform : translate(-50%, -50%);
  max-height: 60px;
  max-width : inherit;
}

.ttl-reservation {
  font-size   : 16px;
  line-height : 33px;
  display     : inline-block;
  width       : 100px;
  height      : 33px;
  margin-right: 12px;
  text-align  : center;
  font-weight : normal;
  color       : #1a130c;
  background  : #f3f3f3;
}

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

  /* 1枚目画像 */
  .item-detail-photo {
    width : 480px;
    height: 480px;
  }

  .item-detail-photo li {
    width : 480px;
    height: 480px;
  }
}

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

  /* サムネイル付き商品画像
  ----------------------------*/
  /* オープン画像 */
  .nav-open {
    overflow: hidden;
  }

  .nav-open .overlay {
    display: block;
  }

  /* modal */
  .modal-img img {
    max-width : 340px;
    max-height: 340px;
    width     : auto;
    height    : auto;

  }

  .modal-close {
    position: absolute;
    top     : -30px;
  }

  .modal-close a {
    display: block;
    width  : 24px;
    height : 24px;
  }

  .modal-close a::before {
    font-size: 24px;
  }

  /* 1枚目画像 */
  .item-detail-photo-main {
    margin: 0 auto;
  }

  .item-detail-photo {
    width : 300px;
    height: 300px;
  }

  .item-detail-photo ul {
    width : 100%;
    height: 300px;
    margin: 0 auto;
  }

  .item-detail-photo ul li {
    display: block;
    width  : 300px;
    height : 300px;
    margin : 0;
  }

  /* 商品画像:サムネイル */
  .item-detail-thumb-photo {
    width : 48px;
    height: 48px;

  }
}


/*--------------------------------------
  #secondary
--------------------------------------*/
#secondary {
  width     : 100%;
  padding   : 20px 0;
  border-top: 1px solid #000;
}

#secondary .left-block,
#secondary .right-block {
  width  : 100%;
  padding: 0 3%;
  margin : 0 auto;
}

/* 見出し */
.secondary-head {
  padding      : 10px 0;
  position     : relative;
  margin-bottom: 1.0em;
  color        : #929292;
}

.guide-nav {
  width     : 100%;
  text-align: left;
}

.guide-nav li {
  display      : inline-block;
  font-size    : 14px;
  font-size    : 1.4rem;
  margin-bottom: 10px;
}

.guide-nav li a {
  display: block;
  padding: 0 30px 0 0;
}

.guide-nav li a:hover {
  display: block;
  padding: 0 30px 0 0;
}

/* カレンダー
--------------------------------------------*/
.schedule-area2 {
  margin-bottom: 10px;
  width        : 100%;
}

.schedule-area2 .months {
  text-align: left;
  padding   : 10px;
  font-size : 16px;
  font-size : 1.6rem;
}

.list-event {
  margin    : 0;
  padding   : 20px 0;
  text-align: right;
}

.list-event li {
  font-size: 12px;
  font-size: 1.2rem;
}

.footer-logo {
  width        : 90%;
  text-align   : center;
  font-family  : "Sawarabi Mincho", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
  margin       : auto;
  margin-bottom: 15px;
}

.footer-logo a {
  font-size: 18px;
  font-size: 1.8rem;
  display  : inline-block;
}

.footer-logo img {
  margin: 0 auto 15px;
}

/* SNS
--------------------------------------------*/
.sns {
  padding      : 0 3%;
  margin-bottom: 15px;
}

.sns li {
  text-align: center;
  margin    : 0 5px;
}

.sns li a {
  display              : block;
  width                : 34px;
  height               : 34px;
  line-height          : 34px;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  background-color     : #fff;
  font-size            : 26px;
  color                : #000;
  text-decoration      : none;
}

.sns li a::before {
  content    : "";
  font-family: 'icomoon';
  color      : #000;
}

.sns li a.twitter::before {
  content: "\e913";
}

.sns li a.facebook::before {
  content: "\ea90";
}

/*--------------------------------------
  #footer
--------------------------------------*/
#footer {
  width    : 100%;
  padding  : 15px 3%;
  margin   : 0 auto;
}

.copyright {
  line-height: 1.4;
  font-size  : 11px;
  font-size  : 1.1rem;
  width      : 100%;
  padding    : 0 3%;
}

@media screen and (min-width: 768px) {

  /* ----------------------------
    768px
  ---------------------------- */
  /* LP */
  #body-lp #container {
    padding: 30px 0;
  }

  #body-lp .item-order {
    width : 60%;
    margin: 0 auto;
  }

  #body-lp #page-top {
    bottom: 48px;
  }

  #body-lp footer .sns {
    position: absolute;
    right   : 0;
    top     : 10px;
  }

  /* section item block
  ------------------------------*/
  .section-block,
  .cat-block {
    padding   : 30px 0;
    width     : 100%;
    max-width : 1040px;
    margin    : 0 auto;
    /* padding: 0 3%; */
  }

  /* お知らせ */
  .list-info li {
    text-align: left;
    clear     : both;
  }

  .list-info li a {
    display: flex;
  }

  .list-info li a span:first-of-type {
    width: 120px;
  }

  /* 商品リスト
  ---------------------------*/
  /* カラム */
  .col-3 li,
  .col-4 li,
  .col-5 li,
  .col-6 li {
    width  : 33.3333%;
    width  : -webkit-calc(100% * 0.33333);
    width  : calc(100% * 0.33333);
    padding: 0 1.5%;
  }

  .item-photo {
   /* max-height: 260px;*/
		  max-height: inherit;
  }

  /*--------------------------------------
    #secondary
  --------------------------------------*/
  #secondary {
    padding: 24px 0;
  }

  /* カレンダー */
  .block-in {
    display  : -webkit-box;
    display  : -moz-box;
    display  : -ms-flexbox;
    display  : -webkit-flex;
    display  : flex;
    flex-flow: wrap;
  }

  .schedule-area2 {
    width       : 46%;
    margin-right: 2%;
  }

  /*--------------------------------------
    #footer
  --------------------------------------*/
  .footer-logo a {
    font-size: 20px;
    font-size: 2rem;
  }

  .footer-logo img {
    width: auto;
  }
}

@media screen and (min-width: 960px) {

  /* ----------------------------
    960px
  ---------------------------- */
  #main,
  .main {
    margin   : 0 auto 30px;
  }

  #top-main {
    margin: 0;
  }

  /*--------------------------------------
    header
  --------------------------------------
  #header {
    height: 270px;
  }

  .header-top {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 0;
    border-bottom: 3px solid #000;
  }
*/
  /* menu
  .menubtn {
    display: none;
  }

  .logo {
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 260px;
  }
 */
  /* LOGO画像・テキスト
  .site-name {
    height: 330px;
    margin: auto;
    padding: 15px;
    font-size: 20px;
    font-size: 2rem;
  }
  .site-name img {
    margin: 0 auto;
  }
  .site-name a {
    height: auto;
  }
 */
  /* 検索
  ------------------------------
  .search-area {
    background-color: transparent;
    width: 280px;
    margin: 0 auto 0 0;
    padding: 0;
  }

  .searchform3 {
    background: #f4f4f4;
  }

  .searchform3 input[type=text] {
    max-width: 250px;
    width: 100%;
  }
*/
  /* グローバルナビ
  ------------------------------
#global-nav.show {
    left: 70%;
    width: 30vw;
    overflow-y: auto;
}
#jq-open-btn.close {
    background: transparent;
    right: 1rem;
    top: 1rem;
}
#jq-open-btn.close::before {
    color: #fff;
}
*/
  /* ヘッダーメニュー
  ------------------------------
  .header-menu {
    width: 33%;
    margin: 0 0 0 auto;
  }
  .header-menu li {
    width: 30.8%;
    margin-left: 4px;
  }
  .header-menu li:only-child {
    width: 98%;
  }
  .header-menu li:first-child.mypage,
  .header-menu li:nth-child(2).cart {
    width: 48%;
  }
  .header-menu li a {
    height: 34px;
    line-height: 30px;
border-radius: 4px;
  }
*/
  /* カテゴリーリスト
  .cat-menu {
    width: 100%;
    text-align: center;
    height: 40px;
    margin-bottom: 0px;
    background: #000;
  }
  .cat-menu li {
    background-color: transparent;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    border-top: none;
    line-height: 0.2rem;
  }
  .cat-menu li b {
    border-top: none;
  }
  .cat-menu li b::after {
    left: 85%;
  }
  .cat-menu li a {
    text-align: left;
  }

  li.cat-dropdown {
    position: relative;
  }
  li.cat-dropdown b {
    padding: 20px 30px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    letter-spacing: 0.1rem;
  }
  li.cat-dropdown b::after {
    content: "\e93b";
    margin-left: 6px;
  }
  li.cat-dropdown > ul {
    position: absolute;
    top: 40px;
    left: 0;
    width: 280px;
    z-index: 2000;
  }
  li.cat-dropdown > ul > li {
    display: block;
    width: 80%;
    border-top: 1px solid #f5f4f2;
  }
  li.cat-dropdown > ul > li li{
    width: 100%;
    border-top: 1px solid #f5f4f2;
  }
  li.cat-dropdown > ul li a {
    display: block;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    padding: 6px 15px !important;
    text-align: left;
    line-height: 1.4;
  }
  li.cat-dropdown > ul li a::after {
    content: "";
  }

  .cat-menu li ul {
    display: none;
  }
  .cat-menu li ul li ul {
    width: 100%;
  }
  .cat-menu li ul li ul li a {
    padding-left: 30px !important;
  }
  .cat-menu li:hover ul {
    display: block;


  }
 */
  /* section item block
  ------------------------------
  .section-block,

  .cat-block {
    padding: 30px 0;
  }*/

  /* 見出し */
  .section-head,
  .item-head {
    margin-bottom : 2.0em;
    flex-direction: row;
  }

  /* 見出しh2 */
  .title1,
  .ttl h2 {
    font-size: 22px;
    font-size: 2.2rem;
    padding  : 0;
  }

  .title2 {
    font-size     : 16px;
    font-size     : 1.6rem;
    font-family   : sans-serif;
    font-weight   : bold;
    letter-spacing: 0.1rem;
    color         : #000;
  }

  /* 見出し:サブタイトル */
  .sub-title {
    font-size: 22px;
    font-size: 2.2rem;
  }

  .sub-title2 {
    font-size: 24px;
    font-size: 2.4rem;
  }

  /* TOP
  ----------------------------------*/
  #top-shop-message1,
  #top-shop-message2 {
    margin : 0 auto 30px;
    padding: 0;
  }

  #top-shop-message1 h2,
  #top-shop-message2 h2 {
    font-size: 26px;
    font-size: 2.6rem;
    padding  : 15px 0;
  }

  #top-shop-message1 p,
  #top-shop-message2 p {
    font-size  : 16px;
    font-size  : 1.6rem;
    line-height: 1.65;
  }

  #top-shop-message2 {
    padding   : 30px 10px;
    border-top: 1px solid #000;
  }

  /* 商品リスト
  ---------------------------*/
  /* カラム */
  /* .col-3 li {
    padding: 0 2% 0 0;
  } */

  /* カラム */
  .col-4 li {
    width  : 25%;
    margin : 0 0 30px;
    /* padding: 0 2% 0 0; */
  }

  /* .col-5 li {
    width  : 20%;
    margin : 0 0 30px;
    padding: 0 2% 0 0;
  } */

  .col-6 li {
    width  : -webkit-calc(100% * 0.1666);
    width  : calc(100% * 0.1666);
    margin : 0 0 30px;
    padding: 0 1%;
  }


  /* 検索・カテゴリーページ
  ----------------------------------*/
  .cat-head,
  .frame-block,
  .ttl {
    padding: 20px 0 30px;
  }

  /*　並び順／ページ送り */
  .sort {
    margin-bottom: 40px;
  }

  .sort ul {
    padding: 20px 0;
  }

  .sort ul li {
    font-size: 14px;
    font-size: 1.4rem;
    padding  : 0 10px;
  }

  .item-list-itemcount {
    font-size: 14px;
    font-size: 1.4rem;
  }

  /* 詳細ページ
  ----------------------------------*/
  .item-detail-left {
    width     : 560px;
    margin-top: 40px;
  }

  .item-detail-right {
    width     : -webkit-calc(100% - 600px);
    width     : calc(100% - 600px);
    margin-top: 40px;
  }

  /* 価格・スペック */
  .item-detail-block-in,
  .item-detail-spec {
    padding: 0;
  }

  /* カートエリア */
  .item-detail-cart {
    padding: 0;
  }

  .item-detail-txt1,
  .item-detail-txt2,
  .item-detail-txt3 {
    padding: 0;
  }

  /*--------------------------------------
    #secondary
  --------------------------------------*/
  #secondary {
    padding: 40px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  #secondary .left-block {
    width  : 300px;
    padding: 0 30px;
  }

  #secondary .right-block {
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
  }

  .nav-1 li {
    list-style-type: circle;
  }

  .nav-1 li ul li {
    list-style-type: none;
    display        : inline-block;
    margin-right   : 15px;
  }

  /*--------------------------------------
    #footer
  --------------------------------------*/

  .copyright {
    font-size: 12px;
    font-size: 1.2rem;
  }

  #body-lp .copyright {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/* ログインページ
----------------------------------*/

#main-image+div#login-error-message {
  border-top-width: 1px;
  border-top-style: solid;
}

#top-shop-message1 {
  margin: 30px 0;
}

#top-shop-message2 {
  margin: 30px 0;
}

#login-error-message {
  font-size : 12px;
  margin    : 20px 10px;
  padding   : 10px;
  text-align: center;
}

#login-message {
  margin: 30px 10px 0;
}

.login-tbl {
  display: block;
  width  : calc(100% - 20px);
  margin : 20px 10px 20px;
}

.login-tbl tbody,
.login-tbl tr {
  display: block;
  width  : 100%;
}

.login-tbl th {
  font-size  : 14px;
  font-weight: normal;
  line-height: 1.2;
  display    : block;
  padding    : 10px;
  text-align : left;
  border     : none;
  background : none;
}

.login-tbl td {
  font-size     : 14px;
  font-weight   : normal;
  display       : block;
  padding       : 10px;
  vertical-align: top;
  border        : none;
}

.login-tbl td input[type=text],
.login-tbl td input[type=password] {
  font-size  : 16px;
  line-height: 36px;
  width      : 100%;
  height     : 36px;
  padding    : 0 10px;
  border     : #d0d0d0 solid 1px;
}

.login-link ul li {
  margin-top: 1em;
}

.login-btn {
  font-size    : 15px;
  margin-bottom: 25px;
  text-align   : center;
}

.login-btn a {
  font-size       : 16px;
  font-weight     : normal;
  line-height     : 44px;
  position        : relative;
  display         : inline-block;
  width           : 152px;
  height          : 44px;
  text-align      : center;
  text-decoration : none;
  color           : #fff;
  background-color: #666;
}

.login-link {
  margin-bottom: 60px;
}

.login-link ul li {
  text-align: center;
  list-style: none;
}

.login-link ul li a {
  text-decoration: underline;
}

@media screen and (min-width: 960px) {

  .body-login .main {
    float       : none;
    width       : 785px;
    margin-right: auto;
    margin-left : auto;
  }

  .body-login .footer-logo {
    float     : none;
    width     : 100%;
    text-align: center;
  }

  #login-error-message {
    font-size : 14px;
    margin    : 30px 0 40px;
    padding   : 8px 15px;
    text-align: left;
    color     : #e6503f;
    border    : #e6503f solid 1px;
  }

  #login-message {
    margin    : 30px 0;
    text-align: center;
  }

  .login-tbl {
    max-width: 785px;
    display  : table;
    margin   : 15px auto;
  }

  .login-tbl tbody {
    display: table-row-group;
  }

  .login-tbl tr {
    display: table-row;
  }

  .login-tbl th {
    font-size     : 16px;
    font-weight   : normal;
    line-height   : 36px;
    width         : 200px;
    text-align    : left;
    vertical-align: top;
    display       : table-cell;
  }

  .login-tbl td {
    text-align: left;
    display   : table-cell;
  }
}

/* 特商法・送料についてページ
----------------------------------*/
.payment-content tr:first-child td {
  font-weight: bold;
  background : #f5f4f2;
  text-align : center;
}

.payment-content td {
  text-align: right;
}

/* notfoundページ
----------------------------------*/
.notfound {
  font-size    : 24px;
  margin-top   : 90px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 600px) {
  .notfound {
    font-size: 16px;
    margin   : 50px 10px 0;
  }
}

@media screen and (min-width: 1200px) {
  /* ----------------------------
    1200px
  ---------------------------- */
}

.wysiwyg-data html,
.wysiwyg-data address,
.wysiwyg-data blockquote,
.wysiwyg-data body,
.wysiwyg-data dd,
.wysiwyg-data div,
.wysiwyg-data dl,
.wysiwyg-data dt,
.wysiwyg-data fieldset,
.wysiwyg-data form,
.wysiwyg-data frame,
.wysiwyg-data frameset,
.wysiwyg-data h1,
.wysiwyg-data h2,
.wysiwyg-data h3,
.wysiwyg-data h4,
.wysiwyg-data h5,
.wysiwyg-data h6,
.wysiwyg-data noframes,
.wysiwyg-data ol,
.wysiwyg-data p,
.wysiwyg-data ul,
.wysiwyg-data center,
.wysiwyg-data dir,
.wysiwyg-data hr,
.wysiwyg-data menu,
.wysiwyg-data pre {
  display     : block;
  unicode-bidi: embed;
}

.wysiwyg-data {
  padding    : 20px;
  line-height: normal;
  text-align : left;
  font-size  : 14px;
}

.wysiwyg-data li {
  display: list-item;
}

.wysiwyg-data head {
  display: none;
}

.wysiwyg-data table {
  display: table;
}

.wysiwyg-data tr {
  display: table-row;
}

.wysiwyg-data thead {
  display: table-header-group;
}

.wysiwyg-data tbody {
  display: table-row-group;
}

.wysiwyg-data tfoot {
  display: table-footer-group;
}

.wysiwyg-data col {
  display: table-column;
}

.wysiwyg-data colgroup {
  display: table-column-group;
}

.wysiwyg-data td,
.wysiwyg-data th {
  display: table-cell;
}

.wysiwyg-data caption {

  display: table-caption;
}

.wysiwyg-data th {
  font-weight: bolder;
  text-align : center;
}

.wysiwyg-data caption {
  text-align: center;
}

.wysiwyg-data body {
  margin: 8px;
}

.wysiwyg-data h1 {
  font-size: 20px;
  font-size: 2rem;
  margin   : .67em 0;
}

.wysiwyg-data h2 {
  font-size: 18px;
  font-size: 1.8rem;
  margin   : .75em 0;
}

.wysiwyg-data h3 {
  font-size: 16px;
  font-size: 1.6rem;
  margin   : .83em 0;
}

.wysiwyg-data h4,
.wysiwyg-data p,
.wysiwyg-data blockquote,
.wysiwyg-data ul,
.wysiwyg-data fieldset,
.wysiwyg-data form,
.wysiwyg-data ol,
.wysiwyg-data dl,
.wysiwyg-data dir,
.wysiwyg-data menu {
  margin   : 1.12em 0;
  color    : #333;
}

.wysiwyg-data h5 {
  margin   : 1.5em 0;
}

.wysiwyg-data h6 {
  margin   : 1.67em 0;
}

.wysiwyg-data h1,
.wysiwyg-data h2,
.wysiwyg-data h3,
.wysiwyg-data h4,
.wysiwyg-data h5,
.wysiwyg-data h6,
.wysiwyg-data b,
.wysiwyg-data strong {
  font-weight: normal;
}

.wysiwyg-data blockquote {
  margin-left : 40px;
  margin-right: 40px;
}

.wysiwyg-data i,
.wysiwyg-data cite,
.wysiwyg-data em,
.wysiwyg-data var,
.wysiwyg-data address {
  font-style: italic;
}

.wysiwyg-data pre,
.wysiwyg-data tt,
.wysiwyg-data code,
.wysiwyg-data kbd,
.wysiwyg-data samp {
  font-family: monospace;
}

.wysiwyg-data pre {
  white-space: pre;
}

.wysiwyg-data button,
.wysiwyg-data textarea,
.wysiwyg-data input,
.wysiwyg-data select {
  display: inline-block;
}

.wysiwyg-data big {
  font-size: 120%;
}

.wysiwyg-data small,
.wysiwyg-data sub,
.wysiwyg-data sup {
  font-size: 86%;
}

.wysiwyg-data sub {
  vertical-align: sub;
}

.wysiwyg-data sup {
  vertical-align: super;
}

.wysiwyg-data table {
  border-spacing: 2px;
}

.wysiwyg-data thead,
.wysiwyg-data tbody,
.wysiwyg-data tfoot {
  vertical-align: middle;
}

.wysiwyg-data td,
.wysiwyg-data th,
.wysiwyg-data tr {
  vertical-align: inherit;
}

.wysiwyg-data s,
.wysiwyg-data strike,
.wysiwyg-data del {
  text-decoration: line-through;
}

.wysiwyg-data hr {
  border: 1px inset;
}

/* .wysiwyg-data ol, .wysiwyg-data ul, .wysiwyg-data dir, .wysiwyg-data menu, .wysiwyg-data dd {
  margin-left: 40px;
} */
.wysiwyg-data ol {
  list-style-type: decimal;
}

.wysiwyg-data ol ul {
  margin-top   : 0;
  margin-bottom: 0;
}

.wysiwyg-data ul ol,
.wysiwyg-data ul ul {
  margin-top   : 0;
  margin-bottom: 0;
}

.wysiwyg-data ol ol {
  margin-top   : 0;
  margin-bottom: 0;
}

.wysiwyg-data u,
.wysiwyg-data ins {
  text-decoration: underline;
}

.wysiwyg-data br:before {
  content    : "\A";
  white-space: pre-line;
}

.wysiwyg-data center {
  text-align: center;
}

.wysiwyg-data :link,
.wysiwyg-data :visited {
  text-decoration: underline;
}

.wysiwyg-data :focus {
  outline: thin dotted invert;
}

/* .wysiwyg-data table {
  border: solid 1px;
  border-collapse: separate;
  border-color: #c0c0c0 #c0c0c0 #808080 #808080;
  border-spacing: 2px;
  width: auto;
}
.wysiwyg-data table tr td {
  border: solid 1px;
  border-color: #808080 #808080 #c0c0c0 #c0c0c0;
  padding: 0;
}

.item-comment .wysiwyg-data table tr td {
  background: #fff;
} */

.wysiwyg-data ul {
  list-style-type: disc;
}

.wysiwyg-data ul li {
  list-style-type: disc;
}

.wysiwyg-data ol {
  list-style-type: decimal;
}

.wysiwyg-data BDO[DIR="ltr"] {
  direction   : ltr;
  unicode-bidi: bidi-override;
}

.wysiwyg-data BDO[DIR="rtl"] {
  direction   : rtl;
  unicode-bidi: bidi-override;
}

.wysiwyg-data *[DIR="ltr"] {
  direction   : ltr;
  unicode-bidi: embed;
}

.wysiwyg-data *[DIR="rtl"] {
  direction   : rtl;
  unicode-bidi: embed;
}

@media print {
  .wysiwyg-data h1 {
    page-break-before: always;
    page-break-after : avoid;
  }


  .wysiwyg-data h2,
  .wysiwyg-data h3,
  .wysiwyg-data h4,
  .wysiwyg-data h5,
  .wysiwyg-data h6 {
    page-break-after: avoid;
  }

  .wysiwyg-data ul,
  .wysiwyg-data ol,
  .wysiwyg-data dl {

    page-break-before: avoid;
  }
}

ata *[DIR="rtl"] {
  direction   : rtl;
  unicode-bidi: embed;
}





/* -----------------------------------------------------------
 dns murata 初期化
  -----------------------------------------------------------*/
/* Scss Document */
/*==========================================================================
  reset上書き/追加
==========================================================================*/
/**,
::before,
::after {
  box-sizing: inherit;
}*/
/*インライン要素をブロック要素へ変更*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/*見出し下のmargin*/
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin : 0;
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 auto;
}

/*最大幅*/
figure,
img {
  width    : 100%;
  max-width: 100%;
}

/*rem 設定*/
html {
  font-size: 62.5%;
}

/*==========================================================================
  変数管理（SCSSで編集可能）
==========================================================================*/
/*カラー*/
/*Break Point*/
/*隙間管理*/
/*==========================================================================
  Common
==========================================================================*/
/*基本設定
---------------------*/
/*html・body*/
html {
  overflow-y              : scroll;
  font-family             : "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-display            : swap;
  -ms-text-size-adjust    : 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family             : "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-display            : swap;
  -ms-text-size-adjust    : 100%;
  -webkit-text-size-adjust: 100%;
  letter-spacing          : 0;
  font-size               : 1.8rem;
  line-height             : 1.8;
  -webkit-text-size-adjust: 100%;
  text-size-adjust        : 100%;
}

/*見出し・文字*/
h1 {
  font-size: 3.2rem;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 2.8rem;
}

h4 {
  font-size  : 2.4rem;
  font-weight: bold;
}

h5 {
  font-size  : 2rem;
  font-weight: bold;
}

h6 {
  font-size  : 1.6rem;
  font-weight: bold;
}

p,
li,
li p,
a {
  display: block;
}

p.__small,
li.__small,
li p.__small,
a.__small {
  font-size: 90%;
}

p.__small,
li.__small,
li p.__small,
a.__small {
  font-size: 90%;
}

/*FORM*/
select,
input {
  padding           : 0.5em 0.2em;
  border-color      : #ddd;
  border-width      : 1px;
  border-style      : solid;
  outline           : none;
  text-indent       : 0.01px;
  text-overflow     : "";
  background        : none transparent;
  vertical-align    : middle;
  font-size         : inherit;
  color             : inherit;
  -webkit-appearance: button;
  appearance        : button;
}

select {
  cursor: pointer;
}

select option {
  background-color: #fff;
  color           : #444;
}

select::-ms-expand {
  display: none;
}

select:-moz-focusring {
  color      : transparent;
  text-shadow: 0 0 0 #828c9a;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin            : 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/*文字装飾設定
---------------------*/
b,
B,
strong,
.bold {
  font-weight: bold;
}

address {
  font-style: normal;
}

.note {
  color: #d94b19;
}

.note p {
  font-size: 90%;
}

.note.indent {
  margin: 1.5rem 0 0;
}

.note.indent p {
  margin      : 0;
  text-indent : -1em;
  padding-left: 1em;
  font-size   : 90%;
}

.alignC {
  text-align: center;
}

.alignR {
  text-align: right;
}

.alignL {
  text-align: left;
}

/*ボーダー設定
---------------------*/
.border {
  border: 1px solid;
}

hr.dotted {
  content            : "";
  display            : block;
  width              : 100%;
  height             : 7px;
  margin             : 1em auto 1em;
  background-image   : linear-gradient(to right, #001A43, #001A43 6px, transparent 6.5px, transparent 14px);
  background-size    : 14px 7px;
  background-position: top left;
  background-repeat  : repeat-x;
  background-color   : transparent;
  border             : none;
}

hr.dotted.gray {
  background-image: linear-gradient(to right, #F0F3F5, #F0F3F5 6px, transparent 6.5px, transparent 14px);
}

/*リンク設定
---------------------*/
a {
  cursor                     : pointer;
  outline                    : none;
  -webkit-tap-highlight-color: #001A43;
  color                      : #001A43;
  transition                 : 0.5s;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  outline        : none;
  opacity        : 0.8;
}

a:active {
  outline: none;
}

a.underline {
  text-decoration: underline;
}

.btn {
  position        : relative;
  display         : block;
  border-radius   : 3px;
  width           : 100%;
  max-width       : 30rem;
  padding         : 1.5rem;
  margin          : 0 auto;
  text-decoration : none;
  background-color: #001A43;
  color           : #fff;
  cursor          : pointer;
}

.btn.__before::before,
.btn.__after::after {
  position   : absolute;
  top        : 0;
  bottom     : 0;
  right      : 2rem;
  margin     : auto 0;
  width      : 1em;
  height     : 1em;
  font-family: "font Awesome 5 Pro";
  font-weight: bold;
  content    : "";
}

.btn.__before {
  padding-left: 3.2rem;
}

.btn.__after {
  padding-right: 3.2rem;
}

.btn.__shadow {
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

.btn:hover {
  outline: none;
  opacity: 0.8;
}

button {
  border: none;
  cursor: pointer;
}

button:hover {
  opacity: 0.8;
}

/*font Awesome 設定
---------------------*/
/*font Awesome 使用するとき「fa」クラスつける*/
.fa {
  font-weight: inherit;
  /*リンク*/
  /*次へ「＞」*/
  /*戻る「＜」*/
  /*外部*/
  /*開閉*/
  /* + */
  /* － */
  /*その他*/
  /*電話*/
  /*FAX*/
  /*メール*/
  /*営業時間*/
  /*営業時間*/
  /*注意お知らせ*/
  /*注釈*/
  /*PDF*/
  /*ZIP*/
  /*shop*/
  /*手順*/
  /*矢印（下）*/
}

.fa.__before::before {
  font-family  : "font Awesome 5 Pro";
  content      : "";
  display      : inline-block;
  font-weight  : bold;
  padding-right: 1rem;
}

.fa.__after::after {
  font-family : "font Awesome 5 Pro";
  content     : "";
  display     : inline-block;
  font-weight : bold;
  padding-left: 1rem;
}

.fa.next.__before::before,
.fa.next.__after::after {
  content: "";
}

.fa.back.__before::before,
.fa.back.__after::after {
  content: "";
}

.fa.external.__before::before,
.fa.external.__after::after {
  content      : "";
  font-size    : 85%;
  padding-right: 1rem;
}

.fa.plus.__before::before,
.fa.plus.__after::after {
  content: "";
}

.fa.minus.__before::before,
.fa.minus.__after::after {
  content: "";
}

.fa.phone.__before::before,
.fa.phone.__after::after {
  content: "";
}

.fa.fax.__before::before,
.fa.fax.__after::after {
  content: "";
}

.fa.mail.__before::before,
.fa.mail.__after::after {
  content: "";
}

.fa.clook.__before::before,
.fa.clook.__after::after {
  content: "";
}

.fa.map.__before::before,
.fa.map.__after::after {
  content: "";
}

.fa.bell.__before::before,
.fa.bell.__after::after {
  content: "";
}

.fa.asterisk.__before::before,
.fa.asterisk.__after::after {
  content: "";
}

.fa.pdf.__before::before,
.fa.pdf.__after::after {
  content: "";
}

.fa.zip.__before::before,
.fa.zip.__after::after {
  content: "";
}

.fa.shop.__before::before,
.fa.shop.__after::after {
  content: "";
}

.fa.process.__before::before,
.fa.process.__after::after {
  content: "";
}

.fa.arrow-bottom.__before::before,
.fa.arrow-bottom.__after::after {
  content: "";
}

/*配置設定
---------------------*/
/*flex設定*/
.flex,
.flexbox {
  display: flex;
}

.flex.__between,
.flexbox.__between {
  justify-content: space-between;
}

.flex.__around,
.flexbox.__around {
  justify-content: space-around;
}

.flex.__start,
.flexbox.__start {
  justify-content: flex-start;
}

.flex.__end,
.flexbox.__end {
  justify-content: flex-end;
}

/*grid設定*/
.grid {
  display       : grid;
  gap           : 1rem;
  padding-bottom: 1rem;
}

.grid.__columns-2 {
  grid-template-columns: 1fr 1fr;
}

.grid.__columns-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid.__columns-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid.__grid-auto-fill {
  grid-template-columns: repeat(auto-fill, minmax(6em, 1fr));
}

/*画像設定
---------------------*/
figure,
img {
  margin        : 0;
  vertical-align: bottom;
}

/*表設定
---------------------*/
/*dl設定*/
dl {
  box-sizing: border-box;
  width     : 100%;
  margin    : 0;
}

dl dt,
dl dd {
  box-sizing: border-box;
  padding   : 1rem;
}

dl dt {
  background : #F0F3F5;
  font-weight: bold;
}

dl dd {
  margin: 0;
}

dl.table {
  background   : #F0F3F5;
  border-bottom: 1px solid #444;
}

dl.table dt,
dl.table dd {
  padding   : 1rem 1rem 0;
  border-top: 1px solid #444;
}

dl.table dt {
  background : #F0F3F5;
  font-weight: bold;
  width      : 40%;
  float      : left;
}

dl.table dd {
  background    : #fff;
  margin-left   : 40%;
  padding-bottom: 1rem;
}

dl.table dd:after {
  content: "";
  display: block;
  clear  : both;
}

/*table設定*/
table {
  width        : 100%;
  margin-bottom: 1rem;
}

table caption {
  text-align   : left;
  font-size    : 110%;
  font-weight  : bold;
  margin-bottom: 1rem;
}

table caption.center {
  text-align: center;
}

table th,
table td {
  padding: 1rem;
}

table th {
  background-color: #F0F3F5;
  white-space     : nowrap;
  vertical-align  : top;
  text-align      : center;
  /* width        : 50%; */
}

table td {
  border-bottom: 1px solid #444;
  text-align   : left;
}

table.oe tr th,
table.oe tr td {
  padding: 1rem;
}

table.oe tr th {
  text-align: left;
  width     : 20%;
}

table.oe tr td {
  border: none;
}

table.oe tr:nth-child(odd) th,
table.oe tr:nth-child(odd) td {
  background-color: #F0F3F5;
}

table.oe tr:nth-child(even) th,
table.oe tr:nth-child(even) td {
  background-color: #fff;
}

/*list設定*/
ul,
ol {
  padding-left   : 0;
  list-style-type: none;
  padding-left   : 0;
}

ul.disc,
ol.disc {
  list-style-type: disc;
  padding-left   : 2em;
}

ul.disc li,
ol.disc li {
  display    : list-item;
  line-height: 1.6;
}

ul.square,
ol.square {
  list-style-type: square;
  padding-left   : 2em;
}

ul.square li,
ol.square li {
  display    : list-item;
  line-height: 1.6;
}

ul.decimal,
ol.decimal {
  list-style-type: decimal;
  padding-left   : 2em;
}

ul.decimal li,
ol.decimal li {
  display    : list-item;
  line-height: 1.6;
}

ul.indent,
ol.indent {
  text-indent : -1rem;
  padding-left: 2rem;
}

ul.indent li,
ol.indent li {
  display    : list-item;
  line-height: 1.6;
}

/*非表示設定*/
.none {
  display: none;
}

/*==========================================================================
  Header
==========================================================================*/
header {
  /*グローバルナビ（横からスライド）
  -----------------------------------*/
}

header .drawer-btn {
  position                 : fixed;
  max-width                : 7rem;
  width                    : 7rem;
  height                   : 7rem;
  top                      : 0;
  right                    : 0;
  padding                  : 1.5rem 0;
  background               : #fff;
  border-bottom-left-radius: 0;
  color                    : #001A43;
  text-align               : center;
  cursor                   : pointer;
  transition               : 0.2s;
  z-index                  : 9;
  box-shadow               : 1px 3px 3px 0px rgba(0, 0, 0, 0.2);
  border-radius            : 1px;
}


header .drawer-btn:hover {
  filter      : alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity     : 0.5;
}

header .drawer-btn i {
  font-size: 3rem;
}

header .drawer-btn span {
  display       : block;
  letter-spacing: 0.3vw;
  font-size     : 75%;
  transform     : translateY(-0.5rem) scale(0.7);
}

header #gnav {
  position        : fixed;
  top             : 0;
  right           : -100vw;
  background-color: #444;
  padding         : 2rem;
  width           : 70vw;
  height          : 100vh;
  z-index         : 11;
  transition      : 0.2s;
}

header #gnav::before,
header #gnav::after {
  position        : absolute;
  content         : "";
  width           : 5rem;
  height          : 2px;
  top             : 3.5rem;
  left            : -5rem;
  display         : none;
  background-color: #fff;
}

header #gnav::before {
  transform: rotate(45deg);
}

header #gnav::after {
  transform: rotate(135deg);
}

header #gnav.open {
  right: 0;
}

header #gnav.open::before,
header #gnav.open::after {
  display: block;
  cursor : pointer;
}

header #gnavul li:not(:last-child) {
  margin-bottom: 2rem;
}

header #gnavul li:not(:last-child) li {
  margin-top   : 1rem;
  margin-bottom: 1rem;
  margin-left  : 1rem;
}

header #gnav .gnav-inner {
  border-top   : 3px dotted #001A43;
  border-bottom: 3px dotted #001A43;
  padding      : 2rem;
}

header #gnav .gnav-inner ul li a {
  -webkit-tap-highlight-color: #ffffff;
  color                      : #ffffff;
}

header #gnav .gnav-inner ul li a::before {
  font-family  : "Font Awesome 5 Free";
  font-weight  : 900;
  padding-right: 1rem;
}

header #gnav .gnav-inner ul li :not(.link) a {
  color: #001A43;
}

header #gnav .gnav-inner ul li .for-inquiry a {
  background-color: #001A43;
}

header #gnav .gnav-inner ul>li a::before {
  content: "";
}

header #gnav .gnav-inner ul>li:nth-child(2) a::before {
  content: "";
}

header #gnav .gnav-inner ul>li:nth-child(3) a::before {
  content: "";
}

header #gnav .gnav-inner ul>li li a::before {
  content: "";
}

#overlay {
  display   : none;
  position  : fixed;
  top       : 0;
  left      : 0;
  width     : 100vw;
  height    : 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index   : 10;
}

#overlay .open {
  display: block;
}

/*==========================================================================
  Footer
==========================================================================*/
/*==========================================================================
  break point
==========================================================================*/
/*▼SP
------------------------------------------------------------*/
@media screen and (max-width: 639px) {

  /*基本設定
  --------------------------*/
  /*PCのみ表示*/
  .forPC {
    display: none;
  }

  /*外周の空白*/
  .inner_wrap {
    padding: 1.5rem;
  }

  /*ボタン*/
  .btn {
    width    : 100%;
    max-width: 30rem;
  }

  /*フッター
  --------------------------*/
  footer .main_wrap {
    padding: 3rem 1.5rem;
  }
}

/*SP end*/
/* ------------------------------------------------------------
	▼PC
------------------------------------------------------------*/
@media screen and (min-width: 640px) {

  /*基本設定
  --------------------------*/
  /*PCのみ表示*/
  .forSP {
    display: none;
  }

  /*コンテンツ最大幅、外周の空白*/
  .main__wrap {
    width  : 1140px;
    margin : 0 auto;
    padding: 6rem 0;
  }

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

/*PC end*/

/* -----------------------------------------------------------
 dns murata カスタマイズ
  -----------------------------------------------------------*/
/* Scss Document */
/*design_template用
--------------------------*/
/*カラー設定
------------------*/
/*フォント
------------------*/
/*@font-face {
  font-family: "KleeOne";//クレーone
  src: url("../fonts/KleeOne-Regular.woff2"),url("../fonts/KleeOne-SemiBold.woff2"),url("../fonts/KleeOne-Regular.woff"),url("../fonts/KleeOne-SemiBold.woff");
}
//クレーone
$klee: "KleeOne";*/
/*その他
------------------*/
h1 {
  font-size  : 3.2rem;
  font-weight: bold;
}

h2 {
  font-size  : 3rem;
  font-weight: bold;
}

h3 {
  font-size  : 2.8rem;
  font-weight: bold;
}

h4 {
  font-size  : 2.4rem;
  font-weight: bold;
}

h5 {
  font-size  : 2rem;
  font-weight: 500;
  margin     : 0 0 1.5rem;
}

h6 {
  font-size  : 1.8rem;
  font-weight: 500;
}

.note {
  color: #D4473C;
}

.note p {
  font-size: 90%;
}

.note.indent {
  margin: 1.5rem 0 0;
}

.note.indent p {
  margin      : 0;
  text-indent : -1em;
  padding-left: 1em;
  font-size   : 90%;
}

/*ボタン設定
------------------*/
a.btn {
  padding         : 1.5rem;
  background-color: #945C28;
  border-radius   : 50rem;
  width           : 100%;
  max-width       : 30rem;
  text-align      : center;
  font-size       : 1.4rem;
  font-weight     : 500;
  box-shadow      : 1px 3px 3px 0px rgba(0, 0, 0, 0.2);
  line-height     : initial;
}

a.link {
  display: inline-block;
}

a.link.underline {
  -webkit-text-decoration: underlinde;
  text-decoration        : underlinde;
  margin                 : 0 0.5rem;
  color                  : #945C28;
}

a.raku-add-cart {
  font-size       : 1.4rem;
  border-radius   : 50px;
  background-color: #945C28;
  border-bottom   : none;
  height          : auto;
  max-width       : 30rem;
  margin          : 0 auto;
  padding         : 1.5rem;
  box-shadow      : 1px 3px 3px 0px rgba(0, 0, 0, 0.2);
  text-align      : center;
  color           : #FFFFFF;
}

.btn,
a.btn,
button.btn {
  font-size          : 1.4rem;
  font-weight        : 700;
  line-height        : 1.6;
  position           : relative;
  display            : inline-block;
  padding            : 1rem 3rem;
  cursor             : pointer;
  -webkit-user-select: none;
  user-select        : none;
  transition         : all 0.3s;
  text-align         : center;
  vertical-align     : middle;
  text-decoration    : none;
  letter-spacing     : 0.1em;
  color              : #212529;
  border-radius      : 0.5rem;
}

.btn.btn-flat,
a.btn.btn-flat,
button.btn.btn-flat {
  overflow     : hidden;
  padding      : 1.5rem 6rem;
  color        : #fff;
  border-radius: 0;
  background   : #945C28;
}

.btn.btn-flat span,
a.btn.btn-flat span,
button.btn.btn-flat span {
  position: relative;
}

.btn.btn-flat:before,
a.btn.btn-flat:before,
button.btn.btn-flat:before {
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 150%;
  height    : 500%;
  content   : "";
  transition: all 0.5s ease-in-out;
  transform : translateX(-80%) translateY(-25%) rotate(45deg);
  background: #D4473C;
}

.btn.btn-flat:hover:before,
a.btn.btn-flat:hover:before,
button.btn.btn-flat:hover:before {
  opacity  : 1;
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.btn.btn-flat:hover,
a.btn.btn-flat:hover,
button.btn.btn-flat:hover {
  opacity: 1;
}


/* flickSimpleボタン */
.main-image-prev a,
.main-image-next a {
  display    : block;
  width      : 8px;
  height     : 16px;
  line-height: 30px;
  text-align : center;
  background : linear-gradient(to bottom left, transparent 48%, #fff 50%) top left/ 100% 50% no-repeat,
    linear-gradient(to top left, transparent 48%, #fff 50%) bottom left / 100% 50% no-repeat;
}

.main-image-next a {
  background: linear-gradient(to bottom right, transparent 48%, #fff 50%) top right/ 100% 50% no-repeat,
    linear-gradient(to top right, transparent 48%, #fff 50%) bottom right / 100% 50% no-repeat;
}

/*----------------------------------
　template
-----------------------------------*/
*,
*:before,
*:after {
  box-sizing: inherit;
}

html {
  box-sizing : border-box;
  font-size  : 62.5%;
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
  margin          : 0;
  background-color: #FDFAE1;
}


main h1 {
  text-align: center;
  margin    : 6rem 0 6rem;
  color     : #444;
}

main section.section__wrap {
  background-color: #FFFFFF;
  padding         : 6rem;
  margin          : 0 0 3rem;
}

main section.section__wrap h4 {
  text-align: center;
  margin    : 0 0 3rem;
}

main section.section__wrap .inner__wrap.__color .flex {
  justify-content: center;
  gap            : 3rem;
}

main section.section__wrap .inner__wrap.__color .flex ul.list li {
  display    : flex;
  align-items: center;
  gap        : 3rem;
}

main section.section__wrap .inner__wrap.__color .flex ul.list li span.color {
  font-size: 3rem;
}

main section.section__wrap .inner__wrap.__color .flex ul.list li span.color.__1 {
  color: #444444;
}

main section.section__wrap .inner__wrap.__color .flex ul.list li span.color.__2 {
  color: #f6f6f6;
}

main section.section__wrap .inner__wrap.__color .flex ul.list li span.color.__3 {
  color: #828282;
}

main section.section__wrap .inner__wrap.__color .flex ul.list li span.color.__4 {
  color: #FFFFFF;
}

main section.section__wrap .inner__wrap.__color .flex ul.list li span.color.__5 {
  color: #D4473C;
}

main section.section__wrap .inner__wrap.__color .flex ul.list li span.color.__6 {
  color: #D4473C;
}

main section.section__wrap .inner__wrap.__color .flex ul.list li span.color.__7 {
  color: #945C28;
}

main section.section__wrap .inner__wrap.__color .flex ul.list li span.color.__8 {
  color: #FDFAE1;
}

main section.section__wrap .inner__wrap.__color .flex ul.list li span.color.__9 {
  color: #F3C35C;
}

main section.section__wrap .inner__wrap.__family h2.page_title {
  text-align         : center;
  color              : #FFFFFF;
  text-shadow        : 5px 0 10px #000000d9;
  background-color   : #f6f6f6;
  padding            : 6rem 0;
  background-image   : url("../img/common/subkv_001.jpeg");
  background-repeat  : no-repeat;
  background-size    : cover;
  background-position: center;
}

main section.section__wrap .inner__wrap.__family h3.sub_title {
  text-align: center;
  color     : #444444;
  margin    : 0 0 3rem;
  text-align: center;
}

main section.section__wrap .inner__wrap.__family h3.sub_title span {
  display    : block;
  font-size  : 60%;
  color      : #675a50;
  margin     : 1.5rem 0 0;
  font-weight: 300;
  margin     : 0;
}

main section.section__wrap .inner__wrap.__family h4.sub_title {
  text-align: center;
}

main section.section__wrap .inner__wrap.__family h5 {
  font-size  : 2rem;
  font-weight: 500;
}

main section.section__wrap .inner__wrap.__family p.read {
  line-height: 1.5;
  font-size  : 1.6rem;
  text-align : center;
  margin     : 0 auto;
}

main section.section__wrap .inner__wrap .inner__inner {
  padding: 3rem;
}

main section.section__wrap .inner__wrap .inner__inner.background__subC2 {
  background-color: #FDFAE1;
}

main section.section__wrap .inner__wrap figure.category__logo {
  max-width: 10rem;
  margin   : 0rem auto 1.5rem;
}

footer.footer__wrap {
  background-color: #828282;
}

footer .footer__inner .flexbox {
  color      : #ffffff;
  width      : 100%;
  max-width  : 1140px;
  line-height: 1.6;
  margin     : auto;
  display    : flex;
  flex-wrap  : wrap;
  gap        : 3rem;
}

footer .footer__inner .flexbox .footer__inner__group {
  width    : 100%;
  min-width: 25rem;
}

footer .footer__end__wrap .footer__end__logo {
  max-width: 35rem;
  margin   : 0 auto 1.5rem;
}

footer .footer__end__wrap .footer__end__copyright p {
  text-align: center;
  font-size : 1.2rem;
  color     : #FFFFFF;
}

















/* -----------------------------------------------------------
 nakata カスタマイズ
　20210615一部修正 murata
  -----------------------------------------------------------*/
/*----------------------------------------
同梱制限
----------------------------------------*/
.doukon__wrap {
 /* background-color: #F6D78C;*/
	background-color: #ffde90;
  /*border          : #DC6A57 3px dotted;*/
	border          : #d94b19 3px dotted;
  padding         : 3rem;
  max-width       : 640px;
  margin          : auto;
}

.doukon__wrap h5 {
  font-size    : 2rem;
  font-weight  : bold;
  margin       : 0;
  margin-bottom: 1.5rem;
  /*color        : #D4473C;*/
	color        : #57523e;
  text-align   : center;
  position     : relative;
}

.doukon__wrap h5::after {
  content   : "";
  display   : block;
  width     : 60px;
  height    : 82px;
  background: url(https://image.raku-uru.jp/01/17559/33/monsuke_sorry%404x_1617082997864.png) left top / 60px auto no-repeat;
  position  : absolute;
  right     : -10px;
  bottom    : 2px;
}

.doukon__wrap p {
  font-size: 1.6rem;
 /* color    : #444;*/
	color    : #57523e;
}

.doukon__wrap .underline {
  display        : block;
  margin         : 1.5rem auto;
  text-align     : center;
  border-radius  : 5px;
  color          : #fff;
	background: #d94b19;
  text-decoration: underline;
  font-size      : 90%;
  font-weight    : normal;
}

/**
 * x.x for SP
 */
@media screen and (max-width:768px) {
  .doukon__wrap h5::after {
    display : block;
    position: relative;
    right   : auto;
    bottom  : auto;
    margin  : auto;
  }

}

/*forSP END*/


/*----------------------------------------
サブタイトル
----------------------------------------*/
#sub-header {
  background-size    : cover;
  background-position: center center;
  background-image   : url('https://image.raku-uru.jp/01/17559/77/sub_kv2_1618210686229.jpg');
  padding            : 6em 1em;
  text-align         : center;
}

/*------------------------------

dropdown CSS common

------------------------------*/
/* チェックボックスを非表示にする */
.accordion-hidden {
  display: none;
}

/* list_title */
.accordion-open {
  display: inline-block;
  cursor : pointer;
}

/* item__dropdown */
.accordion-close {
  display           : inline-block;
  height            : 0;
  overflow          : hidden;
  padding           : 0;
  opacity           : 0;
  -webkit-transition: 0.5s;
  transition        : 0.5s;
  /* 表示速度の設定 */
}

/* チェックボックスにチェックが入ったらリスト部分を表示 */
.accordion-hidden:checked~.accordion-close {
  height : auto;
  opacity: 1;
}

/* チェックボックスに切替ボタン表示 */
.accordion-hidden~.list_title .fa-plus {
  display: block;
}

.accordion-hidden~.list_title .fa-minus {
  display: none;
}

.accordion-hidden:checked~.list_title .fa-plus {
  display: none;
}

.accordion-hidden:checked~.list_title .fa-minus {
  display: block;
}

/*------------------------------

dropdown CSS custam

------------------------------*/
.cat-menu h4 {
  font-size    : 18px;
  font-size    : 1.8rem;
  color        : #57523e;
  border-bottom: 1px solid #57523e;
  margin-bottom: 10px;
  width        : 100%;
}

.cat-menu li {
  background-color     : transparent;
  border-top           : 0px solid #f5f4f2;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction   : column;
  flex-direction       : column;
}

.cat-menu .list_title {
  font-size        : 16px;
  font-size        : 1.6rem;
  padding-left     : 34px;
  background       : url(https://image.raku-uru.jp/01/17559/39/kani%404x_1617150635447.png) left center/24.77px 24.71px no-repeat;
  display          : inline-block;
  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;
}

.cat-menu .list_title label {
  display     : inline-block;
  color       : #D4473C;
  padding-left: 1em;
}

.cat-menu .list_title label[for*="-dropdown51556"] {
  display: none;
}

.cat-menu .list_title.cat-51555 {
  background: url(https://image.raku-uru.jp/01/17559/7/monsuke_bk_1616743279255.png) left center/28px 22px no-repeat;
}

.cat-menu .item__dropdown {
  width           : 100%;
  background-color: #F6F6F6;
}

.cat-menu .item__dropdown li a {
  position: relative;
}

.cat-menu .item__dropdown li a:before {
  position         : absolute;
  left             : 1em;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  content          : "";
  display          : block;
  width            : 0;
  height           : 0;
  border-width     : 5px 0 5px 5px;
  border-color     : transparent transparent transparent #444444;
  border-style     : solid;
}

.cat-menu .cat-dropdown {
  margin-bottom: 1em;
}

.cat-menu .cat-dropdown.area li a,
.cat-menu .cat-dropdown.shop-info li a,
.cat-menu .cat-dropdown.company-info li a {
  position : relative;
  padding  : 9px 9px 9px 30px;
}

.cat-menu .cat-dropdown.area li a:before,
.cat-menu .cat-dropdown.shop-info li a:before,
.cat-menu .cat-dropdown.company-info li a:before {
  position         : absolute;
  left             : 1em;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  content          : "";
  display          : block;
  width            : 0;
  height           : 0;
  border-width     : 5px 0 5px 5px;
  border-color     : transparent transparent transparent #444444;
  border-style     : solid;
}

/*------------------------------

header

------------------------------*/
.logo {
  width: 55%;
}

@media screen and (min-width: 960px) {
  .logo {
    width     : 100%;
    text-align: center;
    padding   : 48px 0;
  }
}

.menubtn {
  width              : 200px;
  height             : 55px;
  line-height        : 55px;
  text-align         : right;
  position           : fixed;
  top                : 0;
  right              : 0;
  z-index            : 1001;
  /* background      : #000; */
  background-color   : transparent;
  background-image   : url(https://image.raku-uru.jp/01/17559/32/monsuke_chirami%404x_1617082997635.png);
  background-size    : 34pt 38pt;
  background-repeat  : no-repeat;
  background-position: 78% center;
  -webkit-transition : 0.5s;
  transition         : 0.5s;
}

.menubtn:hover {
  background-position: 76% center;
}

#jq-open-btn:link {
  text-align        : center;
  text-decoration   : none;
  background        : #D4473C;
  -webkit-box-shadow: 2pt 3pt 2pt #00000029;
  box-shadow        : 2pt 3pt 2pt #00000029;
}

#jq-open-btn:hover {
  opacity: 1;
}

#global-nav .cat-menu {
  padding: 30pt 4%;
}

#global-nav .cat-menu h4 {
  width: 100%;
}

/*------------------------------

footer

------------------------------*/
#footer .cat-menu {
  text-align: left;
  padding   : 32pt 0;
}

#footer .cat-menu h4 {
  width              : 100%;
  color              : #fff;
  border-bottom-color: #fff;
}

#footer .cat-menu label {
  color: #fff;
}

#footer .cat-menu a {
  color: #fff;
}

#footer .cat-menu a:hover,
#footer .cat-menu .item__dropdown a {
  color: #444;
}

#footer .cat-menu .cat-dropdown.shop-info li a:before,
#footer .cat-menu .cat-dropdown.company-info li a:before {
  border-color: transparent transparent transparent #fff;
}

/*----------------------
	for PC
----------------------*/
@media screen and (min-width: 768px) {
  #footer .cat-menu {
    display        : flex;
    justify-content: space-between;
  }

  #footer .cat-menu>li {
    width: 30%;
  }

}

/*for PC end*/


/*------------------------------

/item-list?categoryId=n

------------------------------*/
.breadcrumbs {
  background-color: transparent;
}

.breadcrumbs .inner {
  margin: 0;
}

.breadcrumbs a {
  display: inline-block;
}

.sort ul li {
  border-right-width: 0;
}

.sort ul li a {
  color          : #945C28;
  text-decoration: underline;
}

.list-product {
  padding-bottom: 15px;
}

.list-product .itemWapper {
  background-color  : #fff;
  -webkit-box-shadow: 0 3pt 6pt rgba(0, 0, 0, 0.16);
  box-shadow        : 0 3pt 6pt rgba(0, 0, 0, 0.16);
  padding           : 0 0 1em;
  height            : 100%;
}

.list-product li .item-info {
  padding   : 0 0.7em 0;
  text-align: left;
}

.list-product li .item-info .item-name a {
  color: #444444;
}
@media screen and (max-width: 768px){
.list-product li {
    font-size: 1.4rem;
}
}

/* 共通追加css dns_murata_202104
--------------------*/
#sub-header {
  padding: 3em 1em;
}

#sub-header h2 {
  color      : #fff;
  text-shadow: #a09993 1px 0 10px;
}

#container .breadcrumbs {
  background-color: transparent;
  margin          : 3rem 0;
}

#container .breadcrumbs a {
  display: contents;
}

#container .breadcrumbs .inner {
  padding: 0;
}

#container .main-article {
  padding  : 3rem;
  max-width: 1040px;
  margin   : 0 auto 6rem auto;
}

table.about-tbl {
  background-color: #fff;
  border          : none;
}

table.about-tbl th {
  background-color: #f5f4f2;
  max-width       : 23rem;
  width           : auto;
}

table.about-tbl td {
  border-color: #ddd;
}

main.ttl {
  padding: 0 0 3rem;
}

.breadcrumbs a {
  text-decoration: underline;
}

.main-article {
  background-color: #fff;
  padding         : 3rem;
  max-width       : 1040px;
  margin          : 0 auto 6rem auto;
}

.main-article .ttl h2 {
  font-family: inherit;
  color      : #444;
  border-left: 5px solid;
  padding    : 0 0 0 1rem;
  line-height: 1;
  text-align : left;
  background : transparent;
  font-size  : 2.4rem;


}


/*おしらせ.wysiwyg-data 20210527復活*/
.wysiwyg-data {
  width             : 100%;
  max-width         : 1040px;
  margin            : 0 auto 6rem;
  background-color: #fff;
  padding         : 3rem;
}

 .item-detail-head {
	background: #fff;
	padding: 3rem 1.5rem 0;
	width: 100%;
}
.item-detail-head h1.ttl {
  font-family: inherit;
  color: #444;
  border-left: 5px solid;
  padding: 0 0 0 1rem;
  line-height: 1;
  text-align: left;
  background: transparent;
  font-size: 2.4rem;
}

/*20210602 murata*/
/*ナビパスワード注意文章追加 */
.iten {
    background: #f5f4f2;
    margin: 3rem 4% 0;
    padding: 4%;
    text-align: left;
}
p.iten_title {
    font-weight: bold;
    font-size: 1.4rem;
    color: #945c26;
}
.iten a {
    text-decoration: underline;
    font-size: 1.4rem;
    color: #945c26;
}
/*pagetop 色*/
#page-top a {
  background: #945c26;
	opacity: 1;
}
/*ナビボタンhover色*/
a#jq-open-btn:hover {
	background: #D4473C;
}
/*雑貨アイコン*/
.list_title.cat-51556 {
    background: url(https://image.raku-uru.jp/01/17559/82/zakka_b_1%404x_1618275294246.png) left center/23.77px 27.71px no-repeat;
}


/*20210610 murata*/
/*サイドスクロールバー出ちゃうので非表示*/
#global-nav::-webkit-scrollbar {  /* Chrome, Safari 対応 */
		display:none;
}

/*おしらせ記事　20210611 murata
----------------*/
a.news_btn {
	background-color: #d4473c;
	color: #fff;
	padding: 1rem;
	width: 100%;
	max-width: 30rem;
	text-align: center;
	text-decoration: none;
	border-radius: 50rem;
	margin: 1.5rem auto;
	box-shadow: 2pt 3pt 2pt #00000029;
}
.news_box {
	background-color: #F6F6F6;
  padding: 3rem 1.5rem;
}
.wysiwyg-data .news_box h5 {
	padding: 0;
	margin: 0 0 1.5rem;
}

.wysiwyg-data .news_box h5.border-bottom {
	border-bottom: 1px solid;
}
.wysiwyg-data ul.decimal {
   margin: 0;
}
.wysiwyg-data ul.decimal li {
   list-style-type: decimal;
}
.wysiwyg-data a.news_btn:link, .wysiwyg-data a.news_btn:visited {
    text-decoration: none;
}

/*サイト色変更 20210614  murata*/
/*濃い茶*/
footer.footer__wrap {
    background-color: #57523e;
}

.icon-badge53708::before{
    background: #57523e;
}
/*すこしマイルドな茶*/
#page-top a{
    background: #6b5643;
}
.section-head .title1,
.section-head .sub-title,
.sort ul li a,
.pager .page-num3 ul li span a,
p.iten_title,
.iten a,
.sbtn3::after {
    color: #57523e;
}
.cat-head+.sort,
.item-list-itemcount,
.searchform3 {
    border-color: #57523e;
}

/*朱色*/
#jq-open-btn:link,
.header-menu li a {
    background: #d94b19;
}
.header-menu li a {
    border-color: #d94b19;
}
ul.category__btn__box li a
.pager .page-num3 ul li a　{
    background-color: #d94b19;
}

/*グレー*/
body,
.cat-menu .item__dropdown {
    background-color: #f5f4f2;
}
.iten {
    background: #f1f0ec;
}
/*オレンジ*/
#footer .cat-menu h4 {
	border-color: #edcb8a;
}

/*box-shadow*/
.list-product .itemWapper {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*z-index*/
#jq-open-btn:link {
	  z-index: 999;
}

.cat-head a {
    display: inherit;
    text-decoration: underline;
}

/*20211006 murata*/
/*送料無料バッジ*/
.icon-badge53708::before,
.icon-badge58841::before{
    padding: 0.8em;
    letter-spacing: 2px;
    font-weight: normal;
    text-align: center;
    font-size: 70%;
    width: 90px;
		background: #6b9539 !important;
		/*background:#945d27*/
}

/*----------------------
	for SP
----------------------*/
@media screen and (max-width: 767px) {
  #sub-header h2 {
    font-size: 2.4rem;
  }

  .main {
    margin: 0 1.5rem;
  }

  #container .breadcrumbs {
    margin: 1.5rem 0;
  }

  #container .main-article {
    padding: 3rem 1.5rem;
    margin : 0 auto 3rem auto;
  }

  .main-article .ttl h2 {
    font-size: 2rem;
    margin   : 0 0 1.5rem;
  }

  table.about-tbl th {
    max-width: 100%;
  }

  table.about-tbl th,
  table.about-tbl td {
    padding: 1rem;
  }

  #footer {
    padding: 0 1.5rem;
  }

  #container .breadcrumbs {
    max-width: 1040px;
    margin   : 3rem auto;
  }

  /*おしらせ.wysiwyg-data*/
  /* .wysiwyg-data {
    width: 95%;
    margin: 0 auto 3rem;
    padding: 3rem 1.5rem;
	} */
  /* .item-detail-head {
		width: 95%;
    margin: 0 auto;
	} */
  /* .item-detail-head h1.ttl {
    font-size: 2rem;
	} */

}

/*for SP end*/
/*----------------------
	for PC
----------------------*/
@media screen and (min-width: 768px) {

  #container .breadcrumbs {
    max-width: 1040px;
    margin   : 3rem auto;
  }

  /*おしらせ.wysiwyg-data　20210527復活*/
  .wysiwyg-data {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto 6rem;
    padding: 3rem 6rem 6rem;
	}
  .item-detail-head {
    padding  : 6rem 6rem 0;
    margin   : 0 auto 0;
    max-width: 1040px;
  }

	#header {
			max-width: 35%;
	}


}

/*for PC end*/

/*フェードイン*/
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/*
トップ css
2024.1.18
トップ
*/

@charset "UTF-8";
/*common*/
#sub-header {
    display: none;
}

.section-head, .item-head {
  padding: 0 0;
  margin: 0 0 0;
  text-align: center;
  border-bottom: 0px solid #929292;
  border-top: 0px solid #929292;
  color: #444444;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.0;
  letter-spacing: 0px;
}

.section-head .sub-title, .item-head .sub-title {
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 5px 0 0;
  margin: 0 0 0 0;
}

.section-head .title1, .section-head .ttl h2, .item-head .title1, .item-head .ttl h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-family: inherit;
  padding-top: 0;
  color: #945C28;
}

.fukidashi {
  padding: 13px 0;
  text-align: center;
}

.fukidashi span {
  position: relative;
  padding: 1em;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 4em;
  color: #945C28;
  font-weight: bold;
  text-align: center;
}

.fukidashi span:after {
  content: '';
  position: absolute;
  bottom: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.0px 7.5px 0 7.5px;
  border-color: #f3c35c transparent transparent transparent;
}

/*top*/
@media screen and (min-width: 960px){
#header {
    max-width: 100%;
}
.logo {
    width: 100%;
    text-align: center;
    padding: 2rem;
}
.site-name a {
    max-height: 55px;
    width: auto;
    display: block;
    position: relative;
    text-align: left;
    top: auto;
    left: auto;
    transform: translate(0,0);
}
.site-name img {
    max-width: 275px;
}
}

#top-main {
  margin: 0;
}

.top-kv__text {
  padding: 13px 2%;
  margin-bottom: 13px;
}

.top-kv__kv {
  text-align: center;
  position: relative;
}

.top-kv__kv .leftItem {
  width: 24%;
  position: absolute;
  left: 10px;
  bottom:-10px;
   animation: wobbling 1.2s linear infinite alternate;
}

.top-kv__kv .centerItem {
 /* width: 45%;*/
width: 70%;
  margin: auto;
}

.top-kv__kv .rightItem {
  width: 24%;
  position: absolute;
  right: 20px;
  bottom:0;
   animation: wobbling 1.2s linear infinite alternate;
}

.top-kv__head {
  padding: 0 65px 40px;
}

@keyframes wobbling {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}
@media screen and (min-width: 960px) {
#top-kv {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 3% 5rem;
    position: relative;
}
.top-kv__text {
  padding: 13px 50px;
  width: fit-content;
  margin: auto auto 13px;
}
.fukidashi span {
    padding: 1em 2em;
}
.top-kv__kv .leftItem {
    width: 195px;
    bottom:-120px;
    left: 100px;
}
.top-kv__kv .centerItem {
    /*max-width: 268px;*/
    max-width: 428px;

}
.top-kv__kv .rightItem {
    width: 218px;
    bottom:-10px;
    right: 80px;
}
.top-kv__head {
    width: 428px;
}


}




.main-image__gizagiza-outer {
  position: relative;
  background-color: #D4473C;
  margin: 6pt 0;
  padding: 4rem 0;
}

.main-image__gizagiza-outer:before, .main-image__gizagiza-outer:after {
  content: "";
  width: 100%;
  height: 12px;
  background-size: 40px 100%;
  position: absolute;
  left: 0;
}

.main-image__gizagiza-outer:before {
  top: -12px;
  background-image: linear-gradient(to top left,  rgba(212, 71, 60, 1) 25%, rgba(212, 71, 60, 0) 28%),
                    linear-gradient(to top right,  rgba(212, 71, 60, 1) 25%, rgba(212, 71, 60, 0) 28%);
}

.main-image__gizagiza-outer:after {
  bottom: -12px;
  background-image: linear-gradient(to bottom left,  rgba(212, 71, 60, 1) 25%, rgba(212, 71, 60, 0) 28%),
                    linear-gradient(to bottom right,  rgba(212, 71, 60, 1) 25%, rgba(212, 71, 60, 0) 28%);
}

.main-image__gizagiza-outer h4 {
  text-align: center;
  color: #fff;
  font-size: 3.8rem;
  font-weight: normal;
  letter-spacing: 2px;
  margin-bottom: 2.4rem;
}

.main-image__gizagiza-outer #main-image {
  overflow: visible;
}

.main-image__gizagiza-outer #main-image .main-image-slider {
  overflow: visible;
}

.main-image__gizagiza-outer #main-image .main-image-slider > ul {
  overflow: visible;
}

.main-image__gizagiza-outer #main-image .main-image-slider > ul > li {
  overflow: visible;
}

.main-image__gizagiza-outer #main-image .main-image-slider > ul > li .topkv {
  padding: 0 4%;
}

.main-image__gizagiza-outer #main-image .main-image-slider > ul > li .topkv a {
  display: block;
  position: relative;
}

.main-image__gizagiza-outer #main-image .main-image-slider > ul > li .topkv .info-pict {
  display: block;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 3pt 6pt rgba(0, 0, 0, 0.16);
          box-shadow: 0 3pt 6pt rgba(0, 0, 0, 0.16);
}

.main-image__gizagiza-outer #main-image .main-image-slider > ul > li .topkv .fukidashi {
  padding: 28px 0 13px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
}

.main-image__gizagiza-outer #main-image .main-image-slider > ul > li .topkv .fukidashi span {
  color: #D4473C;
  white-space: nowrap;
  letter-spacing: -1px;
  min-width: 280px;
}

.main-image__gizagiza-outer #main-image .main-image-slider > ul > li .topkv .fukidashi span:after {
  bottom: 0;
  top: 0;
  -webkit-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
  -webkit-transform-origin: top;
          transform-origin: top;
}

/*info*/
.info-block .list-info {
  background-image: url("https://image.raku-uru.jp/01/17559/37/monsuke_bay2%404x_1617091704911.png");
  background-position: top center;
  background-size: 130px;
  background-repeat: no-repeat;
  padding-top: 64px;
}

.list-info li {
  padding: 0 0 10px;
}

.list-info li a {
  padding: 10px 1em;
  background-color: #fff;
  border: #945C28 2px solid;
  border-radius: 3pt;
  -webkit-box-shadow: 2pt 3pt 2pt #E9E4C2;
          box-shadow: 2pt 3pt 2pt #E9E4C2;
  color: #945C28;
  font-weight: bold;
  overflow: hidden;
  position: relative;
}

.list-info li a:before {
  position: absolute;
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: -webkit-gradient(linear, right top, left bottom, color-stop(48%, rgba(212, 71, 60, 0)), color-stop(50%, #d4473c)), -webkit-gradient(linear, right bottom, left top, color-stop(48%, rgba(212, 71, 60, 0)), color-stop(50%, #d4473c));
  background-image: linear-gradient(to bottom left, rgba(212, 71, 60, 0) 48%, #d4473c 50%), linear-gradient(to top left, rgba(212, 71, 60, 0) 48%, #d4473c 50%);
  background-position: top left, bottom left;
  background-size: 100% 50%;
  background-repeat: no-repeat;
}

.list-info li a span {
  margin-bottom: 0;
}

.list-info li a .info-date {
  font-weight: normal;
}

/*itemRecommendList*/
#itemRecommendList .inner,
#itemGoodsList .inner,
#itemSearchList .inner,
#aboutHBC .inner {
  background-color: white;
  padding: 5rem 0;
}

#itemRecommendList .section-head .title1,
#itemGoodsList .section-head .title1 {
  color: #444444;
  padding-top: 56px;
  background: url(https://image.raku-uru.jp/01/17559/38/kani_b%404x_1617150634402.png) center top/50px 48.58px no-repeat;
}
#itemGoodsList .section-head .title1 {
  background: url(https://image.raku-uru.jp/01/17559/6/monsuke_1616743278811.png) center 6px/50px 42.24px no-repeat;
}
.list-product .itemWapper {
  background-color: #F6F6F6;
}
.section-head{
  padding-bottom: 15px;
}
/**
 * x.x for SP
 */
@media screen and (max-width:768px) {
.main-image__gizagiza-outer #main-image {
  padding-bottom: 6rem;
}

#itemRecommendList .item-wrap,
#itemGoodsList .item-wrap {
  display: block;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 1em;
}

#itemRecommendList .item-wrap .list-product,
#itemGoodsList .item-wrap .list-product {
  /*width: calc(250% + 15px * 6);*/
	width: calc(450% + 15px * 6);
}

#itemRecommendList .item-wrap .list-product li,
#itemGoodsList .item-wrap .list-product li {
  width: calc(100% / 6 - 3px);
  padding:0 1%;

}

	/*TOP調整 20210602 murata*/
	/*banner*/
	div#top-shop-message1 a {
			margin-bottom: 1rem;
	}
	/*おしらせ*/
	.list-info li a {
    font-size: 1.4rem;
	}
	/*おすすめ*/
	#itemRecommendList .section-head .title1,
	#itemGoodsList .section-head .title1 {
    color: #57523e;
	}
	#itemRecommendList .section-head .sub-title {
    color: #57523e;
	}


}/*forSP END*/

/*itemSearchList*/
#itemSearchList > .inner {
  border: #D4473C 3px solid;
  padding: 30px 15px 40px;
}

#itemSearchList > .inner .section-head {
  display: block;
  margin-bottom: 15px;
}

#itemSearchList > .inner .section-head .title1 {
  color: #D4473C;
  position: relative;
  overflow: visible;
}

#itemSearchList > .inner .section-head .title1 img {
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translate(6em,0.2em);
  z-index: 2;
  width: 20%;
  max-height: 3em;
  width: auto;
}
/*----------------------
	for PC
----------------------*/
@media screen and (min-width: 768px){
#itemRecommendList .inner,
#itemGoodsList .inner {
  padding: 5rem;
}
#itemSearchList > .inner {
    padding: 30px 60px 40px;
}
#itemSearchList .cat-menu {
  display: flex;
  justify-content: space-between;
}
#itemSearchList .cat-menu>li {
  width: 48%;
}

}/*for PC end*/
#aboutHBC .inner {
  padding: 5rem 1rem;
}

#aboutHBC .item-wrap p {
  text-align: center;
  margin-bottom: 24px;
}

#aboutHBC .item-wrap p img {
  padding: 25px 70px 20px;
}

@media screen and (min-width: 768px){
#aboutHBC .inner {
  padding: 5rem;
}
#aboutHBC .item-wrap p img {
    width: 60%;
    display: block;
    margin: auto;
}
}

#officialInfo {
  position: relative;
  padding: 16px 0 80px;
}

#officialInfo:after {
  position: absolute;
  left: 50%;
  bottom: -95px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  display: block;
  width: 133px;
  height: 164px;
  background-image: url(https://image.raku-uru.jp/01/17559/36/monsuke_bay%404x_1617091704673.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
}

#officialInfo .section-head {
  display: block;
}

#officialInfo .section-head .title1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 25px;
}

#officialInfo .section-head .title1:before, #officialInfo .section-head .title1:after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #57523e;
}

#officialInfo .section-head .title1:before {
  margin-right: 1rem;
}

#officialInfo .section-head .title1:after {
  margin-left: 1rem;
}

#officialInfo .sns {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#officialInfo .sns li {
  margin: 0 8px;
}

#officialInfo .sns li a {
  width: 60px;
  height: 60px;
  background-color: transparent;
  -webkit-filter: drop-shadow(0 3pt 6pt #00000029);
          filter: drop-shadow(0 3pt 6pt #00000029);
}

#officialInfo .sns li a.twitter::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-size: contain;
  background-image: url(https://image.raku-uru.jp/01/17559/4/Twitter-logo2_1616743214284.png);
}

#officialInfo .sns li a.facebook::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-size: contain;
  background-image: url(https://image.raku-uru.jp/01/17559/5/facebook-logo_1616743214509.png);
}
#officialInfo .sns li a.X {
  width: 50px;
  height: 50px;
}
#officialInfo .sns li a.X::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-size: contain;
  background-image: url(https://image.raku-uru.jp/01/17559/3253/X-logo_1705536669443.png);
}

/* TOP追加css dns_murata_202104
--------------------*/
/*ショップ説明1（top_banner __area1）*/
#top-shop-message1 {
	padding: 0 1.5rem;
	margin: 3rem 0 0;
}
#top-shop-message1 a {
	margin-bottom: 1rem;
	box-shadow: 0 3pt 6pt rgb(0 0 0 / 16%);
}
#top-shop-message1 a img {
	width: 100%;
}

/*ショップ説明2（top_banner __area2）*/
#top-shop-message2 {
	border: none;
	margin: 0;
	padding: 0 1.5rem;
}
#top-shop-message2 a {
	margin: auto;
	box-shadow: 0 3pt 6pt rgb(0 0 0 / 16%);
}

/*hover*/
.list-info li a:hover {
    opacity: 1;
}
/*文字色*/
.cat-menu li a {
    color: #444;
}
/*余白*/
#top-shop-message1 a {
   margin-bottom: 0;
}

/*20210610 murata*/
/*TOP調整-PICKUP*/
.main-image__gizagiza-outer h4 {
	font-size: 2.8rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
/*横スライド*/
.main-image-prev {
	z-index: 10
}


/*20210614 murata*/
/*カラー調整*/
/*#top-kv {
	position: relative;
	height: 100%;
	width: 100%;
	animation: move-stripe 2.5s infinite linear;
	background-size: 70px 70px;
	background-attachment: fixed;
	 background-image: linear-gradient(-45deg, #f5eeed 25%, #f4e2de 25%, #f4e2de 50%, #f5eeed 50%, #f5eeed 75%, #f4e2de 75%, #f4e2de ); 
}*/

#top-main {
    background: #f1f0ec;
}

/*濃い茶*/
.section-head .title1, .section-head .ttl h2,
.item-head .title1, .item-head .ttl h2,
.list-info li a,
.fukidashi span,
#itemRecommendList .section-head .title1,
#itemGoodsList .section-head .title1,
.section-head .sub-title,
.cat-menu h4,
.main-image__gizagiza-outer #main-image .main-image-slider > ul > li .topkv .fukidashi span{
    color: #57523e;
}

.list-info li a,
.cat-menu h4{
    border-color: #57523e;
}

.icon-badge53708::before,
.btn.btn-flat:before,
a.btn.btn-flat:before,
button.btn.btn-flat:before{
    background: #57523e;
}

.list-info li a:before {
    background-image: -webkit-gradient(linear, right top, left bottom, color-stop(48%, rgba(212, 71, 60, 0)), color-stop(50%, #57523e)), -webkit-gradient(linear, right bottom, left top, color-stop(48%, rgba(212, 71, 60, 0)), color-stop(50%, #57523e));
    background-image: linear-gradient(to bottom left, rgba(212, 71, 60, 0) 48%, #57523e 50%), linear-gradient(to top left, rgba(212, 71, 60, 0) 48%, #57523e 50%);
}


/*朱色*/
.btn.btn-flat, a.btn.btn-flat, button.btn.btn-flat {
   background: #d94b19;
}
#itemSearchList > .inner .section-head .title1,
.cat-menu .list_title label{
	 color: #d94b19;
}
#itemSearchList > .inner {
	border-color:#d94b19;
}

/*グレー*/
.list-product .itemWapper {
    background-color: #f1f0ec;
}
/*オレンジ*/
.fukidashi span:after {
	border-color: #ffcc50 transparent transparent transparent;
}


/*box-shadow*/
.list-info li a,
.list-product .itemWapper{
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*kv*/
#top-kv {
	/*background: #fff;*/
	/*background: linear-gradient(#f1f0ec, #ffffff);*/
	background: linear-gradient(#fbf3cf 0%, #ffffff 50%);
}
/*pickup*/
.main-image__gizagiza-outer {
	position: relative;
	height: 100%;
	width: 100%;
	animation: move-stripe 7s infinite linear;
	background-size: 200px 200px;
	background-attachment: fixed;
	background-image: linear-gradient(-45deg, #b6d5c5 25%, #7ea993 25%, #7ea993 50%, #b6d5c5 50%, #b6d5c5 75%, #7ea993 75%, #7ea993);
}

.main-image__gizagiza-outer:before,
.main-image__gizagiza-outer:after {
	display: none;
}
.main-image__gizagiza-outer {
    margin: 0pt 0;
}

@keyframes move-stripe {
  0% {  background-position-x: 0;}
  100% {  background-position-x: -200px;}
}

/**/
.top-kv__text.fukidashi span {
	/*background-color: #f1f0ec;*/
	background-color: #fff;
}

/*◀　▶*/
.main-image-prev a,
.main-image-next a {
	z-index: 999

}

/*20210628 murata*/
/*HBCショップについて*/
#aboutHBC .item-wrap figure {
    padding: 25px 0 25px;
    width: 100%;
    display: block;
    margin: auto;
}

/*20210630 murata*/
/*PICKUP変更*/
.main-image-prev,
.main-image-next {
	top: 37%;
	transform: translateY(-37%);
}
.main-image-prev {
	z-index: 999;
}

/*20211006 murata*/
/*カレンダー追加*/
#top_calendar .secondary-head h3 {
	text-align: center;
	color: #57523e;
	font-size: 3.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#top_calendar .secondary-head h3:before,
#top_calendar .secondary-head h3:after {
    content: "";
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #57523e;
}
#top_calendar .secondary-head h3:before {
    margin-right: 1rem;
}
#top_calendar .secondary-head h3:after {
    margin-left: 1rem;
}

#top_calendar .calendar table {
	width: 100%;
	margin: auto;
}
#top_calendar .list-event {
	text-align: left;
	border: none;
}
#top_calendar .schedule-area2 {
	width: 48%;
	margin-right: 0;
}
#top_calendar .block-in {
	justify-content: space-between;
}
#top_calendar .schedule-area2 .months {
    padding: 1.5rem 0 .5rem;
    font-size: 1.6rem;
    font-weight: bold;
    color: #57523e;
}
#top_calendar .calendar table {
    background-color: #fff;
}
#top_calendar table th {
    background-color: #dddbd6;
}
#top_calendar .calendar th,
#top_calendar .calendar td {
    border: 2px solid #f1f0ec;
}
#top_calendar .e1 i,
#top_calendar .list-event li.event1::before{
		color: #222; 
    background-color: #f5af90;
}
#top_calendar .e2 i,
#top_calendar .list-event li.event2::before{
    color: #222;
    background-color: #d6efa5;
}
#top_calendar .e3 i,
#top_calendar .list-event li.event3::before {
	color: #222;
  background-color: #dde4f3;
}

#top_calendar .calendar_notebox {
  font-size: 1.4rem;
	color: #333;
}
#top_calendar .calendar_notebox a {
  text-decoration: underline;
	display: inline-block;
}
#top_calendar .calendar_notebox .indent {
    margin: 1em 0;
}
#top_calendar .calendar_notebox .indent p {
    text-indent: -1em;
    padding-left: 1em;
    font-size: .9em;
    line-height: 1.6;
}

#top_calendar p.hours {
    font-size: .9em;
    font-weight: 600;
}

/*TOP ranking*/
#top_ranking {
	margin-bottom: 3rem;
}
#top_ranking .section-head {
	padding-bottom: 3rem;
}

#top_ranking ul.list-product.col-5 {
	gap: 1.5rem;
  justify-content: space-between;
}

#top_ranking ul.list-product.col-5 li {
	/*width: calc(100% * 0.33333 - 1rem);*/
	width: calc(100% * 0.25 - 1.5rem);
  padding: 0;
  background: #fff;
  margin: 0;
}

#top_ranking ul.list-product.col-5 li .item-info {
  padding: 1em;
}
#top_ranking ul.list-product.col-5 li .item-info .item-name {
  margin-top: 0;
}

#top_ranking ul.list-product.col-5 li .icon-rank {
  width: 2em;
  height: 2em;
  line-height: 1.8em;
  border-radius: 0;
	background-color: #222;
}

#top_ranking ul.list-product.col-5 li:first-of-type .icon-rank {
	background-color: #e9cf73;
}
#top_ranking ul.list-product.col-5 li:nth-of-type(2) .icon-rank {
	background-color: #b3b3b3;
}
#top_ranking ul.list-product.col-5 li:nth-of-type(3) .icon-rank {
	background-color: #a35f56;
}

#top_ranking p.item-variation {
	font-size: 70%;
  margin: 1em 0 0;
  color: #838383;
}


/*----------------------
	for SP
----------------------*/
@media screen and (max-width: 767px){
	
	.main-image__gizagiza-outer {
   padding: 3rem 0;
	}
	#header .site-name {
		display: none;
	}
	#top-kv {
    padding: 3rem 0rem 0rem;
	}
	
	.fukidashi span {
		font-size: 85%;
    letter-spacing: 1px;
		padding: 1em 2em;
	}
	
	.main-image__gizagiza-outer {
    background-size: 150px 150px;
	}
	
	@keyframes move-stripe {
		0% {  background-position-x: 0;}
		100% {  background-position-x: -150px;}
	}
	
	/*20210630 PICKUP変更*/
	.main-image__gizagiza-outer #main-image {
    padding-bottom: 4rem;
	}
	
	/*20211006 murata*/
	/*カレンダー追加*/
	#top_calendar {
    width: 94%;
    margin: 0 3%;
    height: auto;
    position: relative;
	}
	#top_calendar .secondary-head h3 {
		font-size: 2.4rem;
	}
	#top_calendar .schedule-area2 {
    width: 100%;
	}
	
	
	/*20240118 ranking*/
	#top_ranking {
		width: 94%;
		margin: 0 3%;
		height: auto;
	}
	#top_ranking ul.list-product.col-5 {
		gap: 1rem;
	}
	#top_ranking ul.list-product.col-5 li {
		width: calc(100% * 0.5 - 0.5rem);
	}
	
	
	
	
}

/*----------------------
	for PC
----------------------*/
@media screen and (min-width: 768px){
	/*ショップ説明1（top_banner）*/
	#top-shop-message1 > div {
		display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
	}
	/*ショップ説明2（top_banner __area2）*/
	#top-shop-message2 {
		padding: 0;
	}
	#top-shop-message2 a {
		max-width: 70rem;
	}

	/*TOP調整 20210602 murata*/
	.section-head .title1 {
		font-size: 3.2rem;
	}
	.section-head .sub-title {
		font-size: 2rem;
		margin: 0.5rem 0 0 0;
	}
	.cat-menu h4 {
		font-size: 2rem;
	}
	.list-info li a {
    padding: 1.5em 1em;
	}
	#itemRecommendList .section-head .title1,
	#itemGoodsList .section-head .title1 {
    color: #57523e;
    padding-top: 100px;
    background: url(https://image.raku-uru.jp/01/17559/38/kani_b%404x_1617150634402.png) center top/90px 88.58px no-repeat;
	}
	#itemGoodsList .section-head .title1 {
    background: url(https://image.raku-uru.jp/01/17559/6/monsuke_1616743278811.png) center 1px/90px 80.24px no-repeat;
	}
	.section-head .sub-title {
    color: #57523e;
	}
	#itemSearchList > .inner .section-head .title1 img {
    right: 44%;
    max-height: 4.5em;
	}
	#itemSearchList > .inner {
    padding: 6rem 6rem 4rem;
	}
	#itemSearchList > .inner .section-head .title1 {
    letter-spacing: 5px;
		margin-bottom: 3rem;
	}
	svg:not(:root).svg-inline--fa {
    margin-right: 1rem;
	}
	.info-block .list-info {
    background-size: 150px;
    padding-top: 70px;
	}
	.cat-menu h4 {
    font-size: 2.4rem;
	}
	.list-product li .item-info .item-name a {
    font-size: 1.6rem;
    font-weight: bold;
	}
	.item-info .item-price {
    font-size: 1.6rem;
	}
	.fukidashi span {
    padding: 1.5em 3em;
　}
	
	/*20210610 murata*/
	.main-image__gizagiza-outer h4 {
    font-size: 3.2rem;
	}
	.main-image__gizagiza-outer {
   　padding: 3.5rem 0;
	}
	
/*20210614 カラー調整 murata*/
.kv_inner {
    max-width: 1040px;
    margin: 0 auto;
}	
#top-kv {
	max-width: 100%;
	padding: 8rem 3% 8rem;
}
header#header {
    position: absolute;
    z-index: 9999;
}
#top-shop-message1 > div {
    gap: 1.5rem;
}
/*濃い茶*/
#itemRecommendList .section-head .title1,
#itemGoodsList .section-head .title1{
　color: #57523e;
}
	
/*20210628 HBCショップについて　murata*/
	#aboutHBC .item-wrap figure {
			padding: 25px 0 20px;
			width: 60%;
	}
	
	#header {
			max-width: 35rem;
	}
	
}/*for PC end*/



/*20211203 トップページ調整 murata */
	#new-item {
		max-width: 100%;
		/*display: none;*/
	}
	#new-item .swiper {
		width: 600px;
		height: 300px;
	}
	
	#new-item .list-product li.swiper-slide {
    list-style: none;
    margin: 15px 0;
    padding: .5%;
	}
	#new-item .list-product li.swiper-slide .item-info {
    padding: 1em;
    background: #fff;
	}
	#new-item .list-product li.swiper-slide .item-info .item-name,
	#new-item .list-product li.swiper-slide .item-photo {
			margin: 0;
	}
	#new-item .list-product li.swiper-slide .item-photo img {
    max-height: 100%;
	}
	
	#new-item ul.swiper-wrapper.list-product {
    display: flex;
    height: 100%;
    /*gap: 1em;*/
	}
	#new-item .list-product li.swiper-slide {
    list-style: none;
    margin: 15px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
	}
	#new-item .list-product li.swiper-slide {
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
	}
	#new-item ul.swiper-wrapper.list-product li {
		 display: flex;
	}
	#new-item ul.swiper-wrapper.list-product li {
    height: auto;
		background: #fff;
	}

	#new-item .swiper-container {
		padding: 3rem 0 6rem;
	}

/*swiper*/
	#new-item .swiper-pagination-bullet-active {
    background: #d94b19;
	}
	
	/*for PC
	------------------------------------*/
	@media screen and (min-width: 768px) {
		
		#new-item .list-product li.swiper-slide .item-info,
		#new-item .list-product li.swiper-slide .item-photo{
			width: 100%;
			box-sizing: border-box;
		}
		
		#new-item ul.swiper-wrapper.list-product li {
			display: flex;
			flex-direction: column;
		}
		
	}/*for PC end*/
	
	
	/*仮環境のアイコンNOになってるので本番ではいらない↓*/
	/*.icon-badge59686::before {
		padding: 0.8em;
		letter-spacing: 2px;
		font-weight: normal;
		text-align: center;
		font-size: 70%;
		width: 90px;
		background: #6b9539 !important;
	}*/

	/*20211214 DNS村田*/
	#new-item .section-head {
		padding-bottom: 30px;
	}
	#new-item h2.title1.lsp_2 {
		letter-spacing: 2px;
	}
	#new-item .list-product li.swiper-slide {
		margin: 0;
	}
	#new-item ul.swiper-wrapper.list-product {
		margin: 0 0 3rem;
	}
	#new-item .swiper-container {
		padding: 0 !important;
	}
	#new-item .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 0;
	}
	#new-item .swiper-container {
		padding: 0 0 0rem;
	}

/*forSP*/
@media screen and (max-width: 767px){
	/*おすすめ商品スマホの時の横幅調整*/
	#itemRecommendList .item-wrap .list-product li,
	#itemGoodsList .item-wrap .list-product li {
		width: calc(100% / 6 - 3px);
		padding: 0 .5%;
	}
	/*新着*/
	.list-product li.swiper-slide .item-info {
		padding: 1em;
	}
}


/*# sourceMappingURL=top.css.map */