.search-text{
    display: block ;
    position: relative;
    font-size: 200%;
}

.search-text input {
  overflow: visible;
  border: 1px solid #ffffff;
}
.category-top {
  margin: 0 auto;
  padding-left: 3%;
  padding-right: 2%;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  margin-top: -35px;
}
.category-top:after {
    content: " ";
    display: table; }
.category-top:after {
    clear: both; }
.category_list{
  display: block;
  position: relative;
  width: 25%;
  margin-top: 2px;
  margin-bottom: 2px;
  float: left;
}
.category-top img {
    max-width: 95%; }
.category-top html {
    box-sizing: border-box; }
.category-top *,
  .category-top *::before,
  .category-top *::after {
    box-sizing: inherit; }
.category-top img {
    width: 100%; }


.headerSearch-url:after {
    content: " ";
    display: table; }
  .headerSearch-url:after {
    clear: both; }
  .headerSearch-url .headerSearch-url__category {
    float: none; }
  .headerSearch-url .headerSearch-url__category .ec-select {
      overflow: hidden;
      width: 100%;
      margin: 0;
      text-align: center; }
  .headerSearch-url .headerSearch-url__category .ec-select select {
        width: 100%;
        cursor: pointer;
        padding: 8px 24px 8px 8px;
        text-indent: 0.01px;
        text-overflow: ellipsis;
        border: none;
        outline: none;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        color: #fff; }
  .headerSearch-url .headerSearch-url__category .ec-select select option {
          color: #000; }
  .headerSearch-url .headerSearch-url__category .ec-select select::-ms-expand {
          display: none; }
  .headerSearch-url .headerSearch-url__category .ec-select.ec-select_search {
        position: relative;
        border: 0;
        background: #000;
        color: #fff;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px; }
  .headerSearch-url .headerSearch-url__category .ec-select.ec-select_search::before {
          position: absolute;
          top: 0.8em;
          right: 0.4em;
          width: 0;
          height: 0;
          padding: 0;
          content: '';
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-top: 6px solid #fff;
          pointer-events: none; }
  .headerSearch-url .headerSearch-url__keyword {
    position: relative;
    color: #525263;
    border: 1px solid #af0000;
    background-color: #ffffff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }
  .headerSearch-url .headerSearch-url__keyword input[type="search"] {
      width: 100%;
      height: 34px;
      font-size: 16px;
      border: 0 none;
      padding: 0.5em 50px 0.5em 1em;
      box-shadow: none;
      background: none;
      box-sizing: border-box;
      margin-bottom: 0; }
  .headerSearch-url .headerSearch-url__keyword .ec-icon {
      width: 22px;
      height: 22px; }
  .headerSearch-url .headerSearch-url__keywordBtn {
    border: 0;
    background: none;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-55%);
    display: block;
    white-space: nowrap;
    z-index: 1; }

    
.ec-userEditCompleteRole {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
    text-align: center;
    padding: 0 16px; }
  .ec-userEditCompleteRole:after {
      content: " ";
      display: table; }
  .ec-userEditCompleteRole:after {
      clear: both; }
  .ec-userEditCompleteRole textarea {
      /* for chrome fontsize bug */
      font-family: sans-serif; }
  .ec-userEditCompleteRole img {
      max-width: 100%; }
  .ec-userEditCompleteRole html {
      box-sizing: border-box; }
  .ec-userEditCompleteRole *,
    .ec-userEditCompleteRole *::before,
    .ec-userEditCompleteRole *::after {
      box-sizing: inherit; }
  .ec-userEditCompleteRole img {
      width: 100%; }
  .ec-userEditCompleteRole .ec-userEditCompleteRole__title {
      margin-bottom: 16px;
      font-weight: bold;
      font-size: 24px; }
  .ec-userEditCompleteRole .ec-userEditCompleteRole__description {
      margin-bottom: 32px;
      font-size: 16px; }
  @media (min-width: 768px) {
        .ec-grid2 .ec-grid2__cell {
          width: 50%; }
        .ec-grid2 .ec-grid2__cell2 {
          width: 100%; }
        .ec-grid3 .ec-grid3__cell {
          width: 33.33333%; }
        .ec-grid3 .ec-grid3__cell2 {
          width: 66.66667%; }
        .ec-grid3 .ec-grid3__cell3 {
          width: 100%; }
        .ec-grid4 .ec-grid4__cell {
          width: 25%; }
        .ec-grid6 .ec-grid6__cell {
          width: 16.66667%; }
        .ec-grid6 .ec-grid6__cell2 {
          width: 33.33333%; }
        .ec-grid6 .ec-grid6__cell3 {
          width: 50%; } }
  @media only screen and (min-width: 768px) {
      .ec-pageHeader h1 {
        border-top: none;
        border-bottom: 1px solid #ccc;
        margin: 10px 16px 48px;
        padding: 8px;
        font-size: 32px;
        font-weight: bold; }
      .ec-heading-bold {
        font-size: 18px; }
      .ec-reportHeading {
        border-top: 0;
        font-size: 32px; }
        .ec-reportHeading h1, .ec-reportHeading h2, .ec-reportHeading h3,
        .ec-reportHeading h4, .ec-reportHeading h5, .ec-reportHeading h6, .ec-reportHeading p {
          font-size: 32px; }
      .ec-price .ec-price__unit {
        font-size: 1em; }
      .ec-price .ec-price__price {
        font-size: 1em; }
      .ec-price .ec-price__tax {
        font-size: 0.57em; }
        .ec-borderedDefs dl {
          flex-wrap: nowrap;
          padding: 15px 0 4px; }
        .ec-borderedDefs dt {
          padding-top: 14px;
          width: 30%; }
        .ec-borderedDefs dd {
          width: 70%;
          line-height: 3; }
        .ec-list-chilled dt, .ec-list-chilled dd {
          padding: 16px 0; }
        .ec-list-chilled dd {
          padding: 16px; }
      .ec-borderedList {
        border-top: 1px dotted #ccc; }
      .ec-blockTopBtn {
        right: 30px;
        bottom: 10px; }
      .ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
        font-size: 14px; }
      .ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select {
        font-size: 14px; }
      .ec-input textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea {
        font-size: 14px; }
      .ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
        margin-bottom: 16px; }
      .ec-halfInput input[type='text'] {
        margin-left: 15px;
        width: 45%; }
      .ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
        font-size: 14px; }
      .ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select {
        font-size: 14px; }
      .ec-input textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea {
        font-size: 14px; }
      .ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
        margin-bottom: 16px; }
      .ec-halfInput input[type='text'] {
        margin-left: 15px;
        width: 45%; }
      .ec-select__delivery {
        display: inline-block; }
      .ec-select__time {
        display: inline-block; }
      .ec-birth select {
        margin: 0 8px 10px; }
      .ec-required {
        margin-left: 1em; }
      .ec-grid2 {
        display: flex; }
      .ec-grid3 {
        display: flex; }
      .ec-grid4 {
        display: flex; }
      .ec-grid6 {
        display: flex; }
      .ec-off1Grid {
        display: block;
        margin: 0; }
        .ec-off1Grid .ec-off1Grid__cell {
          position: relative;
          min-height: 1px;
          margin-left: 8.33333%; }
      .ec-off2Grid {
        display: flex; }
        .ec-off2Grid .ec-off2Grid__cell {
          position: relative;
          min-height: 1px;
          margin-left: 16.66667%; }
      .ec-off3Grid {
        display: flex; }
        .ec-off3Grid .ec-off3Grid__cell {
          position: relative;
          min-height: 1px;
          margin-left: 25%; }
      .ec-off4Grid {
        display: flex; }
        .ec-off4Grid .ec-off4Grid__cell {
          position: relative;
          min-height: 1px;
          margin-left: 33.33333%; }
        .ec-imageGrid .ec-imageGrid__img {
          padding: 10px;
          width: 130px; }
      .ec-login {
        margin: 0 16px;
        padding: 30px 13% 60px; }
        .ec-login .ec-login__link {
          margin-left: 20px; }
      .ec-guest {
        height: 100%;
        margin: 0 16px; }
      .ec-displayB {
        flex-direction: row; }
        .ec-displayB .ec-displayB__cell {
          width: 31.4466%;
          margin-bottom: 0; }
        .ec-displayC .ec-displayC__cell {
          width: 22.8775%; }
      .ec-displayD {
        box-sizing: border-box;
        flex-wrap: nowrap; }
        .ec-displayD .ec-displayD__cell {
          width: 14.3083%;
          margin-bottom: 16px; }
      .ec-topicpath {
        padding: 30px 0 10px;
        border: 0;
        font-size: 16px; }
      .ec-progress {
        margin-bottom: 30px;
        padding: 0; }
        .ec-progress .ec-progress__number {
          line-height: 42px;
          width: 42px;
          height: 42px;
          font-size: 20px; }
    .ec-cartNaviWrap {
      position: relative; }
      .ec-cartNavi {
        display: flex;
        justify-content: space-between;
        border-radius: 99999px;
        box-sizing: border-box;
        padding: 12px 17px 10px;
        width: auto;
        min-width: 140px;
        height: 44px;
        white-space: nowrap;
        cursor: pointer;
        background: #F8F8F8; }
        .ec-cartNavi .ec-cartNavi__badge {
          display: inline-block;
          min-width: 17px;
          position: relative;
          left: 0;
          top: 0; }
        .ec-cartNavi .ec-cartNavi__price {
          display: inline-block;
          font-size: 14px;
          font-weight: normal;
          vertical-align: middle; }
      .ec-cartNavi.is-active .ec-cartNavi__badge {
        display: none; }
      .ec-cartNaviIsset {
        margin-top: 10px;
        min-width: 256px;
        max-width: 256px; }
        .ec-cartNaviIsset::before {
          display: inline-block;
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 8.5px 10px 8.5px;
          border-color: transparent transparent #f8f8f8 transparent;
          position: absolute;
          top: -9px; }
      .ec-cartNaviNull {
        margin-top: 10px;
        min-width: 256px;
        max-width: 256px; }
        .ec-cartNaviNull::before {
          display: inline-block;
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 8.5px 10px 8.5px;
          border-color: transparent transparent #f8f8f8 transparent;
          position: absolute;
          top: -9px; }
        .ec-totalBox .ec-totalBox__price {
          font-size: 24px; }
        .ec-totalBox .ec-totalBox__taxLabel {
          font-size: 14px; }
        .ec-totalBox .ec-totalBox__taxRate {
          font-size: 12px; }
      .ec-news {
        margin-right: 3%; }
      .ec-news {
        margin-bottom: 32px; }
        .ec-news .ec-news__title {
          padding: 16px;
          text-align: left;
          font-size: 24px; }
      .ec-navlistRole .ec-navlistRole__navlist {
        flex-wrap: nowrap; }
      .ec-welcomeMsg {
        padding-left: 26px;
        padding-right: 26px; }
        .ec-favoriteRole .ec-favoriteRole__item-image {
          height: 250px; }
      .ec-favoriteRole .ec-favoriteRole__item {
        width: 25%; }
      .ec-mypageRole {
        padding-left: 26px;
        padding-right: 26px; }
      .ec-mypageRole .ec-pageHeader h1 {
        margin: 10px 0 48px;
        padding: 8px 0 18px; }
        .ec-layoutRole .ec-layoutRole__mainWithColumn {
          width: 75%; }
        .ec-layoutRole .ec-layoutRole__mainBetweenColumn {
          width: 50%; }
        .ec-layoutRole .ec-layoutRole__left,
        .ec-layoutRole .ec-layoutRole__right {
          display: block;
          width: 25%;
          background-color: #ffffff ; }
      .ec-headerRole:after {
        content: " ";
        display: table; }
      .ec-headerRole:after {
        clear: both; }
      .ec-headerRole {
        width: 100%; }
        .ec-headerRole:after {
          content: " ";
          display: table; }
        .ec-headerRole:after {
          clear: both; }
        .ec-headerRole .ec-headerRole__navSP {
          display: none; }
      .ec-headerNaviRole {
        padding-bottom: 40px; }
        .ec-headerNaviRole .ec-headerNaviRole__search {
          display: inline-block;
          margin-top: 10px; }
          .ec-headerNaviRole .ec-headerNaviRole__search a {
            color: inherit;
            text-decoration: none; }
          .ec-headerNaviRole .ec-headerNaviRole__search a:hover {
            text-decoration: none; }
        .ec-headerNaviRole .ec-headerNaviRole__navSP {
          display: none; }
          .ec-headerNaviRole .ec-headerNaviRole__navSP a {
            color: inherit;
            text-decoration: none; }
          .ec-headerNaviRole .ec-headerNaviRole__navSP a:hover {
            text-decoration: none; }
      .ec-headerNavSP {
        display: none; }
          .ec-headerTitle .ec-headerTitle__title a {
            font-size: 40px; }
        .ec-headerTitle .ec-headerTitle__subtitle {
          font-size: 16px;
          margin-bottom: 10px; }
        .ec-headerNav .ec-headerNav__itemIcon {
          margin-right: 0;
          font-size: 20px; }
        .ec-headerNav .ec-headerNav__itemLink {
          display: inline-block; }
      .headerSearch-url .headerSearch-url__category {
        float: left;
        width: 25%; 
        margin-top: 3%;
        margin-left: 10%;
        background-color: #af0000;
        color: #ffffff;
        text-align: center;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border-top-right-radius: inherit;
        padding-bottom: 2px;
      }
          .headerSearch-url .headerSearch-url__category .ec-select select {
            max-width: 165px;
            height: 36px; }
          .headerSearch-url .headerSearch-url__category .ec-select.ec-select_search {
            border-top-right-radius: inherit;
            border-top-left-radius: 50px;
            border-bottom-left-radius: 50px; }
      .headerSearch-url .headerSearch-url__keyword {
        float: left;
        width: 55%  ;
        border-bottom-left-radius: inherit;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        margin-top: 3% ;
      }
        .headerSearch-url .headerSearch-url__keyword input[type="search"] {
          font-size: 12px; }
      .ec-categoryNaviRole {
        display: block;
        width: 100%; }
        .ec-categoryNaviRole a {
          color: inherit;
          text-decoration: none; }
        .ec-categoryNaviRole a:hover {
          text-decoration: none; }
      .ec-itemNav__nav {
        display: inline-block; }
      .ec-itemNav__nav li {
        float: left;
        width: auto; }
      .ec-itemNav__nav li a {
        text-align: center;
        border-bottom: none; }
      .ec-itemNav__nav li ul {
        display: block;
        z-index: 100;
        position: absolute; }
      .ec-itemNav__nav li ul li {
        overflow: hidden;
        height: 0; }
    .ec-itemNav__nav > li:hover > ul > li {
      overflow: visible;
      height: auto; }
    .ec-itemNav__nav li ul li ul:before {
      content: "\f054";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 12px;
      color: white;
      position: absolute;
      top: 19px;
      right: auto;
      left: -20px; }
    .ec-itemNav__nav li ul li:hover > ul > li {
      overflow: visible;
      height: auto;
      width: auto; }
      .ec-drawerRole {
        display: none; }
      .ec-drawerRoleClose {
        display: none; }
      .ec-drawerRole.is_active {
        display: none; }
      .ec-drawerRoleClose.is_active {
        display: none; }
      .ec-overlayRole {
        display: none; }
      .have_curtain .ec-overlayRole {
        display: none; }
      .ec-footerRole {
        padding-top: 40px;
        margin-top: 100px; }
      .ec-footerRole .ec-footerRole__inner {
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.4;
        color: #525263;
        -webkit-text-size-adjust: 100%;
        width: 100%;
        max-width: 1130px; }
        .ec-footerRole .ec-footerRole__inner:after {
          content: " ";
          display: table; }
        .ec-footerRole .ec-footerRole__inner:after {
          clear: both; }
        .ec-footerRole .ec-footerRole__inner textarea {
          /* for chrome fontsize bug */
          font-family: sans-serif; }
        .ec-footerRole .ec-footerRole__inner img {
          max-width: 100%; }
        .ec-footerRole .ec-footerRole__inner html {
          box-sizing: border-box; }
        .ec-footerRole .ec-footerRole__inner *,
        .ec-footerRole .ec-footerRole__inner *::before,
        .ec-footerRole .ec-footerRole__inner *::after {
          box-sizing: inherit; }
        .ec-footerRole .ec-footerRole__inner img {
          width: 100%; }
        .ec-footerNavi .ec-footerNavi__link {
          display: inline-block; }
          .ec-footerNavi .ec-footerNavi__link a {
            display: inline-block;
            border-bottom: none;
            margin: 0 10px;
            padding: 0;
            text-decoration: underline; }
      .ec-footerTitle {
        padding: 50px 0 80px; }
          .ec-footerTitle .ec-footerTitle__logo a {
            font-size: 24px; }
        .ec-footerTitle .ec-footerTitle__copyright {
          font-size: 12px; }
        .ec-sliderItemRole .item_nav {
          display: flex;
          justify-content: flex-start;
          flex-wrap: wrap;
          margin-bottom: 0; }
      .ec-eyecatchRole {
        flex-wrap: nowrap; }
        .ec-eyecatchRole .ec-eyecatchRole__image {
          order: 2; }
        .ec-eyecatchRole .ec-eyecatchRole__intro {
          padding-right: 5%;
          order: 1; }
        .ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
          margin-top: 45px; }
        .ec-eyecatchRole .ec-eyecatchRole__introTitle {
          margin-bottom: 1em;
          font-size: 26px; }
        .ec-eyecatchRole .ec-eyecatchRole__introDescriptiron {
          margin-bottom: 30px; }
        .ec-eyecatchRole .ec-eyecatchRole__introDescription {
          margin-bottom: 30px; }
      .ec-blockBtn--top {
        max-width: 260px; }
      .ec-topicRole {
        padding: 60px 0; }
        .ec-topicRole .ec-topicRole__list {
          flex-wrap: nowrap; }
        .ec-topicRole .ec-topicRole__listItem {
          width: calc(100% / 2); }
          .ec-topicRole .ec-topicRole__listItem:not(:last-of-type) {
            margin-right: 30px; }
        .ec-topicRole .ec-topicRole__listItemTitle {
          margin-top: 1em; }
      .ec-newItemRole {
        padding: 60px 0; }
        .ec-newItemRole .ec-newItemRole__list {
          flex-wrap: nowrap; }
        .ec-newItemRole .ec-newItemRole__listItem {
          margin-bottom: 15px;
          width: calc(100% / 4); }
          .ec-newItemRole .ec-newItemRole__listItem:not(:last-of-type) {
            margin-right: 30px; }
          .ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
            margin-right: 30px; }
        .ec-newItemRole .ec-newItemRole__listItemTitle {
          margin: 20px 0 10px; }
      .ec-categoryRole {
        padding: 60px 0; }
        .ec-categoryRole .ec-categoryRole__list {
          flex-wrap: wrap; }
        .ec-categoryRole .ec-categoryRole__listItem {
          width: calc(100% / 3); }
          .ec-categoryRole .ec-categoryRole__listItem:not(:last-of-type) {
            margin-right: 30px;
            width: 100%;}
      .ec-newsRole {
        padding: 60px 0 0; }
        .ec-newsRole .ec-newsRole__news {
          border: 16px solid #F8F8F8;
          padding: 20px 30px; }
          .ec-newsRole .ec-newsRole__newsItem:last-of-type {
            margin-bottom: 0; }
        .ec-newsRole .ec-newsRole__newsItem {
          padding: 20px 0; }
        .ec-newsRole .ec-newsRole__newsHeading {
          display: flex; }
        .ec-newsRole .ec-newsRole__newsDate {
          display: inline-block;
          margin: 0;
          min-width: 120px;
          font-size: 14px; }
        .ec-newsRole .ec-newsRole__newsColumn {
          display: inline-flex;
          min-width: calc(100% - 120px); }
        .ec-newsRole .ec-newsRole__newsTitle {
          margin-bottom: 0;
          line-height: 1.8; }
        .ec-newsRole .ec-newsRole__newsDescription {
          margin: 20px 0 0;
          line-height: 1.8; }
        .ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
          margin: 20px 0 0; }
      .ec-searchnavRole {
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.4;
        color: #525263;
        -webkit-text-size-adjust: 100%;
        width: 100%;
        max-width: 1130px; }
        .ec-searchnavRole:after {
          content: " ";
          display: table; }
        .ec-searchnavRole:after {
          clear: both; }
        .ec-searchnavRole textarea {
          /* for chrome fontsize bug */
          font-family: sans-serif; }
        .ec-searchnavRole img {
          max-width: 100%; }
        .ec-searchnavRole html {
          box-sizing: border-box; }
        .ec-searchnavRole *,
        .ec-searchnavRole *::before,
        .ec-searchnavRole *::after {
          box-sizing: inherit; }
        .ec-searchnavRole img {
          width: 100%; }
        .ec-searchnavRole .ec-searchnavRole__infos {
          padding-left: 0;
          padding-right: 0;
          border-top: 1px solid #ccc;
          padding-top: 16px;
          flex-direction: row; }
        .ec-searchnavRole .ec-searchnavRole__counter {
          margin-bottom: 0;
          width: 50%; }
        .ec-searchnavRole .ec-searchnavRole__actions {
          width: 50%; }
      .ec-shelfGrid {
        margin-left: -16px;
        margin-right: -16px; }
          .ec-shelfGrid .ec-shelfGrid__item-image {
            height: 250px; }
        .ec-shelfGrid .ec-shelfGrid__item {
          padding: 0 16px;
          width: 25%; }
        .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
          padding: 0 16px; }
        .ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
          padding: 0 16px; }
      .ec-shelfGridCenter {
        margin-left: -16px;
        margin-right: -16px; }
          .ec-shelfGridCenter .ec-shelfGridCenter__item-image {
            height: 250px; }
        .ec-shelfGridCenter .ec-shelfGridCenter__item {
          padding: 0 16px;
          width: 25%; }
        .ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(odd) {
          padding: 0 16px; }
        .ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(even) {
          padding: 0 16px; }
        .ec-modal .ec-modal-wrap {
          padding: 40px 10px;
          width: 50%;
          margin: 20px auto; }
        .ec-productRole .ec-productRole__img {
          margin-right: 16px;
          margin-bottom: 0; }
        .ec-productRole .ec-productRole__profile {
          margin-left: 16px; }
        .ec-productRole .ec-productRole__title .ec-headingTitle {
          font-size: 32px; }
        .ec-productRole .ec-productRole__price {
          padding: 14px 0;
          border-bottom: 1px dotted #ccc; }
          .ec-productRole .ec-productRole__actions .ec-select select {
            min-width: 350px;
            max-width: 350px; }
        .ec-productRole .ec-productRole__btn {
          width: 60%;
          margin-bottom: 16px;
          min-width: 350px; }
        .ec-cartRole .ec-cartRole__totalText {
          margin-bottom: 30px;
          padding: 0; }
        .ec-cartRole .ec-cartRole__cart {
          margin: 0 10%; }
        .ec-cartRole .ec-cartRole__actions {
          width: 20%;
          margin-right: 10%; }
        .ec-cartRole .ec-cartRole__totalAmount {
          font-size: 24px; }
      .ec-cartTable {
        border-top: none; }
      .ec-cartHeader {
        display: table-row; }
        .ec-cartRow .ec-cartRow__delColumn {
          width: 8.3333333%; }
          .ec-cartRow .ec-cartRow__delColumn .ec-icon img {
            width: 1em;
            height: 1em; }
        .ec-cartRow .ec-cartRow__contentColumn {
          display: table-cell; }
        .ec-cartRow .ec-cartRow__img {
          display: inline-block;
          min-width: 80px;
          max-width: 100px;
          padding-right: 0; }
        .ec-cartRow .ec-cartRow__summary {
          display: inline-block;
          margin-left: 20px;
          vertical-align: middle; }
          .ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP {
            display: none; }
        .ec-cartRow .ec-cartRow__amountColumn {
          width: 16.66666667%; }
          .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
            display: block; }
          .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
            display: none; }
          .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
            display: block; }
        .ec-cartRow .ec-cartRow__subtotalColumn {
          display: table-cell; }
      .ec-orderRole {
        margin-top: 20px;
        flex-direction: row; }
        .ec-orderRole .ec-orderRole__detail {
          padding: 0 16px;
          width: 66.66666%; }
        .ec-orderRole .ec-orderRole__summary {
          width: 33.33333%;
          padding: 0 16px; }
          .ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
            display: none; }
        .ec-orderRole .ec-borderedList {
          border-top: none; }
      .ec-orderConfirm {
        margin-bottom: 0; }
      .ec-AddAddress {
        margin: 0 10%; }
          .ec-AddAddress .ec-AddAddress__selectAddress select {
            min-width: 350px; }
      .ec-historyRole .ec-historyRole__contents {
        flex-direction: row; }
      .ec-historyRole .ec-historyRole__header {
        width: 33.3333%; }
      .ec-historyRole .ec-historyRole__detail {
        width: 66.6666%;
        border-top: none; }
      .ec-historyListHeader .ec-historyListHeader__date {
        font-weight: bold;
        font-size: 20px; }
        .ec-historyListHeader .ec-historyListHeader__action a {
          font-size: 14px; }
        .ec-registerRole .ec-registerRole__actions {
          text-align: left; }
        .ec-customerRole .ec-blockBtn--action {
          margin-bottom: 16px; }
        .ec-userEditCompleteRole .ec-userEditCompleteRole__title {
          font-size: 32px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
      .ec-off1Grid {
        display: flex; }
      .ec-off1Grid .ec-off1Grid__cell {
        width: 83.33333%; }
      .ec-off2Grid .ec-off2Grid__cell {
        width: 66.66667%; }
      .ec-off3Grid .ec-off3Grid__cell {
        width: 50%; }
      .ec-off4Grid .ec-off4Grid__cell {
        width: 33.33333%; } }
  /*# sourceMappingURL=style.css.map */