@charset "utf-8";
/*----------------
[1]common
[2]headerContainer
[3]sideContainer
[4]footerContainer
[5]Container
[6]topContainer
[7]subContainer
[8]other
[9]special
------------------ */
/* **********************************************************************************************
[1]common
************************************************************************************************ */
html {
  margin: 0;
  padding: 0;
}
body {
  line-height: 1.5;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  color: #717171;
  letter-spacing: 0.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  min-width: 1100px;
}
header {
  width: 100%;
  z-index: 9999996;
  position: relative;
	text-align: center;
}
.headerContetns {
  width: 100%;
  height: 90px;
  box-sizing: border-box;
  z-index: 9999996;
  position: relative;
  top: 0;
}
.headerContetns.fixed {
  background-color: #FFF;
  height: 50px;
  position: fixed;
  transition: background-color .5s, height .5s;
}
#trns {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  background-image: url(images/logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 64px 75px;
  background-color: #FFF;
}
#wrapper {
  width: 100%;
  position: relative;
  /*overflow: hidden;*/
}
/* clear
----------------------------------------------- */
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*/ /*/
	height: auto;
	overflow: hidden;
	/**/
}
/* a 
----------------------------------------------- */
a, a:link {
  text-decoration: none;
  color: #376578;
}
a img, img {
  border: none;
  line-height: normal;
  vertical-align: top;
}
/* img 
----------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
  width: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.imgText {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.object-fit-img {
  object-fit: cover;
  object-position: 50% 50%;
  font-family: 'object-fit: cover; object-position: 50% 50%;'
}
/* slide
----------------------------------------------- */
#topHeader {
  position: relative;
  top: 0;
  width: 100%;
  overflow: hidden;
  height: 100vh;
}
#sliderbox {
  position: relative;
  width: 100%;
  height: calc(100vh - 180px);
  padding: 0;
  box-sizing: border-box;
  top: 0;
}
#sliderbox .box {
  position: relative;
  top: 0;
  width: 100%;
  height: calc(100vh - 180px);
  overflow: hidden;
}
/* **********************************************************************************************
[2]headerContainer
************************************************************************************************ */
header h1 {
  position: absolute;
  left: 5%;
  z-index: 9999999;
  width: 64px;
  height: 75px;
  top: 8px;
  text-align: center;
}
header h1 a {
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 64px;
  height: 75px;
  margin: 0 auto;
  background-image: url(images/logo.png);
}
.fixed h1 {
  top: 2px;
  transition: top .5s;
}
.fixed h1 a {
  width: 38.4px;
  height: 45px;
  background-size: contain;
}
.campaign {
  background-color: #f5efe7;
  padding: 5px 5px 7px;
  box-sizing: border-box;
  text-align: center;
  color: #727272;
  line-height: 1.4;
  font-weight: 200;
}
/* gnav
----------------------------------------------- */
.gnav {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 8px;
  right: 0px;
  z-index: 999999;
}
.fixed .gnav {
  bottom: 6px;
  transition: top .5s;
}
.gnav ul {
  text-align: center;
  width: 100%;
  position: relative;
}
.gnav li {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
}
.gnav li a {
  display: block;
  box-sizing: border-box;
  padding: 22px 0;
  color: #727272;
  font-size: 18px;
  width: 100%;
  position: relative;
  font-family: 'Lora', serif;
  font-weight: 400;
}
.fixed .gnav li a {
  padding: 21px 0;
}
.gnav li a:hover {
  color: #c7a776;
}
.gnav li a:after {
  background-color: #c7a776;
  position: absolute;
  bottom: 13px;
  left: 0;
  height: 1px;
  width: 100%;
  content: "";
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.gnav li a:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.gnav li div {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  display: none;
  left: 0;
  top: 58px;
  z-index: 9999999;
  padding: 7px 15px 20px; /* 20201120 padding: 30px 15px 40px; */
  box-sizing: border-box;
  height: auto;
  min-width: 1000px;
  border-top: 1px solid #eee;
}
.gnav li div:before {
  position: absolute;
  top: 0;
}
@media screen {
  .gnav li div {
    width: 100vw;
    left: 0%;
    bor-sizing: border-box;
    margin-left: 0vw;
    overflow: hidden;
    box-sizing: border-box;
    position: fixed;
    top: 122px;
  }
}
.fixed .gnav li div {
  top: 56px;
}
@media screen {
  .fixed .gnav li div {
    top: 50px;
  }
}
.gnav ul ul {
  margin: 0 auto;
  position: relative;
  text-align: left;
  letter-spacing: -0.4em;
  width: 850px;
}
.gnav li li, .fixed .gnav li li {
  box-sizing: border-box;
  letter-spacing: normal;
  vertical-align: top;
  float: left;
  width: 20%;
  display: inline;
  padding: 0 10px;
}
.gnav li:nth-last-of-type(2) li, .fixed .gnav li:nth-last-of-type(2) li, .gnav li:nth-last-of-type(3) li, .fixed .gnav li:nth-last-of-type(3) li {
  width: 33.333%;
}
.gnav li:nth-of-type(2) li, .fixed .gnav li:nth-of-type(2) li {
  width: 20%;
}
.gnav li li a, .fixed .gnav li li a {
  display: block;
  font-size: 16px;
  position: relative;
  box-sizing: border-box;
  padding: 10px 0 10px 10px;
  text-align: left;
  border-bottom: 1px solid #eee;
}
.gnav li li a:after {
  background: none;
}
.gnav li li a:hover:after {
  transform-origin: right top;
  transform: scale(0, 1);
}
.subHeader {
  position: absolute;
  top: 5px;
  right: 5%;
  z-index: 9999999;
}
.subHeader li {
  float: right;
  margin-left: 15px;
}
.subHeader li a {
  color: #a0a0a0;
  font-size: 12px;
  font-weight: lighter;
}
.subHeader li li {
  float: none;
  margin-left: 0;
}
.fixed .subHeader {
  display: none;
}
.ecBtn {
  position: absolute;
  bottom: 12px;
  right: 5%;
  z-index: 999999;
}
.fixed .ecBtn {
  bottom: inherit;
  top: 18px;
}
.ecBtn li {
  float: right;
  margin-left: 10px;
  font-family: 'Lora', serif;
}
.ecBtn li a {
  color: #727272;
  font-size: 13px;
  font-weight: lighter;
  display: block;
  position: relative;
  box-sizing: border-box;
}
.ecBtn li:nth-of-type(1) a {
  padding-left: 28px;
}
.ecBtn li:nth-of-type(2) a {
  padding-left: 24px;
}
.ecBtn li:nth-of-type(3) a {
  padding-left: 28px;
}
.ecBtn li a:before {
  position: absolute;
  top: -5px;
  left: 0;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}
.ecBtn li:nth-of-type(1) a:before {
  background-image: url(images/img-bag.png);
  width: 23.8px;
  height: 25.2px;
}
.ecBtn li:nth-of-type(2) a:before {
  background-image: url(images/img-lockOff.png);
  width: 19.6px;
  height: 25.2px;
}
.ecBtn li:nth-of-type(3) a:before {
  background-image: url(images/icon-sonav004.png);
  width: 23.8px;
  height: 25.2px;
}
/* **********************************************************************************************
[3]sideContainer
************************************************************************************************ */
.headerNav, #_btn {
  display: none;
}
/* **********************************************************************************************
[4]footerContainer
************************************************************************************************ */
footer {
  position: relative;
  width: 100%;
  text-align: center;
  background-color: #f1f1f1;
}
.footerBox {
  padding: 30px 5%;
  box-sizing: border-box;
  position: relative;
}
footer h2 {
  position: absolute;
  width: 57px;
  height: 67px;
  top: 30px;
  left: 5%;
}
footer h2 a {
  width: 57px;
  height: 67px;
  display: block;
  background-image: url(images/logo-footer.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.fnav {
  text-align: center;
  margin: 0 auto 12.5px;
  padding-bottom: 12.5px;
  border-bottom: 1px solid #ddd;
  width: calc(90% - 57px);
}
.fnav li a {
  color: #717171;
  font-size: 16px;
  font-weight: 400;
  display: block;
  font-family: 'Lora', serif;
}
.footerNav {
  text-align: center;
  margin-top: 10px;
}
.footerNav li, .fnav li {
  display: inline-block;
  padding: 0 10px;
}
.footerNav li a {
  color: #717171;
  font-size: 11px;
  font-weight: 300;
  display: block;
}
/* copyright
----------------------------------------------- */
.copyright {
  font-family: 'Ubuntu', sans-serif;
  font-size: 10px;
  color: #717171;
  text-align: center;
  padding: 10px 0;
  position: relative;
  z-index: 9999997;
  background-color: #FFF;
}
/* pageTop
----------------------------------------------- */
#pageTop {
  width: 40px;
  height: 40px;
  z-index: 9999998;
  position: fixed;
  bottom: 15px;
  right: 5%;
  text-align: center;
}
#pageTop a {
  width: 40px;
  height: 40px;
  z-index: 9999998;
  background-color: #c6a674;
  border-radius: 50%;
  display: block;
  background-image: url(images/pagetop.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 19px;
  box-sizing: border-box;
  position: relative;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
/* **********************************************************************************************
[5]Container
************************************************************************************************ */
#container {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  position: relative;
}
/* Ttl
----------------------------------------------- */
.ttl {
  font-family: 'EB Garamond', serif;
  font-size: 40px;
  color: #717171;
  margin-bottom: 30px;
  line-height: 1.0;
  font-weight: 200;
  position: relative;
}
.mainTtl {
  font-family: 'EB Garamond', serif;
  font-size: 54px;
  color: #717171;
  margin-bottom: 30px;
  line-height: 1.0;
}
.subTtl {
  font-family: 'EB Garamond', serif;
  font-size: 30px;
  color: #717171;
  margin-bottom: 20px;
}
.ttl:before {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #ccc;
  height: 1px;
  width: 100%;
  left: top;
  content: "";
  margin: auto 0;
}
.ttl span {
  display: inline-block;
  background-color: #FFF;
  /*z-index: 9999;*/
  z-index: 999;
  position: relative;
  padding-right: 30px;
  box-sizing: border-box;
}
.ttlsub {
  font-size: 35px;
  color: #717171;
  margin-bottom: 30px;
  line-height: 1.0;
  font-weight: 400;
  position: relative;
  font-family: 'Noto Serif JP', serif;
}
.ttlsub:before {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #ccc;
  height: 1px;
  width: 100%;
  left: 0;
  content: "";
  margin: auto 0;
}
.ttlsub span {
  display: inline-block;
  background-color: #FFF;
  z-index: 9999;
  position: relative;
  padding-right: 30px;
  box-sizing: border-box;
}
/* Btn
----------------------------------------------- */
.btn a, a .btn {
  font-size: 15px;
  display: inline-block;
  box-sizing: border-box;
  padding: 15px;
  margin: 0 auto;
  transition: background-color .5s;
  cursor: pointer;
  color: #fff;
  background-color: #c6a674;
  box-shadow: none;
  border: none;
  font-weight: lighter;
  width: 30%;
  border-radius: 80px;
}
.btn2 a {
  font-size: 18px;
  font-weight: lighter;
  display: block;
  box-sizing: border-box;
  padding: 10px;
  cursor: pointer;
  color: #717171;
  position: relative;
  box-shadow: none;
  font-family: 'Lora', serif;
  background-image: url(images/icon-btn02.png);
  background-size: 5px auto;
  background-repeat: no-repeat;
  background-position: right center;
}
.btn {
  text-align: center;
  margin: 20px auto 0;
}
.btn li {
  display: inline-block;
  marign: 0 5px;
}
.btn li a {
  display: block;
  width: 250px;
}
.btn input[type=submit], .btn input[type=button] {
  font-size: 15px;
  display: inline-block;
  box-sizing: border-box;
  padding: 15px;
  margin: 0 auto;
  transition: background-color .5s;
  cursor: pointer;
  color: #fff;
  background-color: #c6a674;
  box-shadow: none;
  border: none;
  font-weight: lighter;
  width: 30%;
  border-radius: 80px;
}
.btn li input[type=submit] {
  display: block;
  width: 250px;
}
.btn li input[type=button] {
  display: block;
  width: 250px;
}
/* pager
----------------------------------------------- */
.pager1, .pager {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.pager1 span, .pager span, .pager a {
  border: 1px solid #717171;
  color: #717171;
  cursor: pointer;
  padding: 5px 8px;
  font-size: 13px;
  border-radius: 5px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.pager span.cur {
  background-color: #B4B4B4;
}
.pager .prev, .pager .next, .pager .first, .pager .last {
  display: inline;
  border: none;
}
.pager > span.prev, .pager > span.next {
  width: 26px;
  padding: 0;
}
.pager > span.prev > a, .pager > span.next > a {
  border-radius: 5px;
  letter-spacing: 0.5px;
  display: block;
  float: left;
}
.pager > span > a > img {
  width: 10px;
  height: 20px;
}
.pager .prev a, .pager .next a, .pager .first a, .pager .last a {
  display: inline;
}
.prev {
  float: left;
  width: 10px;
}
.next {
  float: right;
  width: 10px;
}
.first {
  float: left;
  width: 17px;
  margin-right: 6px;
}
.last {
  float: right;
  width: 17px;
  margin-left: 6px;
}
.next-btn {
  display: none;
}
/* **********************************************************************************************
[6]topContainer
************************************************************************************************ */
/* eventProducts
----------------------------------------------- */
.eventBox li {
  float: left;
  width: 33.333%;
  padding: 10px;
  box-sizing: border-box;
}
.eventSubBox {
  background-color: #fdf6ed;
  box-sizing: border-box;
}
.eventSubBox div {
  padding: 30px;
  box-sizing: border-box;
}
.eventSubBox div a {
  display: block;
}
.eventSubBox h3 {
  font-size: 19px;
  color: #c6a674;
  font-weight: 300;
  line-height: 1.1;
}
.eventSubBox h3 span {
  font-size: 14px;
  color: #c6a674;
  display: block;
}
.eventSubBox p {
  font-size: 16px;
  color: #717171;
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 20px;
}
.eventSubBox p span {
  font-size: 11px;
  display: block;
  margin-bottom: 5px;
}
/* Products
----------------------------------------------- */
.productsBox li {
  float: left;
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
}
.productsBox li a {
  color: #717171;
  font-weight: 200;
  text-align: center;
  display: block;
}
.productsBox li p {
  font-size: 10px;
}
.productsBox li dt {
  font-size: 15px;
  margin-bottom: 15px;
}
.productsBox li dt span {
  font-size: 11px;
  color: #ccc;
  display: block;
}
.productsBox li p.newstatus {
  height: 15px;
}
.productsBox li p.newstatus span {
  font-size: 11px;
  color: #c6a674;
  line-height: 1.0;
  padding: 1px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #c6a674;
}
.productsBox li dd {
  font-size: 12px;
}
.productsBox.swiper-wrapper3 ul {
  width: 100%;
  margin: 0px auto;
  text-align: center;
}
.productsBox.swiper-wrapper3 ul li {
  width: 10px;
  margin: 0 auto;
  display: inline-block;
  padding-top: 20px;
  float: none;
}
.productsBox.swiper-wrapper3 ul li button {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #eee;
  display: block;
  border: none;
  color: #eee;
}
.productsBox.swiper-wrapper3 ul li.slick-active button {
  background-color: #c6a674;
  color: #c6a674;
}
.productsBox li figure span {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  opacity: 0;
  transition: opacity .3s;
}
.productsBox li figure span.yet {
  background-color: rgba(155, 0, 0, 0.6);
}
.productsBox li:hover figure span {
  opacity: 1;
  transition: opacity .3s;
}
.productsBox li figure span a {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: block;
  color: #FFF;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center center;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.productsBox li figure span.favoritL {
  margin-left: -65px;
}
.productsBox li figure span.cartL {
  margin-left: 5px;
}
.productsBox li figure span.favoritL a {
  background-image: url(images/icon-favo.png);
}
.productsBox li figure span.cartL a {
  background-image: url(images/icon-cartL.png);
}
.productsBox li figure span.favoritL a.on {
  background-image: url(images/icon-favo_on.png);
}
/* shoppingTop
----------------------------------------------- */
.shoppingTop {
  padding: 0;
  box-sizing: border-box;
  position: relative;
  top: 1px;
}
.hoverBg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(140deg, rgba(220, 182, 51, 0.25) 0%, rgba(233, 193, 100, 0.25) 49%, rgba(215, 142, 41, 0.35) 51%, rgba(277, 175, 43, 0.25) 100%);
  opacity: 0;
  transition: opacity .3s;
}
/* noticeTop
----------------------------------------------- */
.noticeTxt li {
  background-color: #FFF;
  margin: 2px 0;
  box-sizing: border-box;
}
.noticeTxt li a {
  display: block;
}
.noticeTxt li figure {
  height: 125px;
  box-sizing: border-box;
  float: left;
  width: 125px;
  position: relative;
  overflow: hidden;
}
.noticeTxt li dl {
  padding: 20px;
  box-sizing: border-box;
  float: left;
  width: calc(100% - 125px);
  font-weight: 200;
  margin-bottom: 5px;
}
.noticeTxt li dt {
  font-size: 12px;
  color: #aaa;
  font-weight: 200;
}
.noticeTxt li dt span {
  font-size: 10px;
  display: inline-block;
  float: right;
}
.noticeTxt li dd {
  font-size: 13px;
  color: #717171;
}
.noticeTxt li a:hover dd, .noticeTxt li a:hover dt {
  color: #c6a674;
}
.noticeBox .btn2 {
  text-align: right;
}
/* swipe
----------------------------------------------- */
.swiper-container {
  position: relative;
  padding: 0 30px;
  box-sizing: border-box;
}
.swiper-container2 {
  position: relative;
  margin-bottom: 80px;
  padding: 0 60px;
  box-sizing: border-box;
}
.swiper-container3 {
  position: relative;
  margin-bottom: 80px;
  padding: 0 60px;
  box-sizing: border-box;
}
.swiper-wrapper, .swiper-wrapper2 {
  position: relative;
}
.swiper-wrapper li {
  box-sizing: border-box;
  padding: 0 10px;
}
.swiper-wrapper2 li {
  box-sizing: border-box;
  padding: 0 20px;
  position: relative;
  vertical-align: top;
}
.swiper-wrapper li a {
  color: #717171;
  font-weight: 200;
  display: block;
  position: relative;
}
.swiper-wrapper2 li a {
  color: #717171;
  text-align: center;
  font-weight: 200;
  display: block;
}
.swiper-wrapper dt {
  font-size: 13px;
  margin-bottom: 5px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  line-height: 1.2;
}
.swiper-wrapper dt span {
  display: block;
  padding: 0 8px;
  box-sizing: border-box;
}
.swiper-wrapper dd {
  font-size: 12px;
  padding: 0 8px;
  box-sizing: border-box;
  line-height: 1.2;
}
.swiper-wrapper dd span {
  display: block;
}
.swiper-wrapper2 dt {
  font-size: 16px;
  margin-bottom: 15px;
}
.swiper-wrapper2 dt span {
  font-size: 11px;
  display: block;
  color: #ccc;
}
.swiper-wrapper2 dd {
  font-size: 12px;
}
.swiper-wrapper2 li p {
  color: #FFF;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  width: 50px;
  height: 50px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  padding-top: 9px;
  box-sizing: border-box;
}
.swiper-wrapper2 li p.number01 {
  background-image: url(images/icon-rank01.png);
}
.swiper-wrapper2 li p.number02 {
  background-image: url(images/icon-rank02.png);
}
.swiper-wrapper2 li p.number03 {
  background-image: url(images/icon-rank03.png);
}
.swiper-wrapper2 li p.number04 {
  background-image: url(images/icon-rank04.png);
  color: #717171;
}
.swiper-wrapper2 li p.cat {
  color: #717171;
  background: none;
  width: auto;
  height: auto;
  text-align: center;
  position: inherit;
  top: inherit;
  left: inherit;
  font-size: 10px;
  padding-top: 0px;
  box-sizing: border-box;
}
.slick-counter, .total2, .total {
  display: none;
}
.swiper-button-prev2, .swiper-button-next2 {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 26px;
  background-repeat: no-repeat;
  z-index: 99999;
  cursor: pointer;
  display: block;
  margin-top: -13px;
}
.swiper-button-prev2 {
  left: -5%;
  background-image: url(images/icon-prev.png);
}
.swiper-button-next2 {
  right: -5%;
  background-image: url(images/icon-next.png);
}
.swiper-wrapper2 li figure span {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  opacity: 0;
  transition: opacity .3s;
}
.swiper-wrapper2 li figure span.yet {
  background-color: rgba(155, 0, 0, 0.6);
}
.swiper-wrapper2 li:hover figure span {
  opacity: 1;
  transition: opacity .3s;
}
.swiper-wrapper2 li figure span a {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: block;
  color: #FFF;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center center;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.swiper-wrapper2 li figure span.favoritL {
  margin-left: -65px;
}
.swiper-wrapper2 li figure span.cartL {
  margin-left: 5px;
}
.swiper-wrapper2 li figure span.favoritL a {
  background-image: url(images/icon-favo.png);
}
.swiper-wrapper2 li figure span.cartL a {
  background-image: url(images/icon-cartL.png);
}
.swiper-wrapper2 li figure span.favoritL a.on {
  background-image: url(images/icon-favo_on.png);
}
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 7px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 99999;
  cursor: pointer;
  display: block;
  margin-top: -6.5px;
}
.swiper-button-prev {
  left: -20px;
  background-image: url(images/icon-prev.png);
}
.swiper-button-next {
  right: -20px;
  background-image: url(images/icon-next.png);
}
.topBnr {
  padding-top: 80px;
  border-top: 1px solid #eee;
}
.topBnr li {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.topBnr li:nth-of-type(2n) {
  padding: 0 50px 0 10px;
}
.topBnr li:nth-of-type(2n-1) {
  padding: 0 10px 0 50px;
}
#left {
  float: left;
  width: 50%;
  padding-right: 20px;
  box-sizing: border-box;
}
#right {
  float: right;
  width: 50%;
  padding-left: 20px;
  box-sizing: border-box;
}
.noticeBox {
  background-color: #f8f8f8;
  padding: 20px;
  box-sizing: border-box;
}
/* **********************************************************************************************
[7]subContainer
************************************************************************************************ */
/* bread
----------------------------------------------- */
.bread {
  padding: 10px 5%;
  font-size: 11px;
}
.bread a {
  color: #717171;
}
#subHeader {
  margin-bottom: 80px;
  border-bottom: 1px solid #f8f8f8;
}
/* table(ul)
----------------------------------------------- */
.tableBox li {
  border-bottom: 1px solid #f3f3f3;
  padding: 15px;
  box-sizing: border-box;
}
.tableBox li dt {
  width: 150px;
  float: left;
  font-weight: bold;
}
.tableBox li dd {
  width: calc(100% - 150px);
  float: left;
}
.tableBox li dd span {
  font-size: 12px;
  line-height: 1.2;
  display: inline-block;
  margin-top: 10px;
}
.tableBox li dd a {
  color: #717171;
}
.tableBoxSub li {
  padding: 10px;
  box-sizing: border-box;
}
.tableBoxSub li b {
  font-size: 15px;
  margin-bottom: 5px;
}
.tableBoxSub li dt {
  float: left;
  width: 20px;
  clear: both;
}
.tableBoxSub li dd {
  float: left;
  width: calc(100% - 20px);
}
.tableBoxSub li dd span {
  font-size: 13px;
  display: block;
  margin-bottom: 2px;
}
.shopComTxt {
  margin-bottom: 30px;
}
.shopComTxt span {
  font-size: 12px;
}
/* table
----------------------------------------------- */
table {
  border-top: 1px solid #f3f3f3;
  border-left: 1px solid #f3f3f3;
  width: 100%;
}
table td, table th {
  border-bottom: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  padding: 20px;
  box-sizing: border-box;
}
table th {
  width: 200px;
  background-color: #fbfbfb;
}
table td {
  width: calc(100% - 200px);
}
table.tableC td a {
  color: #717171;
}
table.tableC td span {
  font-size: 13px;
  display: block;
  padding: 2px 15px;
  box-sizing: border-box;
}
table.tableT td {
  width: 14.285%;
  text-align: center;
}
table.tableP th {
  width: calc(100% - 200px);
}
table.tableP td {
  width: 200px;
  text-align: right;
}
table.tableC td img {
  width: 80px;
  display: inline-block;
  margin-right: 5px;
}
.pageLinkBox li {
  float: left;
  width: 33.33%;
  padding: 5px;
  box-sizing: border-box;
}
.pageLinkBox li a {
  display: block;
  border: 1px solid #aaa;
  box-sizing: border-box;
  text-align: center;
  padding: 20px;
  color: #717171;
}
.pageLinkBox li.current a {
  color: #fff;
  background-color: #aaa;
}
.guideBox {
  margin: 40px 0;
}
.guideBox h3 {
  background-color: #aaa;
  color: #fff;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 10px;
}
.guideBox dl {
  padding: 10px 15px;
  box-sizing: border-box;
}
.guideBox dt {
  font-weight: 700;
  font-size: 15px;
}
.guideBox dd span {
  font-size: 13px;
}
.guideBox dd img {
  width: 80px;
  display: inline-block;
  margin-right: 5px;
}
.guideBox dd a {
  color: #717171;
}
.his {
  display: inline-block;
  float: right;
  font-size: 10px;
  background-color: #f5efe7;
  padding: 0 3px 2px;
  margin-top: 4px;
}
.btnMini {
  border: 1px solid #aaa;
  border-radius: 80px;
  padding: 5px 10px;
  text-align: center;
  display: inline-block;
  margin-left: 10px;
  color: #717171;
}
.taroTxt {
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  padding-top: 30px;
  color: #fff;
}
.serchBox {
  background-color: #fafafa;
  padding: 20px;
  box-sizing: border-box;
}
.serchTxt span {
  font-size: 25px;
}
.serchBox ul li {
  float: left;
  width: 33.333%;
  padding: 0 5px;
  box-sizing: border-box;
}
.serchBox.serchBox2 ul li {
  width: 50%;
}
.serchBtn input[type=submit] {
  font-size: 15px;
  display: block;
  box-sizing: border-box;
  padding: 8px 15px;
  margin: 0 auto;
  transition: background-color .5s;
  cursor: pointer;
  color: #717171;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #aaa;
  width: 100%;
}
.serchBtn input[type=submit]:hover {
  color: #fff;
  background-color: #aaa;
}
.ttlmain {
  font-size: 40px;
  color: #717171;
  margin-bottom: 30px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  position: relative;
}
.ttlmain span {
  display: block;
  z-index: 9999;
  font-size: 20px;
  line-height: 1.1;
  padding-top: 10px;
  box-sizing: border-box;
}
.ttlmain:before {
  position: absolute;
  top: 60px;
  background-color: #ccc;
  height: 1px;
  width: 50px;
  left: 0;
  right: 0;
  content: "";
  margin: 0 auto;
}
/* products
----------------------------------------------- */
.productsList, .loungeList {
  margin: 30px 0 60px;
}
.productsList li, .loungeList li {
  float: left;
  width: 33.33%;
  padding: 20px;
  box-sizing: border-box;
}
.newsList li {
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
.productsList li:nth-of-type(3n+1), .loungeList li:nth-of-type(3n+1) {
  clear: both;
}
.productsList li a, .loungeList li a, .newsList li a {
  color: #717171;
  display: block;
}
.productsList li dt, .loungeList li dd, .newsList li dd {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.productsList li dt span, .loungeList li dt, .newsList li dt {
  font-size: 11px;
  color: #ccc;
  display: block;
}
.productsList li dt span.newstatus2 {
  font-size: 11px;
  color: #c6a674;
  line-height: 1.0;
  padding: 1px;
  margin-right: 2px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  border: 1px solid #c6a674;
  font-weight: 300;
}
.loungeList li dt {
  color: #717171;
  padding: 2px 4px;
  box-sizing: border-box;
}
.productsList li dd:nth-of-type(1), .loungeList li dd span, .productsList li dd:nth-of-type(2) {
  font-size: 13px;
}
.loungeList li dd span {
  display: block;
  color: #aaa;
  font-weight: 300;
}
.newsList li dd span {
  display: inline-block;
  color: #aaa;
  font-weight: 300;
}
.rate {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 16px;
  font-size: 16px;
  /*opacity: 0; レビュー前処理 */
}
.rate:before, .rate:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  display: inline-block;
  height: 16px;
  line-height: 16px;
}
.rate:before {
  color: #ddd;
}
.rate:after {
  color: #c6a674;
  overflow: hidden;
  white-space: nowrap;
}
.rate0:after {
  width: 0;
}
.rate1:after {
  width: 16px;
}
.rate1-5:after {
  width: 24px;
}
.rate2:after {
  width: 32px;
}
.rate2-5:after {
  width: 40px;
}
.rate3:after {
  width: 49px;
}
.rate3-5:after {
  width: 57px;
}
.rate4:after {
  width: 65px;
}
.rate4-5:after {
  width: 74px;
}
.rate5:after {
  width: 82px;
}
.starBox {
  /*display: none; レビュー前処理 */
  width: 80px;
  float: left;
  margin-top: 12px;
}
.listPrice {
  text-align: right;
  font-size: 25px;
  float: right;
}
.listPrice.variety {
  text-align: right;
  font-size: 1.3em;
  float: right;
  width: 74%;
}
.listPrice .yen {
  font-size: 18px;
}
.listPrice .tax {
  font-size: 14px;
  font-weight: 300;
  display: inline-blox;
  padding-left: 5px;
}
.vipBox {
  width: 100%;
  text-align: right;
  font-size: 0.9em;
  float: right;
  color: #ccc;
  margin-top: 4px;
}
.detailBox {
  margin-bottom: 60px;
}
#detailphotobloc {
  width: 45%;
  float: left;
  margin-bottom: 30px;
}
.detailTxt {
  width: 45%;
  float: right;
  margin-bottom: 30px;
}
div#detailphotobloc .bx-wrapper {
  position: relative;
  margin: 0 auto 10px;
  padding: 0;
  *zoom: 1;
}
div#detailphotobloc .bx-wrapper li {
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
div#detailphotobloc ul.thumbnail li {
  float: left;
  display: inline;
  width: 20%;
  padding: 20% 0 0;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
div#detailphotobloc ul.thumbnail li a.active, div#detailphotobloc ul.thumbnail li a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}
div#detailphotobloc ul.thumbnail li:nth-of-type(4n) {
  margin-right: 0;
}
#detailphotobloc .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -15.5px;
  outline: 0;
  width: 41px;
  height: 31px;
  border: none;
  border-radius: 0px;
  z-index: 9997;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-size: 41px 31px;
}
#detailphotobloc .bx-wrapper .bx-controls-direction a:hover {
  background-color: inherit;
}
#detailphotobloc .bx-wrapper .bx-prev {
  left: 10px;
  background: none;
}
#detailphotobloc .bx-wrapper .bx-next {
  right: 10px;
  background: none;
}
.detailTtl {
  font-size: 23px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.detailTtl span.newstatus2 {
  font-size: 12px;
  color: #c6a674;
  line-height: 1.0;
  padding: 1px;
  margin-right: 2px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
  border: 1px solid #c6a674;
  font-weight: 300;
}
.detailPrice {
  font-size: 23px;
  float: left;
  font-weight: 300;
}
.detailPrice .yen {
  font-size: 16px;
}
.detailPrice .tax {
  font-size: 12px;
  font-weight: 300;
  display: inline-blox;
  padding-left: 5px;
}
.starBoxDetail {
  float: right;
  font-weight: 300;
  padding-top: 10px;
}
.review {
  color: #717171;
  /*opacity: 0;レビュー前処理 */
}
.detailSubTxt {
  margin-bottom: 30px;
}
.detailCart {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 99999999;
}
.detailCart.fixedCart {
  position: fixed;
  bottom: 180px;
  width: 230px;
  right: 0;
  padding: 10px;
}
.itemNum dt {
  width: 80px;
  float: left;
  padding-top: 12px;
}
.itemNum dd {
  width: calc(100% - 80px);
  float: left;
}
.zaiko {
  padding-top: 12px;
}
.aboutteiki {
  text-align: right;
}
.aboutteiki a {
  display: block;
  color: #717171;
  position: relative;
  padding-right: 10px;
}
.aboutteiki a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url(images/icon-btn02.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  width: 7px;
  height: 14px;
  content: "";
  margin: auto 0;
}
.cartBtn {
  text-align: center;
  margin: 20px auto 0;
}
.detailCart .cartBtn li {
  display: inline-block;
  width: 48%;
}
.detailCart.fixedCart .cartBtn li {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
.detailCart .cartBtn a {
  font-size: 18px;
  display: inline-block;
  font-weight: 300;
  box-sizing: border-box;
  padding: 12px;
  transition: background-color .5s;
  cursor: pointer;
  color: #fff;
  background-color: #c6a674;
  position: relative;
  box-shadow: none;
  border: none;
  width: 100%;
  border-radius: 80px;
}
.detailCart.fixedCart .cartBtn a {
  font-size: 15px;
  padding: 8px;
}
.cartBtn li:nth-of-type(2) a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  background-image: url(images/icon-cart.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  width: 19.04px;
  height: 20.16px;
  content: "";
  margin: auto 0 auto 70px;
}
.favorit {
  font-size: 30px;
  color: #f2c0c6;
  text-align: right;
  display: block;
}
.favorit a {
  color: #eee;
  display: block;
}
.favorit.yet a {
  color: #f2c0c6 !important;
}
.recommendTtl {
  background-color: #aaa;
  color: #fff;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 0px;
}
.recommendBox .productsList {
  margin-top: 10px;
  margin-bottom: 0;
}
.recommendBox .productsList li {
  padding-top: 0;
  padding-bottom: 0;
}
.detailBtn {
  margin: 40px auto 60px;
  width: 80%;
}
.detailBtn a {
  display: block;
  padding: 15px;
  box-sizing: border-box;
  background-color: #c6a674;
  font-size: 18px;
  text-align: center;
  color: #FFF;
  font-weight: 300;
  border-radius: 80px;
}
/* tab
----------------------------------------------- */
.detailTxtD {
  margin-bottom: 60px;
}
.tab {
  overflow: hidden;
  width: 1100px;
  margin: 0 auto;
  z-index: 99999999;
}
.tab.fixedTab {
  position: fixed;
  top: 50px;
}
.tabBtn {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.tab li {
  background-color: #fff;
  padding: 25px;
  float: left;
  width: 33.333%;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  border-top: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  color: #7d7d7d;
  font-size: 18px;
  font-family: 'Noto Serif JP', serif;
}
.tab li:hover {
  background-color: #fefeff;
  color: #000;
}
.tabBtn li {
  background-color: #f8f8f8;
  padding: 15px;
  float: left;
  width: 50%;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  border-top: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  color: #7d7d7d;
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
}
.tabBtn li:hover {
  background-color: #fff;
  color: #7d7d7d;
}
.tab li:first-child, .tabBtn li:first-child {
  border-left: 1px solid #ebebeb;
}
.tab li.select {
  background-color: #f8f8f9;
  border-top: 1px solid #f8f8f9;
  border-right: 1px solid #f8f8f9;
  color: #000;
}
.tabBtn li.select {
  background-color: #fff;
  border-bottom: none;
  border-top: 1px solid #f8f8f9;
  border-right: 1px solid #f8f8f9;
  color: #000;
}
.tab li.select:first-child, .tabBtn li.select:first-child {
  border-left: 1px solid #f8f8f9;
}
.content div {
  background-color: #f8f8f9;
  padding: 60px 30px;
  box-sizing: border-box;
}
.content1 div.mypageTab {
  padding: 10px 30px;
  box-sizing: border-box;
}
.content div h3.ttlsub {
  font-size: 25px;
}
.content div h3.ttlsub span {
  background-color: #f8f8f9;
}
.tab1 {
  overflow: hidden;
  width: 1100px;
  margin: 0 auto;
}
.tab1 li {
  background-color: #fff;
  padding: 25px;
  float: left;
  width: 33.333%;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  color: #7d7d7d;
  font-size: 18px;
  font-family: 'Noto Serif JP', serif;
}
.tab1 li:hover {
  color: #c6a674;
}
.tab1 li.select {
  border-bottom: 2px solid #c6a674;
}
.detailTxtMainD {
  margin-bottom: 10px;
}
.detailTxtMainD span {
  font-size: 12px;
}
.detailTxtNaiyou {
  border-top: 1px dashed #ccc;
  padding-top: 10px;
}
.detailTxtNaiyou li {
  padding: 2px 5px;
  box-sizing: border-box;
}
.detailSubTtl {
  background-color: #aaa;
  color: #fff;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 10px;
  margin-top: 40px;
}
.detailSubTtlMin {
  border-top: 1px dashed #aaa;
  color: #717171;
  padding: 10px 10px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
}
.detailTxtPoint {
  margin-bottom: 40px;
}
.detailTxtPoint li {
  padding: 10px;
  box-sizing: border-box;
}
.detailTxtPoint dt {
  font-weight: 700;
  line-height: 2.5;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.detailTxtPoint dt .pointNum {
  font-weight: 700;
  font-size: 12px;
  background-color: #aaa;
  color: #FFF;
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 1.1;
  padding-top: 4px;
  box-sizing: border-box;
  margin-right: 5px;
  float: left;
}
.detailTxtPoint dt .bikou, .detailTxtPoint dd .bikou {
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
}
.detailTxtPoint dd {
  box-sizing: border-box;
  padding: 0 5px;
  font-weight: 300;
}
.detailTxtPoint dd figure {
  float: left;
  width: 300px;
  margin-right: 30px;
}
.atentionTxt {
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 12px;
}
.hide {
  display: none;
}
.productsList li figure span {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  opacity: 0;
  transition: opacity .3s;
}
.productsList li figure span.yet {
  background-color: rgba(155, 0, 0, 0.6);
}
.productsList li:hover figure span {
  opacity: 1;
  transition: opacity .3s;
}
.productsList li figure span a {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: block;
  color: #FFF;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center center;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.productsList li figure span.favoritL {
  margin-left: -65px;
}
.productsList li figure span.cartL {
  margin-left: 5px;
}
.productsList li figure span.favoritL a {
  background-image: url(images/icon-favo.png);
}
.productsList li figure span.cartL a {
  background-image: url(images/icon-cartL.png);
}
.productsList li figure span.favoritL a.on {
  background-image: url(images/icon-favo_on.png);
}
/* cart
----------------------------------------------- */
.loginInput dt {
  float: left;
  width: 150px;
  margin-right: 10px;
  clear: both;
  margin-bottom: 5px;
  padding-top: 8px;
}
.loginInput dd {
  float: left;
  width: calc(100% - 160px);
  margin-bottom: 5px;
}
.login_memory {
  width: 100%;
  margin: 30px 0;
}
.login_memorySub {
  float: left;
}
.login_memorySub p label {
  vertical-align: top;
  padding-top: 5px;
  display: inline-block;
}
.login_memorySub.checkBoxL {
  float: none;
  margin-top: 40px;
}
.login_memorySub span {
  display: block;
  font-size: 11px;
  color: #ccc;
}
.login_memorySub a {
  color: #717171;
  font-size: 12px;
}
.login_memory .btn {
  float: right;
  margin-top: 35px;
}
.login_memory .btn input[type=submit] {
  display: block;
  width: 220px;
}
.loginSubBox {
  background-color: #f8f8f8;
  padding: 20px;
  box-siaing: border-box;
}
.loginSubTtl {
  box-sizing: border-box;
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 10px;
  text-align: center;
}
.loginSubBox ul {
  text-align: center;
}
.loginSubBox ul li {
  display: inline-block;
}
.loginSubBox ul li a {
  display: block;
  padding: 5px 10px 5px 30px;
  box-sizing: border-box;
  color: #FFF;
  position: relative;
  width: 200px;
}
.loginSubBox ul li:nth-of-type(1) a {
  background-color: #3e5c9a;
}
.loginSubBox ul li:nth-of-type(2) a {
  background-color: #29a9e1;
}
.loginSubBox ul li:nth-of-type(3) a {
  background-image: url(images/bg-insta.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
.loginSubBox ul li a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: left top;
  width: 30px;
  height: 30px;
  margin: auto 0;
  content: "";
}
.loginSubBox ul li:nth-of-type(1) a:before {
  background-image: url(images/icon-snsBnt001.png);
}
.loginSubBox ul li:nth-of-type(2) a:before {
  background-image: url(images/icon-snsBnt002.png);
}
.loginSubBox ul li:nth-of-type(3) a:before {
  background-image: url(images/icon-snsBnt003.png);
}
.loginBox {
  margin-top: 40px;
  border: 5px solid #f8f8f8;
  padding: 40px;
  box-sizing: border-box;
}
.loginTtl {
  background-color: #aaa;
  color: #fff;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 10px;
}
.loginTtl.tabSubTtl {
  margin-top: 30px;
}
.shippingFlow {
  font-size: 12px;
  text-align: center;
  width: 520px;
  margin: 0 auto 20px;
  position: relative;
}
.shippingFlow2 {
  font-size: 12px;
  text-align: center;
  width: 320px;
  margin: 0 auto 20px;
  position: relative;
}
.shippingFlow li, .shippingFlow2 li {
  display: inline-block;
  width: 100px;
  z-index: 999999;
}
.shippingFlow li span, .shippingFlow2 li span {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 auto;
  color: #717171;
  background-color: #f8f8f8;
  font-size: 18px;
  text-align: center;
  padding-top: 5px;
  box-sizing: border-box;
  position: relative;
}
.shippingFlow li.current, .shippingFlow2 li.current {
  color: #c6a674;
}
.shippingFlow li.current span, .shippingFlow2 li.current span {
  background-color: #f5efe7;
  color: #c6a674;
}
.shippingFlow:before {
  position: absolute;
  top: 20px;
  background-color: #f8f8f8;
  height: 5px;
  width: 440px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
}
.shippingFlow2:before {
  position: absolute;
  top: 20px;
  background-color: #f8f8f8;
  height: 5px;
  width: 240px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
}
.cartMainTxt {
  text-align: center;
}
.cartMainTxt span {
  color: #F00;
}
.cartTable {
  margin: 20px auto;
}
.cartTable, .cartTable li, .cartTh, .cartTd, .cartTh2, .cartTd2, .cartTd3, .cartTh4, .cartTd4 {
  width: 100%;
}
.cartTh li, .cartTd li, .cartTh2 li, .cartTd2 li, .cartTd3 li, .cartTh4 li, .cartTd4 li {
  float: left;
  padding: 8px;
  box-sizing: border-box;
}
.cartTh li, .cartTh2 li, .cartTh4 li {
  background-color: #f8f8f8;
  border-left: 1px solid #FFF;
  text-align: center;
}
.cartTh li:first-child, .cartTh2 li:first-child, .cartTh4 li:first-child {
  border-left: none;
}
.cartTh li:nth-of-type(1), .cartTd li:nth-of-type(1) {
  width: 100px;
}
.cartTh li:nth-of-type(2), .cartTd li:nth-of-type(2) {
  width: calc(100% - 480px);
}
.cartTh li:nth-of-type(3), .cartTd li:nth-of-type(3) {
  width: 150px;
}
.cartTh li:nth-of-type(4), .cartTd li:nth-of-type(4) {
  width: 150px;
}
.cartTh li:nth-of-type(5), .cartTd li:nth-of-type(5) {
  width: 80px;
}
.cartTd, .cartTd2, .cartTd3, .cartTd4 {
  border-bottom: 1px solid #eee;
}
.cartTd li:nth-of-type(3), .cartTd2 li:nth-of-type(3), .cartTd4 li:nth-of-type(3) {
  text-align: center;
}
.cartTd li:nth-of-type(4), .cartTd2 li:nth-of-type(4), .cartTd4 li:nth-of-type(4) {
  text-align: right;
  padding-top: 40px;
  box-sizing: border-box;
}
.cartTd li:nth-of-type(5) a {
  font-size: 40px;
  display: block;
  font-weight: bold;
  color: #ccc;
  text-align: center;
  padding-top: 10px;
  box-sizing: border-box;
}
.cartTd2 li:nth-of-type(3) {
  padding-top: 20px;
  box-sizing: border-box;
}
.cartTh2 li:nth-of-type(1), .cartTd2 li:nth-of-type(1), .cartTh4 li:nth-of-type(1), .cartTd4 li:nth-of-type(1) {
  width: 100px;
}
.cartTh2 li:nth-of-type(2), .cartTd2 li:nth-of-type(2) {
  width: calc(100% - 330px);
}
.cartTh2 li:nth-of-type(3), .cartTd2 li:nth-of-type(3) {
  width: 80px;
}
.cartTh4 li:nth-of-type(2), .cartTd4 li:nth-of-type(2) {
  width: calc(100% - 400px);
}
.cartTh4 li:nth-of-type(3), .cartTd4 li:nth-of-type(3) {
  width: 150px;
}
.cartTh2 li:nth-of-type(4), .cartTd2 li:nth-of-type(4), .cartTd3 li:nth-of-type(2), .cartTh4 li:nth-of-type(4), .cartTd4 li:nth-of-type(4) {
  width: 150px;
  text-align: right;
}
.cartTd3 li:nth-of-type(1) {
  width: calc(100% - 150px);
  background-color: #f8f8f8;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}
.cartTd3 li:nth-of-type(2) {
  font-weight: 700;
  font-size: 16px;
}
.usepoint .cartTd3 li:nth-of-type(1) {
  height: 58px;
  padding-top: 15px;
  box-sizing: border-box;
}
.cart-point, .cart-total {
  text-align: right;
  font-weight: bold;
}
.cart-total2 {
  text-align: right;
  font-weight: bold;
  font-size: 20px;
}
.pointNum {
  font-size: 16px;
}
.cartNum {
  font-size: 20px;
  color: #F00;
}
.cartNum2 {
  font-size: 25px;
  color: #F00;
}
.pointT, .totalT {
  font-size: 12px;
}
.cartSubBox {
  margin-top: 60px;
}
.login_memorySub p label {
  vertical-align: top;
  padding-top: 5px;
  display: inline-block;
}
.gift li {
  float: left;
  width: 25%;
  padding: 0px 20px;
  box-sizing: border-box;
  text-align: center;
}
.gift div {
  padding: 10px;
  box-sizing: border-box;
}
.gift h3 {
  font-weight: bold;
  padding: 0 0px 5px;
  box-sizing: border-box;
  font-size: 16px;
}
.gift p {
  margin-bottom: 10px;
  padding: 0 20px 5px;
  box-sizing: border-box;
}
.gift li figure {
  margin: 5px auto;
}
.gift {
  position: relative;
  width: 100%;
}
.gift li a {
  cursor: pointer;
}
.nogift p {
  padding: 10px;
  font-size: 16px;
  box-sizing: border-box;
}
.fit {
  position: relative;
  left: 0px;
  top: 20px;
  width: 100%;
}
.gift .giftStep {
  position: absolute;
  top: 0;
  right: 0;
}
.gift .giftStep li {
  width: auto;
  padding: 0px 5px;
}
.gift .giftStep li a {
  width: 27px;
  height: 27px;
  display: block;
  background-color: #f8f8f8;
  border-radius: 50%;
  text-align: center;
  padding-top: 3px;
  box-sizing: border-box;
  position: relative;
  color: #717171;
}
.gift .giftStep li.nowgift a {
  color: #c6a699;
  background-color: #f5efe7;
}
.gift .giftStep:before {
  position: absolute;
  top: 12px;
  right: 5px;
  height: 3px;
  width: calc(100% - 10px);
  background-color: #f8f8f8;
  content: "";
}
.shippingBtn {
  margin-top: 60px;
  padding: 20px;
  box-sizing: border-box;
  background-color: #f8f8f8;
}
.shippingBtn li {
  float: left;
  width: 33.33%;
  padding: 10px 20px;
  box-sizing: border-box;
}
.shippingBtn li p {
  margin-bottom: 10px;
}
.shippingBtn li .btn {
  margin: 0;
}
.shippingBtn li:nth-of-type(1) .btn {
  margin-top: 20px;
}
.shippingBtn li:nth-of-type(1), .shippingBtn li:nth-of-type(2) {
  position: relative;
  border-right: 1px solid #ccc;
}
.shippingBtn li:nth-of-type(1):after, .shippingBtn li:nth-of-type(2):after {
  position: absolute;
  content: "or";
  background-color: #f8f8f8;
  top: 0;
  bottom: 0;
  right: -20px;
  margin: auto 0;
  width: 30px;
  height: 30px;
  font-size: 16px;
}
.shippingBtn li:nth-of-type(3) {
  margin-top: 30px;
}
.shippingBtn li .btn a {
  width: 100%;
  margin: 0 auto;
  max-width: 296px;
}
.shippingBtn li .btn input[type=submit] {
  width: 100%;
  margin: 0 auto;
  max-width: 296px;
}
#AmazonPayButton {
  margin: 0 auto;
  width: 296px;
}
.radioBox label {
  vertical-align: top;
  padding-top: 5px;
  display: inline-block;
}
.atention {
  margin: 30px auto;
  font-size: 12px;
}
.atention a {
  color: #717171;
  text-decoration: underline;
}
table.tableH th {
  width: 80px;
}
table.tableH td:nth-of-type(1) {
  width: calc(100% - 200px);
}
table.tableH td:nth-of-type(2) {
  width: 120px;
}
table.tableH td:nth-of-type(2) ul li {
  margin: 1px 0;
}
.shippingD, .shippingD2 {
  padding: 20px;
  box-sizing: border-box;
}
.shippingD dt {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 5px;
}
.shippingD dd p, .shippingD2 p {
  margin-bottom: 10px;
}
#zeus_registerd_card_area, #zeus_new_card_area {
  margin: 0 0 0 0;
}
select[name="payment_class"] {
  margin-top: 0px;
  float: left;
}
#zeus_token_card_expires_month {
  margin-right: 8px;
}
#zeus_token_card_expires_year {
  margin-left: 8px;
  margin-right: 8px;
}
#zeus_token_card_cvv {
  max-width: 300px;
}
#zeus_registerd_card_area, #zeus_new_card_area {
  margin: 0 0 10px 0;
}
#zeus_registerd_card_area label, #zeus_new_card_area label {
  margin-top: 5px;
  display: block;
  font-weight: 700;
}
#zeus_token_card_cvv_data_for_registerd_card, #zeus_token_card_cvv_data {
  width: 100%;
  ime-mode: disabled;
}
#zeus_token_card_number {
  width: 45%;
  ime-mode: disabled;
  padding: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
}
#zeus_token_card_name {
  width: 45%;
  ime-mode: disabled;
}
table.tableCard th {
  width: 350px;
  background-color: #fbfbfb;
}
table.tableCard td {
  width: calc(100% - 350px);
}
.payment_area, .amazon_error_area {
  text-align: center;
  margin: 40px auto 0;
}
#myleft {
  float: left;
  width: 180px;
  margin-right: 30px;
}
#myright {
  float: left;
  width: calc(100% - 345px);
}
#myright2 {
  float: right;
  width: 105px;
  margin-left: 30px;
}
#myright3 {
  float: right;
  width: calc(100% - 210px);
}
#myleft ul li {
  padding: 15px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
}
#myleft ul li a {
  color: #717171;
}
.mypageTop, .mypageTop2, .mypageTop3 {
  margin-bottom: 40px;
}
.mypageTop li {
  box-sizing: border-box;
}
.mypageTop li div.mysubBox {
  border: 1px solid #ccc;
  margin-bottom: 4px;
  padding: 20px;
  box-sizing: border-box;
}
.mypageTop li:nth-of-type(2), .mypageTop li:nth-of-type(3) {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.mypageTop li:nth-of-type(4) {
  clear: both;
}
.mypageTop li figure {
  float: left;
  width: 60px;
}
.mypageTop li:nth-of-type(1) figure {
  margin-top: 4px;
}
.mypageTop li dl {
  float: left;
  width: calc(100% - 210px);
  margin-left: 10px;
}
.mypageTop li:nth-of-type(2) dl, .mypageTop li:nth-of-type(3) dl {
  float: left;
  width: calc(100% - 84px);
  margin-left: 10px;
}
.mypageTop li:nth-of-type(2) {
  padding-right: 2px;
}
.mypageTop li:nth-of-type(3) {
  padding-left: 2px;
}
.mypageTop li dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3px;
}
.mypageTop li dd span {
  font-size: 18px;
  font-weight: bold;
}
.mypageTop li .btnMini {
  width: 105px;
  margin-bottom: 2px;
}
.mypageTop li:nth-of-type(2) div div, .mypageTop li:nth-of-type(3) div div {
  padding-top: 30px;
}
.mypageTop li:nth-of-type(2) p a, .mypageTop li:nth-of-type(3) p a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(images/icon-next.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 26px;
  display: block;
}
.mypageTop2 li {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.mypageTop2 li .mysubBox2 {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ccc;
}
.mypageTop2 li:nth-of-type(1) {
  padding-right: 10px;
}
.mypageTop2 li:nth-of-type(2) {
  padding-left: 10px;
}
.mypageTop2 dt {
  font-size: 12px;
  color: #aaa;
  margin-bottom: 3px;
}
.mypageTop2 dd {
  font-size: 12px;
  color: #717171;
}
.mypageTop2 li div div {
  position: absolute;
  top: 0px;
  right: 0;
}
.mypageTop2 .btnMini {
  font-size: 11px;
  padding: 2px 5px;
}
.mypageTop3 ul {
  display: flex;
}
.mypageTop3 li {
  float: left;
  width: 20%;
  padding: 5px 10px;
  font-size: 11px;
  display: flex;
  flex-direction: column;
}
.mypageTop4 li {
  padding: 0px 0px 10px;
  box-sizing: border-box;
  font-size: 11px;
}
.mypageTop3 li a, .mypageTop4 li a {
  color: #717171;
}
.mypageTop3 li figure span, .mypageTop4 li figure span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -15px;
  opacity: 0;
  transition: opacity .3s;
}
.mypageTop3 li:hover figure span, .mypageTop4 li:hover figure span {
  opacity: 1;
  transition: opacity .3s;
}
.mypageTop3 li figure span a, .mypageTop4 li figure span a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  color: #FFF;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center center;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.mypageTop3 li figure span.favoritL, .mypageTop4 li figure span.favoritL {
  margin-left: -35px;
}
.mypageTop3 li figure span.cartL, .mypageTop4 li figure span.cartL {
  margin-left: 5px;
}
.mypageTop3 li figure span.favoritL a, .mypageTop4 li figure span.favoritL a {
  background-image: url(images/icon-favo.png);
}
.mypageTop3 li figure span.cartL a, .mypageTop4 li figure span.cartL a {
  background-image: url(images/icon-cartL.png);
}
.mypageTop3 li figure span.favoritL a.on, .mypageTop4 li figure span.favoritL a.on {
  background-image: url(images/icon-favo_on.png);
}
.shopComTxt2 {
  color: #F00;
  margin: 10px 0;
}
.serchOrderList {
  padding: 5px 0;
  box-sizing: border-box;
}
.serchOrderList dl {
  margin-bottom: 5px;
  float: left;
}
.serchOrderList dl:nth-of-type(1) {
  margin-right: 20px;
}
.serchOrderList dt, .serchOrderList dd {
  float: left;
  font-size: 12px;
}
.serchOrderList dt {
  width: 70px;
  font-weight: bold;
  font-size: 13px;
  padding-top: 7px;
  background-image: url(images/icon-sub.png);
  background-size: 9px 8px;
  background-position: left 15px;
  background-repeat: no-repeat;
  padding-left: 12px;
  box-sizing: border-box;
}
.serchOrderList dd {
  width: 70px;
  padding: 0 2px;
  box-sizing: border-box;
}
.serchOrderList dd a {
  display: block;
  color: #717171;
  background-color: #FFF;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 5px;
  text-align: center;
}
.orderList li, .orderListP li {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  box-sizing: border-box;
}
.orderList ul.inner {
  display: block;
}
.orderList ul.inner > label {
  display: block;
  float: left;
}
.orderList ul.inner > li {
  border-bottom: none;
  padding: 0px 0;
  box-sizing: border-box;
}
.orderList li figure, .orderList li dl, .orderListP li figure, .orderListP li dl, .orderList li div, .spaTtl li, .spaTtlN li, .spaTtlN2 li, .spaTtlN3 li, .spaTtlN4 li, .recommendList li figure, .recommendList li dl, .recommendList li div, .recommendList2 li dl, .recommendList2 li div, .spaTtlD li, .orderListD dt, .orderListD dd {
  float: left;
  padding: 0 10px;
  box-sizing: border-box;
}
.spaTtl, .spaTtlN, .spaTtlN2, .spaTtlN3, .spaTtlN4, .spaTtlD {
  margin-top: 20px;
  background-color: #f8f8f8;
  border: 1px solid #eee;
}
.orderList li figure, .orderListP li figure, .recommendList li figure {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
}
.spaTtl li.spaTtl1 {
  width: 100px;
}
.orderList li dl, .spaTtl li.spaTtl2, .recommendList li dl {
  width: calc(100% - 220px);
}
.orderListP li dl {
  width: calc(100% - 100px);
}
.recommendList.reviewR li dl {
  width: calc(100% - 250px);
}
.orderList li div, .spaTtl li.spaTtl3, .recommendList li div {
  width: 120px;
}
.spaTtl li.spaTtl3, .recommendList li div {
  margin-top: 17px;
}
.recommendList.reviewR li div {
  width: 150px;
  margin-top: 10px;
}
.orderList li div p, .recommendList li div p, .destinationList li div p {
  margin: 2px 0;
}
.destinationList li div p {
  text-align: center;
}
.orderList li dt {
  margin-bottom: 5px;
}
.orderListP li dt {
  margin-bottom: 10px;
}
.orderList li dd {
  float: left;
  width: 25%;
  margin-bottom: 3px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  position: relative;
  border-right: 1px solid #ccc;
}
.orderList li dd:nth-of-type(1) {
  border-left: 1px solid #ccc;
}
.orderList li dd:last-child {
  clear: both;
  border-right: none;
  margin-top: 33px;
}
.orderList li dd.nextOrder:last-child {
  width: auto;
}
.orderList li dd span, .orderList2 li dd span, .orderListD li dd:nth-of-type(4) span {
  background-color: #717171;
  border-radius: 80px;
  display: block;
  color: #fff;
}
.orderList li dd.nextOrder:last-child span {
  padding: 0 20px;
  box-sizing: border-box;
}
.orderList2 li dd span {
  width: 170px;
  margin: 0 auto;
}
.subscript2 .orderList li dd {
  width: 33.333%;
}
.subscript2 .orderList li dd:last-child {
  clear: none;
  border-right: 1px solid #ccc;
  margin-top: 0px;
}
.orderListD li dd:nth-of-type(4) span {
  font-size: 12px;
}
.orderListP li dd span {
  font-size: 12px;
}
.orderList2 li dd span.blue, .orderList2 li dd span.blue, .orderListD li dd:nth-of-type(4) span.blue, .orderList li dd span.blue {
  background-color: #9ec9d4;
}
.orderList2 li dd span.pink, .orderList2 li dd span.pink, .orderListD li dd:nth-of-type(4) span.pink, .orderList li dd span.pink {
  background-color: #fd8193;
}
.orderList2 li dd span.green, .orderList2 li dd span.green, .orderListD li dd:nth-of-type(4) span.green, .orderList li dd span.green {
  background-color: #a7ca6a;
}
.orderList2 li dd span.yellow, .orderList2 li dd span.yellow, .orderListD li dd:nth-of-type(4) span.yellow, .orderList li dd span.yellow {
  background-color: #fdd518;
}
.orderList li div p {
  text-align: center;
}
.orderList li div p .btnMini, .orderList2 li .btnMini, .recommendList li div p .btnMini, .destinationList li div p .btnMini, .recommendList.reviewR li div p .btnMini, .reviewOldBox div p .btnMini, .mypointBox dd .btnMini, .orderListD dd:nth-of-type(5) .btnMini {
  border: 1px solid #aaa;
  border-radius: 80px;
  padding: 5px 10px;
  text-align: center;
  display: inline-block;
  margin-left: 0px;
  color: #717171;
  background-color: #fff;
  font-size: 12px;
  box-sizing: border-box;
  width: 100%;
}
.recommendList.reviewR li div p span {
  display: inline-block;
  font-size: 11px;
  padding-left: 10px;
  box-sizing: border-box;
}
.spaTtl li.spaTtl1, .spaTtl li.spaTtl3 {
  text-align: center;
  font-size: 12px;
  padding: 5px;
  box-sizing: border-box;
}
.spaTtl li.spaTtl2 li {
  text-align: center;
  font-size: 12px;
  background-color: #f8f8f8;
  padding: 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}
.spaTtl li.spaTtl2 li:nth-of-type(1) {
  width: 100%;
}
.spaTtl li.spaTtl2 li:not(:nth-of-type(1)) {
  width: 25%;
  border-bottom: none;
}
.spaTtl.spaTtlK li.spaTtl2 li:not(:nth-of-type(1)) {
  width: 33.333%;
  border-bottom: none;
}
.spaTtl li.spaTtl2 li:nth-of-type(1), .spaTtl li.spaTtl2 li:nth-of-type(2) {
  border-left: 1px solid #eee;
}
.orderList2, .orderList3 {
  border: 1px solid #eee;
  border-top: none;
}
.orderList2 dd, .orderList2 dt, .orderList3 dd, .orderList3 dt {
  float: left;
}
.spaTtlN li, .spaTtlN2 li, .orderList2 dd, .orderList2 dt {
  text-align: center;
  font-size: 12px;
  padding: 12px 0;
  box-sizing: border-box;
  border-right: 1px solid #eee;
  width: calc((100% - 120px)/4);
}
.orderList3 dd, .spaTtlN3 li, .spaTtlN4 li {
  text-align: center;
  font-size: 12px;
  padding: 12px 0;
  box-sizing: border-box;
  border-right: 1px solid #eee;
}
.orderList3 dt {
  text-align: center;
  font-size: 12px;
  padding: 12px 0;
  box-sizing: border-box;
  border-right: 1px solid #eee;
  width: 100px;
}
.spaTtlN li:last-child, .orderList2 dd:last-child {
  border-right: none;
  width: 120px;
  padding: 5px 10px;
}
.spaTtlN2 li:last-child, .orderList3 dd:last-child, .spaTtlN4 li:last-child {
  border-right: none;
}
.spaTtlN2 li:nth-of-type(1), .spaTtlN2 li:nth-of-type(4), .spaTtlN2 li:nth-of-type(5), .spaTtlN2 li:nth-of-type(6), .orderList3 dd:nth-of-type(3), .orderList3 dd:nth-of-type(4), .orderList3 dd:nth-of-type(5) {
  width: 100px;
}
.spaTtlN2 li:nth-of-type(2), .spaTtlN2 li:nth-of-type(3), .orderList3 dd:nth-of-type(1), .orderList3 dd:nth-of-type(2) {
  width: calc((100% - 400px)/2);
}
.spaTtlN3 li:nth-of-type(1) {
  width: 150px;
}
.spaTtlN3 li:nth-of-type(3) {
  width: 175px;
}
.spaTtlN3 li:nth-of-type(4) {
  width: 100px;
}
.spaTtlN3 li:nth-of-type(2) {
  width: calc(100% - 425px);
}
.spaTtlN4 li:nth-of-type(1) {
  width: 80px;
}
.spaTtlN4 li:nth-of-type(2) {
  width: calc(100% - 80px);
}
.recommendList li, .recommendList2 li, .reviewOld li, .faqBox li {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  box-sizing: border-box;
}
.reviewOld .disp_0 {
  background-color: #B1B1B1;
}
.reviewOld .disp_0 .reviewItem {
  border: 3px solid #B1B1B1;
}
.reviewOld .disp_0 img {
  opacity: 0.2;
}
.destinationList li {
  border-bottom: 1px solid #eee;
  padding: 0;
  box-sizing: border-box;
}
.recommendList li dt span, .recommendList2 li dt span {
  font-size: 11px;
  color: #aaa;
}
.recommendList li dd {
  margin-top: 15px;
}
.destinationList li dt, .destinationList li dd {
  float: left;
  box-sizing: border-box;
  padding: 10px;
}
.destinationList li dl {
  width: calc(100% - 100px);
  float: left;
}
.destinationList li div {
  width: 100px;
  float: left;
  margin-top: 8px;
}
.destinationList li dt {
  width: 150px;
}
.destinationList li dd:nth-of-type(2) {
  width: 175px;
}
.destinationList li dd:nth-of-type(1) {
  width: calc(100% - 325px);
}
.addBtn {
  text-align: center;
  margin: 20px auto;
}
.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999999;
}
.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal__bg:after {
  position: absolute;
  top: 10px;
  left: 10px;
  content: "×";
  color: #FFF;
  font-size: 30px;
}
.modal__content {
  background: #fff;
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 500px;
  overflow: auto;
}
.modal__content2 {
  background: #fff;
  padding: 40px;
  overflow: auto;
}
.js-modal-close {
  cursor: pointer;
}
input[type=file] {
  color: #717171;
  display: block;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #717171;
  border-radius: 80px;
  font-size: 15px;
  height: 50px;
  width: 100%;
}
.fileBtn {
  padding: 10px;
}
.fileBtn label {
  color: #717171;
  font-size: 15px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #717171;
  border-radius: 80px;
  cursor: pointer;
  width: 100%;
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin-top: 8px;
}
.fileBtn label > input {
  display: none;
}
.fileImg {
  margin-bottom: 10px;
}
.fileImg li {
  float: left;
  width: 25%;
  padding: 2px;
  box-sizing: border-box;
  position: relative;
}
.fileImg li span {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  line-height: 1.0;
  color: #717171;
}
.fileImg li span.deleted {
  /*color: #BD3335;*/
  display: none;
}
.fileatention {
  font-size: 12px;
}
.reviewNew {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  box-sizing: border-box;
}
.reviewNew dt {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px;
}
.reviewItem {
  border: 3px solid #eee;
  padding: 2px;
  box-sizing: border-box;
}
.reviewItem figure {
  float: left;
  width: 60px;
  height: 60px;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
.reviewItem h2 {
  font-size: 15px;
  float: left;
  width: calc(100% - 80px);
  padding-top: 20px;
}
.accordion {
  margin: 20px 0;
}
.accordion.accordion2 {
  margin: 50px 0 0;
}
.accordion dt {
  background-color: #f5efe7;
  cursor: pointer;
  font-weight: 700;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px 7px;
  padding: 10px;
  box-sizing: border-box;
}
.accordion dt.off {
  background-image: url(images/icon-lang.png);
}
.accordion dt.on {
  background-image: url(images/icon-langUp.png);
}
.accordion dd {
  padding: 10px;
  box-sizing: border-box;
}
.star-rating {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 250px;
  height: 50px;
  overflow: hidden;
  position: relative;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.star-rating i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.star-rating input[type="radio"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
  cursor: pointer;
}
.star-rating input:hover + i, .star-rating input:checked + i {
  opacity: 1;
}
.star-rating i ~ i {
  width: 40%;
}
.star-rating i ~ i ~ i {
  width: 60%;
}
.star-rating i ~ i ~ i ~ i {
  width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i {
  width: 100%;
}
.choice {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 20px;
  display: block;
}
.reviewOldStar .date {
  padding-left: 10px;
}
.reviewOldStar {
  margin-top: 20px;
}
.namereview {
  display: inline-block;
  margin-right: 20px;
}
/*.reviewOldTxt {float: left; width: 400px;}*/
.reviewOldTxt {
  float: left;
  width: calc(100% - 120px);
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.reviewOldBox {
  margin-top: 10px;
}
.reviewOldBox > ul {
  width: 100%;
}
.reviewOldBox > ul > li {
  width: 20%;
}
/*.reviewOldBox ul {float: left; width: calc(100% - 520px);}*/
.reviewOldBox ul {
  float: left;
  width: 100%;
}
.reviewOldBox ul li {
  border-bottom: none;
}
.reviewOldBox div {
  float: left;
  width: 120px;
  text-align: center;
}
.reviewOldBox div p {
  text-align: center;
  margin: 2px 0;
}
.faqLi {
  text-align: center;
}
.faqLi li {
  display: inline-block;
}
.faqLi li .btnMini {
  font-size: 12px;
}
.faqLi li.now .btnMini {
  background-color: #c6a674;
  color: #FFF;
  border: 1px solid #c6a674;
}
.faqBox li dt {
  width: 80px;
  float: left;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
}
.faqBox li dd {
  width: calc(100% - 80px);
  float: left;
  padding: 0 10px;
  box-sizing: border-box;
  border-left: 1px solid #eee;
}
.question, .answer {
  position: relative;
}
.question {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px 7px;
  padding: 0px 10px 0px 30px;
  box-sizing: border-box;
}
.question.off {
  background-image: url(images/icon-lang.png);
}
.question.on {
  background-image: url(images/icon-langUp.png);
}
.answer {
  padding: 10px 10px 0px 30px;
  box-sizing: border-box;
  border-top: 1px dashed #eee;
  margin-top: 10px;
}
.question:before, .answer:before {
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-size: 15px;
  font-weight: bold;
  width: 30px;
}
.question:before {
  content: "Q";
}
.answer:before {
  content: "A";
  top: 10px;
}
.question span {
  color: #c6a674;
  font-size: 12px;
  display: block;
}
.couponK span {
  display: block;
  width: 60px;
  height: 60px;
  border: 2px solid #ccc;
  border-radius: 50%;
  text-align: center;
  padding-top: 16px;
  box-sizing: border-box;
  font-size: 15px;
  color: #aaa;
}
.recommendList2 dl {
  width: calc(100% - 180px);
}
.recommendList2 dd {
  font-size: 12px;
}
.recommendList2 .couponK {
  width: 80px;
}
.recommendList2 .couponP {
  width: 100px;
  text-align: right;
  margin-top: 15px;
}
.recommendList2 .couponP p {
  text-algin: right;
  font-size: 18px;
}
.mypointBox {
  background-color: #f8f8f8;
  padding: 20px;
  box-sizing: border-box;
}
.mypointBox dt {
  float: left;
  width: calc(100% - 150px);
}
.mypointBox dt span {
  font-size: 20px;
}
.mypointBox dd {
  float: left;
  width: 150px;
}
.modalBorder {
  border-bottom: 1px solid #eee;
}
.shippingD.modalBorder dd p:nth-of-type(2) {
  margin-bottom: 0px;
}
.shippingD.modalBorder dd p:nth-of-type(1) span {
  font-size: 18px;
}
.subscriAtention {
  margin-top: 20px;
}
.spaTtlD {
  text-align: center;
  font-size: 12px;
}
.spaTtlD li {
  border-left: 1px solid #eee;
  padding: 10px;
}
.spaTtlD li:nth-of-type(1) {
  border-left: none;
}
.spaTtlD li:nth-of-type(1) {
  width: 150px;
  text-align: center;
}
.spaTtlD li:nth-of-type(4) {
  width: 120px;
  text-align: center;
}
.spaTtlD li:nth-of-type(5) {
  width: 180px;
  text-align: center;
}
.orderListD li {
  border-bottom: 1px solid #eee;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.orderListD dt {
  padding: 10px;
  box-sizing: border-box;
}
.orderListD dd {
  padding: 10px;
  box-sizing: border-box;
}
.orderListD dt {
  width: 150px;
  text-align: center;
}
.orderListD dd:nth-of-type(3) {
  width: 120px;
  text-align: center;
}
.orderListD dd:nth-of-type(4) {
  width: 180px;
  text-align: center;
}
.spaTtlD li:nth-of-type(2) {
  width: 100px;
  text-align: center;
}
.orderListD dd:nth-of-type(1) {
  width: 100px;
  text-align: center;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
}
.spaTtlD li:nth-of-type(3) {
  width: calc(100% - 670px);
  text-align: center;
}
.orderListD dd:nth-of-type(2) {
  width: calc(100% - 670px);
  text-align: left;
}
.spaTtlD li:nth-of-type(6) {
  width: 120px;
  text-align: center;
}
.orderListD dd:nth-of-type(5) {
  width: 120px;
  margin-top: 25px;
  font-size: 12px;
}
.orderListD dd:nth-of-type(3) span {
  font-size: 12px;
}
.orderListD dt, .orderListD dd:nth-of-type(4) {
  padding-top: 40px;
}
.orderListD dd:nth-of-type(3) {
  padding-top: 30px;
}
.mydetailM {
  border: 5px solid #f8f8f8;
  padding: 10px;
  box-sizing: border-box;
}
.mydetailM li {
  float: left;
  width: 33.333%;
  border-left: 1px solid #eee;
  padding: 5px;
  box-sizing: border-box;
}
.mydetailM li:nth-of-type(1) {
  border-left: none;
}
.mydetailM li dt {
  float: left;
}
.mydetailM li dd {
  float: left;
  font-weight: bold;
}
.subMyTtl {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 5px;
  margin-top: 30px;
}
.payTotalInfo, .orderShippInfo {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.payTotalInfo li {
  float: left;
  width: 27.5%;
  border-right: 1px solid #eee;
  box-sizing: border-box;
  padding: 10px;
  min-height: 150px;
}
.payTotalInfo li:nth-of-type(3) {
  border-right: none;
  width: 20%;
}
.payTotalInfo li:nth-of-type(4) {
  border-right: none;
  background-color: #f5efe7;
  position: relative;
  min-height: 160px;
  width: 25%;
}
.payTotalInfo dt {
  background-color: #f8f8f8;
  padding: 5px;
  box-sizing: border-box;
}
.payTotalInfo dd p {
  float: left;
  width: calc(100% - 90px);
  padding: 2px 0 2px 15px;
  box-sizing: border-box;
  font-size: 12px;
  position: relative;
}
.payTotalInfo dd div {
  float: left;
  text-align: right;
  width: 90px;
  padding: 2px 0;
  box-sizing: border-box;
}
.payTotalInfo li:nth-of-type(3) dd p {
  width: calc(100% - 65px);
}
.payTotalInfo li:nth-of-type(3) dd div {
  width: 65px;
}
.payTotal {
  text-align: right;
  font-weight: 700;
  padding: 5px 0;
  box-sizing: border-box;
}
.payTotalInfo dd p:before {
  position: absolute;
  background-color: #818181;
  width: 5px;
  height: 1px;
  top: 0;
  bottom: 0;
  left: 5px;
  content: "";
  margin: auto 0;
}
.payTotalInfo dd p:after {
  position: absolute;
  background-color: #818181;
  width: 1px;
  height: 10px;
  top: 2px;
  left: 5px;
  content: "";
  margin: 0;
}
.payTotalInfo .payTotalBox dt, .payTotalMT, .payTotalMP, .payTotalInfo .payTotalBox dd {
  float: left;
  box-sizing: border-box;
  font-weight: bold;
}
.payTotalInfo .payTotalBox dt, .payTotalMT {
  width: calc(100% - 110px);
  padding: 2px 0;
  background-color: #f5efe7;
  font-size: 13px;
}
.payTotalInfo .payTotalBox dd, .payTotalMP {
  text-align: right;
  width: 110px;
  padding: 2px 0;
}
.payTotalInfo dd span, .payTotal span {
  font-size: 11px;
}
.payTotalM {
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px 10px 0;
  margin: 0;
}
.payTotalMP {
  font-size: 20px;
  color: #F00;
  line-height: 1.0;
}
.payTotalMP span {
  font-size: 11px;
}
.orderShippInfo li {
  box-sizing: border-box;
}
.orderShippInfo li:nth-of-type(1) {
  float: left;
  width: 75%;
  border-right: 1px solid #eee;
}
.orderShippInfo li:nth-of-type(2) {
  float: left;
  width: 25%;
}
.orderShippInfo li:nth-of-type(1) dt {
  float: left;
  width: 100px;
  padding: 8px;
  box-sizing: border-box;
  background-color: #f8f8f8;
  clear: both;
}
.orderShippInfo li:nth-of-type(1) dd {
  float: left;
  width: calc(100% - 100px);
  padding: 8px;
  box-sizing: border-box;
}
.orderShippInfo li:nth-of-type(1) dt:nth-of-type(4) {
  height: 60px;
}
.orderShippInfo li:nth-of-type(2) h4 {
  padding: 10px;
  box-sizing: border-box;
  background-color: #f5efe7;
  font-weight: 700;
  position: relative;
}
.orderShippInfo li:nth-of-type(2) h4 a {
  background-color: #FFF;
  font-weight: 500;
  font-size: 12px;
  position: absolute;
  top: 4px;
  right: 10px;
  margin: auto 0;
}
.orderShippInfo li:nth-of-type(2) dl {
  padding: 10px;
  box-sizing: border-box;
}
.orderShippInfo li:nth-of-type(2) dt {
  padding: 5px;
  box-sizing: border-box;
  background-color: #f8f8f8;
}
.orderShippInfo li:nth-of-type(2) dd {
  padding: 5px;
  box-sizing: border-box;
}
/* lounge
----------------------------------------------- */
.loungeTxt {
  text-align: center;
  margin-bottom: 30px;
}
.loungeTtl {
  border-bottom: 1px solid #717171;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
.loungeTtl dt {
  font-size: 11px;
  color: #717171;
}
.loungeTtl dt a {
  color: #717171;
}
.loungeTtl dd {
  font-size: 16px;
  font-weight: bold;
}
.loungeTtl dd span {
  font-size: 13px;
  color: #aaa;
  font-weight: 300;
}
.loungeEntry {
  padding: 20px 40px;
  box-sizing: border-box;
}
.loungeEntry p {
  margin: 10px 0;
}
.loungeEntry p b {
  display: block;
  background-color: #aaaaaa;
  color: #FFF;
  margin-top: 40px;
  padding: 8px;
  box-sizing: border-box;
  font-size: 15px;
}
.loungeEntry figure {
  text-align: center;
  margin: 0 auto 20px auto;
}
.loungeEntry img {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.loungeEntry img:first-child {
  width: 50%;
}
.loungeEntry.tipsEntry img {
  width: 60%;
}
/* spa
----------------------------------------------- */
.spaMainTtl {
  font-size: 30px;
  color: #717171;
  margin-bottom: 20px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  position: relative;
}
.spaMainTtl span {
  font-size: 18px;
}
.spaMainTxt {
  font-size: 16px;
  text-align: center;
  line-height: 1.8;
}
.topBnr.spaBnr {
  padding-top: 40px;
  border-top: none;
}
.spaBox {
  margin-top: 20px;
}
.spaBox li {
  position: relative;
}
.spaBox li:nth-of-type(2n+1) {
  background-color: #f5efe7;
}
.spaBox li:nth-of-type(2n) figure, .spaBox li:nth-of-type(2n) div {
  float: right;
  width: 50%;
}
.spaBox li:nth-of-type(2n+1) figure, .spaBox li:nth-of-type(2n+1) div {
  float: left;
  width: 50%;
}
.spaBox div {
  position: relative;
  padding-top: 33.3333%;
}
.spaBox dl {
  width: 400px;
  height: 230px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -115px;
  margin-left: -200px;
}
.spaBox dt {
  font-size: 20px;
  margin-bottom: 10px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  padding-bottom: 2px;
  border-bottom: 1px solid #aaa;
}
.ttlsubMain {
  position: relative;
  overflow: hidden;
}
.ttlsubMain figure {
  width: 100%;
  padding-top: 26%;
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.ttlsubMain div {
  background-color: rgba(255, 255, 255, 0.7);
  width: 470px;
  height: 470px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -235px;
  margin-top: -235px;
  text-align: center;
}
.ttlsubMain div h2 {
  margin-top: 185px;
}
.shopList {
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  position: relative;
}
.shopList div.shopstatus {
  float: left;
  width: 150px;
  margin-right: 20px;
}
.shopList dl {
  float: left;
  width: calc(100% - 170px);
}
.shopList dd {
  float: left;
}
.shopList dd:not(:nth-of-type(1)) {
  width: 150px;
}
.shopList dd:nth-of-type(1) {
  width: calc(100% - 350px);
}
.shopList dt {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  width: 283.5px;
  height: 50px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 19px;
  color: #c3a575;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.shopList dt.small {
  font-size: 0.8em;
}
.shopList dd span.dayOff {
  float: left;
  clear: left;
  font-weight: bold;
  font-size: 0.9em;
}
.shopList div.shopstatus p {
  font-size: 11px;
  padding: 2px 5px;
  box-sizing: border-box;
  text-align: center;
}
.shopList div.shopstatus p:nth-of-type(1) {
  background-color: #f5efe7;
  margin-bottom: 2px;
}
.shopList div.shopstatus p:nth-of-type(2) {
  border: 1px solid #f5efe7;
}
.shopList .toglebtn2 {
  position: absolute;
  top: 50px;
  right: 20px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #c6a674;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  padding-top: 20px;
  box-sizing: border-box;
}
.toglebtn2:after {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  font-size: 20px;
}
.toglebtn2.off:after {
  content: "+";
}
.toglebtn2.on:after {
  content: "-";
}
.ggmap {
  position: relative;
  width: 100%;
  padding-top: 40%;
  height: 0;
  overflow: hidden;
  top: 10px;
}
.ggmap iframe, .ggmap object, .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.spaListBox {
  padding: 10px 0px 10px;
  box-sizing: border-box;
  position: relative;
}
.spaListBox .toglebtn2 {
  position: relative;
  width: 100%;
  height: 30%;
  cursor: pointer;
  overflow: hidden;
}
.spaListBox .toglebtn2:after {
  position: absolute;
  bottom: 20px;
  top: inherit;
  right: 20px;
  left: inherit;
  width: 40px;
  height: 40px;
  font-size: 25px;
  border-radius: 50%;
  background-color: #c6a674;
  color: #FFF;
  text-align: center;
  margin: 0;
}
.spaListBox .toglebtn2 figure {
  width: 100%;
  padding-top: 30%;
  position: relative;
  overflow: hidden;
}
.spaListTtl {
  background-color: rgba(255, 255, 255, 0.7);
  width: 470px;
  height: 470px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -235px;
  margin-top: -235px;
  text-align: center;
}
.spaListTtl h4 {
  font-size: 30px;
  color: #717171;
  margin-top: 185px;
  margin-bottom: 5px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  position: relative;
}
.spaListTtl h4:before {
  position: absolute;
  top: 50px;
  background-color: #ccc;
  height: 1px;
  width: 50px;
  left: 0;
  right: 0;
  content: "";
  margin: 0 auto;
}
.spaListTtl p {
  font-size: 15px;
  padding: 20px;
  box-sizing: border-box;
}
.spaListDetail {
  padding: 40px;
  box-sizing: border-box;
  background-color: #FFF;
}
.spaListDetailSub {
  border-bottom: 1px solid #eee;
  padding-top: 20px;
}
.spaListDetail .spaListDetailSub:last-child {
  border-bottom: none;
}
.spaListDetail h5 {
  float: left;
  width: 250px;
  margin-right: 20px;
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
}
.spaListDetail h5 span {
  font-size: 14px;
  display: block;
}
.spaListTxt {
  float: left;
  width: calc(100% - 270px);
}
.spaListTxt h6 {
  font-size: 18px;
  margin-bottom: 5px;
  font-family: 'Noto Serif JP', serif;
}
.spaListTxt p {
  margin-bottom: 20px;
}
.spaListTxt ul li {
  float: left;
  width: 50%;
  padding: 5px;
  box-sizing: border-box;
}
.spaListTxt ul li:nth-of-type(3) {
  float: none;
  width: 100%;
  clear: both;
}
.spaListTxt ul li dt {
  background-color: #717171;
  color: #FFF;
  padding: 5px 10px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.spaListTxt ul li dd {
  padding: 5px 10px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.spaTimePrice {
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px dashed #eee;
}
.spaTimePrice dt, .spaTimePrice dd {
  float: left;
  padding: 3px;
  box-sizing: border-box;
  font-size: 15px;
}
.spaTimePrice dd {
  margin-right: 20px;
}
/* detailReview */
.reviewDetail {
  border: 3px solid #F00;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #F00;
  padding: 15px;
  box-sizing: border-box;
}
.reviewDetailTop {
  border-bottom: 1px solid #eee;
  padding: 20px 0;
  box-sizing: border-box;
}
.reviewDetailTop dt {
  font-size: 18px;
  font-weight: bold;
  float: left;
  width: calc(100% - 280px);
}
.reviewDetailTop dt span {
  display: inline-block;
  float: right;
  font-size: 16px;
}
.reviewDetailTop dd {
  float: left;
  width: 250px;
  margin-left: 30px;
  border: 1px solid #ccc;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
}
.reviewDetailTop dd li span {
  display: block;
}
.reviewDetailList li {
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
.reviewDetailList li li {
  float: right;
  width: 15%;
  padding: 5px;
  box-sizing: border-box;
  border-bottom: none;
}
.reviewDetailList li .photo li {
  float: left;
}
.reviewDetailList dt .date {
  padding-left: 10px;
}
.reviewDetailList dd p {
  padding: 10px 0;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
/*.reviewDetailList dd:nth-of-type(1) {float: left; width: calc(100% - 400px);}
.reviewDetailList dd:nth-of-type(2) {float: left; width: 400px;}*/
.reviewDetailList dd {
  float: left;
  width: 100%;
}
.reviewDetailList dd .date {
  float: left;
  margin-left: 10px;
}
.reviewDetailList dd.photo {
  float: left;
  margin-top: 10px;
}
.reviewDetailList dd.photo li img {
  width: 100%;
  height: auto;
}
.reviewDetailTop dd .rate {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 40px;
  font-size: 40px;
}
.reviewDetailTop dd .rate:before, .reviewDetailTop dd .rate:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  display: inline-block;
  height: 40px;
  line-height: 40px;
}
.reviewDetailTop dd .rate:before {
  color: #ddd;
}
.reviewDetailTop dd .rate:after {
  color: #c6a674;
  overflow: hidden;
  white-space: nowrap;
}
.reviewDetailTop dd .rate0:after {
  width: 0;
}
.reviewDetailTop dd .rate1:after {
  width: 40px;
}
.reviewDetailTop dd .rate1-5:after {
  width: 60px;
}
.reviewDetailTop dd .rate2:after {
  width: 80px;
}
.reviewDetailTop dd .rate2-5:after {
  width: 101px;
}
.reviewDetailTop dd .rate3:after {
  width: 121px;
}
.reviewDetailTop dd .rate3-5:after {
  width: 142px;
}
.reviewDetailTop dd .rate4:after {
  width: 162px;
}
.reviewDetailTop dd .rate4-5:after {
  width: 183px;
}
.reviewDetailTop dd .rate5:after {
  width: 203px;
}
/* bestseller */
#sliderbox2 {
  position: relative;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  max-width: 1100px;
}
.box {
  width: 100%;
  position: relative;
  padding-top: 0px;
}
#sliderbox2 li {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#sliderbox2 li figure {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 75vh;
}
.sellerBox li {
  border: 1px solid #eee;
  border-top: none;
  padding: 40px;
  box-sizing: border-box;
}
.sellerBox li:not(:nth-of-type(1)) {
  border: none;
  padding: 8px 0px;
  box-sizing: border-box;
}
.sellerBox li:not(:nth-of-type(1)) div {
  border: 1px solid #eee;
  padding: 40px;
  box-sizing: border-box;
}
.sellerLeft {
  float: left;
  width: calc(100% - 270px);
}
.sellerRight {
  float: left;
  width: 250px;
  margin-left: 20px;
}
.sellerTtl {
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 30px;
}
.sellerTtl dt {
  float: left;
  width: 75px;
  font-size: 60px;
  line-height: 1.0;
}
.sellerTtl dd {
  float: left;
  width: calc(100% - 75px);
  font-size: 22px;
  line-height: 1.2;
  padding-top: 8px;
}
.sellerTtl dd p {
  font-size: 16px;
  color: #888;
  padding-top: 3px;
  line-height: 1.2;
}
.sellerBox li li {
  border: none;
  padding: 0px;
  box-sizing: border-box;
}
.sellerBox li div div, .sellerBox li:not(:nth-of-type(1)) div div {
  border: none;
  padding: 0px;
  box-sizing: border-box;
}
.sellerTxt {
  font-size: 15px;
  padding-left: 75px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.sellerTxt span {
  font-size: 14px;
  display: block;
  padding-top: 10px;
  color: #717171;
}
.sellerBtn {
  padding-left: 75px;
  box-sizing: border-box;
}
.sellerBtn a {
  font-size: 15px;
  display: inline-block;
  box-sizing: border-box;
  padding: 10px 15px;
  margin: 0 auto;
  transition: background-color .5s;
  cursor: pointer;
  color: #fff;
  background-color: #c6a674;
  box-shadow: none;
  border: none;
  width: 180px;
  border-radius: 80px;
  text-align: center;
}
/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 10px;
  width: 100%;
  z-index: 9999;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #aaa;
  padding-top: 40px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  /*display: inline-block;*/
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px solid #aaa;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 7px;
  outline: 0;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  color: #aaa;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #aaa;
  color: #e60012;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/icon-prev.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/icon-next.png) no-repeat 0 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  outline: 0;
  width: 14px;
  height: 26px;
  text-indent: -9999px;
  z-index: 9998;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
/* **********************************************************************************************
[8]other
************************************************************************************************ */
/* common
----------------------------------------------- */
.swiper-wrapper2 li figure, .productsBox li figure, .eventSubBox li figure, .productsList li figure, .mypageTop3 li figure, .mypageTop4 li figure, .fileImg li figure, .orderListD dd figure {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.loungeList li figure {
  width: 100%;
  /*padding-top: 70%;*/
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.spaBox figure {
  width: 50%;
  padding-top: 33.333%;
  position: relative;
  overflow: hidden;
}
.spaImg {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
  margin-bottom: 80px;
}
.proAddImg {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
}
.spaImg span {
  width: 133px;
  height: 192.5px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -66.5px;
  margin-top: -96.25px;
}
.swiper-wrapper li figure {
  width: 100%;
  padding-top: 130.2%;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.eventSubBox li figure img, .noticeTxt li figure img, .swiper-wrapper li figure img, #sliderbox .box img, .productsList li figure img, .mypageTop3 li figure img, .mypageTop4 li figure img, .orderList li figure img, .recommendList li figure img, .fileImg li figure img, .orderListD dd figure img, .loungeList li figure img, .spaImg img, .spaBox figure img, .spaListBox .toglebtn2 figure img, .ttlsubMain figure img, #sliderbox2 li figure img, .proAddImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.loungeList.tipList li figure img {
  width: auto;
  height: 100%;
}
.swiper-wrapper2 li figure img, .productsBox li figure img {
  position: absolute;
  top: 0%;
  left: 0%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -moz-transition: -moz-transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -o-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-wrapper2 li a:hover figure img, .productsBox li:hover figure img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
div#detailphotobloc .bx-wrapper li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: auto;
  height: 100%;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;'
}
div#detailphotobloc ul.thumbnail li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 95%;
  height: 95%;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;'
}
h1 a:hover, .noticeTxt li a:hover figure, .swiper-button-prev2:hover, .swiper-button-next2:hover, .swiper-button-prev:hover, .swiper-button-next:hover, .topBnr li a:hover figure, .eventBox li a:hover figure, .swiper-wrapper li a:hover figure, footer h2 a:hover, .btn2 a:hover, .ecBtn li a:hover, .subHeader li a:hover, #sliderbox .box a:hover, .pageLinkBox li a:hover, .aboutteiki a:hover, .loginSubBox ul li a:hover, .productsList li figure span a:hover, .productsBox li figure span a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
.footerNav li a:hover, .fnav li a:hover, .productsBox a:hover dl, .productsBox a:hover p, .swiper-wrapper2 a:hover dl, .swiper-wrapper2 a:hover p.cat, .swiper-wrapper a:hover dl, .productsList li a:hover, .loungeList li a:hover {
  color: #c6a674;
}
.btn a:hover, .btn input[type=submit]:hover, a:hover .btn, .btn input[type=button]:hover, #pageTop a:hover, .cartBtn a:hover, .detailBtn a:hover, .sellerBtn a:hover {
  background-color: #d4c27c;
  transition: background-color .5s;
}
/* form
----------------------------------------------- */
input[type=text], textarea, input[type=password], input[type=number] {
  padding: 8px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
}
input.box10 {
  width: 10%;
}
input.box20 {
  width: 20%;
}
input.box45 {
  width: 45%;
}
input.box100, textarea.box100 {
  width: 100%;
}
input.box100 {
  margin-top: 2px;
}
input[type=checkbox] {
  width: 25px;
  height: 25px;
  background-color: #fff;
}
input[type=radio] {
  width: 25px;
  height: 25px;
  background-color: #fff;
}
.vertical-align input {
  vertical-align: middle;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: .01px;
  text-overflow: "";
  appearance: none;
  width: auto;
  height: 40px;
  padding: 5px 20px 5px 5px;
  background-color: #fff;
  background-image: url(images/select.png);
  background-repeat: no-repeat;
  background-size: 6px 9px;
  background-position: right 5px center;
  cursor: pointer;
  border: 1px solid #ddd;
  margin: 0 5px 5px 0;
  border-radius: 3px;
}
.detailshopping select {
  width: 150px;
}
.serchBox select, .itemNum select {
  width: 100%;
}
.serchBox.serchBox2 select {
  width: calc(100% - 100px);
  margin-bottom: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select:not(:target) {
    padding-right: 0;
    background-image: none;
  }
}
.hidden {
  display: none;
}
.btnspinner {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.spinner_area {
  float: left;
  position: relative;
  margin-bottom: 20px;
  width: 125px;
}
.spinner_area input {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 16px;
  width: auto;
  vertical-align: middle;
  text-align: right;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.spinner_area input[type="number"] {
  width: 50px;
}
.spinner_area input[type="number"]::-webkit-outer-spin-button, .spinner_area input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.spinner_area input[type="button"] {
  cursor: pointer;
  background-color: #aaa;
  color: #fff;
  border: 1px solid #aaa;
  font-size: 11px;
  text-align: center;
  position: absolute;
}
.spinner_area input[type="button"].buttonP {
  margin-top: 0px;
  border: 0px;
  width: 20px;
  height: 20px;
  padding: 0;
  top: 0;
  left: 85px;
}
.spinner_area input[type="button"].buttonM {
  margin-top: 0px;
  border: 0px;
  width: 20px;
  height: 20px;
  padding: 0;
  bottom: 0;
  left: 85px;
}
.easy-select-box {
  background: none;
  border-bottom: 1px solid #ccc;
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0;
  text-align: left;
  font-size: 12px;
  color: #a0a0a0;
  width: 75px;
  height: 20px;
  position: relative;
  padding: 0;
  font-weight: 200;
}
.easy-select-box .esb-displayer {
  background: url("images/icon-lang.png") no-repeat right 5px center;
  color: #a0a0a0;
  cursor: default;
  height: 20px;
  line-height: 20px;
  padding: 0 3px;
  text-indent: 5px;
  width: 75px;
}
.easy-select-box .esb-displayer:hover {
  filter: alpha(opacity=80);
  -ms-filter: 'alpha(opacity=80)';
  opacity: .8;
}
.easy-select-box:hover .esb-displayer {
  text-decoration: none;
}
.easy-select-box.disabled .esb-displayer, .easy-select-box:hover.disabled .esb-displayer {
  background-position: 0 -36px;
}
.easy-select-box .esb-dropdown {
  background: #fff;
  border: 1px solid #ccc;
  display: none;
  max-height: 75px;
  overflow: auto;
  position: absolute;
  z-index: 999;
  width: 75px;
}
.easy-select-box .esb-item {
  padding: 3px;
  background: #fff;
  color: #a0a0a0;
  cursor: default;
}
.easy-select-box .esb-item:hover {
  background: #fafafa;
  color: #a0a0a0;
  text-decoration: none;
}
input[type="submit"], button, select, .easy-select-box, .easy-select-box .esb-displayer {
  outline: none;
}
.ctinpt, select, textarea {
  background-color: #eee;
}
.spinner_area.cart_area {
  float: none;
  position: relative;
  margin-bottom: 0px;
  width: auto;
  margin-top: 20px;
}
.spinner_area.cart_area input[type="button"].buttonP, .spinner_area.cart_area input[type="button"].buttonM {
  left: 95px;
}
/* font 
----------------------------------------------- */
.f10 {
  font-size: 10px;
}
.f11 {
  font-size: 11px;
}
.f12 {
  font-size: 12px;
}
.f13 {
  font-size: 13px;
}
.f14 {
  font-size: 14px;
}
.f15 {
  font-size: 15px;
}
.f16 {
  font-size: 16px;
}
.f17 {
  font-size: 17px;
}
.f18 {
  font-size: 18px;
}
.f19 {
  font-size: 19px;
}
.f20 {
  font-size: 20px;
}
.f25 {
  font-size: 25px;
}
.f30 {
  font-size: 30px;
}
.f35 {
  font-size: 35px;
}
.f40 {
  font-size: 40px;
}
.f45 {
  font-size: 45px;
}
.f50 {
  font-size: 50px;
}
.f55 {
  font-size: 55px;
}
.f60 {
  font-size: 60px;
}
.f65 {
  font-size: 65px;
}
.f70 {
  font-size: 70px;
}
.txtC, .alignC {
  text-align: center;
}
.txtR, .alignR {
  text-align: right;
}
.txtL, .alignL {
  text-align: left;
}
a.txtD {
  text-decoration: underline;
  color: #000;
}
.box135 {
  width: 100%;
  padding: 0 10%;
  box-sizing: border-box;
}
.box1100 {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.posiR {
  position: relative;
}
.pb80 {
  padding: 80px 0;
}
.pb80t {
  padding-top: 80px;
  padding-bottom: 0;
}
.pb80b {
  padding-bottom: 80px;
  padding-top: 0;
}
.pb60 {
  padding: 60px 0;
}
.pb30 {
  padding: 30px 0;
}
.mb30 {
  margin-bottom: 30px;
}
.mb10 {
  margin-bottom: 10px;
}
.brownBg {
  background-color: #eee4d5;
}
.brownTxt {
  color: #c6a674;
}
.gryTxt {
  color: #a0a0a0;
}
.fontB {
  font-weight: bold;
}
.notoserifjp {
  font-family: 'Noto Serif JP', serif;
}
.lora {
  font-family: 'Lora', serif;
}
.notosansjp {
  font-family: 'Noto Sans JP', sans-serif;
}
.ubuntu {
  font-family: 'Ubuntu', sans-serif;
}
.ebgaramond {
  font-family: 'EB Garamond', serif;
}
:hover {
  transition: background-color .3s, color .3s, opacity .3s;
}
.pcno, .pcno2 {
  display: none;
}
/* query
----------------------------------------------- */
@media all and (max-width: 1100px) {
  .box1100 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
}
@media all and (max-width: 1024px) {
  .box1100 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  @media screen and (orientation: portrait) {
    #topHeader {
      height: calc(50vh + 40px);
    }
    #sliderbox, #sliderbox .box {
      height: 40vh;
    }
  }
  @media screen and (orientation: landscape) {
    #topHeader {
      height: calc(100vh + 100px);
      margin-bottom: 20px;
    }
    #sliderbox, #sliderbox .box {
      height: 100vh;
    }
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* **********************************************************************************************
[9]special
************************************************************************************************ */
/*.ui-widget-overlay { z-index: 1000000 !important ;}
.ui-dialog { z-index: 10000010 !important ;}*/
.ui-dialog {
  padding: 0 !important;
}
.ui-widget-header {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.ui-corner-all {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}
.shoppingDialog .ui-widget-header, .saveDialog .ui-widget-header {
  background: #E8E8E8 !important;
}
.shoppingDialog .detailCart {
  width: 550px !important;
  overflow: hidden !important;
}
.shoppingDialog .detailCart .option_element {
  margin-left: 28%;
}
.shoppingDialog .detailCart .option_variety_element {
  margin-left: 28%;
}
.error {
  color: #FF5053;
  font-size: 0.8rem;
}
.CatchCopy {
  bottom: 180px;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 20px 20px 20px;
}
.CatchCopy b {
  font-size: 0.8rem;
  float: left;
}
.CatchCopy ul {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
}
.CatchCopy ul li {
  padding-left: 1em;
  text-indent: -.7em;
}
.CatchCopy ul li:before {
  content: "● ";
}
.CatchCopy.bodycare ul li:before {
  color: #AECCDB;
}
.CatchCopy.skincare ul li:before {
  color: #EBB2B3;
}
.CatchCopy.mindcare ul li:before {
  color: #E1C982;
}
.CatchCopy small {
  font-size: 0.7rem;
  float: left;
  clear: both;
}
#main_box .tarot_copyright {
  width: 100%;
  text-align: center;
  font-family: "Lora";
}
.cartAlert {
  font-size: 15px;
  color: #F00;
  margin-top: 20px;
}
.cartMainTxt.empty {
  margin-top: 80px;
}
.cartMainTxt.message {
  font-size: 15px;
  color: #F00;
  margin-top: 40px;
}
/* social button */
.footerNavInnerLeft {
  width: 20%;
  float: left;
}
.footerNavInnerLeft li {
  float: left;
}
.footerNavInnerLeft li a i.fab {
  font-size: 1.8em;
}
.footerNavInnerCenter {
  width: 60%;
  float: left;
}
.footerNavInnerRight {
  width: 20%;
  float: left;
}
.footerNavInnerRight li {
  display: none;
}
.footerNav {
  width: calc(90% - 57px);
  margin: 0 auto 12.5px;
}
.customerCode {
  font-size: 1.0em;
}
/* シークレットセール */
.secretsaleEntry {
  display: block;
  width: 100%;
  padding: 20px 40px;
  box-sizing: border-box;
  overflow: auto;
  margin-top: 20px;
}
.secretsaleEntry figure {
  text-align: center;
  margin: 0 auto;
}
.secretsaleEntry img.object-fit-img {
  width: 20%;
  text-align: center;
  margin: 0 auto;
}
.secretsaleEntry h4.title {
  text-align: center;
  margin: 0px auto 20px auto;
  font-size: 36px;
  font-family: 'Lora', serif;
}
.secretsaleEntry p {
  font-size: 18px;
  text-align: center;
  margin: 0 auto;
}
.secretsaleEntry img.nav-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30px;
}
.secretsaleEntry a {
  width: 30%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.secretsaleEntry .head {
  display: block;
  width: 100%;
  text-align: left;
  background-color: #892A28;
  overflow: visible;
  float: left;
}
.secretsaleEntry .head img.object-fit-img {
  width: auto;
  margin: 0 auto;
  float: left;
}
.secretsaleEntry .head .kikangentei {
  border: thick solid #FFFFFF;
  display: block;
  float: left;
  width: 80px;
  height: 80px;
  color: #FFFFFF;
  margin-top: 36px;
  margin-left: 20px;
  padding: 10px;
  font-size: 1.8em;
  text-align: center;
}
.secretsaleEntry .head .kikan {
  display: block;
  float: left;
  width: calc(50%-110px);
  color: #FFFFFF;
  padding: 10px;
  text-align: center;
  font-size: 1.6em;
  margin-top: 30px;
  margin-left: 20px;
}
.secretsaleEntry .main {
  display: block;
  width: 100%;
  overflow: visible;
  float: left;
}
.secretsaleEntry .main img.object-fit-img {
  margin-top: 60px;
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.secretsaleEntry .main .btnArea {
  display: block;
  width: 100%;
  overflow: visible;
  float: left;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}
.secretsaleEntry .main .btnArea img {
  width: 100%;
}
.secretsaleEntry .main .btnArea a.left, .secretsaleEntry .main .btnArea a.right {
  display: block;
  float: left;
  width: calc(40%-40px);
  margin-left: 20px;
  margin-right: 20px;
}
.secretsaleEntry .main .btnArea a.left {
  margin-left: 80px;
}
.secretsaleEntry .main .btnArea a.right {
  margin-right: 80px;
}
.secretsaleEntry .main p {
  display: block;
  width: 560px;
  overflow: visible;
  float: left;
  text-align: left;
  padding-top: 20px;
  margin-left: 25%;
  margin-right: 25%;
}
.secretsaleEntry .main p.sorry {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-left: 0px;
  font-size: 0.9em;
}
.secretsaleEntry.place {
  margin-top: 0px;
}
.secretsaleEntry.place .head {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #FFFFFF;
  overflow: visible;
  float: left;
  font-size: 3.0em;
  min-height: 75px;
}
.secretsaleEntry.place .head span#countDown {
  font-size: 0.8em;
}
.secretsaleEntry.place .head span#countDown > b {
  color: #9F545D;
  font-size: 1.5em;
}
.secretsaleEntry.place .main {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #9F545D;
  overflow: visible;
  float: left;
  padding: 0px;
  margin-top: 30px;
}
.secretsaleEntry.place .main p {
  display: block;
  width: 80%;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border-radius: 40px;
  padding: 20px;
  float: none;
}
a.backToCart {
  font-size: 1.0em;
  display: inline-block;
  font-weight: bold;
  box-sizing: border-box;
  padding: 4px;
  transition: background-color .5s;
  cursor: pointer;
  color: #fff;
  background-color: #9C191B;
  position: relative;
  box-shadow: none;
  border: none;
  border-radius: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-top: 4px;
}
/* レビュー前処理 
.starBox {
    display: none!important;
}
.rate {
	opacity: 0!important;
}
.review {
    opacity: 0!important;
}*/