@charset "UTF-8";
/*ヘッダーベース*/
#top-header h1,
#top-header h2,
#top-header h3,
#top-header h4,
#top-header p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  color: #515151;
  letter-spacing: 0.1em;
}
#top-header ul,
#top-header ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#top-header input,
#top-header button,
#top-header textarea,
#top-header select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#top-header .fs-preview-header {
  display: none;
}
#top-header .fs-l-sideArea {
  display: none;
}
#top-header .fs-l-sideArea + .fs-l-pageMain {
  max-width: 100%;
}
#top-header .fs-l-main {
  padding: 0;
  margin: 0;
  display: block;
  max-width: 100%;
}
#top-header .trans {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#top-header .trans:hover {
  opacity: 0.7;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#top-header .wrap {
  max-width: 940px;
  width: 100%;
  padding: 0 15px;
  margin: auto;
}
#top-header img {
  max-width: 100%;
  height: auto;
  display: block;
}
#top-header .pcv {
  display: block;
}
#top-header .spv {
  display: none;
}

@media (min-width: 1px) and (max-width: 1200px) {
  #top-header .trans:hover {
    opacity: 1;
  }
}
@media (min-width: 1px) and (max-width: 600px) {
  #top-header .pcv {
    display: none;
  }
  #top-header .spv {
    display: block;
  }
}
/*ヘッダー*/
#top-header {
  background-color: #fff;
  overflow: hidden;
  /*position:relative;
  z-index:1000;*/
}
@media (min-width: 1px) and (max-width: 1200px) {
  #top-header {
    position:relative;
    z-index:1000;
  }
}
#top-header .header-txt {
  background-color: #009b43;
  color: #fff;
  text-align: center;
  font-size: 14px;
  color: #fff;
  padding: 10px 0;
}
#top-header .header-txt img {
  display: inline-block;
  max-width: 68px;
  width: 100%;
  vertical-align: -2px;
  margin: 0 3px;
}
#top-header .header-lft {
  max-width: 383px;
  width: 100%;
  position: relative;
  margin-top: -15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#top-header .header-logo-rig {
  max-width: 206px;
  width: 100%;
  margin-left: 15px;
}
#top-header .header-logo-rig a {
  display: block;
}
#top-header .header-lft-icon {
  max-width: 48px;
  width: 100%;
  position: absolute;
  top: 4px;
  right: 10px;
}
#top-header .header-logo-01 {
  max-width: 160px;
  width: 100%;
}
#top-header .header-logo-02 {
  max-width: 206px;
  width: 100%;
  margin-bottom: 23px;
}
#top-header .header-logo-lft {
  display: block;
  max-width: 160px;
  width: 100%;
  position: absolute;
  top: -5px;
  left: -162px;
  z-index: 10;
}
#top-header .header-logo-lft a {
  display: block;
}
#top-header .header-rig {
  margin-left: 4.7%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70.3%;
          flex: 0 0 70.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
#top-header .header-wrap {
  max-width: 1100px;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#top-header .header-rig-top {
  height: 53px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 17px;
}
#top-header .header-rig-botom {
  padding-top: 15px;
  width: 100%;
}
#top-header .headr-rig-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 10;
}
#top-header .headr-rig-icon-item {
  display: block;
}
#top-header .headr-rig-icon-item:first-child {
  margin-right: 19px;
  margin-left: 35px;
  width: 29px;
  position: relative;
}
#top-header .headr-rig-icon-item-mypage {
  width: 45px;
}
#top-header .headr-rig-icon-item-cart-count {
  background: #fcdb5c;
  border-radius: 1em;
  color: #000;
  display: none;
  font-size: 1rem;
  line-height: 1;
  padding: 0.25em 0.4em;
  position: absolute;
  top: -8px;
  right: -8px;
  border: 1px solid #000;
  display: block;
  font-weight: bold;
}
#top-header .headr-rig-icon-item:first-child img {
  max-width: 29px;
  width: 100%;
}
#top-header .headr-rig-icon-item:last-child img {
  max-width: 45px;
  width: 100%;
}
#top-header .header-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 500px;
  width: 100%;
  background-color: #009b43;
  border-radius: 100px;
  padding: 3px 3px;
}
#top-header .header-search-txt {
  display: block;
  max-width: 452px;
  width: 100%;
  border-radius: 100px;
  background-color: #fff;
  border: none;
  padding: 5px 0;
  font-size: 13px;
  text-indent: 15px;
}
#top-header .header-search-btn {
  display: block;
  max-width: 27px;
  width: 100%;
  background-color: #009b43;
  margin-right: 5px;
}
#top-header .header-nav-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-image: url(https://eyeup.itembox.design/item/common/img/top/header/navi-border.png);
  background-repeat: no-repeat;
  background-size: 3px 58px;
  background-position: left top;
}
#top-header .header-nav-list .header-nav-list-li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66%;
          flex: 0 0 16.66%;
  background-image: url(https://eyeup.itembox.design/item/common/img/top/header/navi-border.png);
  background-repeat: no-repeat;
  background-size: 3px 58px;
  background-position: right top;
  padding-bottom: 20px;
}
#top-header .header-nav-list .header-nav-list-li:last-child {
  position: relative;
  z-index: 10;
}
#top-header .header-nav-list .header-nav-list-li .header-navi-list-a img {
  -webkit-transition: 1s all;
  -o-transition: 1s all;
  transition: 1s all;
}
#top-header .header-nav-list .header-nav-list-li:hover .header-navi-list-a img {
  -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: 1s all;
  -o-transition: 1s all;
  transition: 1s all;
}
#top-header .header-nav-list .header-navi-list-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 58px;
  color: #623700;
}
#top-header .navi01,
#top-header .navi02,
#top-header .navi03,
#top-header .navi04 {
  margin: auto;
}
#top-header .navi01 {
  max-width: 102px;
  width: 100%;
}
#top-header .navi02 {
  max-width: 126px;
  width: 100%;
}
#top-header .navi03 {
  max-width: 71px;
  width: 100%;
}
#top-header .navi04 {
  max-width: 131px;
  width: 100%;
}
#top-header .header-rig-icon-position {
  max-width: 1300px;
  margin: auto;
  position: relative;
}
#top-header .header-rig-icon {
  position: absolute;
  right: -150px;
  top: 10px;
  max-width: 276px;
  width: 100%;
  display: block;
}
#top-header .header-spv {
  display: none;
}
#top-header .headerlink-spv {
  display: none;
}

@media (min-width: 1px) and (max-width: 1200px) {
  #top-header {
    height: 160px;
    /*アコーディオン全体*/
    /*アコーディオンタイトル*/
    /*アイコンの＋と×*/
    /*　closeというクラスがついたら形状変化　*/
    /*アコーディオンで現れるエリア*/
  }
  #top-header .header-rig-icon {
    display: none;
  }
  #top-header .header-lft-icon {
    display: none;
  }
  #top-header .header-txt {
    font-size: 12px;
    position: fixed;
    width: 100%;
    z-index: 1000000;
  }
  #top-header .header-txt img {
    max-width: 60px;
  }
  #top-header .header-logo-01 {
    max-width: 58px;
    width: 100%;
  }
  #top-header .header-logo-02 {
    margin-bottom: 0;
  }
  #top-header .header-logo-lft {
    position: unset;
    max-width: 58px;
  }
  #top-header .header-logo-02 {
    max-width: 106px;
  }
  #top-header .header-logo-lft {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #top-header .header-logo-rig {
    padding-bottom: 2px;
    margin-left: 7px;
  }
  #top-header .header-lft {
    max-width: 171px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    position: relative;
    z-index: 10000000;
    margin-top: -5px;
    position: fixed;
    top: 38px;
  }
  #top-header .header-rig {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-left: 0;
    margin-top: 90px;
  }
  #top-header .header-wrap {
    max-width: 100%;
    width: 100%;
    padding: 0 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #top-header .header-nav-list .header-nav-list-li:hover .header-navi-list-a img {
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  #top-header .header-rig-top {
    height: 109px;
    margin-top: -46px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap-reverse;
            flex-flow: row wrap-reverse;
  }
  #top-header .header-search {
    height: 46px;
    max-width: 100%;
    margin-top: 5px;
  }
  #top-header .header-search-txt {
    padding: 10px 0;
  }
  #top-header .headr-rig-icon {
    height: 41px;
    margin-left: auto;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 10px;
    position: fixed;
    top: 38px;
    right: 0px;
    padding-top: 20px;
    padding-right: 15px;
    height: 60px;
    background-color: #fff;
    z-index: 1000000;
  }
  #top-header .header-search-txt {
    max-width: 100%;
    margin-right: 5px;
  }
  #top-header .headr-rig-icon-item {
    width: 31px;
    margin-right: 20px;
  }
  #top-header .menubar {
    content: "";
    width: 25px;
    height: 30px;
    background-image: url(https://eyeup.itembox.design/item/common/img/top/header/menubar_02.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  #top-header .menubar.active {
    width: 25px;
    height: 30px;
    content: "";
    background-image: url(https://eyeup.itembox.design/item/common/img/top/header/close_02.svg);
  }
  #top-header .header-rig-botom {
    display: none;
    position: fixed;
    top: 98px;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #fff;
    padding-top: 0;
    overflow-y: scroll;
    height: auto;
  }
  #top-header .header-rig-bottom-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #top-header .header-nav-list {
    display: block;
    background-image: none;
  }
  #top-header .header-nav-list .header-nav-list-li:first-child {
    border-top: 1px solid #c5b097;
    border-left: none;
  }
  #top-header .header-nav-list .header-nav-list-li {
    border-bottom: 1px solid #c5b097;
    border-right: none;
    background-image: none;
    padding-bottom: 0;
  }
  #top-header .navi01 {
    max-width: 208px;
    margin-left: 0;
  }
  #top-header .navi02 {
    max-width: 281px;
    margin-left: 0;
  }
  #top-header .navi03 {
    max-width: 135px;
    margin-left: 0;
  }
  #top-header .navi04 {
    max-width: 229px;
    margin-left: 0;
  }
  #top-header .header-navi-list-a {
    height: auto;
    background-image: url(https://eyeup.itembox.design/item/common/img/top/header/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 29px center;
    background-size: 5px 9px;
  }
  #top-header .header-navi-list-a img {
    margin-left: 10px;
  }
  #top-header .header-nav-list-li-product .header-navi-list-a {
    background-image: url(https://eyeup.itembox.design/item/common/img/top/header/plus.svg);
    background-repeat: no-repeat;
    background-position: right 28px center;
    background-size: 8px 9px;
  }
  #top-header .header-nav-list-li-product .header-navi-list-a.active {
    background-image: url(https://eyeup.itembox.design/item/common/img/top/header/minus.svg);
    background-size: 6px 3px;
    background-position: right 28px center;
  }
  #top-header .header-nav-list-li-character .header-navi-list-a {
    background-image: url(https://eyeup.itembox.design/item/common/img/top/header/plus.svg);
    background-repeat: no-repeat;
    background-position: right 28px center;
    background-size: 8px 9px;
  }
  #top-header .header-nav-list-li-character .header-navi-list-a.active {
    background-image: url(https://eyeup.itembox.design/item/common/img/top/header/minus.svg);
    background-size: 6px 3px;
    background-position: right 28px center;
  }
  #top-header .header-pcv {
    display: none;
  }
  #top-header .header-spv {
    display: block;
  }
  #top-header .header-navi-list-a02 {
    background-image: url(https://eyeup.itembox.design/item/common/img/top/header/arrow.svg), url(https://eyeup.itembox.design/item/common/img/top/contents/texture.jpg);
    background-size: 8px 9px, 13px 12px;
    background-repeat: no-repeat, repeat;
    background-position: right 28px center, top;
    padding-left: 10px;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 58px;
    color: #623700;
  }
  #top-header .headerlink-spv {
    display: block;
  }
  #top-header .accordion-area {
    list-style: none;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
  }
  #top-header .accordion-area li {
    margin: 10px 0;
  }
  #top-header .title {
    position: relative;
    /*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size: 1rem;
    font-weight: normal;
    padding: 0% 0% 2%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 0 20px;
    border-bottom: 1px solid #a0589d;
  }
  #top-header .title::before,
#top-header .title::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 1px;
    background-color: #333;
  }
  #top-header .title::before {
    top: 48%;
    right: 10px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #top-header .title::after {
    top: 48%;
    right: 10px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  #top-header .title.close::before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  #top-header .title.close::after {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  #top-header .box {
    display: none;
    /*はじめは非表示*/
    margin: 0 20px;
  }
  #top-header .box p {
    height: auto;
    background-image: url(https://eyeup.itembox.design/item/common/img/top/header/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 5px 9px;
    font-size: 12px;
    padding: 15px 0 15px 10px;
    border-bottom: 1px dotted #a0589d;
  }
}
@media (min-width: 1px) and (max-width: 1100px) {
  #top-header .header-rig-bottom-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 98%;
    margin: 0 auto;
    padding: 10px 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #top-header .header-rig-bottom-flex .bottom-flex-left {
    font-size: 12px;
    padding-left: 10px;
    text-decoration: underline;
    -webkit-text-decoration-color: #009b43;
            text-decoration-color: #009b43;
  }
  #top-header .header-rig-bottom-flex .bottom-flex-center {
    margin-right: 30px;
    padding-right: 30px;
  }
  #top-header .header-rig-bottom-flex .bottom-flex-center .log {
    background-color: #009b43;
    color: #fff;
    width: 240px;
    text-align: center;
    padding: 10px 0;
  }
  #top-header .header-rig-bottom-flex .bottom-flex-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36%;
            flex: 0 0 36%;
  }
}
@media (min-width: 1px) and (max-width: 1000px) {
  #top-header .bottom-flex-left {
    padding-right: 30px;
  }
  #top-header .bottom-flex-center {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26%;
            flex: 0 0 26%;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  #top-header .header-rig-botom {
    width: 100%;
  }
  #top-header .menubar.active {
    left: 74px;
    background-size: 25px 25px;
  }
  #top-header .header-rig-bottom-flex .bottom-flex-center .log {
    width: 180px;
    padding-top: 5px;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  #top-header .header-rig-bottom-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  #top-header .header-rig-bottom-flex .bottom-flex-left {
    text-align: center;
    padding-right: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  #top-header .header-rig-bottom-flex .bottom-flex-center {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    padding-right: 0;
    margin-right: 0;
    margin: 15px auto;
    border-right: none;
  }
  #top-header .header-rig-bottom-flex .bottom-flex-center .log {
    width: 100%;
  }
  #top-header .header-rig-bottom-flex .bottom-flex-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    margin: 0 auto;
  }
}
@media (min-width: 1px) and (max-width: 350px) {
  #top-header .header-txt {
    font-size: 11px;
  }
  #top-header .header-nav-list-li-product .header-navi-list-a {
    background-position: right 15px center;
  }
  #top-header .header-nav-list-li-character .header-navi-list-a {
    background-position: right 15px center;
  }
  #top-header .header-navi-list-a {
    background-position: right 19px center;
  }
  #top-header .headr-rig-icon-item {
    margin-right: 10px;
  }
}
/*メガメニュー*/
#top-header .megamenu-01 {
  /*max-width: 1500px;*/
  max-width: 2000px;
  width: 100%;
  margin: auto;
  position: absolute;
  top: 187px;
  left: 0;
  right: 0;
  z-index: 110;
  display: none;
}
#top-header .megamenu-01 .megamenu-01-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#top-header .megamenu-01 .megamenu-01-flex-item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
#top-header .megamenu-01 .megamenu-01-flex-item-01 {
  border-top: 5px solid #d8e380;
  background-image: url(https://eyeup.itembox.design/item/common/img/top/header/megamenu/bg-01.jpg);
  background-size: 32px;
}
#top-header .megamenu-01 .megamenu-01-flex-item-02 {
  border-top: 5px solid #fbd6a0;
  background-image: url(https://eyeup.itembox.design/item/common/img/top/header/megamenu/bg-02.jpg);
  background-size: 32px;
}
#top-header .megamenu-01 .megamenu-01-flex-item-03 {
  border-top: 5px solid #f9dbe8;
  background-image: url(https://eyeup.itembox.design/item/common/img/top/header/megamenu/bg-03.jpg);
  background-size: 32px;
}
#top-header .megamenu-01 .megamenu-01-flex-item-04 {
  border-top: 5px solid #c4e5f7;
  background-image: url(https://eyeup.itembox.design/item/common/img/top/header/megamenu/bg-06.jpg);
  background-size: 32px;
}
#top-header .megamenu-01 .megamenu-01-flex-item-product {
  max-width: 300px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  padding-top: 30px;
  padding-bottom: 70px;
}
#top-header .megamenu-01 .megamenu-01-flex-item-04 .megamenu-01-flex-item-product {
  max-width: 330px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  padding-top: 30px;
  padding-bottom: 70px;
}
#top-header .megamenu-01 .megamenu-01-flex-product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  position: relative;
}
#top-header .megamenu-01 .megamenu-01-flex-item-yane {
  position: relative;
}
#top-header .megamenu-01 .megamenu-01-flex-item-yane-btn {
  display: block;
  max-width: 160px;
  width: 100%;
  height: 39px;
  position: absolute;
  top: -15px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#top-header .megamenu-01 .megamenu-01-flex-product-item-wrap {
  display: block;
  margin-bottom: 20px;
}
#top-header .megamenu-01 .omotya-01 a {
  max-width: 82px;
  width: 100%;
}
#top-header .megamenu-01 .omotya-02 a {
  max-width: 104px;
  width: 100%;
}
#top-header .megamenu-01 .omotya-03 a {
  max-width: 140px;
  width: 100%;
}
#top-header .megamenu-01 .zakka-01 a {
  max-width: 140px;
  width: 100%;
}
#top-header .megamenu-01 .zakka-02 a {
  max-width: 140px;
  width: 100%;
}
#top-header .megamenu-01 .zakka-03 a {
  max-width: 130px;
  width: 100%;
}
#top-header .megamenu-01 .zakka-04 a {
  max-width: 135px;
  width: 100%;
}
#top-header .megamenu-01 .zakka-05 a {
  max-width: 135px;
  width: 100%;
}
#top-header .megamenu-01 .pouch-01 a {
  max-width: 121px;
  width: 100%;
}
#top-header .megamenu-01 .pouch-02 a {
  max-width: 121px;
  width: 100%;
}
#top-header .megamenu-01 .pouch-03 a {
  max-width: 78px;
  width: 100%;
}
#top-header .megamenu-01 .pouch-04 a {
  max-width: 114px;
  width: 100%;
}
#top-header .megamenu-01 .pouch-05 a {
  max-width: 125px;
  width: 100%;
  position: relative;
  top: -10px;
}
#top-header .megamenu-01 .limited-01 a {
  max-width: 107px;
  width: 100%;
}
#top-header .megamenu-01 .limited-02 a {
  max-width: 107px;
  width: 100%;
}
#top-header .megamenu-01 .limited-03 a {
  max-width: 130px;
  width: 100%;
}
#top-header .megamenu-01 .limited-04 a {
  max-width: 130px;
  width: 100%;
}
#top-header .megamenu-01 .limited-05 a {
  max-width: 165px;
  width: 100%;
}
#top-header .megamenu-01 .limited-06 a {
  max-width: 165px;
  width: 100%;
}
#top-header .megamenu-01 .limited-07 a {
  max-width: 130px;
  width: 100%;
}
#top-header .megamenu-01 .limited-08 a {
  max-width: 130px;
  width: 100%;
}
#top-header .megamenu-01 .megamenu-01-flex-item-link a {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#top-header .megamenu-01 .megamenu-close {
  cursor: pointer;
  position: absolute;
  top: -67px;
  right: 20px;
  top: 10;
  max-width: 60px;
  width: 100%;
}

#top-header .megamenu-02 {
  max-width: 1500px;
  width: 100%;
  margin: auto;
  position: absolute;
  top: 187px;
  left: 0;
  right: 0;
  z-index: 100;
  display: none;
}
#top-header .megamenu-02 .megamenu-02-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#top-header .megamenu-02 .megamenu-02-flex-item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
#top-header .megamenu-02 .megamenu-02-flex-item-01 {
  background-image: url(https://eyeup.itembox.design/item/common/img/top/header/megamenu/bg-04.jpg);
  background-size: 32px;
}
#top-header .megamenu-02 .megamenu-02-flex-item-02 {
  background-image: url(https://eyeup.itembox.design/item/common/img/top/header/megamenu/bg-05.jpg);
  background-size: 32px;
}
#top-header .megamenu-02 .megamenu-02-flex-item-03 {
  background-image: url(https://eyeup.itembox.design/item/common/img/top/header/megamenu/bg-03.jpg);
  background-size: 32px;
}
#top-header .megamenu-02 .megamenu-02-flex-item-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}
#top-header .megamenu-02 .megamenu-02-flex-product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  position: relative;
}
#top-header .megamenu-02 .megamenu-02-flex-item-yane {
  position: relative;
}
#top-header .megamenu-02 .megamenu-02-flex-item-yane-btn {
  display: block;
  max-width: 240px;
  width: 100%;
  height: 60px;
  position: absolute;
  top: -15px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#top-header .megamenu-02 .megamenu-02-flex-product-item-wrap {
  display: block;
  padding-bottom: 130px;
}
#top-header .megamenu-02 .megamenu-02-flex-item-01 .megamenu-02-flex-product-item-wrap {
  max-width: 147px;
  width: 100%;
  padding-top: 70px;
}
#top-header .megamenu-02 .megamenu-02-flex-item-02 .megamenu-02-flex-product-item-wrap {
  max-width: 200px;
  width: 100%;
  padding-top: 36px;
}
#top-header .megamenu-02 .megamenu-02-flex-item-link a {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#top-header .megamenu-02 .megamenu-02-flex-item-01 {
  border-top: 5px solid #dabeda;
}
#top-header .megamenu-02 .megamenu-02-flex-item-02 {
  border-top: 5px solid #f7c6bd;
}
#top-header .megamenu-02 .megamenu-close {
  cursor: pointer;
  position: absolute;
  top: -67px;
  right: 20px;
  top: 10;
  max-width: 60px;
  width: 100%;
}

@media (min-width: 1px) and (max-width: 1200px) {
  #top-header .megamenu-01 {
    display: none;
    position: relative;
    top: 0;
    left: 0;
  }
  #top-header .megamenu-01 .megamenu-close {
    display: none;
  }
  #top-header .megamenu-01 .megamenu-01-flex {
    display: block;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-product {
    min-height: 0;
    max-width: 100%;
    width: 100%;
    display: block;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 0;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-04 .megamenu-01-flex-item-product {
    min-height: 0;
    max-width: 100% !important;
    width: 100% !important;
    display: block;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 0;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-yane img {
    width: 100%;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-yane-btn {
    max-width: 104px;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-link a {
    position: relative;
  }
  #top-header .megamenu-01 .megamenu-01-flex-product-item {
    display: block;
    margin: 0 20px;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-04 .megamenu-01-flex-product-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 85%;
          flex: 0 0 85%;
  position: relative;
}
  #top-header .megamenu-01 .megamenu-01-flex-item-01 {
    background-image: none;
    background-color: #e2ebae;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-01 .megamenu-01-flex-product-item-wrap {
    border-bottom: 1px solid #8cc34a;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-02 {
    background-image: none;
    background-color: #fbd6a0;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-02 .megamenu-01-flex-product-item-wrap {
    border-bottom: 1px solid #ee8000;
    margin: 0 auto;
    max-width: 95%;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-03 {
    background-image: none;
    background-color: #f9dbe8;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-03 .megamenu-01-flex-product-item-wrap {
    border-bottom: 1px solid #ed83b1;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-04 {
    background-image: none;
    background-color: #c4e5f7;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-04 .megamenu-01-flex-product-item-wrap {
    border-bottom: 1px solid #aadbf5;
  }
  #top-header .megamenu-01 .megamenu-01-flex-product-item:last-child .megamenu-01-flex-product-item-wrap {
    margin-bottom: 20px;
  }
  #top-header .megamenu-01 .megamenu-01-flex-product-item-wrap {
    margin-left: 0;
    width: 100%;
    padding: 10px 0;
    background-image: url(https://eyeup.itembox.design/item/common/img/top/header/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 5px 9px;
    margin-bottom: 0;
  }
  #top-header .megamenu-01 .megamenu-01-flex-item-link {
    max-width: 330px;
    margin: auto;
    padding-bottom: 20px;
  }
  #top-header .megamenu-01 .omotya-01 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .omotya-02 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .omotya-03 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .zakka-01 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .zakka-02 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .zakka-03 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .zakka-04 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .pouch-01 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .pouch-02 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .pouch-03 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .pouch-04 a {
    max-width: 100%;
    top: 0;
  }
  #top-header .megamenu-01 .pouch-05 a {
  padding-top:10px;
    max-width: 100%;
    top: 0;
  }
  #top-header .megamenu-01 .limited-01 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .limited-02 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .limited-03 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .limited-04 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .limited-05 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .limited-06 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .limited-07 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .limited-08 a {
    max-width: 100%;
  }
  #top-header .megamenu-01 .omotya-01 a img {
    max-width: 214px;
    width: 100%;
    margin-left: 8px;
  }
  #top-header .megamenu-01 .omotya-02 a img {
    margin-left: 5px;
    max-width: 103px;
    width: 100%;
  }
  #top-header .megamenu-01 .omotya-03 a img {
    max-width: 123px;
    width: 100%;
  }
  #top-header .megamenu-01 .zakka-01 a img {
    max-width: 181px;
    width: 100%;
  }
  #top-header .megamenu-01 .zakka-02 a img {
    max-width: 138px;
    width: 100%;
  }
  #top-header .megamenu-01 .zakka-03 a img {
    max-width: 164px;
    width: 100%;
  }
  #top-header .megamenu-01 .zakka-04 a img {
    max-width: 168px;
    width: 100%;
  }
  #top-header .megamenu-01 .zakka-05 a img {
    max-width: 168px;
    width: 100%;
  }
  #top-header .megamenu-01 .pouch-01 a img {
    max-width: 120px;
    width: 100%;
  }
  #top-header .megamenu-01 .pouch-02 a img {
    max-width: 120px;
    width: 100%;
  }
  #top-header .megamenu-01 .pouch-03 a img {
    margin-left: 11px;
    max-width: 125px;
    width: 100%;
  }
  #top-header .megamenu-01 .pouch-04 a img {
    max-width: 149px;
    width: 100%;
  }
  #top-header .megamenu-01 .pouch-05 a img {
    margin-left: 2px;
    max-width: 89.5px;
    width: 100%;
  }
  #top-header .megamenu-01 .limited-01 a img {
    max-width: 172px;
    width: 100%;
  }
  #top-header .megamenu-01 .limited-02 a img {
    max-width: 172px;
    width: 100%;
  }
  #top-header .megamenu-01 .limited-03 a img {
    max-width: 172px;
    width: 100%;
  }
  #top-header .megamenu-01 .limited-04 a img {
    max-width: 172px;
    width: 100%;
  }
  #top-header .megamenu-01 .limited-05 a img {
    max-width: 172px;
    width: 100%;
  }
  #top-header .megamenu-01 .limited-06 a img {
    max-width: 172px;
    width: 100%;
  }
  #top-header .megamenu-01 .limited-07 a img {
    max-width: 225px;
    width: 100%;
  }
  #top-header .megamenu-01 .limited-08 a img {
    max-width: 225px;
    width: 100%;
  }
  #top-header .megamenu-02 {
    display: none;
    position: relative;
    top: 0;
    left: 0;
  }
  #top-header .megamenu-02 .megamenu-close {
    display: none;
  }
  #top-header .megamenu-02 .megamenu-02-flex {
    display: block;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-product {
    min-height: 0;
    max-width: 100%;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-yane img {
    width: 100%;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-yane-btn {
    max-width: 162px;
    height: 38px;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-link a {
    position: relative;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-product {
    display: block;
    margin-bottom: 0;
  }
  #top-header .megamenu-02 .megamenu-02-flex-product-item {
    display: block;
    margin: 0 20px;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-01 {
    background-image: none;
    background-color: #dabeda;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-01 .megamenu-02-flex-product-item-wrap {
    border-bottom: 1px solid #a0589d;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-02 {
    background-image: none;
    background-color: #fbd6a0;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-02 .megamenu-02-flex-product-item-wrap {
    border-bottom: 1px solid #ff6d3f;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-03 {
    background-image: none;
    background-color: #f9dbe8;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-03 .megamenu-02-flex-product-item-wrap {
    border-bottom: 1px solid #ed83b1;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-01 .megamenu-02-flex-product-item-wrap {
    max-width: 100%;
    width: 100%;
    padding-top: 0;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-02 .megamenu-02-flex-product-item-wrap {
    max-width: 100%;
    width: 100%;
  }
  #top-header .megamenu-02 .megamenu-02-flex-product-item-wrap {
    margin-left: 0;
    width: 100%;
    padding: 0 0 10px;
    background-image: url(https://eyeup.itembox.design/item/common/img/top/header/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 5px 9px;
    margin-bottom: 0;
  }
  #top-header .megamenu-02 .megamenu-02-flex-product-item:last-child .megamenu-01-flex-product-item-wrap {
    margin-bottom: 20px;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-link {
    display: none;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-01 .megamenu-02-flex-item-product img {
    max-width: 170px;
    width: 100%;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-02 .megamenu-02-flex-item-product img {
    max-width: 175px;
    width: 100%;
  }
  #top-header .megamenu-02 .header-spv {
    display: block;
  }
}
@media (min-width: 1px) and (max-width: 1200px) {
  #top-header .header-rig-botom.menu_box {
    right: 0%;
    display: block;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  #top-header .megamenu-01 .megamenu-01-flex-item-02 .megamenu-01-flex-product-item-wrap {
    max-width: 88%;
  }
  #top-header .megamenu-02 .header-pcv {
    display: none;
  }
  #top-header .megamenu-02 .megamenu-02-flex-item-01 .megamenu-02-flex-product-item-wrap {
    padding: 0;
  }
  #top-header .header-rig-botom.menu_box {
    right: 0%;
    display: block;
  }
}
@media (min-width: 1px) and (max-width: 319px) {
  #top-header .navi01 {
    max-width: 168px;
  }
  #top-header .navi02 {
    max-width: 241px;
  }
  #top-header .navi03 {
    max-width: 95px;
  }
  #top-header .navi04 {
    max-width: 189px;
  }
  #top-header .header-txt {
    font-size: 10px;
  }
  #top-header .header-lft {
    max-width: 130px;
  }
  #top-header .header-logo-lft {
    max-width: 50px;
  }
  #top-header .header-logo-01 {
    min-height: 50px;
  }
  #top-header .headr-rig-icon-item:first-child {
    margin-right: 12px;
  }
  #top-header .header-nav-list-li-product .header-navi-list-a.active {
    background-position: right 15px center;
  }
  #top-header .header-nav-list-li-character .header-navi-list-a.active {
    background-position: right 15px center;
  }
}

    .header-navi-list-a {
      flex-flow: row wrap;
      transition: 1s all;
    }
    .header-navi-list-a:hover {
      text-decoration: none;
      transform: scale(1.1);
      transition: 1s all;
    }
    .header-navi-list-a p {
      flex: 0 0 100%;
      text-align: center;
      line-height: 1.2 !important;
      letter-spacing: -0.05em !important;
    }
    .header-navi-list-a .title_eng {
      font-family: 'Hammersmith One', sans-serif;
      font-size: 18px;
      font-weight: 600;
      color: #009b43 !important;
      margin-top: 5px !important;
    }
    .header-navi-list-a .title_text {
      font-size: 12px;
      margin-bottom: 5px !important;
    }