@charset "euc-jp";

@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');

body {
  position: relative;
  background-color: #fff;
  background-image: url(https://img.shop-pro.jp/tmpl_img/73/bg.gif);
  color: #000;
font-family: 'Zen Old Mincho','游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
    letter-spacing: 1px;
  font-size: 16px;
}
#page {overflow: hidden;}
a {
  color: #000;
}
a:hover {
  color: #000;
  transition: all 0.2s;
  opacity: .5;
}
ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
dd {
margin-left: 0;
}
dd {
line-height: 2;
}
/*
 * layout
 */
#wrapper {
  max-width: 100%;
}

/*
 * contents
 */

/*#contents {
  float: right;
  padding-left: 30px;
}*/
#contents .topicpath-nav {
  margin-bottom: 5px;
}
  #contents .topicpath-nav li {
    padding: 0;
  }
  #contents .topicpath-nav a {
    margin-left: 5px;
  }

/*
 * side
 */

#side .unstyled img {
  display: block;
  margin-bottom: 5px;
}

/*
 * temp
 */

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

/* background */
.bgc_gray {
  background-color: #f1f1f1;
}
.rv-box .bg-ue {

}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }
.container {
width: 100%;
}
#o-box {
    height: 100%;
    height: 100vh;
}
ul.slider li {
    float: left;
    width: 100%;
}
#h-all,#o-box {
    position: relative;
}
#koko {
    position: absolute;
    top: 75%;
}
.site-header {
position: relative;
}
.logobox {
width: 100%;
max-width: 300px;
margin: 0px auto 0;
z-index: 100;
position: relative;
}
.site-title {
font-size: 60px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 58px 0 10px;
}
.slidebox {
overflow: hidden;
}
.waku, .o-waku {
width: 100%;
margin: 50px auto 85px;
}
#contents .waku {
width: 100%;
  max-width: 1150px;
  margin: 50px auto 85px;
}
.waku ul {
margin-left: -4%;
}
.waku ul li.neware:hover {
opacity: .6;
}
.waku ul li.neware.berger {
width: 23%;
margin: 0 0 2% 2%;
}
.side-menu .waku ul {
  margin-left: -2%;
}
.waku ul li {
float: left;
width: 29.3333%;
margin: 0 0 3% 4%;
}
ul.ichiran {
    margin: 0 0 0 -2%;
    padding: 0;
    overflow: hidden;
}
ul.ichiran li.history-unit {
width: 18%;
margin: 0 0 2% 2%;
  float: left;
}
ul.ichiran li.history-unit.p-173292884 span.price-text {
display: none;
}
.history-unit a:hover {
text-decoration: none;
  opacity: .6;
}
.history-unit:hover {
  opacity: .6;
}
.rv-box {}
.rv-box-in {
width: 92%;
margin: 50px auto;
padding: 50px 0;
  overflow: hidden;
}
.owaku {
    background-color: #dfdfdf;
    /* margin-top: 100px; */
    padding: 100px 0;
}
.p-shopguide__img {display: none;}
.p-shopguide__body .haisou img {
/*width: 80%;*/
}
.p-shopguide-head .c-ttl-sub {
  font-size: 20px;
}
.p-shopguide__ttl {
margin-top: 25px;
  margin-bottom: 12px;
border-bottom: 2px solid;
display: inline-block;
}
.p-shopguide__body {
margin-bottom: 65px;
}

.owaku .side-in {
max-width: 92%;
margin: auto;
padding: 0 4% 2% 4%;
width: 100%;
}
.side-in.catbox {
  font-size: 14px;
}
button.slide-arrow {
    background: transparent;
    border: none;
    border-bottom: 0 none;
    border-radius: 0;
    padding: 0;
    text-decoration: none;
}
button.slide-arrow:hover, button.slide-arrow:focus {
    background: transparent;
    opacity: .8;
}
button.slide-arrow img {
    width: 10px;
}
.slick-dots {
    position: absolute;
    bottom: 11px;
    box-sizing: border-box;
    padding-bottom: 0;
    left: 75px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 0;
    text-align: center;
    z-index: 5;
  display: none!important;
}
.slick-dots li button {
    width: 100%;
    height: 100%;
    background-color: #111;
    display: block;
}
.slick-dots li button {
    text-indent: -9999em;
    border-style: none;
    width: 3px;
    height: 3px;
    padding: 0;
    outline: 0;
    background: #888;
}
.slick-dots li.slick-active button {
    background-color: #000;
}
.slick-dots li {
display: inline-block;
padding: 0 7px;
}
.slick-dots li {
width: 3px;
height: 3px;
padding: 0;
margin: 0 5px;
vertical-align: top;
}
.slick-slider {
    padding-bottom: 45px;
   margin-left: -25px;
}
li.slick-slide {margin-left: 25px;}
ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
button.slide-arrow.prev-arrow {
position: absolute;
bottom: 5px;
left: 25px;
}
button.slide-arrow.next-arrow {
    position: absolute;
    bottom: 5px;
    left: 80px;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  margin: 0;
}
span.en {
  font-size: 14px;
  padding-left: 1px;
}
span.zei {
  font-size: 12px;
  padding-left: 1px;
}
p.kingaku {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1.2px;
}
p.so {}
p.setu-txt {
color: #888;
font-size: 15px;
line-height: 1.8;
}
.neware h2 {
  font-size: 16px;
margin-top: 20px;
margin-bottom: 8px;
}
span.yoko-sen {
display: inline-block;
width: 20px;
border-bottom: 1px solid #cdcdcd;
margin: 3px 6px 3px 6px;
}
.textBox ul {
margin-top: 10px;
}
.textBox ul li {
list-style: disc;
margin: 0 0 20px 15px;
}
.textBox ul li:last-child {
margin: 0 0 0 15px;
}
span.smoji {
font-size: .8rem;
}
.textBox {
border: 2px solid #333;
border-radius: 5px;
padding: 30px;
position: relative;
  margin-top: 100px;
}
.haisou {
width: 100%;
max-width: 560px;
margin-top: 15px;
}
.p-shopguide__img {display: none;}
.p-shopguide__body .haisou img {
/*width: 80%;*/
}
.p-shopguide-head .c-ttl-sub {
  font-size: 20px;
}
.p-shopguide__ttl {
margin-top: 25px;
border-bottom: 2px solid;
display: inline-block;
}
.p-shopguide__body {
margin-bottom: 65px;
}
.smaho {
  display: none;
}
ul.tokutei {margin-top: 50px;}
ul.tokutei li {
font-weight: bold;
margin-bottom: 25px;
}
.side-in a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  color: #000;
}
.side-in a:hover {
text-decoration: none;
color: #000;
}
.side-in a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.side-in a:hover:before, .side-in a:focus:before, .side-in a:active:before {
  right: 100%;
}
.c-ttl-sub__ja {
font-weight: normal;
font-size: 12px;
color: #888;
padding-left: 8px;
}
/*ここに追加*/
/* サイドオープン時にメインコンテンツを覆う部分 */
.side-in {
  width: 100%;
  max-width: 850px;
  margin: auto auto 100px;
}
/*.owaku .side-in {
  max-width: 1500px;
  margin: auto;
  padding: 0 2% 2% 6%;
}*/
.side-in.catbox {
  font-size: 14px;
}
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 103;
}
.overlay::after {
  /*content: "Close Menu";*/
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  letter-spacing: 2px;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}

.side-open .side-menu {
  display: block;
  transform-origin: center bottom;
  animation: animation-menu .8s both cubic-bezier(0.25, 0.1, 0.25, 1.0);
}
@keyframes animation-menu {
    0% {
        opacity: 0;
    transform: rotate(0) translateX(5px);
    }
    100% {
        opacity: 1;
    transform: rotate(0) translateX(0);
    }
}


.side-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 84%;
  height: 100%;
  padding: 5% 8% 0;
  text-align: left;
  font-size: 13px;
  /* background-color: rgba(249, 249, 249, 0.98); */
  z-index: -1;
  display: none;
  color: #111;
}
.side-open .side-menu {
  background-color: rgba(249, 249, 249, 0.98);
    z-index: 110999999999999999999999999999999999999;
    overflow: scroll;
    line-height: 2;
    display: inline;
}
.side-open .content-area {
opacity: 0;
}
.home.side-open .site-header, .home.side-open .aisatsu-all {
    z-index: -111;
}

/* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
.side-menu-btn {
  position: fixed;
top: 5px;
left: 30px;
  width: 70px;
  height: 70px;
  cursor: pointer;
  z-index: 112;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 9999999999999999999;
}

.side-open .side-menu-btn {
top: 15px;
left: 30px;
-webkit-transition: all .8s ease;
transition: all .8s ease;
  z-index: 120999999999999999999999999999999999999;
}
/* サイドメニューオープン */
.side-open #wrap,
.side-open .overlay {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.home .side-menu-btn span {
    background: #000;
}
.side-menu-btn span {
    background: #000;
    transition: all 0.3s;
    transform: rotate(0deg);
    width: 60px;
    height: 2px;
    display: block;
    position: absolute;
    left: 20%;
    top: 50%;
    margin-left: -10px;
/*  display: none;*/
  }
.side-menu-btn.kuro span {
    background: #000;
  }
.side-open .side-menu-btn span {display: inline-block;animation: fade .6s ease-in-out .2s 1 normal forwards;}
.side-open .menubox {z-index: -1;}
.side-menu-btn span.top {
    transform: translateY(-8px);
}
.side-menu-btn span.bottom {
    transform: translateY(8px);
}

.side-open .side-menu-btn span.middle {
    background: rgba(234, 233, 231, 0);
}
.side-open .side-menu-btn span.top {
    transform: rotate(-155deg) translateY(0px);
    background-color: #111;
}
.side-open .side-menu-btn span.bottom {
    transform: rotate(155deg) translateY(0px);
    background-color: #111;
}
.side-menu ul li a {
    color: #111;
    text-decoration: none;
}
.side-menu ul li {
    display: block;
    position: relative;
    margin-bottom: 8px;
    font-size: 13px;
}
.side-menu ul li span {
  /*color: #888;
  font-size: 14px;*/
}
/*ここまで*/
.menubox:hover {
  width: 70px;
  margin-right: -10px;
  cursor: pointer;
right: 10px!important;
-webkit-transition: .4s ease;
transition: .4s ease;
}
#primary .menubox {
    z-index: 999;
}
.waku ul li.neware.p-173292884 p.kingaku {
display: none;
}
@keyframes fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.instabox {
width: 100%;
max-width: 500px;
position: absolute;
bottom: 18%;
left: 15%;
}
.cartbox {
width: 100%;
max-width: 500px;
position: absolute;
bottom: 18%;
right: 15%;
}
.instabox ul {overflow: hidden;}
.instabox ul li {
float: left;
margin-right: 45px;
font-size: 17px;
letter-spacing: 2px;
color: #000;
  overflow: hidden;
}
.cartbox ul {overflow: hidden;}
.cartbox ul li {
float: right;
margin-left: 45px;
font-size: 17px;
letter-spacing: 2px;
color: #000;
  overflow: hidden;
}
.link-all a {
color: #000;
text-decoration: none;
  font-weight: 600;
}
.link-all a:hover {
color: #000;
text-decoration: none;
  opacity: 1;
}
.link-all a::after {
    border-bottom: 1.6px solid #000;
    position: relative;
    display: block;
  	content: "";
}
.link-all a:hover::after {
    border-bottom: 1.6px solid #000;
    content: "";
    position: relative;
    display: block;
    width: 0%;
    animation: up 1.5s infinite ease-in-out;
    -webkit-animation: up 1.5s infinite ease-in-out;
}
@keyframes up {
    0% { width: 0%;}
    50% { width: 100%; left: 0px;}
    100% { left: 100%; width: 100%; opacity: 0.2;}
}

@-webkit-keyframes up {
    0% { width: 0%;}
    50% { width: 100%; left: 0px;}
    100% { left: 100%; width: 100%; opacity: 0.2;}
}
.neware a {}
.neware a:hover {text-decoration: none;}
.foot h1.site-title {
width: 100%;
max-width: 225px;
margin: auto;
}
.copybox {
  font-size: 12px;
  text-align: center;
  margin: 30px 0 20px;
}
h2.midashi {
}
.addbox {
text-align: center;
  margin: 15px 0;
}
.addbox p {
}
.menu-box {}
.menu-box ul {
text-align: center;
  margin: 25px 0 30px;
}
.menu-box ul li {
display: inline-block;
margin: 0 15px;
}
.menu-box ul li a:hover {
text-decoration: none;
  color: #000;
  opacity: 1;
}
/*.menu-box ul li a::after {
    border-bottom: 1px solid #000;
    position: relative;
    display: block;
  	content: "";
}
.menu-box ul li a:hover::after {
    border-bottom: 1px solid #000;
    content: "";
    position: relative;
    display: block;
    width: 0%;
    animation: up 1.5s infinite ease-in-out;
    -webkit-animation: up 1.5s infinite ease-in-out;
}*/
@keyframes up {
    0% { width: 0%;}
    50% { width: 100%; left: 0px;}
    100% { left: 100%; width: 100%; opacity: 0.2;}
}

@-webkit-keyframes up {
    0% { width: 0%;}
    50% { width: 100%; left: 0px;}
    100% { left: 100%; width: 100%; opacity: 0.2;}
}
.mb-soto {
width: 100%;
margin: 100px auto;
overflow: hidden;
}
.mb-soto .menu-box ul {
  text-align: center;
}
.mb-soto .menu-box ul li {
float: left;
  font-size: 16px;
  margin: 0 20px 0 0;
  overflow: hidden;
}
h2.naka-midashi {
position: relative;
  font-size: 22px;
}
h2.naka-midashi span {
color: #888;
font-size: 13px;
padding-left: 8px;
position: absolute;
top: 8px;
font-weight: 500;
}
.freebox a {
  background-color: #fff000;
}
/*追加*/
.icon-text {
    background-color: #cdcdcd;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
}
.icon-text1 {
    background-color: /*#99ffff*/#99ffff;
    color: #000;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
  margin-right: 4px;
}
.icon-text2 {
    background-color: /*#ff99cc*/#ff6;
    color: #000;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
}
.menubox {
position: fixed;
bottom: 7%;
left: 2%;
    z-index: 99999;
}
ul.tate-menu {
display: flex;
}
ul.tate-menu li {
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
line-height: 1.8;
margin-left: 14px;
}
ul.tate-menu li a {
text-decoration: none;
padding: 0;
margin: 0;
font-size: 1.6rem;
letter-spacing: 2px;
animation: moji-a 60s linear infinite;
text-transform: capitalize;
}
ul.tate-menu li a:hover {
    opacity: .4;
  /*color: #ff0000;*/
}
ul.tate-menu li span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-transform: capitalize;
    margin-top: 3px;
    letter-spacing: 3px;
}
.site-title {
font-size: 60px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 0;
}
.site-title img {
width: 100%;
height: auto;
border: 0 none;
vertical-align: middle;
}
.home-header .logo-box .child {

}
.logo-box .child {
width: 100%;
max-width: 15%;
/* float: right; */
/* padding-right: 4%; */
top: 15px;
right: 3%;
z-index: 99;
  position: absolute;
}
.in-r-box {

  
}
.mb-soto .menu-box ul li {
float: left;
font-size: 20px;
margin: 0 35px 0 0;
text-align: left;
}
.side-menu ul li a {
color: #111;
text-decoration: none;
text-transform: capitalize;
}
.side-menu ul.main-menu li span {
color: #888;
font-size: 14px;
display: block;
}
h2.midashi span {
    font-size: 14px;
    display: block;
    padding-top: 5px;
}
ul.gp-all {    overflow: hidden;}
ul.gp-all li {
width: 50%;
    float: left;
      position: relative;
}
ul.gp-all li .home-box {
   position: absolute;
  right: 20px;
  top: 15px;
 /* top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);*/
  -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    line-height: 1.8;
    font-size: 22px;
    letter-spacing: 8px;
}
ul.gp-all li .home-box span.sebete {
  display: block;
    font-size: 16px;
}
ul.gp-all li:first-child .home-box {
color: #fff;
}
#contents {margin-top: 12%;}
.chu-i {
	position: absolute;
    bottom: 15px;
    left: 15px;
    border-bottom: 1px solid;
    text-transform: capitalize;
}
ul.gp-all li:first-child .chu-i {
color: #fff;
}
.subete {border-right: 1px solid;}
.page .site-info {
    margin: 0 0 0;
    text-align: center;
    padding-bottom: 2%;
}
.site-footer {
    background-color: transparent;
    color: #000;
    font-size: 12px;
    text-align: left;
    padding-top: 0;
    /* animation: hi-all 50s linear infinite; */
}
.site-info {
    margin: 50px 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Zen Old Mincho','游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
      text-align: center;
}
.c-btn {
    position: fixed;
transform: rotate(-90deg) translateX(-100%);
-webkit-transform: rotate(-90deg) translateX(-100%);
transform-origin: left top;
-webkit-transform-origin: left top;
letter-spacing: 3px;
text-transform: capitalize;
bottom: 70%;
font-size: 16px;
width: 400px;
left: 97%;
letter-spacing: 4px;
    z-index: 9999999999999999;
    -webkit-transition: .4s ease;
    transition: .4s ease;
      text-align: center;
  opacity: 0;
}
.c-btn span {
display: inline-block;
border-bottom: 1px solid;
width: 35px;
margin: 0 10px 6px 5px;
}
.c-btn.fixed {opacity: 100;
}
.c-btn svg {fill: #fff;width: 35px;margin:auto; }
.c-btn img {width: 35px;margin:auto;padding-top: 8px; }
.c-btn:hover {
  cursor: pointer;
-webkit-transition: .4s ease;
transition: .4s ease;
}


@keyframes fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.menubox.fixed {
z-index: -100;
opacity: 0;
}
#intro {
position: fixed;
background-color: #fff;
z-index: 99;
width: 100%;
}
.intro-in {
    position: relative;
width: 100%;
height: 100%;
height: 100vh;
    animation: okureru 1s linear;
    animation-fill-mode: both;
}
.intro-text {
        font-size: 1.2vmax;
        line-height: 3;
        letter-spacing: 0.2em;
        font-weight: bold;
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.intro-text span {
display: inline-block;
border-bottom: 1px solid;
width: 35px;
margin: 0 10px 6px 5px;
}
.in-wrap-txt-sita {
    position: absolute;
    top: 50%;
    left: 5%;
    font-size: 1.6rem;
    font-weight: bold;
}
span.yokobou {
display: inline-block;
border-bottom: 1px solid #cdcdcd;
width: 20px;
/* padding: 5px 10px 0; */
margin: 0px 5px 5px;
}
span.kagosima {
color: #888;
display: inline-block;
font-size: 12px;
margin-bottom: 5px;
margin-left: 5px;
}
p.teikasen {
font-size: 14px;
color: #888;
text-decoration: line-through;
}
p.teikasen span.zei {
font-size: 10px;
padding-left: 1px;
}

@media (max-width: 1280px) {
  /*.in-wrap-txt-sita {
      top: 20%;
  }
  ul.gp-all li .home-box {
  font-size: 18px;
  }
  ul.gp-all li .home-box span.sebete {
  font-size: 14px;
  }*/
.in-wrap-txt-sita {
  position: relative;
  top: auto;
    left: auto;
    width: 90%;
  max-width: 1000px;
    margin: 30px auto 0;
  }
  .img-naka, .mtitle {
  border-bottom: 0 none;
     padding-bottom: 0;
  }
  .img-naka span, .mtitle span {border-bottom: 2px solid; padding-bottom: 14px;}
}
.in-bg {
background-color: #ff0000;
color: #fff;
}

@media (max-width: 1000px) {
.midashi-left {
position: relative;
left: auto;
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
font-size: 22px;
line-height: 1.4;
letter-spacing: 0.2em;
font-weight: bold;
display: inline-block;
white-space: nowrap;
}
.naka-r {
width: 100%;
float: left;
padding-left: 0;
position: relative;
margin-top: 45px;
}
.naka-l {
width: 100%;
float: left;
position: relative;
}
.img-ue {
width: 50%;
float: left;
}
.img-sita {
position: relative;
width: 50%;
bottom: auto;
right: auto;
float: left;
}
.page-wrap .waku {
width: 100%;
margin: 25px auto;
padding-top: 25px;
}
}

@media (max-width: 980px) {
  /* ~980px */
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
.waku, .o-waku {
width: 96%;
margin: 50px auto;
}
}
@media (max-width: 900px) {
.i-img {
max-width: 58%;
}
.instabox {
width: 100%;
max-width: 190px;
position: absolute;
bottom: 18%;
left: 8%;
}
.cartbox {
width: 100%;
max-width: 260px;
position: absolute;
bottom: 18%;
right: 5%;
}
.intro-text {
    width: 60%;
} 
  #contents .waku {width: 98%;}
.in-wrap-txt-sita {
  position: absolute;
    top: 50%;
    left: 5%;
    width: 90%;
  max-width: auto;
    margin: auto;
  }
  .img-naka, .mtitle {
  border-bottom: 2px solid;;
     padding-bottom:14;
  }
  .img-naka span, .mtitle span {border-bottom: 0 none; padding-bottom: 0;}
}
@media (max-width: 768px) {
  /* ~768px */
  #contents {
    padding-left: 0;
  }
.container {
width: auto;
padding: 0;
}
}
@media (max-width: 736px) {
  .link-all {
  display: none;
  }
  .waku ul {
  margin-left: -2%;
  }
.waku ul li {
float: left;
width: 48%;
margin: 0 0 2% 2%;
}
  .waku ul li.neware.berger {
width: 48%;
margin: 0 0 2% 2%;
}
  .rv-box-in {
width: 96%;
margin: 10px auto;
padding: 10px 0;
overflow: hidden;
}
  .waku, .o-waku {
width: 96%;
margin: 20px auto;
}
  ul.ichiran li.history-unit {
width: 48%;
margin: 0 0 2% 2%;
float: left;
}
  .owaku {
background-color: #dfdfdf;
padding: 10px 0;
}
.owaku .side-in {
max-width: 96%;
margin: auto;
padding: 0;
}
.menu-box.footmenu ul {display: none;}
.neware h2 {
font-size: 14px;
margin-top: 15px;
margin-bottom: 5px;
}
  p.kingaku {
font-weight: 700;
font-size: 13px;
letter-spacing: 1.2px;
}
  li.slick-slide {
margin-left: 5px;
}
  #product {
width: 100%;
max-width: 100%;
margin: auto;
}
  div.f-item {
overflow: hidden;
padding-top: 10px;
margin-top: 10px;
}
  .textBox {
border: 2px solid #333;
border-radius: 5px;
padding: 30px;
position: relative;
margin-top: 50px;
}
  p.setu-txt {display: none;}
.logobox {
max-width: 230px;
margin: -35px auto 0;
}  
.site-title {
font-size: 36px;
padding: 8px 0 10px;
}
 #koko {
    position: fixed;
    top:  65%;
}
  .mb-soto .menu-box ul li {
float: left;
font-size: 20px;
width: 100%;
text-align: left;
    
}
.menu-box ul li {
display: inline-block;
margin: 0;
text-transform: capitalize;
}
  .side-open .side-menu-btn {
top: -3px;
left: auto;
right: 20px;
}
}
@media (max-width: 600px) {
.menubox {
    display: none;
}
  .intro-text {
    width: 90%;
    text-align: center;
}
  .in-wrap-txt-sita {
position: relative;
top: auto;
left: auto;
font-size: 1.2rem;
font-weight: bold;
}
.logo-box .child {
    max-width: 40%;
top: auto;
right: auto;
position: relative;
margin: 21px auto auto;
}
  .side-menu-btn {
    left: 10px;
}
.side-open .side-menu-btn {
        left: 15px;
}
  .img-soto {
width: 98%;
margin: auto;
}
  .c-btn.fixed {
    left: 93%;
}
  #contents .waku {
    max-width: 98%;
	margin: 0 auto 40px;
  }
ul.gp-all li {
width: 100%;
float: none;
position: relative;
}
  .side-menu {
    padding: 8% 2%;
    width: 96%;
}
.mb-soto .menu-box ul li {
    width: 100%;
    margin: 0;
}
.mb-soto {
width: 100%;
margin: 20px auto;
overflow: hidden;
}
  button.slide-arrow.prev-arrow {left: 10px;}
.intro-text span {
    margin-bottom: 4px;
    border-bottom: .5px solid;
}
  .in-bg {font-size: 10px;}
}
@media (max-width: 480px) {
  /* ~480px */
}

/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-twitter { background-position: -96px -176px; }
.icon-lg-b.icon-twitter { background-position: -144px -264px; }
.icon-instagram { background-position: -112px -192px; }
.icon-lg-b.icon-instagram { background-position: -168px -288px; }
.icon-facebook { background-position: -128px -176px; }
.icon-lg-b.icon-facebook {background-position: -192px -264px; }
.icon-youtube { background-position: -128px -160px; }
.icon-lg-b.icon-youtube { background-position: -191px -240px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}