@charset "utf-8";
/* ========================================================
index 
======================================================== */
#fs_Top a {
  color: #453e3c;
  text-decoration: none;
}
#fs_Top a:visited {
  color: #453e3c;
}
#fs_Top a:hover {
  color: #453e3c;
  text-decoration: underline;
}
#fs_Top a:active {
  color: #453e3c;
}
#fs_Top a.btn_mail{
  color: #fff;
}

.pickup_menu li.faq a,
.pickup_menu li.history a,
.pickup_menu li.mypage a{
	color: #fff !important;
}

#keyv {
  margin-top: 10px;
}
#keyv,#slider {
  position: relative;
  width: 100%;
}
#slider li {
  margin-left: 10px;
}
#slider li img {
    width: 100%;
}

@media screen and (max-width: 768px) {
  #keyv {
    margin-top: 0;
  }
  #slider li {
    margin-left: 0;
  }
}

.news {
  width: 100%;
  padding: 10px;
  margin: 10px auto 2.5rem;
  box-sizing: border-box;
  background: #f6f2ed;
}
.news p {
  margin-bottom: 2px;
  font-weight: bold;
  text-align: center;
}
.ticker {
	width: 1120px;
	height: 30px;
	overflow: hidden;
	margin: 0 auto;
  
  box-sizing: border-box;
  text-align: center;
}
.ticker li {
  margin-bottom: 1rem;
}
.ticker li span {
  display: inline-block;
  padding-right: 30px;
}
.ticker li a {
  text-decoration: none;
  color: #453e3c;
  font-weight: bold;
}
.ticker li a:hover{
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .news {
    position: relative;
    margin: 0 auto 2.5rem;
  }
  .news p {
    margin-bottom: 0;
    font-size: 1.15em; /* 15px */
    text-align: left;
  }
  .ticker {
    width: 100%;
    height: inherit;
    max-height: 56px;
    padding-top: 30px;
    margin: 0 auto;
    margin-top: -31px;
    text-align: left;
  }
  
  .ticker li {
    display: flex;
    flex-direction: column;
    margin-top: -19px;
    margin-bottom: 32px;
    font-size: .846em; /* 11px */
  }
  .ticker li span {
    display: block;
    padding-left: 60px;
    padding-right: 0;
    margin-bottom: 8px;
  }
}


/* -------------------------------------------

------------------------------------------- */

.ruck-flame {
  position: relative;
  padding: 20px 30px 50px;
  margin-bottom: 80px;
  box-sizing: border-box;
  background: url(/item/img/common/bg_flame_top.gif) no-repeat 0 0;
}
.ruck-flame::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 60px;
  background: url(/item/img/common/bg_flame_btm.gif) no-repeat 0 100%;
}
.ruck-flame .badge {
  position: absolute;
  top: -25px;
  left: 20px;
  z-index: 1000;
  width: 140px;
  height: 100px;
}
.ruck-flame .badge img {
  width: 100%;
}
.ruck-flame .ttlbox {
  padding-top: 20px;
  text-align: center;
  margin-bottom: 2rem;
}
.ruck-flame .ttlbox h1 {
  font-size: 1.85em; /* 26px */
  margin-bottom: 1.3rem;
}
.ruck-flame .ttlbox p {
  font-size: 1.28em; /* 18px */
}
.ruck-flame .ttlbox p span {
  position: relative;
  padding: 0 40px;
}
.ruck-flame .ttlbox p span::after {
  content: "";
  position: absolute;
  top: -40%;
  left: 0;
  width: 26px;
  height: 37px;
  background: url(/item/img/common/line_balloon_l.png) no-repeat 0 0;
}
.ruck-flame .ttlbox p span::before {
  content: "";
  position: absolute;
  top: -40%;
  right: 0;
  width: 26px;
  height: 37px;
  background: url(/item/img/common/line_balloon_r.png) no-repeat 0 0;
}
.two-column-flame {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.two-column-flame .thumbbox {
  text-align: center;
  text-decoration: none;
  color: #453e3c;
  margin-right: 70px;
}
.two-column-flame .thumbbox:last-child {
  margin-right: 0;
}
.two-column-flame .thumbbox .thumb {
  width: 450px;
  height: 270px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.two-column-flame .thumbbox .thumb img {
  width: 100%;
}
.two-column-flame .thumbbox .sttl {
  margin-bottom: .5rem;
  font-weight: 600;
  font-size: 1.57em; /* 22px */
}
@media screen and (max-width: 768px) {
  .ruck-flame .badge {
    top: -15px;
    left: 10px;
    width: 70px;
    height: auto;
  }
  .ruck-flame .badge img {
    width: 100%;
  }
  .ruck-flame .ttlbox {
    margin-bottom: 1rem;
  }
  .ruck-flame .ttlbox h1 {
    font-size: 1.38em; /* 18px */
    margin-bottom: .5rem;
  }
  .ruck-flame .ttlbox p {
    font-size: 1em; /* 13px */
  }
  .ruck-flame .ttlbox p span {
    position: relative;
    width: 100%;
    padding: 0 0;
  }
  .ruck-flame .ttlbox p span::after,
  .ruck-flame .ttlbox p span::before {
    content: none;
  }
  .ruck-flame {
    position: relative;
    padding: 15px 15px 10px;
    height: auto;
    margin-bottom: 3rem;
    background: url(/item/img/common/bg_flame_sp_top.gif) no-repeat 50% 0;
    background-size: 100% auto; 
  }
  .ruck-flame::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 2rem;
    background: url(/item/img/common/bg_flame_sp_btm.gif) no-repeat 50% 100%;
    background-size: 100% auto;
    z-index: 1;
  }
  .two-column-flame {
    position: relative;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 2;
  }
  .two-column-flame p {
    text-align: left;
    font-size: .923em; /* 12px */
  }
  .two-column-flame .thumbbox {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .two-column-flame .thumbbox .thumb {
    width: 100%;
    height: inherit;
    overflow: visible;
    margin-bottom: .5rem;
  }
  .two-column-flame .thumbbox .sttl {
    margin-bottom: .3rem;
    font-size: 1.23em; /* 16px */
    text-align: center;
  }
  .two-column-flame .thumbbox p {
    padding: 0 10px;
  }
}

.three-column-flame {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.three-column-flame .thumbbox {
  text-align: center;
  text-decoration: none;
  color: #453e3c;
  margin-right: 20px;
  font-size: .857em; /* 12px */
}
.three-column-flame .thumbbox:last-child {
  margin-right: 0;
}
.event .three-column-flame {
  flex-wrap: wrap;
}
.event .three-column-flame .thumbbox {
  margin-bottom: 1.5rem;
}
.event .three-column-flame .thumbbox:nth-child(3n) {
  margin-right: 0;
}
.three-column-flame .thumbbox .thumb {
  width: 360px;
  height: 216px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.three-column-flame .thumbbox .thumb a {
  display: block;
  width: 100%;
}
.three-column-flame .thumbbox .thumb img {
  width: 100%;
}
.three-column-flame .thumbbox .sttl {
  margin-bottom: .5rem;
  font-weight: bold;
  font-size: 1.28em; /* 18px */
}
.three-column-flame.slider_category .thumbbox .thumb {
  width: 200px;
  height: 200px;
  overflow: hidden;
  margin-bottom: 1rem;
}


/* 人気ランキング */
.ranking-column-flame {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.ranking-column-flame .thumbbox {
  width: 210px;
  text-align: center;
  text-decoration: none;
  color: #453e3c;
  margin-right: 20px;
  font-size: .857em; /* 12px */
}
.ranking-column-flame .thumbbox:last-child {
  margin-right: 0;
}
.ranking-column-flame .thumbbox .thumb {
  width: 100%;
  height: 210px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.ranking-column-flame .thumbbox .thumb img {
  width: 100%;
}
.ranking-column-flame .thumbbox .sttl {
  margin-bottom: .5rem;
  font-weight: bold;
  font-size: 1.28em; /* 18px */
}
/* ranking */
.no01-03 {
  width: 63px;
  padding-bottom: 3px;
}
.no04-05 {
  width: 41px;
  padding-top: 15px;
  padding-bottom: 3px;
}
.no01-03 img,
.no04-05 img {
  width: 100%;
}


/* 特集 */
.feature-column-flame {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.feature-column-flame .thumbbox {
  width: 265px;
  text-align: center;
  text-decoration: none;
  color: #453e3c;
  margin-right: 20px;
  font-size: .857em; /* 12px */
}
.feature-column-flame .thumbbox:last-child {
  margin-right: 0;
}
.feature-column-flame .thumbbox .thumb {
  width: 100%;
  height: 159px;
  overflow: hidden;
  margin-bottom: 1rem;
}

.feature-column-flame .thumbbox .sttl {
  margin-bottom: .5rem;
  font-weight: bold;
  font-size: 1.28em; /* 18px */
}


.fs-body-category-nyuengoods .fs-c-subgroup {
  display: none;
}

/**/
.event {
  margin-bottom: 60px;
}
.feature {
  margin-bottom: 80px;
}
.category .thumbbox,
.ranking .thumbbox {
  text-align: left;
  font-weight: 600;
}
.category .thumbbox .thumb,
.ranking .thumbbox .thumb {
  margin-bottom: .5rem;
}

@media screen and (max-width: 768px) {
  .three-column-flame {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .three-column-flame .thumbbox {
    width: 48%;
    text-align: left;
    color: #453e3c;
    margin-right: 2%;
    font-size: 1em; /* 13px */
  }
  .three-column-flame.slider_category .thumbbox {
    margin-right: 8px;
  }
  .three-column-flame .thumbbox:first-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.3rem;
  }
  .three-column-flame .thumbbox:last-child {
    margin-right: 0;
  }
  .three-column-flame p {
    text-align: left;
    font-size: .923em; /* 12px */
  }
  .three-column-flame .thumbbox .thumb {
    width: 100%;
    height: inherit;
    overflow: visible;
    margin-bottom: .5rem;
  }
  .three-column-flame .thumbbox .thumb img {
    width: 100%;
  }
  .three-column-flame .thumbbox .sttl {
    margin-bottom: .2rem;
    font-size: 1.15em; /* 15px */
    text-align: left;
  }
  .three-column-flame.slider_category .thumbbox .thumb {
    width: 100%;
    height: inherit;
    overflow: visible;
    margin-bottom: .5rem;
  }

  .ranking-column-flame {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ranking-column-flame .thumbbox {
    width: 48%;
    text-align: left;
    color: #453e3c;
    margin-right: 2%;
    font-size: 1em; /* 13px */
  }
  .ranking-column-flame.slider_category .thumbbox {
    margin-right: 8px;
  }
  .ranking-column-flame .thumbbox {
    width: 32%;
    margin-right: 0;
    margin-bottom: 1.3rem;
  }
  .ranking-column-flame .thumbbox:last-child {
    margin-right: 0;
  }
  .ranking-column-flame p {
    text-align: left;
    font-size: .923em; /* 12px */
  }
  .ranking-column-flame .thumbbox:first-child,
  .ranking-column-flame .thumbbox:nth-child(2){
    width: 48%;
    margin-right: 0;
    margin-bottom: 1.3rem;
  }
  .ranking-column-flame .thumbbox .thumb {
    width: 100%;
    height: inherit;
    overflow: visible;
    margin-bottom: .5rem;
  }
  .ranking-column-flame .thumbbox .thumb img {
    width: 100%;
  }
  .ranking-column-flame .thumbbox .sttl {
    margin-bottom: .2rem;
    font-size: 1.15em; /* 15px */
    text-align: left;
  }

  
  .no01-03 {
    width: 36px;
  }
  .no04-05 {
    width: 24px;
    padding-top: 9px;
  }
  
  .category .three-column-flame {
    padding: 0 8px 0 12px;
  }
  .category .three-column-flame .thumbbox {
    display: block;
    width: 33%;
  }
  .category .three-column-flame .thumbbox:first-child{
    width: 33%;
    margin-right: 0;
    margin-bottom: 0;
  }
  .category .three-column-flame.slider_category .thumbbox {
    margin-right: 8px;
  }
  
  
  
  
  
  .feature-column-flame {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .feature-column-flame .thumbbox {
    width: 48%;
    text-align: left;
    color: #453e3c;
    margin-right: 2%;
    font-size: 1em; /* 13px */
  }
  .feature-column-flame.slider_category .thumbbox {
    margin-right: 8px;
  }
  .feature-column-flame .thumbbox:last-child {
    margin-right: 0;
  }
  .feature-column-flame p {
    text-align: left;
    font-size: .923em; /* 12px */
  }
  .feature-column-flame .thumbbox .thumb {
    height: inherit;
    overflow: visible;
    margin-bottom: .5rem;
  }
  .feature-column-flame .thumbbox .thumb img {
    width: 100%;
  }
  .feature-column-flame .thumbbox .sttl {
    margin-bottom: .2rem;
    font-size: 1.15em; /* 15px */
    text-align: left;
  }
  .feature-column-flame .thumbbox {
    display: block;
    width: 48%;
  }
  .feature-column-flame .thumbbox:nth-child(2n) {
    margin-right: 0;
  }
  
  
  
  
  /**/
  .season h2,.event h2,.feature h2,.category h2,.ranking h2 {
    margin-bottom: 1.8rem;
    font-size: 1.28em; /* 18px */
  }
  .event {
    margin-bottom: 2.5rem;
  }
  .feature {
    margin-bottom: 2.5rem;
  }
}


/**/
.newitem-flame {
  position: relative;
  padding: 20px 30px 50px;
  margin-bottom: 80px;
  box-sizing: border-box;
  background: url(/item/img/common/bg_flame_top.gif) no-repeat 0 0;
}
.newitem-flame::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 60px;
  background: url(/item/img/common/bg_flame_btm.gif) no-repeat 0 100%;
}
.newitem-flame .flag {
  position: absolute;
  top: -7px;
  left: 30;
  z-index: 1000;
  width: 100px;
}
.newitem-flame .flag img {
  width: 100%;
}
.newitem-flame .ttlbox {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 2rem;
}
.newitem-flame .ttlbox h2 {
  font-size: 1.85em; /* 26px */
  margin-bottom: 1.5rem;
}
.newitem-flame .ttlbox p {
  font-size: 1.28em; /* 18px */
  font-weight: 600;
}

.newitem-flame .two-column-flame .thumbbox {
  margin-right: 90px;
  text-align: left;
}
.newitem-flame .two-column-flame .thumbbox:last-child {
  margin-right: 0;
}
.newitem-flame .two-column-flame .thumbbox .thumb {
  width: 450px;
  height: 450px;
}
.newitem-flame .two-column-flame .thumbbox .sttl {
  font-size: 1.14em; /* 16px */
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .newitem-flame .flag {
    top: -7px;
    left: 15px;
    width: 60px;
    height: auto;
  }
  .newitem-flame {
    position: relative;
    padding: 15px;
    height: auto;
    margin-bottom: 3rem;
    background: url(/item/img/common/bg_flame_sp_top.gif) no-repeat 50% 0;
    background-size: 100% auto;
  }
  .newitem-flame::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 2rem;
    background: url(/item/img/common/bg_flame_sp_btm.gif) no-repeat 50% 100%;
    background-size: 100% auto;
  }
  .newitem-flame .ttlbox {
    padding-top: 10px;
    margin-bottom: 1rem;
  }
  .newitem-flame .ttlbox h2 {
    font-size: 1.38em; /* 18px */
    margin-bottom: .8rem;
  }
  .newitem-flame .ttlbox p {
    font-size: 1em; /* 13px */
  }
  .newitem-flame .ttlbox p span {
    position: relative;
    width: 100%;
    padding: 0 0;
  }
  .newitem-flame .two-column-flame {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .newitem-flame .two-column-flame .thumbbox {
    margin-right: 0;
    width: 48%;
  }
  .newitem-flame .two-column-flame .thumbbox .thumb {
    width: 100%;
    height: inherit;
  }
  .newitem-flame .two-column-flame .thumbbox p {
    text-align: left;
    font-size: .846em; /* 11px */
  }
  .newitem-flame .two-column-flame .thumbbox .sttl {
    margin-bottom: .3rem;
    font-size: 1em; /* 13px */
    text-align: left;
  }
}

.feature .thumbbox {
  text-align: left;
}
.feature .thumbbox .sttl {
  margin-bottom: .2rem;
  font-size: 1.14em; /* 16px */
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .feature .thumbbox {
    margin-bottom: 1.3rem;
  }
  .feature .thumbbox .sttl {
    font-size: 1em; /* 13px */
  }
}


/**/
.tablist_rank {
  display: flex;
  justify-content: center;
}
.tablist_rank li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 239px;
  height: 60px;
  margin-right: 20px;
  margin-bottom: 1.5rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(/item/img/top/btn_rank_bg.png);
  cursor: pointer;
}
.tablist_rank li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 769px) {
  .tablist_rank li.on,
  .tablist_rank li:hover {
    background-image: url(/item/img/top/btn_rank_bg_o.png);
    color: #fff;
  }
}
.tablist_rank li span {
  display: inline-block;
  padding-bottom: 6px;
  font-weight: 600;
}
.rankbox {
  display: none;
  opacity: 0;
  transition: .4s all;
}
.rankbox.show {
  display: block;
  opacity: 1;
  transition: .4s all;
}
.read_txt {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1.42em; /* 20px */
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .changeSelect {
    position: relative;
    width: 100%;
  }
  .display_selectedItem {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #453e3c;
    padding: 10px 10px;
    background: #fff;
  }
  .display_selectedItem::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: #453e3c;
    cursor: pointer;
    z-index: 10;
  }
  .display_selectedItem::before {
    position: absolute;
    top: 50%;
    right: 15px;
    left: inherit;
    bottom: inherit;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
    box-sizing: border-box;
    z-index: 50;
  }

  .tablist_rank {
    display: block;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #453e3c;
    border-top: 0; 
    background: #fff;
  }
  .tablist_rank li {
    display: block;
    width: 100%;
    height: inherit;
    padding: 10px 10px;
    box-sizing: border-box;
    margin-right: 0;
    margin-bottom: 0;
    background: none;
    cursor: pointer;
  }

  .tablist_rank li:last-child {
    margin-right: 0;
  }

  .tablist_rank li span {
    display: inline-block;
    padding-bottom: 0;
    font-weight: 600;
  }
  
  .rankbox .read_txt {
    margin-top: 1.5rem;
  }
}



/**/
.tablist_cat {
  display: flex;
  justify-content: center;
  margin-bottom: 2.5rem;
}
.tablist_cat li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 51px;
  margin-right: 20px;
  background: #fff;
  cursor: pointer;
  background: url(/item/img/common/btn_sm_bg.png) no-repeat 0 0;
}
.tablist_cat li:last-child {
  margin-right: 0;
}
.tablist_cat li.on,
.tablist_cat li:hover {
  background: url(/item/img/common/btn_sm_bg_o.png) no-repeat 0 0;
}

.catgorybox {
  display: none;
}
.catgorybox.show {
  display: block;
}

.tablist_cat li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 600;
  font-size: 1.07em; /* 15px */
  height: 51px;
  text-decoration: none;
  color: #453e3c;
  text-align: center;
}
.tablist_cat li.cat01 span {
  background: url(/item/img/common/icon_cat01.png) no-repeat 15px 50%;
}
.tablist_cat li.cat02 span {
  background: url(/item/img/common/icon_cat02.png) no-repeat 15px 50%;
}
.tablist_cat li.cat03 span {
  background: url(/item/img/common/icon_cat03.png) no-repeat 10px 50%;
  letter-spacing: -.1em;
  padding-left: 10px;
}
.tablist_cat li.cat04 span {
  background: url(/item/img/common/icon_cat04.png) no-repeat 15px 50%;
}
.tablist_cat li.on span,
.tablist_cat li:hover span {
  color: #fff;
}

.tablist_cat li.cat01.on span,
.tablist_cat li.cat01:hover span {
  background: url(/item/img/common/icon_cat01_o.png) no-repeat 15px 50%;
}
.tablist_cat li.cat02.on span,
.tablist_cat li.cat02:hover span {
  background: url(/item/img/common/icon_cat02_o.png) no-repeat 15px 50%;
}
.tablist_cat li.cat03.on span,
.tablist_cat li.cat03:hover span {
  background: url(/item/img/common/icon_cat03_o.png) no-repeat 10px 50%;
}
.tablist_cat li.cat04.on span,
.tablist_cat li.cat04:hover span {
  background: url(/item/img/common/icon_cat04_o.png) no-repeat 15px 50%;
}
@media screen and (max-width: 768px) {
  .read_txt {
    margin-bottom: 1.5rem;
    font-size: 1.15em; /* 15px */
  }
  .tablist_cat {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.5rem;
  }
  .tablist_cat li {
    justify-content: center;
    width: 49%;
    height: 40px;
    margin-right: 2%;
    margin-bottom: 2%;
    font-size: .769em; /* 10px */
    background-size: 100%;
  }
  .tablist_cat li:nth-child(2n) {
    margin-right: 0;
  }
  .tablist_cat li.on,
  .tablist_cat li:hover {
    background-size: 100%;
  }
  .tablist_cat li span {
    width: 100%;
    padding: 0 0 3px 0;
    text-align: center;
  }
  .tablist_cat li.cat01 span {
    background: url(/item/img/common/icon_cat01.svg) no-repeat 10px 45%;
    background-size: auto 22px;
  }
  .tablist_cat li.cat02 span {
    background: url(/item/img/common/icon_cat02.svg) no-repeat 15px 46%;
    background-size: auto 21px;
  }
  .tablist_cat li.cat03 span {
    background: url(/item/img/common/icon_cat03.svg) no-repeat 10px 46%;
    background-size: auto 20px;
  }
  .tablist_cat li.cat04 span {
    background: url(/item/img/common/icon_cat04.svg) no-repeat 18px 46%;
    background-size: auto 24px;
  }
  
  .tablist_cat li.cat01.on span,
  .tablist_cat li.cat01:hover span {
    background: url(/item/img/common/icon_cat01_o.svg) no-repeat 10px 45%;
    background-size: auto 22px;
  }
  .tablist_cat li.cat02.on span,
  .tablist_cat li.cat02:hover span {
    background: url(/item/img/common/icon_cat02_o.svg) no-repeat 15px 46%;
    background-size: auto 21px;
  }
  .tablist_cat li.cat03.on span,
  .tablist_cat li.cat03:hover span {
    background: url(/item/img/common/icon_cat03_o.svg) no-repeat 10px 46%;
    background-size: auto 20px;
  }
  .tablist_cat li.cat04.on span,
  .tablist_cat li.cat04:hover span {
    background: url(/item/img/common/icon_cat04_o.svg) no-repeat 18px 46%;
    background-size: auto 24px;
  }
}







/* 1歳誕生日特集 */
.first_birthday {
  width: 640px;
  text-align: center;
  margin: 0 auto 3rem;
}
.first_birthday img {
  width: 640px
}
.wrapping {
  text-align: center;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 768px) {
  .first_birthday {
    width: 100%;
  }
  .first_birthday img {
    width: 100%;
  }
  
  .wrapping img {
    width: 100%;
  }
}




/* ========================================================
Contact Us
======================================================== */
.stepwizard {
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0 0 1em 0;
  display: flex;
}
.steps_item {
  width: 33.3%;
  background: #c8cad1;
  position: relative;
  white-space: nowrap;
}
.steps_item.current {
  background: #1e357a;
}
.steps_item::after {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 100%;
  z-index: 2;
  width: 2em;
  height: 2em;
  margin-left: -1em;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  background: inherit;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.steps_item:first-child {
  border-left: 1px solid #ccc;
}
.steps_item:last-child {
  border-right: 1px solid #ccc;
}
.steps_item:last-child::after {
  content: none;
}
.steps_link {
  transition: 0.25s ease-out;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 0.5em 0;
}
.tbl_base01 .name {
  display: flex;
}
.tbl_base01 .name div {
  width: 50%;
}
.tbl_base01 .name div span {
  display: inline-block;
  padding-right: 5px;
  font-weight: bold;
}
.tbl_base01 .name div input {
  width: 86%;
}


#contact.en .tbl_base01 .name {
  display: block;
}
#contact.en .tbl_base01 .name div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
#contact.en .tbl_base01 .name div:first-child {
  margin-bottom: .5rem;
}
#contact.en .tbl_base01 .name div input {
  width: 86%;
}
#contact.en .tbl_base01 .name div span {
  display: inline-block;
  width: 13%;
  padding-right: 5px;
  font-weight: bold;
}










/* modal
---------------------------------------------------------- */
#move_overlay {
  z-index: 1000;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0,0,0,.5);
}
.modal {
  display: none;
  position: fixed;
  z-index: 1100;
  box-sizing: border-box;
}
.modalbox {
  display: flex;
  flex-direction: row;
  width: 1000px;
  background: #fff;
}
.modalbox .phbox {
  width: 450px;
  height: 600px;
  box-sizing: border-box;
  background-color: #f6f2ed;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.modalbox#kodawari01 .phbox { background-image: url(/item/img/common/ph_modal_kodawari01.jpg); }
.modalbox#kodawari02 .phbox { background-image: url(/item/img/common/ph_modal_kodawari02.jpg); }
.modalbox#kodawari03 .phbox { background-image: url(/item/img/common/ph_modal_kodawari03.jpg); }

#kodawari01 .phbox img,#kodawari02 .phbox img,#kodawari03 .phbox img {
  display: none;
}

.modalbox .txtbox {
  padding: 90px 50px 60px;
  box-sizing: border-box;
}
.modalbox .txtbox h2 {
  margin-bottom: 1.8rem;
  font-size: 2rem;
  line-height: 1.75;
}
.modalbox .txtbox p {
  margin-bottom: 1.5rem;
  font-size: 1.07em;
  line-height: 2.13;
  letter-spacing: -.05em;
}

/* CLOSE Button */
.btn-close {
  position: absolute;
  top: -50px;
  right: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 39px;
  height: 39px;
}
.btn-close img {
  position: absolute;
  top: 50%;
  right: 45px;
  margin-top: -4px;
}
.btn-close:hover {
  cursor: pointer;
  opacity: .75;
}
.btn-close::before, .btn-close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 39px;
  height: 3px;
  background-color: #fff;
}
.btn-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



#modalNameCheck .modalcheck {
  width: 720px;
  padding: 40px 55px;
  box-sizing: border-box;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}
#modalNameCheck .modalcheck h2 {
  margin-bottom: 2rem;
}
#modalNameCheck .sample_phbox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
#modalNameCheck .sample_phbox .sample_phbox_thumb {
  width: 180px;
  font-size: .785em; /* 11px */
}
#modalNameCheck .sample_phbox .sample_phbox_thumb .img {
  margin-bottom: .5rem;
}
#modalNameCheck .sample_phbox .sample_phbox_thumb img {
  width: 100%;
}
#modalNameCheck .readbox {
  padding: 25px 40px 30px;
  margin-bottom: 1rem;
  box-sizing: border-box;
  background: #f6f2ed;
}
#modalNameCheck .readbox dt {
  margin-bottom: 1.3rem;
  text-align: center;
  font-size: 1.14em; /* 16px */
  font-weight: 600;
}
#modalNameCheck .readbox dd + dd {
  margin-top: 20px;
}
#modalNameCheck .readbox dd {
  margin-left: 1.5em;
	text-indent: -1.5em;
  font-size: .928em;
}
#modalNameCheck .readbox dd::before {
  content: "";
  padding-left: 20px;
  background: url(/item/img/common/icon_check.svg) no-repeat 0 5px;
  background-size: 13px 11px;
}
#modalNameCheck .btn_mb {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 100%;
  max-width: 250px;
  margin: 15px auto 0;
  height: 40px;
  box-sizing: border-box;
  padding: 0;
  background: #453e3c;
  background-size: 15px 11px;
  text-decoration: none;
}


@media screen and (max-width: 768px) {
  #modal {
    width: 84%;
  }
  .modal_in_slider {
    width: 100%;
  }
  .modalbox .phbox {
    width: 100%;
    height: inherit;
    background: #f6f2ed;
  }
  .modalbox#kodawari01 .phbox,
  .modalbox#kodawari02 .phbox,
  .modalbox#kodawari03 .phbox {
    width: 100%;
    height: inherit;
    background: none;
  }
  #kodawari01 .phbox img,#kodawari02 .phbox img,#kodawari03 .phbox img {
    display: block;
    width: 100%;
  }
  .modalbox {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
  }
  .modalbox .txtbox {
    padding: 15px 15px;
    box-sizing: border-box;
  }
  .modalbox .txtbox h2 {
    margin-bottom: .5rem;
    font-size: 1rem;
    line-height: 1.5;
  }
  .modalbox .txtbox p {
    margin-bottom: 1rem;
    font-size: .75em;
    line-height: 2.13;
  }
  .modalbox .txtbox p:last-child {
    margin-bottom: 0;
  }
  /* CLOSE Button */
  .btn-close {
    top: -40px;
    width: 30px;
    height: 30px;
  }
  .btn-close img {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -4px;
  }
  .btn-close::before, .btn-close::after {
    width: 30px;
  }
  .kodawari_tabnav {
    display: none;
  }
  
  
  #modalNameCheck .modalcheck {
    width: 96%;
    padding: 20px 15px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  #modalNameCheck .modalcheck h2 {
    margin-bottom: 1.3rem;
  }
  #modalNameCheck .sample_phbox {
    margin-bottom: 1rem;
  }
  #modalNameCheck .sample_phbox .sample_phbox_thumb {
    width: calc(100% - 20px);
  }
  #modalNameCheck .sample_phbox .sample_phbox_thumb + div {
    margin-left: 10px;
  }
  #modalNameCheck .readbox {
    padding: 15px;
    margin-bottom: .6rem;
  }
    #modalNameCheck .readbox dd + dd {
    margin-top: 13px;
  }
  #modalNameCheck .btn_mb {
    max-width: 80%;
  }
}




#privacy-policy_box{
  width: 800px;
	box-sizing: border-box;
	overflow: auto;
	max-height: 250px;
	padding:20px;
	text-align: left;
	border: 1px solid #E2E4E4;
  background: #fff;
	font-size:12px;
	margin: 15px auto 30px;
	-webkit-overflow-scrolling: touch;
}
#privacy-policy_box h2.sttl__bg01 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 1.14rem;
  text-align: center;
  font-size: 1em;
  font-weight: 600;
  background: #f6f2ed;
}
.fs-c-buttonContainer .fs-c-button--primary {
  padding: 1.2em 1.6em 1.1em;
  font-size: 1.07em;
}
.privacy-policy_checkbox {
  text-align: center;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  #privacy-policy_box{
    width: 96%;
    max-height: 200px;
    padding: 10px;
    background: #fff;
    font-size: 11px;
    margin: 15px 2% 20px;
  }
  #privacy-policy_box h2.sttl__bg01 {
    height: 30px;
    padding: 10px;
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1em;
  }
}


/* 入園グッズサイズオーダー ご希望アイテムの追加ボタン */
.add_item {
  color: #c1272d;
  font-weight: bold;
}
#append_add_item_button.fs-c-button--primary {
  padding: 1.2em 1.6em 1.1em;
  font-size: 1em;
  font-weight: normal;
}


.faqlist {
  margin: 2rem auto 3.5rem;
}
.faqlist dt {
  position: relative;
  display: flex;
  align-items: center;
	min-height: 46px;
  padding: 10px 10px 10px 20px;
  font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
  cursor: pointer;
  background: #f6f2ed;
  color: #453e3c;
}
.faqlist dd + dt {
  margin-top: 5px;
}
.faqlist dt::before {
  content: "Q";
  font-family: "Georgia";
  font-size: 21px;
  font-weight: normal;
  color: #999594;
  padding-right: 15px;
}
.faqlist dd {
  position: relative;
	display: none;
}
.faqlist dd::before {
  content: "A";
  position: absolute;
  top: 22px;
  left: 20px;
  font-family: "Georgia";
  font-size: 21px;
  font-weight: normal;
  color: #999594;
  padding-right: 15px;
}
.faqlist dd .openlist {
	padding: 25px 25px 25px 50px;
}
.faqlist dd .openlist p {
  margin-bottom: 1.3rem;
}
.faqlist dd .openlist p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .faqlist {
    margin: 1rem auto 2rem;
  }
  .faqlist dt {
    padding: 8px 10px 5px;
    font-size: 12px;
  }
  .faqlist dd::before {
    content: "A";
    position: absolute;
    top: 12px;
    left: 12px;
    font-family: "Georgia";
    font-size: 18px;
    font-weight: normal;
    color: #999594;
    padding-right: 15px;
  }
  .faqlist dt::before {
    font-size: 18px;
    padding-bottom: 3px;
    padding-right: 10px;
  }
  .faqlist dd .openlist {
    padding: 15px 10px 25px 40px;
  }
}

/* 130719-009001-001001 */
.imgblock img {
  display: block;
  line-height: 0;
  margin: 0 auto 1rem;
}
.patch__txtbox {
  margin: 30px auto;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .patch__txtbox {
    text-align: left;
  }
}



/*--------------------------
コンバージョンボタンのカスタマイズ
--------------------------*/
.btn-cv,a.btn-cv {
  background: #E8BF4D;
  color: #453E3C;
  font-weight: bold;
}
.btn-def,a.btn-def {
  background: #453e3c;
  color: #fff;
  font-weight: bold;
}
.btn-def span.button__label,
.btn-cv span.button__label {
  display: block;
  padding: 1.2em 1.2em 1.1em;
  font-size: 1.07em;
}
.lisu-button--addToCart--detail.btn-cv {
  font-size: 1.28em;
}
.lisu-button--addToCart--detail.btn-cv span {
  padding-left: 30px;
  background: url(/item/img/common/icon_btn_cart_bk.svg) no-repeat 0 46%;
  background-size: 18px 15px;
}
.btn-cv.fs-c-button--secondary, .btn-cv.fs-c-button--secondary:hover,
.btn-cv.fs-c-button--secondary:visited, .btn-cv.fs-c-button--secondary:active,
.btn-cv.fs-c-button--primary,.btn-cv.fs-c-button--primary:hover,
.btn-cv.fs-c-button--primary:visited, .btn-cv.fs-c-button--primary:active {
   color: #453E3C;
}
.btn-cv.fs-c-button--standard,
.btn-cv.fs-c-button--primary,
.btn-cv.fs-c-button--secondary {
  border: 0;
}
.fs-c-totalAndActions button.btn-cv {
  min-width: 60%;
  max-width: 60%;
}
.btn-def.icon-cart span {
  padding-left: 28px;
  background: url(/item/img/common/icon_btn_cart.svg) no-repeat 0 46%;
  background-size: 18px 15px;
}


#fs-checkout-payHere-container .fs-c-purchaseHere.fs-c-cartPayment {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  padding-top: 2.4em;
}
#fs-checkout-payHere-container .fs-c-cartPayment .fs-c-purchaseHere__message {
  position: absolute;
  top: 0;
}
#fs-checkout-payHere-container .fs-c-cartPayment .fs-c-button--unregisteredUserPurchase.btn-cv {
  padding: 1.4em .4em;
  font-size: 1.07em;
}
#fs-checkout-payHere-container .fs-c-cartPayment .fs-c-buttonContainer a.fs-c-button--primary.btn-def {
  padding: 1em .5em .9em;
  font-size: 1em;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .fs-c-totalAndActions button.btn-cv {
    min-width: 100%;
    max-width: 100%;
  }
}

/*--------------------------
  カートフロー
---------------------------*/
div#cartFlow{
  padding-bottom: 30px;
}
div#cartFlow ul{
  display: flex;
  justify-content: center;
  counter-reset: number 0;
}
div#cartFlow li{
  width: 150px;
  position: relative;
  padding-top: 45px;
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
}
div#cartFlow li.current{
  color: #c1272d;
}

div#cartFlow li::before{
  counter-increment: number 1;
  content: counter(number);
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
  color: #fff;

  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #453e3c;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 50%;
  margin-left: -20px;
}
div#cartFlow li.current::before{
  background-color: #c1272d;
}

div#cartFlow li::after{
  content: "";
  width: 150px;
  height: 14px;
  background: #f6f2ed;
  display: block;
  position: absolute;
  z-index: -1;
  top: 13px;
  left: 0px;
}
div#cartFlow li:first-child::after{
  background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f6f2ed 50%, #f6f2ed 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#f6f2ed 50%,#f6f2ed 100%);
  background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#f6f2ed 50%,#f6f2ed 100%);
}
div#cartFlow li:last-child::after{
  background: -moz-linear-gradient(left, #f6f2ed 0%, #f6f2ed 50%, #ffffff 50%, #ffffff 100%);
  background: -webkit-linear-gradient(left, #f6f2ed 0%,#f6f2ed 50%,#ffffff 50%,#ffffff 100%);
  background: linear-gradient(to right, #f6f2ed 0%,#f6f2ed 50%,#ffffff 50%,#ffffff 100%);
}

/* 非会員の場合 */
.fs-body-customerDetails {
  
}

/* 会員ログインの場合 */
.fs-body-checkout-multi {
  
}

@media screen and (max-width: 768px) {
  div#cartFlow{
    padding-bottom: 20px;
  }
  div#cartFlow li{
    width: 25%;
    max-width: 150px;
    font-size: 12px;
  }
  div#cartFlow li::before{
    font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  div#cartFlow li::after{
    width: 100%;
  }
}