@media print, (min-width: 768px) {
.forSp {
    display: none !important;
}
}

@media only screen and (max-width: 767px) {
.forPc {
    display: none !important;
}
}
 @-webkit-keyframes fade-out {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @keyframes fade-out {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @-webkit-keyframes fade-in {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @keyframes fade-in {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
.icon-account, .icon-add, .icon-alert, .icon-anime, .icon-arrive, .icon-arrow, .icon-arrow-double, .icon-arrow-double-gray, .icon-arrow-gray, .icon-arrow-red, .icon-arrow-s, .icon-arrow-s-gray, .icon-arrow-s-yellow, .icon-beginner, .icon-blank, .icon-blank-white, .icon-box, .icon-calendar, .icon-cart, .icon-check, .icon-checkbox, .icon-checkbox-disabled, .icon-checkbox-on, .icon-clear, .icon-close, .icon-coupon, .icon-delete, .icon-delivery-completed, .icon-discount, .icon-display_eye_close, .icon-display_eye_open, .icon-drama, .icon-favorite, .icon-favorite-blue, .icon-favorite-on, .icon-gps, .icon-grid, .icon-grid-gray, .icon-help, .icon-help-gray, .icon-history, .icon-info, .icon-list, .icon-list-gray, .icon-lock, .icon-mail, .icon-menu, .icon-minus, .icon-minus-gray, .icon-movie, .icon-myreview, .icon-payment, .icon-pin, .icon-plus, .icon-plus-gray, .icon-point, .icon-point-calender, .icon-radiobtn, .icon-radiobtn-disabled, .icon-radiobtn-on, .icon-ranking-01, .icon-ranking-02, .icon-ranking-03, .icon-refinement, .icon-reload, .icon-search, .icon-search-clear, .icon-search-gray, .icon-search-white, .icon-select-suggest, .icon-setting-mail, .icon-shipping_address, .icon-signup, .icon-sort, .icon-star_white_large, .icon-star_white_small, .icon-star_yellow_large, .icon-star_yellow_small, .icon-yomuyomu-kun {
    background: url("../images/sprite-icon-bg.svg") no-repeat;
}
.icon-account {
    background-position: 16.292537313432835% 0;
}
.icon-account-dims {
    width: 24px;
    height: 24px;
}
.icon-add {
    background-position: 75.99402985074626% 42.857142857142854%;
}
.icon-add-dims {
    width: 24px;
    height: 24px;
}
.icon-alert {
    margin: 0 5px 0 0;
    background-position: 0 14.285714285714286%;
}
.icon-alert-dims {
    width: 24px;
    height: 24px;
}
.icon-anime {
    background-position: 11.940298507462687% 14.285714285714286%;
}
.icon-anime-dims {
    width: 24px;
    height: 24px;
}
.icon-arrive {
    background-position: 28.232835820895524% 0;
}
.icon-arrive-dims {
    width: 24px;
    height: 24px;
}
.icon-arrow {
    background-position: 28.232835820895524% 14.285714285714286%;
}
.icon-arrow-dims {
    width: 24px;
    height: 24px;
}
.icon-arrow-double {
    background-position: 0 28.571428571428573%;
}
.icon-arrow-double-dims {
    width: 24px;
    height: 24px;
}
.icon-arrow-double-gray {
    background-position: 11.940298507462687% 28.571428571428573%;
}
.icon-arrow-double-gray-dims {
    width: 24px;
    height: 24px;
}
.icon-arrow-gray {
    background-position: 23.880597014925375% 28.571428571428573%;
}
.icon-arrow-gray-dims {
    width: 24px;
    height: 24px;
}
.icon-arrow-red {
    background-position: 40.1731343283582% 0;
}
.icon-arrow-red-dims {
    width: 24px;
    height: 24px;
}
.icon-arrow-s {
    background-position: 94.24788732394366% 91.11111111111111%;
}
.icon-arrow-s-dims {
    width: 12px;
    height: 12px;
}
.icon-arrow-s-gray {
    background-position: 94.24788732394366% 84.44444444444444%;
}
.icon-arrow-s-gray-dims {
    width: 12px;
    height: 12px;
}
.icon-arrow-s-yellow {
    background-position: 94.24788732394366% 97.77777777777777%;
}
.icon-arrow-s-yellow-dims {
    width: 12px;
    height: 12px;
}
.icon-beginner {
    background-position: 11.940298507462687% 42.857142857142854%;
}
.icon-beginner-dims {
    width: 24px;
    height: 24px;
}
.icon-blank {
    background-position: 94.24788732394366% 77.77777777777777%;
}
.icon-blank-dims {
    width: 12px;
    height: 12px;
}
.icon-blank-white {
    background-position: 99.88169014084507% 71.11111111111111%;
}
.icon-blank-white-dims {
    width: 12px;
    height: 12px;
}
.icon-box {
    background-position: 52.113432835820895% 0;
}
.icon-box-dims {
    width: 24px;
    height: 24px;
}
.icon-calendar {
    background-position: 52.113432835820895% 14.285714285714286%;
}
.icon-calendar-dims {
    width: 24px;
    height: 24px;
}
.icon-cart {
    background-position: 52.113432835820895% 28.571428571428573%;
}
.icon-cart-dims {
    width: 24px;
    height: 24px;
}
.icon-check {
    background-position: 52.113432835820895% 42.857142857142854%;
}
.icon-check-dims {
    width: 24px;
    height: 24px;
}
.icon-checkbox {
    background-position: 0 57.142857142857146%;
}
.icon-checkbox-dims {
    width: 24px;
    height: 24px;
}
.icon-checkbox-disabled {
    background-position: 11.940298507462687% 57.142857142857146%;
}
.icon-checkbox-disabled-dims {
    width: 24px;
    height: 24px;
}
.icon-checkbox-on {
    background-position: 23.880597014925375% 57.142857142857146%;
}
.icon-checkbox-on-dims {
    width: 24px;
    height: 24px;
}
.icon-clear {
    background-position: 35.82089552238806% 57.142857142857146%;
}
.icon-clear-dims {
    width: 24px;
    height: 24px;
}
.icon-close {
    background-position: 47.76119402985075% 57.142857142857146%;
}
.icon-close-dims {
    width: 24px;
    height: 24px;
}
.icon-coupon {
    background-position: 64.05373134328357% 0;
}
.icon-coupon-dims {
    width: 24px;
    height: 24px;
}
.icon-delete {
    background-position: 64.05373134328357% 14.285714285714286%;
}
.icon-delete-dims {
    width: 24px;
    height: 24px;
}
.icon-delivery-completed {
    background-position: 64.05373134328357% 28.571428571428573%;
}
.icon-delivery-completed-dims {
    width: 24px;
    height: 24px;
}
.icon-discount {
    background-position: 64.05373134328357% 42.857142857142854%;
}
.icon-discount-dims {
    width: 24px;
    height: 24px;
}
.icon-display_eye_close {
    background-position: 64.05373134328357% 57.142857142857146%;
}
.icon-display_eye_close-dims {
    width: 24px;
    height: 24px;
}
.icon-display_eye_open {
    background-position: 0 71.42857142857143%;
}
.icon-display_eye_open-dims {
    width: 24px;
    height: 24px;
}
.icon-drama {
    background-position: 11.940298507462687% 71.42857142857143%;
}
.icon-drama-dims {
    width: 24px;
    height: 24px;
}
.icon-favorite {
    background-position: 23.880597014925375% 71.42857142857143%;
}
.icon-favorite-dims {
    width: 24px;
    height: 24px;
}
.icon-favorite-blue {
    background-position: 35.82089552238806% 71.42857142857143%;
}
.icon-favorite-blue-dims {
    width: 24px;
    height: 24px;
}
.icon-favorite-on {
    background-position: 47.76119402985075% 71.42857142857143%;
}
.icon-favorite-on-dims {
    width: 24px;
    height: 24px;
}
.icon-gps {
    background-position: 59.701492537313435% 71.42857142857143%;
}
.icon-gps-dims {
    width: 24px;
    height: 24px;
}
.icon-grid {
    background-position: 75.99402985074626% 0;
}
.icon-grid-dims {
    width: 24px;
    height: 24px;
}
.icon-grid-gray {
    background-position: 75.99402985074626% 14.285714285714286%;
}
.icon-grid-gray-dims {
    width: 24px;
    height: 24px;
}
.icon-help {
    background-position: 75.99402985074626% 28.571428571428573%;
}
.icon-help-dims {
    width: 24px;
    height: 24px;
}
.icon-help-gray {
    background-position: 99.87462686567164% 42.857142857142854%;
}
.icon-help-gray-dims {
    width: 24px;
    height: 24px;
}
.icon-history {
    background-position: 75.99402985074626% 57.142857142857146%;
}
.icon-history-dims {
    width: 24px;
    height: 24px;
}
.icon-info {
    background-position: 75.99402985074626% 71.42857142857143%;
}
.icon-info-dims {
    width: 24px;
    height: 24px;
}
.icon-list {
    background-position: 0 85.71428571428571%;
}
.icon-list-dims {
    width: 24px;
    height: 24px;
}
.icon-list-gray {
    background-position: 11.940298507462687% 85.71428571428571%;
}
.icon-list-gray-dims {
    width: 24px;
    height: 24px;
}
.icon-lock {
    background-position: 23.880597014925375% 85.71428571428571%;
}
.icon-lock-dims {
    width: 24px;
    height: 24px;
}
.icon-mail {
    background-position: 35.82089552238806% 85.71428571428571%;
}
.icon-mail-dims {
    width: 24px;
    height: 24px;
}
.icon-menu {
    background-position: 47.76119402985075% 85.71428571428571%;
}
.icon-menu-dims {
    width: 24px;
    height: 24px;
}
.icon-minus {
    background-position: 94.24788732394366% 71.11111111111111%;
}
.icon-minus-dims {
    width: 12px;
    height: 12px;
}
.icon-minus-gray {
    background-position: 99.88169014084507% 91.11111111111111%;
}
.icon-minus-gray-dims {
    width: 12px;
    height: 12px;
}
.icon-movie {
    background-position: 87.93432835820896% 0;
}
.icon-movie-dims {
    width: 24px;
    height: 24px;
}
.icon-myreview {
    background-position: 87.93432835820896% 14.285714285714286%;
}
.icon-myreview-dims {
    width: 24px;
    height: 24px;
}
.icon-payment {
    background-position: 87.93432835820896% 28.571428571428573%;
}
.icon-payment-dims {
    width: 24px;
    height: 24px;
}
.icon-pin {
    background-position: 87.93432835820896% 42.857142857142854%;
}
.icon-pin-dims {
    width: 24px;
    height: 24px;
}
.icon-plus {
    background-position: 99.88169014084507% 77.77777777777777%;
}
.icon-plus-dims {
    width: 12px;
    height: 12px;
}
.icon-plus-gray {
    background-position: 99.88169014084507% 84.44444444444444%;
}
.icon-plus-gray-dims {
    width: 12px;
    height: 12px;
}
.icon-point {
    background-position: 87.93432835820896% 85.71428571428571%;
}
.icon-point-dims {
    width: 24px;
    height: 24px;
}
.icon-point-calender {
    background-position: 0 100%;
}
.icon-point-calender-dims {
    width: 24px;
    height: 24px;
}
.icon-radiobtn {
    background-position: 11.940298507462687% 100%;
}
.icon-radiobtn-dims {
    width: 24px;
    height: 24px;
}
.icon-radiobtn-disabled {
    background-position: 23.880597014925375% 100%;
}
.icon-radiobtn-disabled-dims {
    width: 24px;
    height: 24px;
}
.icon-radiobtn-on {
    background-position: 35.82089552238806% 100%;
}
.icon-radiobtn-on-dims {
    width: 24px;
    height: 24px;
}
.icon-ranking-01 {
    background-position: 47.76119402985075% 100%;
}
.icon-ranking-01-dims {
    width: 24px;
    height: 24px;
}
.icon-ranking-02 {
    background-position: 59.701492537313435% 100%;
}
.icon-ranking-02-dims {
    width: 24px;
    height: 24px;
}
.icon-ranking-03 {
    background-position: 71.64179104477611% 100%;
}
.icon-ranking-03-dims {
    width: 24px;
    height: 24px;
}
.icon-refinement {
    background-position: 83.58208955223881% 100%;
}
.icon-refinement-dims {
    width: 24px;
    height: 24px;
}
.icon-reload {
    background-position: 99.87462686567164% 0;
}
.icon-reload-dims {
    width: 24px;
    height: 24px;
}
.icon-search {
    background-position: 99.87462686567164% 14.285714285714286%;
}
.icon-search-dims {
    width: 24px;
    height: 24px;
}
.icon-search-clear {
    background-position: 99.87462686567164% 28.571428571428573%;
}
.icon-search-clear-dims {
    width: 24px;
    height: 24px;
}
.icon-search-gray {
    background-position: 87.93432835820896% 71.42857142857143%;
}
.icon-search-gray-dims {
    width: 24px;
    height: 24px;
}
.icon-search-white {
    background-position: 87.93432835820896% 57.142857142857146%;
}
.icon-search-white-dims {
    width: 24px;
    height: 24px;
}
.icon-select-suggest {
    background-position: 71.64179104477611% 85.71428571428571%;
}
.icon-select-suggest-dims {
    width: 24px;
    height: 24px;
}
.icon-setting-mail {
    background-position: 59.701492537313435% 85.71428571428571%;
}
.icon-setting-mail-dims {
    width: 24px;
    height: 24px;
}
.icon-shipping_address {
    background-position: 35.82089552238806% 42.857142857142854%;
}
.icon-shipping_address-dims {
    width: 24px;
    height: 24px;
}
.icon-signup {
    background-position: 23.880597014925375% 42.857142857142854%;
}
.icon-signup-dims {
    width: 24px;
    height: 24px;
}
.icon-sort {
    background-position: 0 42.857142857142854%;
}
.icon-sort-dims {
    width: 24px;
    height: 24px;
}
.icon-star_white_large {
    background-position: 40.1731343283582% 28.571428571428573%;
}
.icon-star_white_large-dims {
    width: 24px;
    height: 24px;
}
.icon-star_white_small {
    background-position: 96.05167464114832% 54.54545454545455%;
}
.icon-star_white_small-dims {
    width: 16px;
    height: 16px;
}
.icon-star_yellow_large {
    background-position: 40.1731343283582% 14.285714285714286%;
}
.icon-star_yellow_large-dims {
    width: 24px;
    height: 24px;
}
.icon-star_yellow_small {
    background-position: 96.05167464114832% 63.63636363636363%;
}
.icon-star_yellow_small-dims {
    width: 16px;
    height: 16px;
}
.icon-yomuyomu-kun {
    background-position: 0 0;
}
.icon-yomuyomu-kun-dims {
    width: 32.748px;
    height: 24px;
}
.header {
    position: relative;
    z-index: 100;
}

@media print, (min-width: 768px) {
.header {
    height: 143px;
}
}

@media only screen and (max-width: 767px) {
.header {
    height: 119px;
}
}

@media only screen and (max-width: 767px) {
.header.-openHistory, .header.-openSuggest {
    position: relative;
}
.header.-openHistory:before, .header.-openSuggest:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120vh;
    background: #fff;
    z-index: -1;
}
}

@media only screen and (max-width: 767px) {
.header.-openHistory .header__wrap,  .header.-openSuggest .header__wrap,  .header.-openHistory .header__search,  .header.-openSuggest .header__search {
    margin-top: 0 !important;
}
}

@media only screen and (max-width: 767px) {
.header.-openHistory .header__inner,  .header.-openSuggest .header__inner {
    overflow: inherit !important;
}
}

@media print, (min-width: 768px) {
.header a {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}
.header a:hover {
    opacity: .65;
}
}
.header__wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-top: 0px solid #ff4a87;
    border-bottom: 0px solid #EBEBEB;
    background: #ffffff;
    -webkit-transition: margin .4s ease;
    transition: margin .4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media print, (min-width: 768px) {
.header__wrap {
    min-width: 1280px;
    margin: 0 auto;
}
}

@media only screen and (max-width: 767px) {
.header__wrap {
    border-top: 0px solid #ff4a87;
}
}

@media only screen and (max-width: 767px) {
.header__wrap.-hide {
    margin-top: -48px;
}
}

@media print, (min-width: 768px) {
.header__wrap.-hideAll {
    margin-top: -95px;
}
}

@media only screen and (max-width: 767px) {
.header__wrap.-hideAll {
    margin-top: -59px;
}
}
.header__inner {
    position: relative;
    margin: 0 auto;
    color: #333333;
}

@media print, (min-width: 768px) {
.header__inner {
/*
    max-width: 1368px;
    padding: 0 84px;
*/
}
.header__inner .header__naviTop{
    max-width: 1368px;
    padding: 0 84px;
	margin: auto;
}
.header__inner .header__category ul{
    max-width: 1368px;
    padding: 0 84px;
}
}

@media only screen and (max-width: 767px) {
.header__inner {
    overflow: hidden;
}
}
.header__logoWrap {
    position: relative;
}

@media print, (min-width: 768px) {
.header__logoWrap {
    max-width: 1200px;
    z-index: 12;
	margin: auto;
}
}

@media only screen and (max-width: 767px) {
.header__logoWrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 54px;
    background: #fff;
    z-index: 12;
}
}

@media print, (min-width: 768px) {
.header__logo {
    position: absolute;
    top: 0px;
    left: 0;
    padding: 0;
    z-index: 11;
    display: flex;
    align-items: center;
}
}

@media only screen and (max-width: 767px) {
.header__logo {
    text-align: center;
}
}
.header__logo a {
    position: relative;
    display: block;
}

@media print, (min-width: 768px) {
.header__logo__more {
    width: 12px;
    height: 12px;
    display: block;
    margin: 0;
    padding: 0;/*padding: 0 35px 0 0;*/
}
.header__logo__more a {
    width: 12px;
    height: 12px;
    display: block;
    margin: 0;
    /*padding:0;*/
    padding: 0 35px 0 0;
}
.header__logo__more a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    background: center center url(../images/arrow-s.svg) no-repeat;
    background-size: 12px 12px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.header__logo__more a.-active:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
}
.header__logo img {
    width: 90px;
}

@media only screen and (max-width: 767px) {
.header__logo img {
    width: 60px;
}
}
.header__logoContent {
    position: absolute;
    left: 0;
    bottom: -12px;
    bottom: -62px;
    width: 240px;
    background: #fff;
    border-radius: 6px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    display: none;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

@media only screen and (max-width: 767px) {
.header__logoContent {
    display: none;
}
}
.header__logoContent ul {
    overflow: hidden;
    border-radius: 0 0 6px 6px;
}
.header__logoContent li {
    border-top: 1px solid #EBEBEB;
}
.header__logoContent a {
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
}
.header__logoContent a:hover {
    opacity: 1;
    background: #F5F5F5;
}

@media print, (min-width: 768px) {
.header__logoContent.-visible {
    display: block;
}
}
.header__logoContent.-show {
    opacity: 1;
}
.header__logoContentHeader, .header__logoContentUserGuide a {
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}
.header__logoContentHeader a {
    position: relative;
    display: block;
    padding: 15px 16px 15px 50px;
    font-size: 14px;
}
.header__logoContentUserGuide a {
    position: relative;
    display: block;
    padding: 15px 16px 15px 30px;
    font-size: 14px;
    border-bottom: 2px solid #EBEBEB;
}
.header__logoContentHeader a:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    left: 12px;
    width: 32.75px;
    height: 24px;
    background: center center url(../images/yomuyomu-kun.svg) no-repeat;
    background-size: 32.75px 24px;
}
.header__linkStore, .header__linkPurchase {
    position: relative;
    display: block;
    padding: 15px 16px 15px 50px;
    font-size: 14px;
}
.header__linkStore:before, .header__linkPurchase:before {
    content: "";
    display: block;
    position: absolute;
    left: 16px;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.header__linkStore:before {
    top: calc(50% - 12px);
    background-image: url(../images/pin.svg);
}
.header__linkPurchase {
    padding-bottom: 19px;
}
.header__linkPurchase:before {
    top: calc(50% - 14px);
    background-image: url(../images/box.svg);
}

@media only screen and (max-width: 767px) {
.header__navi {
    position: relative;
    z-index: 10;
}
}

@media print, (min-width: 768px) {
.header__naviTop {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    height: 93px;
    background: #fff;
    z-index: 11;
}
}
.header__naviSp {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 13;
}

@media print, (min-width: 768px) {
.header__naviSp {
    display: none;
}
}
.header__menuBtnSp {
    display: block;
    position: absolute;
    top: 16px;
    left: 18px;
    cursor: pointer;
}
.header__favoriteBtnSp {
    display: block;
    margin: 0 0 0 auto;
}
.header__cartBtnSp {
    display: block;
    margin: 0 0 0 20px;
}
.header__category {
    width: 100%;
    height: 50px;
    margin: 0;
    -webkit-transition: margin .4s ease;
    transition: margin .4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background: #f5f5f5;
}

@media only screen and (max-width: 767px) {
.header__category {
    display: none;
}
}
.header__category.-hide {
    margin-top: -65px;
}
.header__category ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.header__category li {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1;
}
.header__category li:first-child:before, .header__category li:after {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    bottom: 13px;
    width: 1px;
    background: #ddd;
}
.header__category li:first-child:before {
    left: 0;
}
.header__category li:after {
    right: 0;
}
.header__category a {
    position: relative;
    display: block;
    margin: 0;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
}
.header__category a:before {
    content: "";
    display: block;
    position: absolute;
    left: 8px;
    bottom: 0;
    right: 8px;
    height: 4px;
    background: #ff4a87;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}
.header__category a:hover {
    opacity: 1;
}
.header__category a:hover, .header__category a.-active {
    color: #ff4a87;
}
.header__category a:hover:before, .header__category a.-active:before {
    opacity: 1;
}
.header__search {
    width: calc(100% - 36px);
    max-width: 486px;
}

@media only screen and (max-width: 767px) {
.header__search {
    height: 60px;
    margin: 0 auto;
    padding: 3px 0 12px;
    -webkit-transition: margin .4s ease;
    transition: margin .4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
}

@media only screen and (max-width: 767px) {
.header__search.-hide {
    margin-top: -60px;
}
}
.header__searchInner {
    position: relative;
    height: 44px;
    line-height: 44px;
}
.header__searchInner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #ccc;
    border-radius: 25px;
    background: #f5f5f5;
    z-index: 1;
    pointer-events: none;
}
.header__searchInner input {
    position: relative;
    line-height: 1.5;
    width: 100%;
    padding: 0 20px 0 30px;
    border: none;
    background: none;
    font-size: 16px;
    z-index: 11;
}
 .header__searchInner input::-webkit-input-placeholder {
 font-size: 16px;
 color: #999;
}
 .header__searchInner input:-ms-input-placeholder {
 font-size: 16px;
 color: #999;
}
 .header__searchInner input::-ms-input-placeholder {
 font-size: 16px;
 color: #999;
}
 .header__searchInner input::placeholder {
 font-size: 16px;
 color: #999;
}
 .header__searchInner input::-webkit-search-cancel-button {
 -webkit-appearance: none;
}
.header__searchForm {
    position: relative;
    display: block;
}
.header__searchIcon {
    position: absolute;
    display: block;
    top: calc(50% - 12px);
    left: 11px;
    width: 24px;
    height: 24px;
    z-index: 1;
    pointer-events: none;
}

/* 虫眼鏡検索 */
@media only screen and (min-width: 768px) {
.header__searchIcon {
    z-index: 12;
    pointer-events: auto;
    cursor: pointer;
    top: 0;
    left: 0;
	right: 0;
	margin: auto;
    width: auto;
    height: auto;
}
.header__searchIcon img {
    width: 24px;
    height: 24px;
    max-width: none;
    margin: 10px 10px 10px 11px;
}
}
/* 虫眼鏡検索 */

.header__searchFormClear {
    position: absolute;
    display: none;
    top: calc(50% - 12px);
    right: 12px;
    width: 24px;
    height: 24px;
    z-index: 11;
    cursor: pointer;
}
.header__searchFormClear.-show {
    display: block;
}
.header__menu {
    /*display: -webkit-box;
    display: flex;*/
    margin: 0 -8px 0 62px;
	display: none;
}

@media only screen and (max-width: 767px) {
.header__menu {
    display: none;
}
}
.header__menu ul {
    display: -webkit-box;
    display: flex;
    height: 100%;
    align-items: center;
}
.header__menu li:nth-child(n+2) {
    margin-left: 14px;
}
.header__menu a, .header__menuSp a {
    position: relative;
    display: block;
    padding: 8px;
}
.header__menu a.-badge:after, .header__menuSp a.-badge:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 8px;
    height: 8px;
    background: #E60009;
    border-radius: 50%;
    text-shadow: 0px 0px 2px #008489;
}
.header__menu a img, .header__menuSp a img {
    width: 100%;
    max-width: 24px;
}
.header__menuSp {
    position: absolute;
    top: 8px;
    right: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 0 0 auto;
}

@media print, (min-width: 768px) {
.header__menuSp {
    display: none;
}
}
.header__menuSp a:nth-child(n+2) {
    margin-left: 2px;
}
.header__menuAccount {
    position: relative;
}
.header__menuAccountContent {
    position: absolute;
    right: -54px;
    bottom: -12px;
    width: 240px;
    background: #fff;
    border-radius: 6px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    display: none;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    z-index: 11;
}

@media only screen and (max-width: 767px) {
.header__menuAccountContent {
    display: none;
}
}

@media print, (min-width: 768px) {
.header__menuAccountContent.-visible {
    display: block;
}
}
.header__menuAccountContent.-show {
    opacity: 1;
}
.header__loginBtn {
    margin: 25px 16px;
}
.header__loginBtn ul {
    display: block;
    width: auto;
}
.header__loginBtn ul li:nth-child(n+2) {
    margin: 8px 0 0;
}
.header__loginBtn ul a {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}
.header__loginBtn ul .btn {
    height: 40px;
    line-height: 40px;
}
.header__name {
    margin: 16px 16px 4px;
    font-size: 14px;
    font-weight: bold;
}
.header__name span {
    display: inline-block;
    margin: 0 0 0 4px;
    font-size: 13px;
    font-weight: normal;
}
.header .header__pointWrap {
    position: relative;
    display: block;
    line-height: 1.5;
    margin: 0 0 12px;
    padding: 0 16px;
}
.header .header__pointWrap:before {
    content: "";
    position: absolute;
    top: auto;
    right: 16px;
    bottom: 5px;
    width: 12px;
    height: 12px;
    background: center center url(../images/arrow-s.svg) no-repeat;
    background-size: 12px 12px;
}
.header__pointTxt {
    display: block;
    font-size: 13px;
}
.header__point {
    font-family: 'Noto Sans', sans-serif;
    display: block;
    margin: 4px 16px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}
.header__point span {
    display: inline-block;
    margin: 0 0 0 4px;
    font-size: 13px;
}
.header__accountList ul {
    overflow: hidden;
    display: block;
    border-radius: 0 0 6px 6px;
}
.header__accountList li {
    border-top: 1px solid #EBEBEB;
}
.header__accountList li:nth-child(n+2) {
    margin: 0;
}
.header__accountList li:last-child a {
    padding-bottom: 16px;
}
.header__accountList a {
    display: block;
    padding: 12px 18px;
    font-size: 14px;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
}
.header__accountList a:hover {
    opacity: 1;
    background: #F5F5F5;
}
.header__badge {
    font-family: 'Noto Sans', sans-serif;
    position: relative;
    display: inline-block;
    line-height: 1;
    margin: 0 0 0 6px;
    padding: 2px 5px 4px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.header__badge:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 1px;
    background: #E60009;
    border-radius: 9px;
    z-index: -1;
}

@media print, (min-width: 768px) {
.header--mypage {
    height: 81px;
}
}

@media print, (min-width: 768px) {
.header--simple {
    height: 79px;
}
}

@media only screen and (max-width: 767px) {
.header--simple {
    height: 59px;
}
}

@media print, (min-width: 768px) {
.header--simple .header__logoWrap {
    position: relative;
    top: inherit;
    left: inherit;
}
}

@media only screen and (max-width: 767px) {
.header--simple .header__inner {
    display: block;
}
}

@media print, (min-width: 768px) {
.header--simple .header__logo {
    position: relative;
    top: auto;
    left: auto;
    display: -webkit-box;
    display: flex;
    height: 72px;
    -webkit-box-align: center;
    align-items: center;
}
}

@media only screen and (max-width: 767px) {
.header--simple .header__logo {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    top: inherit;
    left: inherit;
    height: 54px;
    margin: 0 18px;
    -webkit-transform: none;
    transform: none;
}
}
.header--simple .header__logo a {
    display: inline-block;
    padding: 0;
}
.header--simple .header__logo a:before {
    display: none;
}
.header__searchSuggest, .header__searchHistory {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    background: #fff;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    display: none;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    z-index: 11;
}

@media print, (min-width: 768px) {
.header__searchSuggest, .header__searchHistory {
    border-radius: 6px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
}

@media only screen and (max-width: 767px) {
.header__searchSuggest, .header__searchHistory {
    overflow: hidden;
    left: 50%;
    bottom: -10px;
    width: 100vw;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}
}
.header__searchSuggest ul, .header__searchHistory ul {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

@media only screen and (max-width: 767px) {
.header__searchSuggest ul, .header__searchHistory ul {
    padding-bottom: 35px;
}
}
.header__searchSuggest li, .header__searchHistory li {
    border-top: 1px solid #EBEBEB;
}
.header__searchSuggest li:first-child, .header__searchHistory li:first-child {
    border-top: none;
}

@media print, (min-width: 768px) {
.header__searchSuggest li:last-child a, .header__searchHistory li:last-child a {
    padding-bottom: 16px;
}
.header__searchSuggest li:last-child a .header__searchCategoryDelete,  .header__searchSuggest li:last-child a .header__searchCategorySuggestIcon, .header__searchHistory li:last-child a .header__searchCategoryDelete,  .header__searchHistory li:last-child a .header__searchCategorySuggestIcon {
    top: calc(50% - 16px);
}
}
.header__searchSuggest a, .header__searchHistory a {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 8px 52px 8px 16px;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
}

@media only screen and (max-width: 767px) {
.header__searchSuggest a, .header__searchHistory a {
    padding: 16px 54px 16px 18px;
}
}
.header__searchSuggest a:hover, .header__searchHistory a:hover {
    opacity: 1;
    background: #F5F5F5;
}
.header__searchSuggest.-show, .header__searchHistory.-show {
    display: block;
    opacity: 1;
}

@media only screen and (max-width: 767px) {
.header__searchSuggest li:first-child {
    border-top: 1px solid #EBEBEB;
}
}
.header__searchHistoryHeading {
    line-height: 1.5;
    padding: 16px 16px 12px;
    font-size: 16px;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
.header__searchHistoryHeading {
    padding: 16px 18px 8px;
    font-size: 14px;
    background: #F5F5F5;
}
}

@media print, (min-width: 768px) {
.header__searchHistoryHeading {
    border-bottom: 1px solid #EBEBEB;
}
}
.header__searchWord {
    display: block;
    line-height: 1.5;
    font-size: 16px;
}
.header__searchCategory {
    display: block;
    line-height: 1.5;
    margin: 4px 0 0;
    font-size: 13px;
    color: #666666;
}

@media only screen and (max-width: 767px) {
.header__searchCategory {
    font-size: 12px;
}
}
.header__searchCategoryDelete, .header__searchCategorySuggestIcon {
    display: block;
    position: absolute;
    line-height: 1;
    top: calc(50% - 12px);
    right: 16px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.header__searchCategorySuggestIcon {
    pointer-events: none;
}
.headerMessage {
    background: #ff4a87;
    background: #EBEBEB;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

@media only screen and (max-width: 767px) {
.headerMessage {
    height: 26px;
    line-height: 26px;
    font-size: 13px;
}
}
.headerMessage p {
    color: #E60009;
}
.headerMessage p span {
    color: #E60009;
}
.headerMessage--alert {
    height: 48px;
    padding: 12px 84px 0;
    line-height: 1.615;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    background: #FEF0F0;
}

@media only screen and (max-width: 767px) {
.headerMessage--alert {
    height: auto;
    padding: 10px 18px;
    font-size: 14px;
}
}
.headerMessage--alert p {
    display: -webkit-box;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
}
.headerMessage--alert a {
    text-decoration: underline;
    color: #E60009;
}

@media print, (min-width: 768px) {
.headerMessage--alert a:hover {
    text-decoration: none;
}
}
.headerMessage--alert .icon-alert-dims {
    min-width: 24px;
    max-width: 24px;
}
.footer ol, .footer ul {
    margin: 0;
    padding: initial;
}

@media print, (min-width: 768px) {
.footer {
    min-width: 1280px;
}
}

@media print, (min-width: 768px) {
.footer a {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}
.footer a:hover {
    opacity: .65;
}
}

@media print, (min-width: 768px) {
.footer__wrap {
    background: #EBEBEB;
}
}
.footer__wrap--bottom {
    background: #000;
}
.footer__inner {
    max-width: 1368px;
    margin: 0 auto;
}
.footer__navi {
    position: relative;
    padding: 24px 84px;
}

@media only screen and (max-width: 767px) {
.footer__navi {
    padding: 0;
}
}

@media print, (min-width: 768px) {
.footer__navi ul {
    display: -webkit-box;
    display: flex;
}
}

@media only screen and (max-width: 767px) {
.footer__navi ul {
    display: block;
    background-color: #F5F5F5;
}
}
.footer__navi > ul {
    padding-bottom: 8px;
}

@media print, (min-width: 768px) {
.footer__navi .footer__pageTop {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 84px;
    margin-top: -12px;
}
}
.footer__navi .footer__pageTopBtn {
    width: 24px;
    height: 24px;
}

@media only screen and (max-width: 767px) {
.footer__navi .footer__pageTopBtn {
    width: auto;
}
}

@media print, (min-width: 768px) {
.footer__item {
    margin: 0 20px 0 0;
    font-size: 14px;
}
.footer__item--first {
    display: -webkit-box;
    display: flex;
    margin-right: 0;
}
.footer__item--first .footer__item:first-child {
    margin-left: 20px;
}
}

@media only screen and (max-width: 767px) {
.footer__item {
    margin: 0;
    border-top: 1px solid #EBEBEB;
    font-size: 16px;
}
.footer__item--first {
    border-top: 0;
}
.footer__item--first .footer__item {
    margin-left: 40px;
    font-size: 14px;
}
.footer__item--first .footer__item:first-child {
    border-top: 0;
}
}
.footer__link {
    position: relative;
    display: block;
    padding: 0 17px;
    color: #333333;
}

@media only screen and (max-width: 767px) {
.footer__link {
    padding: 16px 42px 16px 18px;
}
.footer__item--first > .footer__link {
    border-bottom: 1px solid #EBEBEB;
}
.footer__item--first .footer__item .footer__link {
    padding-left: 0;
}
}
.footer__link:before {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    width: 12px;
    height: 12px;
    background: center center url(../images/arrow-s.svg) no-repeat;
    background-size: 12px 12px;
}

@media only screen and (max-width: 767px) {
.footer__link:before {
    position: absolute;
    top: 50%;
    left: auto;
    right: 18px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: center center url(../images/arrow.svg) no-repeat;
    background-size: 24px;
}
}

@media print, (min-width: 768px) {
.footer--mypage .footer__pageTop,  .footer--myPage .footer__pageTop,  .footer--simple .footer__pageTop {
    padding: 8px 0;
    background-color: #EBEBEB;
}
.footer__pageTop a {
    width: 100%;
    display: block;
}
}

@media only screen and (max-width: 767px) {
.footer__pageTop {
    padding: 4px 0;
    background-color: #EBEBEB;
}
}

@media print, (min-width: 768px) {
.footer__pageTopBtn {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}
.footer__pageTopBtn:hover {
    opacity: .65;
}
}

@media print, (min-width: 768px) {
.footer--mypage .footer__pageTopBtn,  .footer--myPage .footer__pageTop,  .footer--simple .footer__pageTopBtn {
    display: block;
    text-align: center;
}
}

@media only screen and (max-width: 767px) {
.footer__pageTopBtn {
    display: block;
    text-align: center;
}
}
.footer__bottom {
    position: relative;
    line-height: 1.8;
    margin: 0 84px;
    padding: 16px 0 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

@media print, (min-width: 768px) {
.footer__bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
}
}

@media only screen and (max-width: 767px) {
.footer__bottom {
    line-height: 1.68;
    margin: 0;
    padding: 16px 18px 40px;
}
}
.footer__text {
    font-size: 13px;
    color: #ffffff;
    text-align: left;
}

.footer__text p span{
	padding-right: 10px;
}

.footer__text p span i{
	font-size: 24px;
}

@media only screen and (max-width: 767px) {
.footer__text {
    margin: 0 -5px;
    font-size: 12px;
    text-align: center;
}
}
.footer__sns {
    display: -webkit-box;
    display: flex;
    padding: 20px 84px !important;
}

@media only screen and (max-width: 767px) {
.footer__sns {
    -webkit-box-pack: center;
    justify-content: center;
    padding: 24px 18px !important;
}
}
.footer__snsBtn {
    display: inline-block;
    margin: 0 16px 0 0;
}

@media only screen and (max-width: 767px) {
.footer__snsBtn {
    margin: 0 8px;
}
}
.footer__bottomNavi {
    padding-top: 0;
    font-size: 13px;
    line-height: 1.1;
    position: relative;
    padding: 0 84px 15px;
}

@media only screen and (max-width: 767px) {
.footer__bottomNavi {
    padding: 0 18px 15px;
    font-size: 12px;
}
}
.footer__bottomNavi ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}
.footer__bottomNavi li {
    width: auto;
    margin: 0 12px 12px 0;
    padding: 0 12px 0 0;
    border-right: 1px solid #fff;
}
.footer__bottomNavi li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}
.footer__bottomLlink {
    color: #ffffff;
    padding: 0;
}
.footer__bottomLlink:before {
    content: none;
}
.footer__bottomLlink[target="_blank"] {
    position: relative;
    padding-right: 16px;
}
.footer__bottomLlink[target="_blank"]::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../images/blank-white.svg);
    background-size: 12px 12px;
}
.footer__bottomLlink__iconControl[target="_blank"]::after {
    top: -12px;
    right: 7px;
}

@media only screen and (max-width: 710px) {
.footer__bottomNavi li {
    margin: 0 12px 18px 0;
}
}
.footer__copyright {
    -webkit-box-flex: 1;
    flex: 1;
    font-size: 13px;
    color: #ffffff;
    text-align: right;
}

@media only screen and (max-width: 767px) {
.footer__copyright {
    margin: 10px 0 0;
    font-size: 12px;
    text-align: center;
}
}
body.-spMenuOpen #container {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}
.spHeaderMenu {
    display: none;
    position: fixed;
    top: 0;
    left: calc(-100% + 76px);
    right: 0;
    bottom: 0;
    width: calc(100% - 76px);
    height: 100%;
    background: #fff;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    z-index: 1003;
}

@media print, (min-width: 768px) {
.spHeaderMenu {
    display: none !important;
}
}
.spHeaderMenu:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120vh;
    background: #fff;
    z-index: -1;
    pointer-events: none;
}
.spHeaderMenu.-visible {
    display: block;
}
.spHeaderMenu.-show {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.spHeaderMenu__close {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 11;
}
.spHeaderMenu__close span {
    cursor: pointer;
}
.spHeaderMenu__inner {
    overflow: auto;
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 35px;
}
.spHeaderMenu__loginBtn {
    margin: 0 18px 18px;
}
.spHeaderMenu__loginBtn ul li:nth-child(n+2) {
    margin-top: 12px;
}
.spHeaderMenu__loginBtn ul a {
    font-size: 16px;
    font-weight: bold;
}
.spHeaderMenu__loginBtn ul .btn {
    height: 44px;
    line-height: 44px;
}
.spHeaderMenu__name {
    margin: 0 18px;
    font-size: 16px;
    font-weight: bold;
}
.spHeaderMenu__name span {
    display: inline-block;
    margin: 0 0 0 4px;
    font-size: 14px;
    font-weight: normal;
}
.spHeaderMenu__pointWrap {
    position: relative;
    display: block;
    margin: 8px 0 0;
    padding: 0 18px 12px;
}
.spHeaderMenu__pointWrap:before {
    content: "";
    position: absolute;
    bottom: 16px;
    right: 18px;
    width: 24px;
    height: 24px;
    background: center center url(../images/arrow.svg) no-repeat;
    background-size: 24px 24px;
}
.spHeaderMenu__pointTxt {
    display: block;
    font-size: 14px;
}
.spHeaderMenu__point {
    display: block;
    font-family: 'Noto Sans', sans-serif;
    margin: 4px 30px 0;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
}
.spHeaderMenu__point span {
    display: inline-block;
    margin: 0 0 0 4px;
    font-size: 14px;
}
.spHeaderMenu__heading {
    position: relative;
    margin: 0;
    padding: 20px 18px 20px;
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    color: #ff4a87;
    background: #F5F5F5;
}
.spHeaderMenu__list ul {
    position: relative;
    margin: 0 0 16px 0;
}
.spHeaderMenu__list--borderTop ul:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #EBEBEB;
    pointer-events: none;
    z-index: 11;
}
.spHeaderMenu__list li {
    position: relative;
    min-height: 54px;
    line-height: 54px;
}
.spHeaderMenu__list li:nth-child(n+2):before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: #EBEBEB;
    pointer-events: none;
    z-index: 11;
}
.spHeaderMenu__list li a {
    position: relative;
    display: block;
    padding: 0 42px 0 18px;
    font-size: 16px;
    color: #333333;
    text-decoration: none;
}
.spHeaderMenu__list li a:before {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    right: 18px;
    width: 24px;
    height: 24px;
    background: center center url(../images/arrow.svg) no-repeat;
    background-size: 24px 24px;
}
.spHeaderMenu__badge {
    font-family: 'Noto Sans', sans-serif;
    position: relative;
    display: inline-block;
    line-height: 1;
    margin: 0 0 0 6px;
    padding: 2px 5px 4px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.spHeaderMenu__badge:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 1px;
    background: #E60009;
    border-radius: 9px;
    z-index: -1;
}
.spHeaderMenu__linkStore, .spHeaderMenu__linkSearch, .spHeaderMenu__linkPurchase {
    position: relative;
    display: block;
    height: 54px;
    line-height: 54px;
    padding: 0 18px 0 54px;
    border-bottom: 1px solid #EBEBEB;
    font-size: 16px;
}
.spHeaderMenu__linkStore:before, .spHeaderMenu__linkSearch:before, .spHeaderMenu__linkPurchase:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    left: 18px;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
.spHeaderMenu__linkStore {
    margin-top: 16px;
}
.spHeaderMenu__linkStore:before {
    left: 13px;
    width: 32.75px;
    background-image: url(../images/yomuyomu-kun.svg);
    background-size: 32.75px 24px;
}
.spHeaderMenu__linkStore:after, .spHeaderMenu__listUserGuide:after {
    content: "";
    display: block;
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    height: 16px;
    background: #F5F5F5;
}
.spHeaderMenu__linkSearch:before {
    background-image: url(../images/pin.svg);
}
.spHeaderMenu__linkPurchase:before {
    background-image: url(../images/box.svg);
}
.spHeaderMenuOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    z-index: 1002;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media print, (min-width: 768px) {
.spHeaderMenuOverlay {
    display: none !important;
}
}
.spHeaderMenu.-visible + .spHeaderMenuOverlay {
    display: block;
}
.spHeaderMenu.-show + .spHeaderMenuOverlay {
    opacity: .3;
}

/* 調整 */
@media print, (min-width: 768px) {
.header__mypage {
    height: 81px;
}
.header__naviTop > .pbNested:nth-child(1) {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.header__naviTop {
    display: flex;
}
.header__mypage .header__searchInner {
    margin-top: 0px;
}
.header__searchInner {
/*margin-top:16px;*/
}
/*.header__menu a{
    width:40px;
  }*/
  /*.header__menu ul{
    width:148px;
  }*/
#pbBlock4272 {
    width: auto;
}
#pbBlock4301 {
    width: auto;
}
#pbBlock4846 {
    width: auto;
}
.header ul {
    margin: auto !important;
}
}
.header__search.js-headerSearch #pbBlock4270 {
    width: 100% !important;
}
#pbBlock4299 {
    width: 100% !important;
}
#pbBlock4844 {
    width: 100% !important;
}
#pbBlock4867 {
    width: 100% !important;
}
#pbBlock4869 {
    width: auto;
}
.header__menu > .pbHorizontalNested {
    width: 100% !important;
}
#pbBlock8449 {
    width: auto;
}

@media print, (max-width: 767px) {
.spHeaderMenu__loginBtn ul {
    margin: auto;
    padding: 0 0 16px 0;
}
}

@media print, (min-width: 768px) {
.header__logo a.header__logo__img:before {
    content: none;
}
}
.headerMessage__text, .headerMessage__textDecoration {
    color: #E60009;
}
.spHeaderMenu__close span img{
	display: block;
	max-width: 20px;
}
.loadmore.loadmore-line.loadmore-nodata{
	display: none;
}