@charset "utf-8";

body {
  font-weight: 500;
}
a {
  color: inherit;
}
.front_page dl {
  margin-bottom: 0;
}
.cf:after {
  content: "";
  clear: both;
  display: block;
}
.ib {
  display: inline-block;
}
.mail a {
  cursor: pointer;
}
img {
  vertical-align: bottom;
  max-width: 100%;
}
.mode_pc,
.mode_pc_ib {
  display: none;
}
.mode_sp {
  display: block;
}
.mode_sp_ib {
  display: inline-block;
}
.tel a, .mail a {
  pointer-events: auto;
}
.ib {
  display: inline-block;
}
a:focus, a:hover {
  color: inherit;
}
.mover {
  transition: opacity 0.2s ease-out;
}
.mover:hover {
  opacity: 0.8;
}
.anchor {
  margin-top: -80px;
  padding-top: 80px;
}
.btnWrap {
  text-align: center;
  padding: 30px 0 0;
}
.btnWrap .btn {
  position: relative;
  display: block;
  max-width: 360px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  background-color: #402615;
  padding: 12px 0;
  margin: auto;
  border-radius: 5px;
  transition: all .3s;
  box-shadow: 0 0 5px rgba(64,38,21,.6);
}
.btnWrap .btn:before,
.btnWrap .btn:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  transition: all .3s;
}
.btnWrap .btn:before {
  left: 22px;
  width: 14px;
  height: 2px;
  background: #fff;
  opacity: 0;
}
.btnWrap .btn:after {
  left: 28px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  opacity: 0;
}
.btnWrap .btn:hover:before {
  transform: translateX(8px);
  opacity: 1;
}
.btnWrap .btn:hover:after {
  transform: translateX(8px) rotate(45deg);
  opacity: 1;
}
.btnWrap .btn:hover {
  color: #402615;
  background-color: #fff;
  border: 2px solid #402615;
}
.btnWrap .btn:hover:before {
  background: #402615;
}
.btnWrap .btn:hover:after {
  border-top: 2px solid #402615;
  border-right: 2px solid #402615;
}
@media screen and (min-width: 768px) {
  .mode_pc {
    display: block;
  }
  .mode_pc_ib {
    display: inline-block;
  }
  .mode_sp,
  .mode_sp_ib{
    display: none;
  }
  .tel a, .mail a {
    pointer-events: none;
  }
  .btnWrap {
    padding: 30px 0 0;
  }
  .btnWrap .btn {
    font-size: 18px;
    padding: 20px 0;
  }
  .anchor {
    margin-top: -130px;
    padding-top: 130px;
  }
}
/* -------------------------------------
  content
----------------------------------------*/
body,
.ec-role,
.ec-mypageRole,
.ec-registerRole,
.ec-contactRole,
.ec-eyecatchRole .ec-eyecatchRole__intro,
.ec-shelfRole,
.ec-newItemRole .ec-newItemRole__listItemTitle,
.ec-newItemRole .ec-newItemRole__listItemPrice,
.ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select,
.ec-headingTitle,
.ec-productRole,
.ec-searchnavRole .ec-searchnavRole__infos {
  color: #402615;
}
.ec-layoutRole .ec-layoutRole__contents {
  /*padding-top: 74px;*/
}
#page_homepage .ec-layoutRole .ec-layoutRole__contents {
  max-width: initial;
  max-width: auto;
  background-color: #fff5e8;
}
.boxCenter {
  text-align: center;
}
#page_product_detail .ec-layoutRole,
#page_product_list .ec-layoutRole,
#page_product_detail .ec-layoutRole__contentBottom,
#page_product_list .ec-layoutRole__contentBottom {
  background-color: #fff5e8;
}
@media screen and (min-width: 768px) {
  .ec-layoutRole .ec-layoutRole__contents {
    /*padding-top: 132px;*/
  }
}
/* -------------------------------------
  header
----------------------------------------*/
.ec-layoutRole__header {
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.08);
  position: relative;
  width: 100%;
  background-color: rgba(255,255,255,0.95);
  z-index: 100;
}
.ec-layoutRole__header.fixed {
  position: fixed;
}
.ec-cartNavi .ec-cartNavi__badge {
  background-color: #eab400;
}
.ec-layoutRole__header #topText {
  color: #24160c;
  background-color: #fcdaac;
  padding: 10px 0;
}
.ec-layoutRole__header #topText p {
  max-width: 1440px;
  font-size: 12px;
  font-weight: 600;
  margin: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.ec-layoutRole__header .ec-headerNaviRole {
  max-width: 1440px;
  padding: 10px 2%;
}
.ec-layoutRole__header .ec-headerNaviRole img,
.ec-footerRole .ec-footerRole__inner img,
.ec-role img {
  width: auto;
}
.ec-layoutRole__header .ec-headerNaviRole img {
  width: 45px;
}
.ec-footerTitle .ec-footerTitle__logo {
  margin-bottom: 20px;
}
.ec-footerTitle .ec-footerTitle__logo img {
  width: 60px;
}
.ec-headerSearch .ec-headerSearch__keyword {
  background-color: #fff5e8;
  border-radius: 5px;
}
.ec-cartNavi {
  background-color: #fff5e8;
}
.ec-layoutRole__header .ec-headerNaviRole {
  max-width: inherit;
  height: 68px;
  text-align: center;
}
.ec-layoutRole__header .logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100px;
  margin: 5px auto 0;
}
.ec-layoutRole__header .logo h1 {
  font-size: 10px;
  font-weight: 600;
  margin: 2px 0;
}
.ec-headerNaviRole .ec-headerNaviRole__left {
  width: auto;
  text-align: left;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
  width: auto;
}
.ec-headerNav .ec-headerNav__itemIcon {
  margin-right: 0;
  margin-left: 5px;
}
.ec-headerRole__cart {
  margin-left: 5px;
}
.ec-cartNavi {
  padding: 10px 0 0 2px;
}
header a:focus, a:hover {
  text-decoration: none;
}
.ec-layoutRole__header .ec-headerNaviRole:after {
  content: none;
}
.ec-headerNav .ec-headerNav__itemLink {
  display: none;
}
.ec-headerNav .ec-headerNav__itemIcon {
  color: #dd5427;
}
@media only screen and (min-width: 1200px) {
  .ec-headerNav .ec-headerNav__itemLink {
    display: inline-block;
    color: #402615;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .ec-headerNaviRole .ec-headerNaviRole__nav a {
    position: relative;
    display: block;
    padding: 34px 0;
    transition: color .3s;
    overflow: hidden;
  }
  .ec-headerNaviRole .ec-headerNaviRole__nav a:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    background: #dd5427;
    top: 100%;
    left: 0;
    right: 0;
    bottom: -4px;
    transition: transform .3s;
  }
  .ec-headerNaviRole .ec-headerNaviRole__nav a:hover:after {
    transform: translateY(-4px);
  }
  .ec-headerNav .ec-headerNav__itemIcon {
    margin-left: 0;
  }
  .ec-headerNav .ec-headerNav__item {
    vertical-align: middle;
    margin-right: 10px;
  }
  .ec-layoutRole__header .ec-headerNaviRole {
    max-width: 1440px;
    height: auto;
    padding: 0 1%;
  }
  .ec-layoutRole__header .ec-headerNaviRole img {
    width: 75px;
  }
  .ec-layoutRole__header #topText p {
    font-size: 14px;
  }
  .ec-footerTitle .ec-footerTitle__logo {
    margin-bottom: 40px;
  }
  .ec-headerSearch .ec-headerSearch__keyword {
    width: 100%;
  }
  .ec-cartNavi {
    padding: 12px 17px 10px;
  }
  .ec-layoutRole__header .logo h1 {
    color: #402615;
    font-size: 11px;
    margin: 4px;
  }
  .ec-layoutRole__header .logo {
    width: 120px;
    margin: 5px auto 0;
  }
  .ec-layoutRole__header.fixed .ec-headerNaviRole img {
    width: 60px;
  }
  .ec-layoutRole__header.fixed .ec-headerNaviRole {
    padding: 0 1%;
  }
  .ec-layoutRole__header.fixed .ec-headerNaviRole .ec-headerNaviRole__nav a {
    padding: 24px 0;
  }
  .mvSlide img {
    width: 1000px;
    height: 540px;
  }
  .ec-footerTitle .ec-footerTitle__logo img {
    width: auto;
  }
}
/* -------------------------------------
main
----------------------------------------*/
.ec-layoutRole {
  overflow: hidden;
}
.ec-sliderRole {
  max-width: inherit;
  max-width: auto;
  background-color: #fff5e8;
  margin-bottom: 0;
}
.ec-sliderRole ul {
  bottom: -35px;
}
.main_visual {
  position: relative;
}
.main_visual .bg {
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  max-width: inherit;
  width: 100%;
  z-index: 1;
}
.main_visual .bg.bgbottom {
  position: absolute;
  top: auto;
  bottom: -5px;
}
.ec-categoryRole {
  background-color: #fff5e8;
  padding: 0 0 40px;
}
.ec-categoryRole .ec-categoryRole__listItem {
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 5px;
}
.ec-categoryRole .ec-categoryRole__listItem>a>div {
  background-image: url(../img/top/categorybg01.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}
.ec-categoryRole .ec-categoryRole__listItem:nth-child(2)>a>div {
  background-image: url(../img/top/categorybg02.jpg);
}
.ec-categoryRole .ec-categoryRole__listItem:nth-child(3)>a>div {
  background-image: url(../img/top/categorybg03.jpg);
}
.ec-categoryRole .ec-categoryRole__listItem:nth-child(4)>a>div {
  background-image: url(../img/top/categorybg04.jpg);
}
.ec-categoryRole .ec-categoryRole__listItem:nth-child(5)>a>div {
  background-image: url(../img/top/categorybg05.jpg);
}
.ec-categoryRole .ec-categoryRole__listItem:nth-child(6)>a>div {
  background-image: url(../img/top/categorybg06.jpg);
}
.ec-categoryRole .ec-categoryRole__listItem>a>div>div {
  position: relative;
  width: 50%;
  text-align: center;
  background-color: #fff;
}
.ec-categoryRole .ec-categoryRole__listItem>a>div>div:after {
  content: "";
  display: block;
  position: absolute;
  right: -8px;
  top: 0;
  bottom: 0;
  width: 10px;
  background-image: url(../img/top/categorybg.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.ec-categoryRole .ec-categoryRole__listItem p {
  position: relative;
  display: block;
  background-color: #dd5427;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 4px 0;
  margin-top: 5px;
  border-radius: 5px;
  transition: all .3s;
  box-sizing: border-box;
  border: 2px solid #dd5427;
}
.ec-categoryRole .ec-categoryRole__listItem:hover p {
  color: #dd5427;
  background-color: #fff;
  border: 2px solid #dd5427;
}
.ec-categoryRole .ec-categoryRole__listItem p:before,
.ec-categoryRole .ec-categoryRole__listItem p:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  transition: all .3s;
}
.ec-categoryRole .ec-categoryRole__listItem p:before {
  left: 22px;
  width: 14px;
  height: 2px;
  background: #dd5427;
  opacity: 0;
}
.ec-categoryRole .ec-categoryRole__listItem p:after {
  left: 28px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #dd5427;
  border-right: 2px solid #dd5427;
  transform: rotate(45deg);
  opacity: 0;
}
.ec-categoryRole .ec-categoryRole__listItem:hover p:before {
  transform: translateX(8px);
  opacity: 1;
}
.ec-categoryRole .ec-categoryRole__listItem:hover p:after {
  transform: translateX(8px) rotate(45deg);
  opacity: 1;
}
.ec-categoryRole .ec-categoryRole__listItem img {
  width: 110px;
}
.ec-secHeading {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.ec-secHeading>img {
  position: absolute;
  top: -30px;
  right: -15px;
  width: 80px;
}
.ec-secHeading.type02>img {
  position: absolute;
  right: auto;
  left: -15px;
}
.ec-secHeading h3 {
  position: relative;
  margin: 0;
}
.ec-secHeading h3:before,
.ec-secHeading h3:after {
  content: "";
  display: block;
  width: 100px;
  height: 32px;
  position: absolute;
  bottom: 25px;
  left: 0;
  background-image: url(../img/top/titlebg01_sp.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: -50px;
}
.ec-secHeading h3:after {
  left: auto;
  right: 0;
  background-image: url(../img/top/titlebg02_sp.png);
  margin-left: auto;
  margin-right: -50px;
}
.ec-secHeading h3 img {
  width: 200px;
  position: relative;
  z-index: 1;
}
#recommend_item {
  justify-content: center;
  margin-right: -10px;
}
#recommend_item li {
  text-align: center;
  flex-basis: 50%;
  margin-bottom: 20px;
}
#recommend_item li dt {
  font-size: 14px;
  color: #dd5427;
  margin: 10px 0;
}
#recommend_item li dd {
  text-align: left;
  font-size: 12px;
  padding: 0 0 10px;
}
#recommend_item li dd+dd {
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.recommend_image {
  text-align: center;
  border: 1px solid #eab400;
  padding: 6px;
}
.recommend_image>div {
  position: relative;
  background-color: #fff;
}
.recommend_image img {
  height: 170px;
  object-fit: cover;
  font-family: 'object-fit: contain;'
}
.thoughtBox {
  position: relative;
  background-color: #fff;
  background-image: url(../img/top/thought_bg.png);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 20px;
  padding: 40px 0;
}
.thoughtBox:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 32px;
  background-image: url(../img/top/thought_bg.png);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 20px;
}
.thoughtBoxInner>div {
  position: relative;
}
.thoughtBoxInner>div h4 {
  background-image: url(../img/top/thought_illust01.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 30px 0 20px 30%;
  margin: -10px 0 10px -10px;
}
.thoughtBoxInner>div h4 img {
  width: 200px;
}
.thoughtBoxInner>div ul {
  padding-left: 5%;
}
.thoughtBoxInner>div li {
  list-style: none;
  margin-bottom: 5px;
  font-weight: 600;
}
.thoughtBoxInner>div li img,
.thoughtBoxInner>div li p {
  display: inline-block;
  vertical-align: middle;
}
.thoughtBoxInner>div li img {
  width: 64px;
}
.thoughtBoxInner>div li p {
  font-size: 13px;
  line-height: 1.6;
  width: 74%;
  padding-left: 30px;
}
.thoughtBoxInner>div li p span {
  color: #1e9a4b;
}
.thoughtBoxInner>div+div {
  width: 88%;
  margin: auto;
  padding-top: 20px;
}
.thoughtBoxInner>div+div p {
  position: absolute;
  left: 10px;
  bottom: 10px;
  line-height: 1.9;
  font-weight: 600;
  font-size: 10px;
  color: #fff;
}
.ec-shelfRole {
  margin: 40px auto 0;
}
.ec-newItemRole__listItem {
  padding: 8px;
}
.ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
  margin-right: 0;
}
.ec-newItemRole {
  padding: 40px 0;
}
.newitem_image {
  text-align: center;
  border: 1px solid #eab400;
  padding: 6px;
}
.newitem_image>div {
  position: relative;
  background-color: #fff;
}
.newitem_image img {
  height: 170px;
  margin: auto;
  object-fit: cover;
}
.ec-newItemRole .ec-newItemRole__listItemTitle {
  font-size: 14px;
  color: #dd5427;
}
.ec-newItemRole .ec-newItemRole__listItemPrice {
  font-size: 14px;
  font-weight: 600;
}
.ec-newItemRole .ec-newItemRole__listItem {
  text-align: center;
  /*margin-left: 0.8%;*/
}
.ec-newItemRole .ec-newItemRole__listItem {
  margin-bottom: 0;
}
.ec-newItemRole__list {
  position: relative;
}
.ec-newItemRole .slick-arrow {
  border: none;
  background-color: transparent;
}
.ec-newItemRole .slick-prev, .ec-newItemRole .slick-next,
.ec-newItemRole .slick-prev:hover, .ec-newItemRole .slick-prev:focus, .ec-newItemRole .slick-next:hover, .ec-newItemRole .slick-next:focus {
  width: auto;
  height: auto;
  opacity: 1;
  box-sizing: border-box;
}
.ec-newItemRole .slick-prev,
.ec-newItemRole .slick-next {
  position: absolute;
  top: 105px;
}
.ec-newItemRole .slick-prev
{
  left: -3%;
  z-index: 1;
}
.ec-newItemRole .slick-next
{
  right: -3%;
}
.ec-newItemRole .slick-next:before,
.ec-newItemRole .slick-prev:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  border: 3px solid;
  border-color: #eab400 #eab400 transparent transparent;
  transform: rotate(45deg);
  z-index: 1;
}
.ec-newItemRole .slick-prev:before {
  transform: rotate(225deg);
}
.newsWrap {
  background-color: #fff;
}
.ec-newsRole .ec-newsRole__news {
  border: 8px solid #fff5e8;
  padding: 0 4%;
}
@media only screen and (min-width: 375px) {
  .ec-secHeading h3 img {
    width: 240px;
  }
  .ec-secHeading>img {
    width: 97px;
  }
  .thoughtBoxInner>div+div p {
    font-size: 12px;
    text-shadow: none;
  }
}
@media only screen and (min-width: 768px) {
  .ec-secHeading {
    margin-bottom: 40px;
  }
  .ec-secHeading h3 img {
    width: auto;
  }
  .ec-secHeading h3:before,
  .ec-secHeading h3:after {
    width: 220px;
    height: 32px;
    bottom: 30px;
    background-image: url(../img/top/titlebg01.png);
    margin-left: -20px;
  }
  .ec-secHeading h3:after {
    background-image: url(../img/top/titlebg02.png);
    margin-left: auto;
    margin-right: -20px;
  }
  .ec-secHeading>img {
    top: -50px;
    right: 0;
    width: auto;
  }
  .ec-secHeading.type02>img {
    right: auto;
    left: 0;
  }
  .ec-categoryRole {
    padding: 40px 0 100px;
  }
  .ec-categoryRole .ec-categoryRole__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ec-categoryRole .ec-categoryRole__listItem img {
    width: auto;
  }
  .ec-categoryRole .ec-categoryRole__listItem p {
    font-size: 20px;
    padding: 8px 0;
  }
  .ec-categoryRole .ec-categoryRole__listItem {
    flex-basis: 32%;
    margin-bottom: 20px;
    padding: 5px;
  }
  .ec-categoryRole .ec-categoryRole__listItem:not(:last-of-type) {
    margin-right: 0;
  }
  .ec-categoryRole .ec-categoryRole__listItem>a>div>div:after {
    width: 10px;
    right: -10px;
    background-size: cover;
  }
  .ec-categoryRole .ec-categoryRole__listItem img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .ec-categoryRole .ec-categoryRole__listItem:hover img {
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
  }
  .thoughtBox {
    background-size: auto;
    padding: 60px 0;
  }
  .thoughtBox:before {
    background-size: auto;
  }
  .thoughtBoxInner {
    display: flex;
    justify-content: space-around;
  }
  .thoughtBoxInner>div h4 {
    background-size: auto;
    padding: 75px 0 10px 100px;
    margin: 0 0 40px 0;
  }
  .thoughtBoxInner>div {
    flex-basis: 55%;
    align-self: center;
  }
  .thoughtBoxInner>div+div {
    position: relative;
    flex-basis: 45%;
    padding-top: 0;
  }
  .thoughtBoxInner>div ul {
    padding-left: 40px;
  }
  .thoughtBoxInner>div li {
    margin-bottom: 0;
  }
  .thoughtBoxInner>div li+li {
    padding-left: 10%;
  }
  .thoughtBoxInner>div li+li+li {
    padding-left: 20%;
  }
  .thoughtBoxInner>div+div p {
    left: 20px;
    bottom: 20px;
    line-height: 1.9;
  }
  .ec-shelfRole {
    margin: 100px auto 0;
  }
  .recommend_image,
  .newitem_image {
    padding: 10px;
  }
  #recommend_item li {
    flex-basis: calc(100% / 4);
    margin-bottom: 0;
  }
  #recommend_item li+li {
    margin-top: 0;
  }
  #recommend_item li dt {
    font-size: 16px;
  }
  #recommend_item li dt {
    margin: 20px 0 10px;
  }
  #recommend_item li dd {
    font-size: 14px;
    text-align: left;
  }
  #recommend_item li dd+dd {
    font-size: 18px;
    text-align: center;
  }
  .ec-newItemRole {
    padding: 80px 0 100px;
  }
  .ec-newItemRole .ec-newItemRole__listItemTitle {
    font-size: 16px;
  }
  .ec-newsRole .ec-newsRole__news {
    border: 16px solid #fff5e8;
  }/*
  .ec-newItemRole .ec-newItemRole__list {
    padding-left: 30px;
  }*/
  .ec-newItemRole .ec-newItemRole__listItem {
    margin-left: auto;
  }
  .ec-newItemRole__listItem+.ec-newItemRole__listItem {
    padding-left: auto;
  }
  .ec-newItemRole .slick-list {
    width: 100%;
  }
  .ec-newItemRole .slick-track {
    margin: auto;
  }
  .ec-newItemRole .ec-newItemRole__listItem {
    width: calc(100% / 4);
    display: inline-block;
    vertical-align: top;
    float: initial;
  }
  .ec-newItemRole .ec-newItemRole__listItem:nth-child(odd),
  .ec-newItemRole .ec-newItemRole__listItem:not(:last-of-type) {
    margin: 0 10px;
  }
  .ec-newItemRole .slick-prev,
  .ec-newItemRole .slick-next {
    top: 160px;
  }
  .ec-newItemRole .slick-prev
  {
    left: -1%;
    z-index: 1;
  }
  .ec-newItemRole .slick-next
  {
    right: -1%;
  }
  .ec-newItemRole .slick-next:before,
  .ec-newItemRole .slick-prev:before {
    width: 24px;
    height: 24px;
    border: 4px solid;
    border-color: #eab400 #eab400 transparent transparent;
  }
  .main_visual .bg {
    top: -10px;
  }
  .main_visual .bg.bgbottom {
    bottom: -10px;
  }
}
@media only screen and (min-width: 1130px) {
  .ec-secHeading>img {
    right: -40px;
  }
  .ec-secHeading.type02>img {
    left: -40px;
  }
  .ec-secHeading h3:before,
  .ec-secHeading h3:after {
    width: 390px;
  }
  .thoughtBoxInner>div h4 {
    margin: 0 0 10px 0;
    padding: 75px 0 40px 180px;
  }
  .thoughtBoxInner>div h4 img {
    width: auto;
  }
  .thoughtBoxInner>div li img {
    width: auto;
  }
  .thoughtBoxInner>div li p {
    width: auto;
    font-size: 17px;
  }
  .recommend_image {
    height: 300px;
  }
  .recommend_image img {
    height: 280px;
    object-fit: cover;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .ec-shelfGrid__item a:hover .recommend_image img {
    -webkit-transform: scale(0.975,0.975);
    transform: scale(0.975,0.975);
  }
  .newitem_image {
    height: 300px;
  }
  .newitem_image img {
    height: 280px;
    object-fit: cover;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .ec-newItemRole__listItem a:hover .newitem_image img {
    -webkit-transform: scale(0.975,0.975);
    transform: scale(0.975,0.975);
  }
  .thoughtBoxInner>div+div p {
    font-size: 14px;
  }
}
.productRole_tags {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.product_tag {
  display: inline-block;
  list-style: none;
}
.product_tag.tag_1 {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.product_tag.tag_1 p {
  position: absolute;
  display: block;
  width: 150px;
  padding: 8px 0 6px;
  background-color: #dd5427;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  right: -8px;
  top: 11px;
  transform: rotate(-45deg);
}
.product_tag.tag_2 {
  position: absolute;
  right: 7px;
  bottom: 0;
  display: inline-block;
  background-color: rgba(234,180,0,0.9);
  color: #FFF;
  font-size: 12px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  box-shadow: 0px 0px 0px 4px rgba(234,180,0,0.9);
  border: dashed 1px #FFF;
}
@media screen and (min-width: 768px){
  .product_tag.tag_1 {
    font-size: 16px;
    right: 0;
    top: 0;
  }
  .product_tag.tag_2 {
    top: auto;
    bottom: 30px;
    font-size: 15px;
    width: 65px;
    height: 65px;
    line-height: 65px;
  }
}
/* bottomContents */
#bottomContents {
  position: relative;
  background-color: #fff5e8;
  background-image: url(../img/common/bottom_illust01.png);
  background-position: 20px bottom;
  background-repeat: no-repeat;
  padding: 40px 0 110px 0;
}
#bottomContents:before {
  content: "";
  display: block;
  width: 100%;
  height: 18px;
  background-image: url(../img/common/footer_bg.png);
  background-position: left center;
  background-repeat: repeat-x;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#bottomContents:after {
  content: "";
  display: block;
  background-image: url(../img/common/bottom_illust02.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 174px;
  height: 137px;
  position: absolute;
  bottom: 0;
  right: 15px;
}
#bottomContents .box {
  overflow: hidden;
  background-color: #ffffff;
  margin: 0 0 12px 0;
  padding: 18px;
}
#bottomContents h2 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  background-image: url(../img/common/bottomContents_icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 35px;
  margin: 0 0 15px 0;
}
#bottomContents ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#bottomContents li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#bottomContents p {
  font-size: 12px;
  line-height: 20px;
}
#bottomContents li+li,
#bottomContents p+p {
  margin-top: 10px;
}
#bottomContents p.note {
  color: #dd5427;
  font-size: 13px;
}
#bottomContents a {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}
#bottomContents .list {
  display: block;
  position: relative;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  padding-left: 18px;
}
#bottomContents .list:before {
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: #eab400;
}
#bottomBnrWrap {
  padding: 30px 10% 50px;
  text-align: center;
}
#bottomContents li+li {
  margin-top: 10px;
}
#bottomContents .calendar {
  text-align: center;
}
#bottomContents .calendar img+img {
	margin: 20px 0 0;
}
#bottomContents .calendar p {
  padding-top: 15px;
}
#bottomContents #calendar {
  display: block!important;
  margin: 0;
}
#bottomContents #calendar table {
  width: 70%;
  margin: 0 auto 20px;
}
#bottomContents #calendar .calendar_title {
  display: none;
}
#bottomContents #calendar table td,
#bottomContents #calendar table th {
  text-align: center;
  padding: 5px 6px;
}
#bottomContents #calendar table td {
  border-bottom: 1px dotted #ccc;
}
#bottomContents #calendar table tr.holiday,
#bottomContents #calendar table td.holiday {
  background-color: #eab400;
  color: #fff;
}
#bottomContents #calendar caption {
  text-align: center;
  font-weight: 600;
  padding-top: 0;
}
#bottomContents #calendar th#saturday {
  color: #3366cc;
}
#bottomContents #calendar th#sunday {
  color: #ff3300;
}
.ec-layoutRole__contentBottom {
  background-image: url(../img/common/news_bg.png);
  background-position: left top;
  background-repeat: repeat-x;
  padding-top: 25px;
  background-color: #fff;
  margin-top: 40px;
}
.newsWrap {
  padding: 40px 0 0;
}
.ec-newsRole {
  padding: 0;
}
.ec-newsRole .ec-newsRole__newsDate {
  font-weight: 600;
  color: #402615;
}
.ec-newsRole .ec-newsRole__newsTitle {
  color: #dd5427;
}
.ec-newsRole .ec-newsRole__newsCloseBtn {
  background-color: #eab400;
}
.ec-footerTitle {
  padding: 20px 0;
}
.ec-newsRole .ec-newsRole__newsDescription .newsLink {
  color: #dc0212;
  text-decoration: underline;
  font-weight: 600;
}
.topnews,
.topMessage {
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.8;
  background-color: #fff;
  padding: 40px 4% 40px;
}
.topMessage {
  background-color: #fff5e8;
  padding: 5px 4% 40px;
}
.topnews p,
.topMessage p{
  text-align: left;
  padding-bottom: 1.5em;
}
.topMessage p.documentLink {
  padding-bottom: 0;
}
.topnews a,
.topMessage a {
  text-decoration: underline;
  display: inline-block;
  color: #dc0212;
}
.topMessage .em {
  font-size: 16px;
  font-weight: 600;
  color: #dd5427;
  padding-bottom: 1em;
}
.topMessage .em.type02 {
  color: #1d1e88;
  padding-bottom: 1.5em;
}
@media only screen and (min-width: 768px) {
  #bottomContents {
    padding: 100px 0;
  }
  #bottomContents .boxWrap {
    display: flex;
  }
  #bottomContents .box {
    background-color: #ffffff;
    margin: 0 12px 12px 0;
  }
  #bottomContents .boxWrap .box:last-child {
    margin-right: 0;
  }
  #bottomContents .block01 .box {
    flex-basis: 33%;
  }
  #bottomContents .block02 .box {
    flex-basis: 33%;
  }
  #bottomContents .block02 .box+.box {
    flex-basis: 66%;
  }
  #bottomContents h2 {
    font-size: 16px;
  }
  #bottomContents #calendar table {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
  }
  .newsWrap {
    padding: 100px 0 0;
  }
  .ec-newsRole .ec-newsRole__newsDate {
    font-size: 18px;
  }
  .ec-newsRole .ec-newsRole__newsTitle {
    font-size: 18px;
  }
  #bottomContents {
    background-position: 30px bottom;
  }
  #bottomContents h2 {
    font-size: 20px;
  }
  #bottomContents p {
    font-size: 14px;
  }
  #bottomContents .list {
    font-size: 14px;
  }
  #bottomContents li+li,
  #bottomContents p+p {
    margin-top: 20px;
  }
  #bottomContents .calendar {
    text-align: left;
  }
  #bottomContents .calendar img+img {
    margin: 0 0 0 20px;
  }
  .ec-layoutRole__contentBottom {
    margin-top: 100px;
  }
  .ec-footerTitle {
    padding: 40px 0 25px;
  }
  #bottomBnrWrap {
    padding: 30px 0 50px;
    text-align: center;
  }
  #bottomBnrWrap>ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  #bottomContents li+li {
    margin-top: 10px;
  }
  .topnews,
  .topMessage {
    font-size: 16px;
    line-height: 1.8;
    padding: 80px 4% 40px;
  }
  .topMessage {
    padding: 30px 4% 40px;
  }
  .topnews p,
  .topMessage p {
    text-align: center;
  }
  .topMessage .em {
    font-size: 20px;
  }
}
@media only screen and (min-width: 960px) {
  #bottomContents #calendar table {
    width: 45%;
  }
  #bottomContents #calendar table td,
  #bottomContents #calendar table th {
    text-align: center;
    padding: 5px 10px;
  }
}

/* -------------------------------------
footer
----------------------------------------*/
.ec-layoutRole__footer {
  background-color: #fff5e8;
}
.ec-footerRole {
  background: #5baf51;
  margin-top: 0;
  padding-top: 50px;
  border-top: none;
}
.ec-blockTopBtn {
  right: 2%;
  width: auto;
  height: auto;
  bottom: 10px;
  background-color: transparent;
  opacity: 1;
  z-index: 2;
}
.ec-blockTopBtn p {
  color: #402615;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding-top: 4px;
}
@media screen and (min-width: 768px) {
  .ec-footerNavi .ec-footerNavi__link a {
    font-size: 16px;
    text-decoration: none;
  }
}

/* -------------------------------------
下層ページ
----------------------------------------*/
.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
  color: #402615;
}
.ec-topicpath,
.ec-link,
.ec-link:hover,
.ec-zipInputHelp span,
.ec-required {
  color: #dd5427;
}
.ec-input input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus, .ec-select input:focus, .ec-birth input:focus, .ec-input textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus, .ec-select textarea:focus, .ec-birth textarea:focus {
  border: 1px solid #eab400;
}
.ec-cartNaviNull .ec-cartNaviNull__message {
  background-color: #eab400;
}
.ec-required {
  font-weight: 600;
  background-color: #dd5427;
  padding: 4px 6px 2px;
  color: #fff;
  border-radius: 4px;
  letter-spacing: 0.05em;
}
.ec-numberInput input {
  height: 34px;
}/*
.ec-shelfGrid {
  justify-content: space-between;
}*/
.ec-blockBtn--action,
.ec-blockBtn--action:hover,
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action:hover {
  background-color: #dd5427;
  border-color: #dd5427;
  transition: all .3s;
}
.ec-blockBtn--action:hover {
  color: #dd5427;
  background-color: #fff;
  border: 1px solid #dd5427;
  color: #dd5427;
}
.ec-blockBtn--cancel:hover {
  opacity: 0.8;
}
.ec-zipInputHelp .ec-zipInputHelp__icon {
  background: #eab400;
}
.ec-login,
.ec-navlistRole .ec-navlistRole__item a:hover {
  background-color: #fff5e8;
}
.ec-pageHeader h1,
.ec-mypageRole .ec-pageHeader h1 {
  background-image: url(../img/common/titicon.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 30px 0 15px 40px;
  background-size: 30px auto;
  border-bottom: 1px solid #eab400;
}
.ec-footerNavi .ec-footerNavi__link a {
  padding: 10px 0;
  border-bottom: none;
}
.ec-topicpath {
  border: 0;
}
.ec-searchnavRole__topicpath {
  background-image: url(../img/common/titicon02.png);
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 30px auto;
  padding: 10px 0 10px 60px;
  border-bottom: 1px solid #eab400;
}
.ec-productRole {
  padding-top: 20px;
}
.ec-progress .is-complete .ec-progress__number {
  background: #dd5427;
}
.ec-progress .is-complete .ec-progress__label {
  color: #dd5427;
}
.ec-alert-warning {
  background-color: #eab400;
}
.ec-layoutRole__main .caution {
  color: #dd5427;
}
.ec-pager .ec-pager__item--active {
  background-color: #fff;
  border: 1px solid #eab400;
}
.cartItemWrap .ec-blockBtn--action {
  height: 34px;
  line-height: 34px;
  font-size: 11px;
}
.ec-searchnavRole+.ec-shelfRole {
  margin: 20px auto 0;
}
#page_mypage_login .memberInfo {
  text-align: center;
  padding-bottom: 20px;
}
#page_mypage_login .memberInfo p {
  font-size: 18px;
  text-align: left;
  line-height: 1.8;
  font-weight: 600;
  color: #dc0212;
}
#page_mypage_login .memberInfo a {
  text-decoration: underline;
  color: #dc0212;
  font-weight: 600;
}
.ec-reportHeading h1, .ec-reportHeading h2, .ec-reportHeading h3, .ec-reportHeading h4, .ec-reportHeading h5, .ec-reportHeading h6, .ec-reportHeading p {
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .ec-pageHeader h1,
  .ec-mypageRole .ec-pageHeader h1 {
    background-size: auto;
    padding: 30px 0 15px 60px;
  }
  .ec-searchnavRole .ec-searchnavRole__infos {
    border-top: 1px solid #eab400;
  }
  .ec-searchnavRole__topicpath {
    background-position: left center;
    background-size: auto;
    padding: 25px 0 5px 60px;
    border: 0;
  }
  #page_mypage_login .memberInfo p {
    line-height: 1.8;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    padding-bottom: 0.5em;
  }
  .ec-reportHeading h1, .ec-reportHeading h2, .ec-reportHeading h3, .ec-reportHeading h4, .ec-reportHeading h5, .ec-reportHeading h6, .ec-reportHeading p {
    font-size: 26px;
  }
}
/* -------------------------------------
商品一覧
----------------------------------------*/
.ec-shelfRole {
  font-size: 14px;
}
.ec-shelfGrid .ec-shelfGrid__item-image+p,
.ec-shelfGrid .ec-shelfGrid__item-image+p+p {
  padding-bottom: 0.5em;
}
.ec-shelfGrid .ec-shelfGrid__item-image+p {
  font-size: 12px;
}/*
.ec-shelfGrid .ec-shelfGrid__item-image+p+p {
  font-size: 14px;
  font-weight: 600;
}*/
.product_page .ec-shelfGrid .ec-shelfGrid__item,
.product_page .ec-shelfGrid .ec-shelfGrid__item:nth-child(even),
.product_page .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
  background-color: #fff;
  border: 1px solid rgba(64,38,21,0.15);
  transition: all .3s;
  padding: 10px;
  margin-bottom: 10px;
}
.product_page .ec-shelfGrid__item:nth-child(odd) {
  margin-right: 2%;
}
.product_page .ec-shelfGrid .ec-shelfGrid__item {
  width: 49%;
}
.product_page .ec-shelfGrid .ec-shelfGrid__item:hover {
  border: 1px solid #eab400;
}
.ec-productRole__actions .price02-default,
.ec-productRole__actions .ec-numberInput {
  display: inline-block;
}
.ec-productRole__actions .price02-default {
  padding-right: 1em;
  font-weight: 600;
}
#page_product_list .ec-shelfGrid__item {
  position: relative;
}
#page_product_list .ec-productRole__tags {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
#page_product_list .ec-productRole__tag {
  display: inline-block;
  list-style: none;
}
#page_product_list .ec-productRole__tag.tag_1 {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
#page_product_list .ec-productRole__tag.tag_1 p {
  position: absolute;
  display: block;
  width: 150px;
  padding: 8px 0 6px;
  background-color: #dd5427;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  right: -8px;
  top: 11px;
  transform: rotate(-45deg);
}
#page_product_list .ec-productRole__tag.tag_2 {
  position: absolute;
  right: 7px;
  top: 100px;
  display: inline-block;
  background-color: rgba(234,180,0,0.9);
  color: #FFF;
  font-size: 12px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  box-shadow: 0px 0px 0px 4px rgba(234,180,0,0.9);
  border: dashed 1px #FFF;
}
.ec-select select {
  background-color: #fff;
  border: 1px solid #eab400;
}
.ec-pager .ec-pager__item:hover {
  background: transparent
}
@media screen and (min-width: 768px) {
  .ec-shelfRole {
    font-size: 16px;
  }
  .product_page .ec-shelfGrid .ec-shelfGrid__item {
    width: 23.5%;
  }
  .product_page .ec-shelfGrid .ec-shelfGrid__item,
  .product_page .ec-shelfGrid .ec-shelfGrid__item:nth-child(even),
  .product_page .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
    padding: 14px;
    margin-bottom: 22px;
  }
  .ec-searchnavRole+.ec-shelfRole {
    margin: 10px auto 0;
  }
  .ec-shelfGrid .ec-shelfGrid__item-image+p,
  .ec-shelfGrid .ec-shelfGrid__item-image+p+p {
    font-size: 14px;
  }
  .product_page .ec-shelfGrid .ec-shelfGrid__item,
  .product_page .ec-shelfGrid__item:nth-child(odd) {
    margin-right: 1.5%;
  }
  .product_page .ec-shelfGrid .ec-shelfGrid__item:nth-child(4n) {
    margin-right: 0;
  }
  #page_product_list .ec-productRole__tag.tag_1 p {
    font-size: 16px;
    right: -10px;
    top: 11px;
  }
  #page_product_list .ec-productRole__tag.tag_2 {
    top: 165px;
    font-size: 15px;
    width: 65px;
    height: 65px;
    line-height: 65px;
  }
}
/* -------------------------------------
商品詳細
----------------------------------------*/
.ec-productRole__description a {
  text-decoration: underline;
}
.ec-productRole__description {
  line-height: 1.5;
  font-size: 13px;
  padding-top: 15px;
}
.ec-productRole__description .emphasis,
.ec-productRole__description .em {
  position: relative;
  font-size: 15px;
  font-weight: 600;
  color: #dd5427;
}
.ec-productRole__description .emphasis03 {
  font-weight: 600;
}
.ec-productRole__description .emphasis02,
.ec-productRole__description .em02 {
  position: relative;
  font-size: 15px;
  font-weight: 600;
  padding-left: 1em;
}
.ec-productRole__description .emphasis02:before,
.ec-productRole__description .em02:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #dd5427;
}
.ec-productRole__description .emphasis+br,
.ec-productRole__description .emphasis02+br,
.ec-productRole__description .em+br,
.ec-productRole__description .em02+br  {
  display: none;
}
.ec-productRole .ec-productRole__description {
  font-size: 12px;
  background-color: #fff;
  margin-top: 20px;
  padding: 15px;
}
.ec-productRole .ec-productRole__profile  .ec-productRole__description {
  background-color: transparent;
  padding: 0;
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
  font-weight: 600;
  background-image: url(../img/common/titicon.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 20px 0 15px 40px;
  margin-bottom: 0;
  background-size: 30px auto;
}
.ec-productRole .ec-productRole__btn .ec-blockBtn--action {
  height: 56px;
  line-height: 56px;
}
.ec-productRole .ec-productRole__btn .ec-blockBtn--cancel {
  height: 40px;
  line-height: 40px;
}
.productDetail>dl {
  margin: 0;
}
.productDetail>dl+dl,
.productDetail+.productDetail {
  margin-top: 15px;
}
.productDetail>dl>dt {
  position: relative;
  font-size: 14px;
  border-bottom: dashed 2px #eab400;
  padding-bottom: 10px;
  margin-bottom: 0.5em;
}
.productDetail>dl>dd {
  padding: 0.5em 0;
}
.descriptionList {
  padding: 0;
  margin: 0;
}
.descriptionList li {
  position: relative;
  list-style: none;
  padding-left: 1em;
}
.descriptionList li:before {
  position: absolute;
  top: 7px;
  left: 0;
  margin: auto;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #dd5427;
}
.descriptionList br {
  display: none;
}
/*
.productDetail>dl>dt:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #eab400;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}*/
.productDetail .detailTable {
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(64,38,21,0.15);
}
.productDetail .detailTable li {
  list-style: none;
}
.productDetail .detailTable dl {
  display: flex;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(64,38,21,0.15);
}
.productDetail .detailTable dl dt,
.productDetail .detailTable dl dd {
  padding: 1em;
}
.productDetail .detailTable dl dt {
  flex-basis: 70%;
  background: #F8F8F8;
}
.productDetail .detailTable dl dd {
  flex-basis: 30%;
}
.productDetail .note {
  text-align: right;
}
.ec-productRole .ec-productRole__tags {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.ec-productRole__actions .ec-numberInput span {
  font-weight: 600;
  font-size: 15px;
  padding-right: 0.5em;
}
#page_product_detail .ec-productRole__actions .ec-numberInput input {
  height: 40px;
  margin-bottom: 0;
}
.ec-productRole__actions .ec-numberInput,
.ec-productRole .ec-productRole__price {
  vertical-align: middle;
}
.ec-productRole .ec-productRole__price {
  color: #dd5427;
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  padding: 0;
  border-bottom: none;
}
.ec-productRole .ec-productRole__actions {
  padding: 10px 0 20px;
}
.ec-sliderItemRole .slideThumb {
  width: 31%;
  margin-right: 2%;
  background-color: #fff;
  text-align: center;
}
.ec-productRole .slide-item {
  position: relative;
  text-align: center;
  background-color: #fff;
}
.ec-productRole .slide-item img {
  max-height: 238px;
  width: auto;
  margin: auto;
}
.item_visual_wrap {
  position: relative;
}
.ec-productRole .item_visual {
  position: relative;
}
.ec-productRole .ec-productRole__tags {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.ec-productRole .ec-productRole__tag {
  display: inline-block;
  list-style: none;
  border: none;
  background-color: transparent;
}
.ec-productRole .ec-productRole__tag.tag_1 {
  width: 90px;
  height: 90px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.ec-productRole .ec-productRole__tag.tag_1 p {
  position: absolute;
  display: block;
  width: 150px;
  padding: 8px 0 6px;
  background-color: #dd5427;
  color: #fff;
  font-size: 17px;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
  right: -19px;
  top: 12px;
  transform: rotate(-45deg);
}
.ec-productRole .ec-productRole__tag.tag_2 {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: inline-block;
  background-color: rgba(234,180,0,0.9);
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  box-shadow: 0px 0px 0px 4px rgba(234,180,0,0.9);
  border: dashed 1px #FFF;
  z-index: 2;
}

.ec-productRole .ec-productRole__tag.tag_2:before {
  content: "";
  width: 110px;
  height: 110px;
  background-image: url(../img/common/reccomend.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.ec-layoutRole__contentTop .breadcrumbNav {
  padding-top: 10px;
}
.ec-layoutRole__contentTop .breadcrumbNav ul {
  padding-left: 2%;
}
.ec-layoutRole__contentTop .breadcrumbNav li {
  position: relative;
  display: inline-block;
  line-height: 1.4;
  font-size: 13px;
}
.ec-layoutRole__contentTop .breadcrumbNav li a {
  color: #dd5427;
}
.ec-layoutRole__contentTop .breadcrumbNav li a:hover {
  text-decoration: underline;
}
.ec-layoutRole__contentTop .breadcrumbNav p {
  display: inline;
}
.ec-layoutRole__contentTop .breadcrumbNav li+li {
  padding-left: 15px;
  margin-left: 5px;
}
.ec-layoutRole__contentTop .breadcrumbNav li+li:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  margin: auto;
  border: 1px solid;
  border-color: #402615 #402615 transparent transparent;
  transform: rotate(45deg);
  z-index: 1;
}
.ec-orderPayment .ec-radio>div,
.ec-orderPayment .ec-radio>div img {
  font-size: 14px;
  padding: 6px 0;
}
.ec-radio label {
  font-size: 16px;
}
.ec-productRole .anniversary {
  padding: 50px 0 0;
}
.ec-productRole .anniversaryList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ec-productRole .anniversaryList>div {
  width: 45%;
  padding-bottom: 50px;
}
.ec-productRole .anniversaryList>div img {
  border: 1px solid rgba(64,38,21,0.15);
}
.ec-productRole .anniversaryList>div:hover img {
  border: 1px solid #eab400;
}
.ec-productRole .anniversaryList .name {
  padding: 10px 0;
}
.ec-productRole .anniversaryTitle {
  color: #e60012;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  padding-bottom: 20px;
}
.ec-productRole .anniversaryTitle img {
  padding-right: 10px;
}
.ec-productRole .anniversaryBnr {
  text-align: center;
}
.ec-productRole .anniversary img {
  width: auto;
}
@media screen and (min-width: 350px) {
  .ec-productRole .slide-item img {
    max-height: 295px;
  }
}
@media screen and (min-width: 768px) {
  .ec-productRole .ec-productRole__tag.tag_1 {
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
  }
  .ec-productRole .ec-productRole__tag.tag_1 p {
    width: 225px;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 600;
    right: -25px;
    top: 30px;
  }
  .ec-productRole .ec-productRole__tag.tag_1 p:after {
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 20px solid #dd5427;
  }
  .ec-productRole .ec-productRole__tag.tag_2 {
    right: 20px;
    top: auto;
    bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
  .ec-productRole {
    padding-top: 40px;
  }
  .ec-productRole .slide-item img {
    width: auto;
    max-height: 400px;
  }
  .ec-sliderItemRole .slideThumb img {
    width: auto;
    /*max-height: 133px;*/
    height: 133px;
    object-fit: cover;
    font-family: 'object-fit: contain;';
    margin: auto;
  }
  .ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 26px;
    line-height: 1.4;
    background-size: auto;
    padding: 30px 0 15px 60px;
  }
  .ec-productRole__description {
    line-height: 1.6;
    font-size: 14px;
    padding-top: 20px;
  }
  .ec-productRole .ec-productRole__description {
    font-size: 14px;
    padding: 20px;
  }
  .ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn {
    margin: 0;
  }
  .productDetail>dl>dt {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .productDetailWrap {
    display: flex;
    justify-content: space-between;
  }
  .productDetail {
    flex-basis: 48%;
  }
  .productDetail>dl+dl {
    margin-top: 25px;
  }
  .productDetail+.productDetail {
    margin-top: 0;
  }
  .ec-productRole .ec-productRole__btn {
    width: 100%;
  }
  .ec-productRole .ec-productRole__btn .ec-blockBtn--action {
    height: 62px;
    line-height: 62px;
    font-size: 16px;
  }
  .productDetail .detailTable dl dt,
  .productDetail .detailTable dl dd {
    flex-basis: 50%;
  }
  .descriptionList li:before {
    position: absolute;
    top: 9px;
  }
  .ec-productRole .ec-productRole__actions {
    padding: 14px 0 28px;
  }
  .ec-productRole .item_visual {
    border: 1px solid rgba(64,38,21,0.2);
  }
  .ec-productRole .slide-item {
    background-color: #fff;
  }
 .ec-layoutRole__contentTop .breadcrumbNav {
    padding: 20px 20px 0 20px;
   /*max-width: 1240px;
   margin: 0 auto;*/
  }
  .ec-layoutRole__contentTop .breadcrumbNav ul {
    padding-left: 0;
  }
  .ec-layoutRole__contentTop .breadcrumbNav li {
    font-size: 14px;
  }
  .ec-productRole .anniversaryList>div {
    width: 20%;
  }
  .ec-productRole .anniversaryTitle {
    font-size: 26px;
  }
}
@media screen and (min-width: 1150px) {
  .ec-productRole .slide-item img {
    width: auto;
    max-height: 403px;
  }
  .ec-sliderItemRole .slideThumb img {
    height: 143px;
  }
}
/* -------------------------------------
ご利用ガイド
----------------------------------------*/
#shopping_guide {
  padding: 0 0 20px;
}
#shopping_guide nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}
#shopping_guide nav>div {
  width: 48%;
  margin-top: 10px;
}
#shopping_guide nav a {
  display: block;
  background-color: #eab400;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 0;
  border-radius: 5px;
}
.guideTitle {
  padding-top: 40px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #eab400;
}
.guideTitle h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  background-image: url(../img/common/bottomContents_icon.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0 0 0 35px;
}
#shopping_guide .boxWrap {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #efefef;
}
#shopping_guide .boxWrap:last-child {
  border-bottom: none;
}
#shopping_guide .boxTitle {
  color: #dd5427;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 10px;
}
#shopping_guide .box.type01 div+div {
  text-align: center;
  padding-top: 30px;
}
.boxType02 dd>div {
  text-align: center;
  padding-bottom: 15px;
}
.boxType02 dd>div+div {
  text-align: left;
}
.boxType02.wide dd>div {
  text-align: left;
}
#shopping_guide .box ul {
  padding: 0;
  margin: 0;
}
#shopping_guide .box li {
  position: relative;
  line-height: 1.6;
  font-size: 12px;
  padding-bottom: 0.5em;
  padding-left: 15px;
  list-style: none;
}
#shopping_guide .box li:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  display: block;
  background-color: #eab400;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  margin: auto;
}
#shopping_guide #pay .boxWrap {
  margin-bottom: 0;
  border-bottom: none;
}
.boxType02 {
  margin-bottom: 20px;
}
.boxType02 dt {
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff5e8;
  margin-bottom: 20px;
}
.boxType02 dd>div p {
  line-height: 1.7;
  font-size: 12px;
}
.boxType02 dd>div p+p {
  padding-top: 1em;
}
.boxType02 dd>div p.note {
  font-size: 11px;
}
@media screen and (min-width: 768px) {
  #shopping_guide nav a {
    font-size: 16px;
    padding: 15px 0;
  }
  #shopping_guide {
    padding: 0 16px 60px;
  }
  .guideTitle {
    padding-top: 60px;
    margin-bottom: 30px;
  }
  .guideTitle h2 {
    font-size: 20px;
  }
  #shopping_guide .boxTitle {
    font-size: 18px;
    padding-bottom: 15px;
  }
  #shopping_guide .box li {
    font-size: 14px;
  }
  #shopping_guide nav>div {
    width: 23%;
  }
  #shopping_guide .box.type01 {
    display: flex;
    justify-content: space-between;
  }
  #shopping_guide .box.type01 div {
    flex-basis: 55%;
  }
  #shopping_guide .box.type01 div+div {
    flex-basis: 43%;
    padding-top: 0;
  }
  #shopping_guide .boxWrap {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .boxType02 dd>div {
    padding-bottom: 30px;
  }
  .boxType02 dd {
    display: flex;
    justify-content: space-between;
  }
  .boxType02 dd>div {
    width: 25%;
    padding-bottom: 0;
  }
  .boxType02 dd>div+div {
    width: 73%;
  }
  .boxType02.wide dd>div {
    width: 100%;
  }
  .boxType02 dd>div p {
    line-height: 1.7;
    font-size: 14px;
  }
  .boxType02 dd>div p+p {
    padding-top: 1em;
  }
  .boxType02 dd>div p.note {
    font-size: 12px;
  }

}
#page_entry .ec-borderedDefs .note {
  font-size: 13px;
}
.ec-navlistRole .ec-navlistRole__item a {
  padding: 16px 10px;
}

.contentSideNav {
  padding-top: 40px;
}
.contentSideNav>div {
  text-align: center;
  margin-bottom: 30px;
}
.contentSideNav .categoryNav {
  border: 1px solid #dd5427;
}
.contentSideNav ul {
  padding: 0;
  margin: 0;
}
.contentSideNav li {
  position: relative;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border-bottom: 1px solid #dd5427;
}
.contentSideNav li:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 7px;
  height: 7px;
  margin: auto;
  border-top: solid 2px #dd5427;
  border-right: solid 2px #dd5427;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contentSideNav li:last-of-type {
  border-bottom: 0;
}
.contentSideNav li a {
  display: block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 8px 15px 8px 25px;
}
.contentSideNav .navTitle {
  background-color: #dd5427;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 6px 0;
}
@media screen and (min-width: 768px) {
  /*.columnContent {
    display: flex;
    justify-content: space-between;
  }
  .columnContent .mainColumn {
    width: calc(100% - 275px);
    order: 2;
}*/
  .contentSideNav {
    padding-right: 20px;
  }
  .contentSideNav .navTitle,
  .contentSideNav li a {
    font-size: 18px;
    padding: 14px 20px 14px 30px;
  }
}
.ec-shelfRole,
.ec-productRole,
.ec-searchnavRole .ec-searchnavRole__infos,
.ec-layoutRole .ec-layoutRole__contents {
  max-width: 1240px;
}
#page_product_list .ec-layoutRole__contents {
  padding-top: 10px;
}
.hsd_product_img_rp {
  width: 100%;
}

.hsd_flex_area_rp {
  display: flex;
  flex-wrap: wrap;
}
.hsd_h4 {
  padding-left: 15px;
  font-size: 16px;
  font-weight: 600;
  color: #dd5427;
  padding-bottom: 10px;
}
.hsd_flex_area_rp .item_name {
  padding-top: 10px;
}
.hsd_flex_area_rp .item_price {
  text-align: right;
  font-weight: 600;
  color: #dd5427;
  padding-top: 5px;
}
.ec-layoutRole .ec-layoutRole__contents {
  flex-wrap: wrap;
}
.ec-layoutRole .ec-layoutRole__left {
  display: block;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  order: 2;
}
.ec-layoutRole .ec-layoutRole__mainWithColumn {
  order: 1;
}
@media screen and (min-width: 768px) {
  .ec-searchnavRole {
    max-width: 1240px;
  }
  #page_product_list .ec-layoutRole__contents {
    padding-top: 30px;
  }
  .hsd_h4 {
    font-size: 20px;
  }
  .ec-layoutRole .ec-layoutRole__contents {
    flex-wrap: nowrap;
  }
  .ec-layoutRole .ec-layoutRole__left {
    width: 25%;
    padding: 0;
    order: 1;
  }
  .ec-layoutRole .ec-layoutRole__mainWithColumn {
    order: 2;
  }
}

.pickup_item .item_photo {
  background-color: #fff;
  text-align: center;
}
.pickup_item .item_photo img {
  height: 150px;
  width: auto!important;
}
@media screen and (min-width: 768px) {
  .pickup_item .item_photo img {
    height: 200px;
  }
}
#news_readmore {
  margin: 20px auto;
  display: block;
  width: 80px;
  text-align: center;
}
.documentLink a {
  position: relative;
  color: #dd5427;
  font-size: 18px;
  text-decoration: underline;
  padding: 10px 34px 10px 0;
}
.documentLink a:after {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  position: absolute;
  content: "";
  background-image: url(../img/common/icon-pdf.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 28px;
}
@media screen and (min-width: 768px) {
  .documentLink a {
    font-size: 22px;
  }
}
dl.no_border{
    border-bottom: none;
}
.shoppingText p{
  margin-bottom: 1.2em;
}
.shoppingImg img{
  max-width: 100%;
  width: auto;
}