:root {
  --notosans--cjk: noto-sans-cjk-jp, sans-serif;
  --a--otg: a-otf-ud-shin-go-pr6n, sans-serif;
  --font-jost: "Jost", sans-serif;
  --main-color: #1A3889;
  --sub-color: #F64B81;
}

* {
  font-family: var(--notosans--cjk);
}

.ecSecHeading {
  display: grid;
  place-content: center;
  place-items: center;
}
@media (min-width: 768px) {
  .ecSecHeading {
    margin-top: 80px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .ecSecHeading {
    margin-top: 40px;
    margin-bottom: 25px;
  }
}
.ecSecHeading .ec-secHeading__ja {
  margin-top: 0;
  margin-bottom: 10px;
  letter-spacing: 0.16em;
}
.ecSecHeading .ec-secHeading__en {
  color: #39A1FF;
}
@media (min-width: 768px) {
  .ecSecHeading .ec-secHeading__en {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .ec-layoutRole__header .ec-headerNaviRole {
    max-width: 1200px;
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .ec-layoutRole__header .ec-headerNaviRole {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left {
    width: inherit;
  }
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerSubLine {
  font-size: 11px;
}
@media (max-width: 767px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerSubLine {
    position: absolute;
    top: 3px;
    left: 50px;
  }
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap {
    max-width: 150px;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap {
    gap: 10px;
  }
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .header_logo {
  margin: 0;
}
@media (min-width: 768px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .header_logo {
    min-width: 76px;
  }
}
@media (max-width: 767px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .header_logo {
    margin-left: 30px;
    margin-top: 5px;
  }
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .ec-headerNaviRole__search {
  margin-top: 0;
}
@media (min-width: 768px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .ec-headerNaviRole__search .ec-headerSearch {
    width: clamp(200px, 30vw, 328px);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .ec-headerNaviRole__search .ec-headerSearch {
    position: absolute;
    top: 70px;
    left: 20px;
    transition: 0.3s;
  }
}
@media (min-width: 768px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .ec-headerNaviRole__search .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .ec-headerNaviRole__search .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search .category_id {
  background-color: var(--main-color);
  transition: 0.3s;
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .ec-headerNaviRole__search .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search .category_id:hover {
  transition: 0.3s;
  background-color: var(--sub-color);
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .ec-headerNaviRole__search .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search:before {
  margin-top: 3px;
  border: 0;
  rotate: 90deg;
  content: url(/store/html/user_data/assets/img/common/arrow_down.svg);
}
@media (min-width: 768px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .ec-headerNaviRole__search .ec-headerSearch .ec-headerSearch__keyword {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .headerLeftWrap .ec-headerNaviRole__search .ec-headerSearch .ec-headerSearch__keyword .ec-input .search-name {
  background: #fff;
}
@media (min-width: 768px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav {
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav {
    display: flex;
    align-items: center;
  }
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item a .faUser {
  font-size: 12px;
  content: url(/store/html/user_data/assets/img/common/man-user.svg);
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item a .faLock {
  font-size: 12px;
  content: url(/store/html/user_data/assets/img/common/arrow.svg);
}
@media (max-width: 767px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item a .faLock {
    margin-right: 15px;
  }
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item a .ec-headerNav__itemLink:hover {
  transition: 0.3s;
  color: var(--sub-color);
}
@media (max-width: 767px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.ecHeaderNav__item_cart {
    margin-right: 15px;
  }
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.ecHeaderNav__item_cart .ec-headerRole__cart .ec-cartNaviWrap .ec-cartNavi {
  background: inherit;
}
@media (max-width: 767px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.ecHeaderNav__item_cart .ec-headerRole__cart .ec-cartNaviWrap .ec-cartNavi {
    display: grid;
    place-content: center;
    padding: 0;
    margin-top: 5px;
    margin-right: 10px;
  }
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.ecHeaderNav__item_cart .ec-headerRole__cart .ec-cartNaviWrap .ec-cartNavi .faShoppingCart {
  width: 19px;
  content: url(/store/html/user_data/assets/img/common/shopping-cart-black-shape.svg);
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.ecHeaderNav__item_cart .ec-headerRole__cart .ec-cartNaviWrap .ec-cartNavi .ec-headerNav__itemLink:hover {
  transition: 0.3s;
  color: var(--sub-color);
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.ecHeaderNav__item_contact a {
  background-color: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.ecHeaderNav__item_contact a {
    gap: 3px;
    width: 165px;
    height: 52px;
    border-radius: 5px;
    transition: 0.3s;
  }
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.ecHeaderNav__item_contact a:hover {
    transition: 0.3s;
    background-color: var(--sub-color);
  }
}
@media (max-width: 767px) {
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.ecHeaderNav__item_contact a {
    border-radius: 50%;
    height: 40px;
  }
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.ecHeaderNav__item_contact a .ec-headerNav__itemIcon {
  color: #fff;
  font-size: 16px;
}
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.ecHeaderNav__item_contact a .ec-headerNav__itemLink {
  color: #fff;
}
#mv .mv {
  display: flex;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-image: url(/store/html/user_data/assets/img/common/mv.png);
}
@media (min-width: 768px) {
  #mv .mv {
    height: 528px;
  }
}
@media (max-width: 767px) {
  #mv .mv {
    width: 100%;
    height: 70vh;
    max-height: 500px;
    background-position: 40% 50%;
  }
}
@media (min-width: 768px) {
  #mv .mv .container {
    max-width: 1200px;
    margin: auto;
  }
}
@media (max-width: 767px) {
  #mv .mv .container .headline_wrap {
    padding-bottom: 120px;
  }
}
@media (min-width: 768px) {
  #mv .mv .container .headline_wrap .headline {
    font-family: var(--a--otg);
    font-weight: 700;
    font-size: 31px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  #mv .mv .container .headline_wrap img {
    max-width: 340px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #mv .mv .container .headline_wrap img {
    max-width: 300px;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .ecshelfRole {
    max-width: 1240px !important;
  }
}
.ecshelfRole .ec-shelfGrid {
  display: grid;
}
@media (min-width: 768px) {
  .ecshelfRole .ec-shelfGrid {
    gap: 50px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .ecshelfRole .ec-shelfGrid {
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
  }
}
.ecshelfRole .ec-shelfGrid__item {
  width: inherit !important;
  padding: 0 !important;
}
.ecshelfRole .ec-shelfGrid__item a img {
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  padding: 10px;
}
.ecshelfRole .ec-shelfGrid__item a dl .item_name {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 500;
}
@media (min-width: 768px) {
  .ecshelfRole .ec-shelfGrid__item a dl .item_name {
    font-size: 16px;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .ecshelfRole .ec-shelfGrid__item a dl .item_name {
    margin-top: 10px;
  }
}
.ecshelfRole .ec-shelfGrid__item a dl .item_price {
  text-align: end;
  color: var(--sub-color);
  font-family: var(--font-jost);
  font-weight: 700;
}
@media (min-width: 768px) {
  .ecshelfRole .ec-shelfGrid__item a dl .item_price {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .ecshelfRole .ec-shelfGrid__item a dl .item_price {
    font-size: 22px;
  }
}
.ecshelfRole .products_btn {
  display: grid;
  place-content: center;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .ecshelfRole .products_btn {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .ecshelfRole .products_btn {
    margin-bottom: 70px;
  }
}
.ecshelfRole .products_btn .products_link {
  position: relative;
  background-color: var(--main-color);
  color: #fff;
  width: clamp(300px, 25vw, 360px);
  height: 58px;
  border: inherit;
  border-radius: 5px;
  transition: 0.3s;
}
.ecshelfRole .products_btn .products_link:hover {
  transition: 0.3s;
  background-color: var(--sub-color);
}
.ecshelfRole .products_btn .products_link:after {
  position: absolute;
  right: 25px;
  content: url(/store/html/user_data/assets/img/common/right-chevron.svg);
}

#cat .cat {
  background-color: #F7F7F7;
}
@media (min-width: 768px) {
  #cat .cat {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  #cat .cat {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#cat .cat .container {
  max-width: 1200px;
}
@media (max-width: 767px) {
  #cat .cat .container {
    padding: 0 20px;
  }
}
#cat .cat .container .cat_grid {
  list-style: none;
  padding-left: 0;
  display: grid;
}
@media (min-width: 768px) {
  #cat .cat .container .cat_grid {
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 30px;
  }
}
@media (max-width: 767px) {
  #cat .cat .container .cat_grid {
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
  }
}
#cat .cat .container .cat_grid .catlist {
  border-radius: 6px;
}
#cat .cat .container .cat_grid .catlist:nth-child(1) {
  border-left: 9px solid #F64B81;
}
#cat .cat .container .cat_grid .catlist:nth-child(1) .cat_title {
  color: var(--sub-color);
}
#cat .cat .container .cat_grid .catlist:nth-child(1) .cat_link_circle {
  background-color: var(--sub-color);
}
#cat .cat .container .cat_grid .catlist:nth-child(2) {
  border-left: 9px solid #39A1FF;
}
#cat .cat .container .cat_grid .catlist:nth-child(2) .cat_title {
  color: #39A1FF;
}
#cat .cat .container .cat_grid .catlist:nth-child(2) .cat_link_circle {
  background-color: #39A1FF;
}
#cat .cat .container .cat_grid .catlist:nth-child(3) {
  border-left: 9px solid #F4DB21;
}
#cat .cat .container .cat_grid .catlist:nth-child(3) .cat_title {
  color: #F4DB21;
}
#cat .cat .container .cat_grid .catlist:nth-child(3) .cat_link_circle {
  background-color: #F4DB21;
}
#cat .cat .container .cat_grid .catlist:nth-child(4) {
  border-left: 9px solid #F64B81;
}
#cat .cat .container .cat_grid .catlist:nth-child(4) .cat_title {
  color: var(--sub-color);
}
#cat .cat .container .cat_grid .catlist:nth-child(4) .cat_link_circle {
  background-color: var(--sub-color);
}
#cat .cat .container .cat_grid .catlist:nth-child(5) {
  border-left: 9px solid #39A1FF;
}
#cat .cat .container .cat_grid .catlist:nth-child(5) .cat_title {
  color: #39A1FF;
}
#cat .cat .container .cat_grid .catlist:nth-child(5) .cat_link_circle {
  background-color: #39A1FF;
}
#cat .cat .container .cat_grid .catlist a {
  display: flex;
  align-items: center;
  flex-direction: row;
  background-color: #fff;
  border-radius: 6px;
}
@media (max-width: 1024px) {
  #cat .cat .container .cat_grid .catlist a {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  #cat .cat .container .cat_grid .catlist a {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  #cat .cat .container .cat_grid .catlist a {
    gap: 15px;
  }
}
#cat .cat .container .cat_grid .catlist a:hover .cat_link_circle {
  background-color: #555;
}
#cat .cat .container .cat_grid .catlist a:hover .cat_link_circle .link_arrow {
  transition: 0.5s;
  rotate: 360deg;
}
#cat .cat .container .cat_grid .catlist a img {
  display: block;
  width: 100%;
}
@media (min-width: 1024px) {
  #cat .cat .container .cat_grid .catlist a img {
    max-width: 200px;
    -o-object-fit: cover;
       object-fit: cover;
    height: 150px;
  }
}
@media (max-width: 1024px) {
  #cat .cat .container .cat_grid .catlist a img {
    border-top-right-radius: 6px;
    -o-object-fit: cover;
       object-fit: cover;
    height: 115px;
  }
}
#cat .cat .container .cat_grid .catlist a .cat_list_right {
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 1024px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right {
    padding: 0 0px 20px 20px;
  }
}
@media (min-width: 768px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right {
    gap: 10px;
  }
}
@media (max-width: 500px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right {
    padding-right: 20px;
  }
}
#cat .cat .container .cat_grid .catlist a .cat_list_right .cat_list_txt {
  position: relative;
}
#cat .cat .container .cat_grid .catlist a .cat_list_right .cat_list_txt .cat_title {
  font-weight: 700;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (min-width: 768px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right .cat_list_txt .cat_title {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 7px;
  }
}
@media (max-width: 767px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right .cat_list_txt .cat_title {
    margin-bottom: 5px;
    font-size: 20px;
  }
}
#cat .cat .container .cat_grid .catlist a .cat_list_right .cat_list_txt .cat_txt {
  color: #333;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (min-width: 768px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right .cat_list_txt .cat_txt {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right .cat_list_txt .cat_txt {
    font-size: 14px;
  }
}
#cat .cat .container .cat_grid .catlist a .cat_list_right .cat_link_circle {
  border-radius: 50%;
  display: grid;
  place-content: center;
}
@media (min-width: 768px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right .cat_link_circle {
    min-width: 40px;
    min-height: 40px;
    margin-right: 30px;
  }
}
@media (max-width: 1024px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right .cat_link_circle {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right .cat_link_circle {
    min-width: 30px;
    min-height: 30px;
    margin-right: 20px;
  }
}
@media (max-width: 500px) {
  #cat .cat .container .cat_grid .catlist a .cat_list_right .cat_link_circle {
    position: absolute;
    top: -30px;
    right: -10px;
  }
}
#cat .cat .container .cat_grid .catlist a .cat_list_right .cat_link_circle i {
  content: url(/store/html/user_data/assets/img/common/right-chevron.svg);
}
@media (min-width: 768px) {
  #point .point {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  #point .point {
    padding-bottom: 40px;
  }
}
#point .point .container {
  max-width: 1200px;
}
@media (max-width: 767px) {
  #point .point .container {
    padding: 0 20px;
  }
}
#point .point .container .point_flex {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  align-items: baseline;
  padding-left: 0;
}
@media (min-width: 768px) {
  #point .point .container .point_flex {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  #point .point .container .point_flex {
    flex-direction: column;
  }
}
#point .point .container .point_flex .point_grid {
  display: grid;
  place-content: center;
  place-items: center;
}
@media (max-width: 767px) {
  #point .point .container .point_flex .point_grid {
    margin-bottom: 40px;
  }
}
#point .point .container .point_flex .point_grid:nth-child(1) .point_lebel {
  color: #F4DB21;
}
#point .point .container .point_flex .point_grid:nth-child(1) img {
  border: 5px solid #F4DB21;
}
#point .point .container .point_flex .point_grid:nth-child(2) .point_lebel {
  color: #39A1FF;
}
#point .point .container .point_flex .point_grid:nth-child(2) img {
  border: 5px solid #39A1FF;
}
#point .point .container .point_flex .point_grid:nth-child(3) .point_lebel {
  color: var(--sub-color);
}
#point .point .container .point_flex .point_grid:nth-child(3) img {
  border: 5px solid #F64B81;
}
#point .point .container .point_flex .point_grid .point_lebel {
  margin-bottom: 0;
  line-height: 0.7;
  font-family: var(--a--otg);
  margin-top: 0;
  text-align: center;
}
@media (min-width: 768px) {
  #point .point .container .point_flex .point_grid .point_lebel {
    font-size: 30px;
  }
}
#point .point .container .point_flex .point_grid .point_lebel span {
  font-size: 50px;
  font-weight: 400;
}
#point .point .container .point_flex .point_grid img {
  width: 100%;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 240px;
}
#point .point .container .point_flex .point_grid .point_title {
  text-align: center;
  color: #222;
}
@media (min-width: 768px) {
  #point .point .container .point_flex .point_grid .point_title {
    font-size: 24px;
    line-height: 1.6;
  }
}
#point .point .container .point_flex .point_grid .point_txt {
  line-height: 1.6;
  color: #818181;
}
.ec-role.ecRole {
  background: #F7F7F7;
  max-width: inherit;
}
.ec-role.ecRole .ec-newsRole {
  max-width: 1200px;
  margin: auto;
  display: flex;
}
@media (min-width: 768px) {
  .ec-role.ecRole .ec-newsRole {
    gap: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .ec-role.ecRole .ec-newsRole {
    flex-direction: column;
    padding-top: 70px;
    padding-bottom: 70px;
    gap: 20px;
  }
}
.ec-role.ecRole .ec-newsRole .ecSecHeading {
  margin: 0;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .ec-role.ecRole .ec-newsRole .ecSecHeading {
    place-items: flex-start;
    place-content: flex-start;
  }
}
.ec-role.ecRole .ec-newsRole__news {
  width: 100%;
  border: 0;
  padding: 0;
}
.ec-role.ecRole .ec-newsRole__newsItem {
  border-bottom: 0;
}
.ec-role.ecRole .ec-newsRole__newsItem:first-child {
  padding-top: 0;
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(1) .ec-newsRole__newsTitle {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .ec-role.ecRole .ec-newsRole__newsItem:nth-child(1) .ec-newsRole__newsTitle {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .ec-role.ecRole .ec-newsRole__newsItem:nth-child(1) .ec-newsRole__newsTitle {
    gap: 10px;
  }
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(1) .ec-newsRole__newsTitle:before {
  content: "";
  display: block;
  min-width: 9px;
  min-height: 9px;
  background-color: #F4DB21;
  border-radius: 50%;
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(1) .ec-newsRole__newsCloseBtn {
  background: #F4DB21;
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(2) .ec-newsRole__newsTitle {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .ec-role.ecRole .ec-newsRole__newsItem:nth-child(2) .ec-newsRole__newsTitle {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .ec-role.ecRole .ec-newsRole__newsItem:nth-child(2) .ec-newsRole__newsTitle {
    gap: 10px;
  }
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(2) .ec-newsRole__newsTitle:before {
  content: "";
  display: block;
  min-width: 9px;
  min-height: 9px;
  background-color: #F64B81;
  border-radius: 50%;
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(2) .ec-newsRole__newsCloseBtn {
  background: var(--sub-color);
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(3) .ec-newsRole__newsTitle {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .ec-role.ecRole .ec-newsRole__newsItem:nth-child(3) .ec-newsRole__newsTitle {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .ec-role.ecRole .ec-newsRole__newsItem:nth-child(3) .ec-newsRole__newsTitle {
    gap: 10px;
  }
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(3) .ec-newsRole__newsTitle:before {
  content: "";
  display: block;
  min-width: 9px;
  min-height: 9px;
  background-color: #39A1FF;
  border-radius: 50%;
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(3) .ec-newsRole__newsCloseBtn {
  background: #39A1FF;
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(4) .ec-newsRole__newsTitle {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .ec-role.ecRole .ec-newsRole__newsItem:nth-child(4) .ec-newsRole__newsTitle {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .ec-role.ecRole .ec-newsRole__newsItem:nth-child(4) .ec-newsRole__newsTitle {
    gap: 10px;
  }
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(4) .ec-newsRole__newsTitle:before {
  content: "";
  display: block;
  min-width: 9px;
  min-height: 9px;
  background-color: #F4DB21;
  border-radius: 50%;
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(4) .ec-newsRole__newsCloseBtn {
  background: #F4DB21;
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(5) .ec-newsRole__newsTitle {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .ec-role.ecRole .ec-newsRole__newsItem:nth-child(5) .ec-newsRole__newsTitle {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .ec-role.ecRole .ec-newsRole__newsItem:nth-child(5) .ec-newsRole__newsTitle {
    gap: 10px;
  }
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(5) .ec-newsRole__newsTitle:before {
  content: "";
  display: block;
  min-width: 9px;
  min-height: 9px;
  background-color: #39A1FF;
  border-radius: 50%;
}
.ec-role.ecRole .ec-newsRole__newsItem:nth-child(5) .ec-newsRole__newsCloseBtn {
  background: #F64B81;
}
@media (min-width: 768px) {
  .ec-role.ecRole .ec-newsRole__newsItem .ec-newsRole__newsHeading {
    gap: 35px;
  }
}
.ec-role.ecRole .ec-newsRole__newsItem .ec-newsRole__newsHeading .ec-newsRole__newsDate {
  font-family: var(--a--otg);
}
@media (min-width: 768px) {
  .ec-role.ecRole .ec-newsRole__newsItem .ec-newsRole__newsHeading .ec-newsRole__newsDate {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .ec-role.ecRole .ec-newsRole__newsItem .ec-newsRole__newsHeading .ec-newsRole__newsColumn {
    min-width: inherit;
    width: 100%;
  }
}
.ec-role.ecRole .ec-newsRole__newsItem .ec-newsRole__newsHeading .ec-newsRole__newsColumn .ec-newsRole__newsTitle {
  font-weight: 500;
  color: #222;
}
@media (min-width: 768px) {
  .ec-role.ecRole .ec-newsRole__newsItem .ec-newsRole__newsHeading .ec-newsRole__newsColumn .ec-newsRole__newsClose {
    margin-right: 20px;
  }
}
.ec-layoutRole__footer .ec-footerRole {
  position: relative;
  margin-top: 0;
  background-color: inherit;
  border-top: 0;
}
@media (max-width: 767px) {
  .ec-layoutRole__footer .ec-footerRole {
    padding-top: 40px;
  }
}
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .footer_logo {
  text-align: center;
}
@media (min-width: 768px) {
  .ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .footer_logo {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .footer_logo .footer_label {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .footer_logo .footer_label {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .footer_logo img.footer_Logo {
    max-width: 96px;
  }
}
@media (min-width: 768px) {
  .ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .ec-footerNavi {
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .ec-footerNavi {
    margin-bottom: 25px;
  }
}
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .ec-footerNavi .ec-footerNavi__link a {
  text-decoration: none;
  color: #222;
}
.ec-layoutRole__footer .ec-footerRole .ec-footerTitle {
  background-color: var(--main-color);
  padding: 7px 0;
}
.ec-layoutRole__footer .ec-footerRole .ec-footerTitle .ec-footerTitle__copyright {
  font-family: var(--a--otg);
  font-size: 12px;
}
.ec-layoutRole__footer .ec-footerRole .footerPageTop {
  position: absolute;
}
@media (min-width: 768px) {
  .ec-layoutRole__footer .ec-footerRole .footerPageTop {
    right: 150px;
    bottom: 65px;
  }
}
@media (max-width: 1365px) {
  .ec-layoutRole__footer .ec-footerRole .footerPageTop {
    display: none;
  }
}
.ec-blockTopBtn {
  width: 50px;
  height: 50px;
  transition: 0.3s;
  background-color: #F4DB21;
  border-radius: 50%;
  padding: 18px;
  rotate: -90deg;
  content: url(/store/html/user_data/assets/img/common/right-chevron.svg);
}
.is-pagetop {
  transition: 0.3s;
  right: 90px !important;
  bottom: 50px !important;
}
@media (max-width: 1365px) {
  .is-pagetop {
    right: 20px !important;
    bottom: 50px !important;
  }
}

.product_page .ec-shelfGrid__item img {
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  padding: 10px;
}/*# sourceMappingURL=style.css.map */