@import url("https://fonts.googleapis.com/css2?family=Overpass:wght@100;300;400;700&display=swap");
@charset "UTF-8";
.ec-inlineBtn--top {
  background: #50A0CA;
  padding: 7px 16px;
  border: none; }
.ec-inlineBtn--top:hover {
    color: white;
    background: #50A0CA;
    border: none; }
.ec-categoryRole {
  background: url("../img/common/bg_cat.png") no-repeat; }
.ec-productRole__btn:focus-visible {
  outline: none; }
.ec-blockBtn--action {
  background: #50A0CA;
  border-color: #50A0CA; }
.ec-blockBtn--action:hover {
    background-color: #50A0CA;
    border-color: #50A0CA; }
.ec-blockBtn--action:focus,
.ec-blockBtn--action:focus-visible,
.ec-blockBtn--action.focus {
  background-color: #50A0CA;
  border-color: #50A0CA;
  outline: none;
  outline-offset: unset; }
.ec-blockBtn--action:active:hover,
.ec-blockBtn--action:active:focus,
.ec-blockBtn--action:active.focus,
.ec-blockBtn--action.active:hover,
.ec-blockBtn--action.active:focus,
.ec-blockBtn--action.active.focus,
.open > .ec-blockBtn--action.dropdown-toggle:hover,
.open > .ec-blockBtn--action.dropdown-toggle:focus,
.open > .ec-blockBtn--action.dropdown-toggle.focus {
  background-color: #50A0CA;
  border-color: #50A0CA;
  outline: none;
  outline-offset: unset; }
.ec-categoryRole__listItem {
  position: relative; }
.ec-categoryRole .c-ttlCatProduct1 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
.ec-newItemRole__img {
  position: relative;
  padding-top: 100%; }
.ec-newItemRole__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 200%;
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
       object-fit: cover; }
.ec-layoutRole__main {
  margin-top: 50px; }
.ec-newsRole .ec-newsRole__news {
  border: 16px solid #FDF4F3; }
.ec-newsRole .ec-newsRole__newsTitle {
  color: #000;
  font-weight: 400;
  line-height: 1.6; }
.ec-newsRole .ec-newsRole__newsDate {
  font-family: 'Overpass',
 sans-serif;
  color: #000;
  font-weight: bold;
  min-width: 100px;
  margin-right: 20px;
  line-height: 1.6; }
.ec-sliderItemRole .slideThumb {
  width: 20%; }
.ec-sliderItemRole .slideThumb img {
    width: 90%; }
.ec-off3Grid .ec-off3Grid__cell .ec-reportDescription {
  text-align: left; }
.ec-off3Grid .ec-off3Grid__cell .ec-reportDescription strong {
    text-align: center; }
.c-slideTop__img {
  position: relative; }
.c-slideTop__img .imgPC {
    height: 800px; }
.c-slideTop__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-height: 800px;
    max-width: 200%;
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
       object-fit: cover; }
.c-breadcrumbs {
  padding: 0 50px;
  margin-bottom: 30px; }
.c-breadcrumbs ul {
    list-style: none;
    font-size: 16px;
    padding: 0; }
.c-breadcrumbs ul li {
      position: relative;
      color: #000;
      display: inline; }
.c-breadcrumbs ul li:before {
        content: "▶";
        padding: 0 10px;
        color: #50A0CA; }
.c-breadcrumbs ul li:first-of-type:before {
        content: none; }
.c-breadcrumbs ul li a {
        color: #50A0CA; }
.ec-productRole .slide-item .img {
  position: relative;
  padding-top: 100%; }
.ec-productRole .slide-item .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 200%;
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
       object-fit: cover; }
.custom_headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  background: #50A0CA; }
.custom_headerSearch .ec-headerSearch__category .ec-select.ec-select_search:before {
    top: 1em; }
.custom_headerSearch .ec-headerSearch__category .ec-select select option {
  color: #fff;
  background: rgba(45, 45, 45, 0.5); }
.custom_headerSearch .ec-headerSearch__keyword {
  background: #fff;
  border: 1px solid #ccc; }
.custom_headerSearch .ec-headerSearch__keyword input[type="search"] {
    font-size: 12px; }
.ec-drawerRoleClose .fas {
  color: #50A0CA; }
.ec-drawerRole {
  background: #fff; }
.ec-drawerRole .ec-headerLinkArea {
    background: #fff; }
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
      color: #000; }
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item .fas {
        color: #50A0CA; }
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li:last-of-type a {
    border: none; }
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {
    background: #fff; }
.c-headermiddle {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  width: 100%; }
.ec-headerRole {
  margin: 0;
  padding: 0;
  width: auto; }
.ec-headerNaviRole {
  padding: 15px 0 7px; }
.ec-headerNaviRole .fa-bars {
    color: #50A0CA; }
.ec-categoryNaviRole {
  margin: 0;
  padding: 0;
  width: auto; }
.c-headerFull {
  border-bottom: 1px solid #EBEBEB; }
.ec-headerTitle .ec-headerTitle__title a {
  margin-bottom: 0; }
.ec-headerTitle h1 {
  text-align: left; }
.ec-headerTitle img {
  width: 150px; }
.ec-headerTitle span {
  font-size: 12px;
  display: block;
  font-family: 'Overpass',
 sans-serif;
  font-weight: 300;
  padding-bottom: 10px; }
.ec-headerNav .ec-headerNav__itemIcon {
  color: #50A0CA; }
.ec-itemNav__nav li a {
  font-weight: 500; }
.ec-cartNavi .ec-cartNavi__icon {
  color: #50A0CA; }
.ec-cartNavi .ec-cartNavi__badge {
  background-color: #ED9EAB; }
.ec-sliderRole {
  margin-bottom: 0;
  max-width: 100%;
  padding: 0; }
.ec-sliderRole ul {
    margin: 0; }
.ec-footerRole {
  background: #F2F2F2; }
.ec-footerTitle {
  color: #000;
  padding: 50px 0; }
.ec-footerTitle__logo p {
    font-size: 12px;
    margin-bottom: 10px; }
.ec-footerTitle__logo img {
    width: 120px !important; }
.ec-footerNavi {
  color: #000; }
.ec-footerRole .ec-footerRole__inner img {
  width: auto; }
.ec-shelfGrid .ec-shelfGrid__item-image {
  position: relative;
  padding-top: 100%;
  height: auto; }
.ec-shelfGrid .ec-shelfGrid__item-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 200%;
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
       object-fit: cover; }
.ec-sliderRole .ttl1 {
  position: absolute;
  z-index: 10;
  top: 16%;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  font-family: "游明朝",
 YuMincho,
 "ヒラギノ明朝 ProN W3",
 "Hiragino Mincho ProN",
 "HG明朝E",
 "ＭＳ Ｐ明朝",
 "ＭＳ 明朝",
 serif; }
#page_homepage .ec-layoutRole__main {
  margin-top: 0; }
@media (min-width: 901px) {
  .sp-only {
    display: none !important; }
  .sp-only {
    display: none !important; }
  .sp-only {
    display: none !important; } }
@media only screen and (max-width: 900px) {
  .pc-only {
    display: none !important; }
  img {
    max-width: 100%;
    height: auto; }
  .pc-only {
    display: none !important; }
  img {
    max-width: 100%;
    height: auto; }
    .ec-layoutRole__main {
      margin-top: 20px; }
  .ec-newPost {
    padding: 0 20px; }
    .ec-newsRole .ec-newsRole__news {
      border: none; }
      .c-slideTop__img .imgPC {
        height: 370px; }
    .c-breadcrumbs {
      padding: 0 39px; }
    .c-headermiddle {
      padding: 10px 20px; }
    .ec-headerNaviRole {
      padding: 15px 7px 7px; }
    .ec-headerTitle h1 {
      text-align: center; }
    .ec-headerTitle img {
      width: 100px; }
    .ec-headerTitle span {
      padding-bottom: 5px; }
    .ec-itemNav__nav li a {
      padding: 8px; }
    .ec-cartNavi .ec-cartNavi__badge {
      left: 25%;
      top: -16px; }
  .pc-only {
    display: none !important; }
  img {
    max-width: 100%;
    height: auto; }
    .ec-sliderRole .ttl1 {
      font-size: 20px;
      padding: 0 20px; } }
@media only screen and (max-width: 767px) {
    .ec-headerRole {
      width: 100%; }
    .ec-headerNaviRole {
      padding: 15px 20px 7px; }
    .ec-itemNav__nav li a {
      padding: 16px; } }
/*# sourceMappingURL=styles.css.map */