@charset "UTF-8";
/**
* Creative Net Door.
* Basic Css Reset Formatter
**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body * {
  box-sizing: border-box;
}
body .sp {
  display: none;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: local('Inter ExtraLight'), local('Inter-ExtraLight'), url('/tano1/assets/font/Inter-ExtraLight.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: local('Inter Light'), local('Inter-Light'), url('/tano1/assets/font/Inter-Light.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: local('Inter Regular'), local('Inter-Regular'), url('/tano1/assets/font/Inter-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: local('Inter Medium'), local('Inter-Medium'), url('/tano1/assets/font//Inter-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: local('Inter SemiBold'), local('Inter-SemiBold'), url('/tano1/assets/font/Inter-SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: local('Inter Bold'), local('Inter-Bold'), url('/tano1/assets/font/Inter-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: local('Inter ExtraBold'), local('Inter-ExtraBold'), url('/tano1/assets/font/Inter-ExtraBold.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: local('Inter Black'), local('Inter-Black'), url('/tano1/assets/font/Inter-Black.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 200;
  src: local('Noto Sans JP ExtraLight'), local('NotoSansJP-ExtraLight'), url('/tano1/assets/font/NotoSansJP-ExtraLight.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: local('Noto Sans JP Light'), local('NotoSansJP-Light'), url('/tano1/assets/font/NotoSansJP-Light.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans JP Regular'), local('NotoSansJP-Regular'), url('/tano1/assets/font/NotoSansJP-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans JP Medium'), local('NotoSansJP-Medium'), url('/tano1/assets/font/NotoSansJP-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;
  src: local('Noto Sans JP SemiBold'), local('NotoSansJP-SemiBold'), url('/tano1/assets/font/NotoSansJP-SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans JP Bold'), local('NotoSansJP-Bold'), url('/tano1/assets/font/NotoSansJP-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 800;
  src: local('Noto Sans JP ExtraBold'), local('NotoSansJP-ExtraBold'), url('/tano/assets/font/NotoSansJP-ExtraBold.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: local('Noto Sans JP Black'), local('NotoSansJP-Black'), url('/tano1/assets/font/NotoSansJP-Black.woff') format('woff');
}

@media screen and (max-width: 76.7rem) {
  body .pc {
    display: none;
  }
  body .sp {
    display: block;
  }
}

body.menu-fixed {
  left: 0;
}

/***************
pc
***************/
body .pc {
  display: block !important;
}
body .sp {
  display: none !important;
}

@media screen and (min-width: 768px) {
  body img {
    display: block;
    max-width: 100%;
  }
  a[href^="tel:"] {
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  body img {
    max-width: 100%;
  }
  body .pc {
    display: none !important;
  }
  body .sp {
    display: block !important;
  }
}

ol, ul {
  list-style: none;
}

body input, body button {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 998;
  opacity: 0;
  background: rgba(72, 72, 72, 0.6);
  transition: 0.3s;
  visibility: hidden;
}
body.menuOpen::before {
  opacity: 1;
  visibility: initial;
}
body .searchOverlay {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
  background: rgba(52, 60, 72, 0.3);
  cursor: pointer;
}

/***********************************************************

  header

***********************************************************/
.header {
  color: #484848;
  background: #FFF;
  font-size: 1.5rem;
  line-height: 1.667;
  -webkit-text-size-adjust: none;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

.header .header-top a{
  color: #484848;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.header .header-top a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media screen and (min-width: 768px) {
  .header {
    z-index: 1000;
  }
  .header .header-top {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 92%;
    height: 10.4rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
  }
  .header nav ul.gbMenu__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header nav ul.gbMenu__body li {
    margin: 0 1.5rem;
  }
  .header nav ul.gbMenu__body a {
    color: #ffffff;
  }
  .header nav ul.gbMenu__body a.categoryParent {
    position: relative;
    font-weight: 500;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header nav ul.gbMenu__body a.categoryParent::after {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #ffffff;
    bottom: -6px;
    visibility: hidden;
    opacity: 0;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header nav ul.gbMenu__body a.categoryParent:hover {
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header nav ul.gbMenu__body a.categoryParent:hover::after {
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #ffffff;
    bottom: -6px;
    visibility: visible;
    opacity: 1;
  }
  .header nav ul.gbMenu__body .gbMenu__moreInner {
    padding: 0 2rem 0 4rem;
    background: #ffffff;
    border-radius: 0.6rem;
  }
  .header nav ul.gbMenu__body ul.gbMenu__moreMenu {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 4.1rem;
  }
  .header nav ul.gbMenu__body ul.gbMenu__moreMenu li {
    width: 25.7%;
    margin: 0 0.6% 1rem 0 !important;
  }
  .header nav ul.gbMenu__body ul.gbMenu__moreMenu li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header nav ul.gbMenu__body ul.gbMenu__moreMenu li a .menuImage {
    width: 27.3%;
  }
  .header nav ul.gbMenu__body ul.gbMenu__moreMenu li a p {
    width: 68.26%;
    font-size: 1.4rem;
    line-height: 1.429;
  }
  .header nav ul.gbMenu__body ul.gbMenu__moreMenu li:nth-child(4n) {
    width: 20.18%;
    margin-right: 0 !important;
  }
  .header nav ul.gbMenu__body ul.gbMenu__moreMenu li:nth-child(4n) a .menuImage {
    width: 34.78%;
  }
  .header nav ul.gbMenu__body ul.gbMenu__moreMenu li:nth-child(4n) a p {
    width: 59.13%;
    font-size: 1.4rem;
    line-height: 1.429;
    letter-spacing: 0;
  }
  .header nav ul.gbMenu__body ul.gbMenu__moreMenuText {
    margin-top: 1.2rem;
    padding-bottom: 3.4rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
  }
  .header nav ul.gbMenu__body ul.gbMenu__moreMenuText li {
    margin: 0 2.8rem 0 0;
  }
  .header nav ul.gbMenu__body ul.gbMenu__moreMenuText li p {
    font-size: 1.4rem;
    line-height: 2.143;
  }
  .header nav ul.gbMenu__body .gbMenu__Genre.open {
    z-index: 999;
  }
  .header nav ul.gbMenu__body .gbMenu__singleTitle a:hover::before {
    opacity: 1;
  }
  .header nav ul.gbMenu__body .gbMenu__Genre .gbMenu__more {
    position: absolute;
    top: 10.3rem;
    left: 0;
    width: 100%;
    padding: 0 0rem;
    display: none;
  }
  .header nav ul.gbMenu__body .gbMenu__Genre .gbMenu__more .gbMenu__moreInner {
    background-color: #fff;
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    border-radius: 0.6rem;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
  }
  .header nav ul.gbMenu__body .gbMenu__Genre .gbMenu__more a {
    color: #484848;
  }
  .header nav ul.gbMenu__body .gbMenu__Genre .gbMenu__more a:hover {
    text-decoration: underline;
  }
  .header nav ul.gbMenu__body .gbMenu__Area {
    position: relative;
  }
  .header nav ul.gbMenu__body .gbMenu__Area.open {
    z-index: 999;
  }
  .header nav ul.gbMenu__body .gbMenu__Area .gbMenu__more {
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 0.6rem;
    position: absolute;
    top: 6.3rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 23.4rem;
    width: 23.4rem;
    margin: 0;
    padding: 0 0rem;
    display: none;
  }
  .header nav ul.gbMenu__body .gbMenu__Area .gbMenu__more a {
    color: #484848;
  }
  .header nav ul.gbMenu__body .gbMenu__Area .gbMenu__more .gbMenu__moreInner {
    padding: 0 2rem 3.5rem 3.5rem;
  }
  .header nav ul.gbMenu__body .gbMenu__Area .gbMenu__more .gbMenu__moreInner ul {
    display: block !important;
    padding-top: 1.5rem;
  }
  .header nav ul.gbMenu__body .gbMenu__Area .gbMenu__more .gbMenu__moreInner ul li {
    margin: 0;
  }
  .header nav ul.gbMenu__body .gbMenu__Area .gbMenu__more .gbMenu__moreInner ul li p {
    font-size: 1.4rem;
    line-height: 2;
  }
  .header nav ul.gbMenu__body .gbMenu__Area .gbMenu__more .gbMenu__moreInner ul li p a:hover {
    text-decoration: underline;
  }
  .header .gbMenuOther {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 21.74%;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header .gbMenuOther .searchArea {
    width: 12%;
    max-width: 2.4rem;
    z-index: 900;
  }
  .header .gbMenuOther .searchArea__btn {
    position: relative;
    cursor: pointer;
    display: block;
  }
  .header .gbMenuOther .searchArea__btn:hover {
    opacity: 0.7;
  }
  .header .gbMenuOther .searchArea__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.1rem;
    height: 2.4rem;
    background: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    cursor: pointer;
    opacity: 0;
  }
  .header .gbMenuOther .searchArea__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.1rem;
    height: 2.4rem;
    background: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    cursor: pointer;
    opacity: 0;
  }
  .header .gbMenuOther .searchArea__btn.open::before, .header .gbMenuOther .searchArea__btn.open::after {
    opacity: 1;
  }
  .header .gbMenuOther .searchArea__btn.open img {
    opacity: 0;
  }
  .header .gbMenuOther .searchArea__main {
    position: absolute;
    top: 9rem;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    background: #E5EAED;
    max-width: 103rem;
  }
  .header .gbMenuOther .searchArea__main--Inner {
    width: 78.64%;
    margin: 0 auto;
    padding: 3.6rem 0 4.4rem 0;
  }
  .header .gbMenuOther .searchArea .inputbox {
    margin-top: 1.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }
  .header .gbMenuOther .searchArea .inputbox input {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .header .gbMenuOther .searchArea .inputbox__Input {
    width: 80.25%;
    background: #ffffff;
    border-radius: 0.6rem 0 0 0.6rem;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input {
    width: 100%;
    height: 100%;
    border-radius: 0.6rem 0 0 0.6rem;
    border: none;
    font-size: 1.6rem;
    padding-left: 1.5rem;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input:placeholder-shown {
    opacity: 0.4;
    color: #484848;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input::-webkit-input-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input:-moz-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input::-moz-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input:-ms-input-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  .header .gbMenuOther .searchArea .inputbox__Submit {
    width: 19.75%;
  }
  .header .gbMenuOther .searchArea .inputbox__Submit button {
    border-radius: 0 0.6rem 0.6rem 0;
    width: 100%;
    font-size: 1.4rem;
    background: #0082D0;
    padding: 1.4rem 0rem 1.5rem 0rem;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-color: transparent;
  }
  .header .gbMenuOther .searchArea .inputbox__Submit button span.bigText {
    font-size: 2.2rem;
    font-weight: bold;
    margin-right: 0.8rem;
    letter-spacing: 0;
    font-family: "Inter", sans-serif;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    transform: scale(0.9, 1);
    margin-left: -0.2em;
    padding-left: 0.4rem;
  }
  .header .gbMenuOther .searchArea .inputbox__Submit button:hover {
    opacity: 0.5;
  }
  .header .gbMenuOther .favorite {
    width: 9.33%;
    max-width: 2.8rem;
    min-width: 2.8rem;
    min-height: 2.4rem;
    margin: 0 2.4rem;
    background: url(../img/heart.svg) left center no-repeat;
    background-size: 2.8rem 2.4rem;
    cursor: pointer;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header .gbMenuOther .favorite p {
    font-size: 1.1rem;
    text-align: center;
    color: #ffffff;
    vertical-align: bottom;
    line-height: 198%;
    font-family: "Inter", sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  .header .gbMenuOther .favorite p a {
    color: #ffffff;
  }
  .header .gbMenuOther .favorite:hover {
    background: url(../img/heart_h.svg) left center no-repeat;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header .gbMenuOther .login {
    position: relative;
    width: 36.67%;
    max-width: 11rem;
    min-width: 11rem;
    z-index: 999;
  }
  .header .gbMenuOther .login a.btn {
    display: block;
    background: #484848;
    color: #ffffff;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 100px;
    padding: 1rem 0;
  }
  .header .gbMenuOther .mypage {
    position: relative;
    width: 36.67%;
    max-width: 11rem;
    min-width: 11rem;
    z-index: 1;
  }
  .header .gbMenuOther .mypage.open {
    z-index: 999;
  }
  .header .gbMenuOther .mypage a.btn {
    display: block;
    background: #484848;
    color: #ffffff;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 100px;
    padding: 1rem 0;
  }
  .header .gbMenuOther .mypage .gbMenu__more {
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border-radius: 0.6rem;
    position: absolute;
    top: 6rem;
    right: -11rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 24rem;
    width: 24rem;
    margin: 0;
    padding: 0 0rem;
    display: none;
  }
  .header .gbMenuOther .mypage .gbMenu__more .gbMenu__moreInner {
    width: 17.5rem;
    margin: 0 auto;
    padding: 3.4rem 0 0 0;
  }
  .header .gbMenuOther .mypage .gbMenu__more .gbMenu__moreInner p {
    font-weight: bold;
    line-height: 1.333;
  }
  .header .gbMenuOther .mypage .gbMenu__more .gbMenu__moreInner p a:hover {
    text-decoration: underline;
  }
  .header .gbMenuOther .mypage .gbMenu__more .gbMenu__moreInner ul {
    display: block !important;
    padding: 1.4rem 0 1.6rem 0;
  }
  .header .gbMenuOther .mypage .gbMenu__more .gbMenu__moreInner ul li p {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2;
  }
  .header .gbMenuOther .mypage .gbMenu__more .gbMenu__moreInner ul li p span {
    position: relative;
    color: #ffffff;
    font-size: 1.1rem;
    font-family: "Inter", sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #0082D0;
    width: 2rem;
    height: 2rem;
    border-radius: 1000px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    top: 25%;
    margin-top: 0.5rem;
    margin-left: 0.7rem;
  }
  .header .gbMenuOther .mypage .gbMenu__more .gbMenu__moreInner ul li p a:hover {
    text-decoration: underline;
  }
  .header .gbMenuOther .mypage .gbMenu__more .gmMenu__Logout {
    background: #F4F6F7;
    border-radius: 0 0 0.6rem 0.6rem;
  }
  .header .gbMenuOther .mypage .gbMenu__more .gmMenu__Logout a {
    display: block;
    width: 17.5rem;
    margin: 0 auto;
    text-align: right;
    font-size: 1.4rem;
    padding: 1.4rem 0 1.6rem 0;
  }
  .header .gbMenuOther .mypage .gbMenu__more .gmMenu__Logout a:hover {
    text-decoration: underline;
  }
  .header.pageHeader {
    transition: top 300ms;
    background-color: #ffffff;
    width: 100%;
    height: 10.8rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 1000;
  }
  .header.pageHeader nav a {
    color: #484848 !important;
  }
  .header.pageHeader nav ul.gbMenu__body a.categoryParent {
    position: relative;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header.pageHeader nav ul.gbMenu__body a.categoryParent::after {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #484848 !important;
    bottom: -6px;
    visibility: hidden;
    opacity: 0;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header.pageHeader nav ul.gbMenu__body a.categoryParent:hover {
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header.pageHeader nav ul.gbMenu__body a.categoryParent:hover::after {
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #484848 !important;
    bottom: -6px;
    visibility: visible;
    opacity: 1;
  }
  .header.pageHeader .gbMenuOther .searchArea__btn::before {
    background: #8D939D;
  }
  .header.pageHeader .gbMenuOther .searchArea__btn::after {
    background: #8D939D;
  }
  .header.pageHeader .logo a {
    background: url(../img/logo_typeB.svg) left center no-repeat;
    background-size: 22.4rem;
    width: 22.4rem;
    height: 3.2rem;
    padding-top: 3.2rem;
    font-size: 0;
    overflow: hidden;
  }
  .header.DownMove {
    transition: top 300ms;
    background-color: #ffffff;
    width: 100%;
    height: 10.8rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 1000;
  }
  .header.DownMove nav a {
    color: #484848 !important;
  }
  .header.DownMove nav ul.gbMenu__body a.categoryParent {
    position: relative;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header.DownMove nav ul.gbMenu__body a.categoryParent::after {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #484848 !important;
    bottom: -6px;
    visibility: hidden;
    opacity: 0;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header.DownMove nav ul.gbMenu__body a.categoryParent:hover {
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header.DownMove nav ul.gbMenu__body a.categoryParent:hover::after {
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #484848 !important;
    bottom: -6px;
    visibility: visible;
    opacity: 1;
  }
  .header.DownMove .gbMenuOther .searchArea__btn::before {
    background: #8D939D;
  }
  .header.DownMove .gbMenuOther .searchArea__btn::after {
    background: #8D939D;
  }
  .header.DownMove.is-fixed {
    width: 100%;
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    width: 100%;
    height: 8rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 1000;
  }
  .header.DownMove.is-fixed nav a {
    color: #484848;
  }
  .header.DownMove .logo a {
    background: url(../img/logo_typeB.svg) left center no-repeat;
    background-size: 22.4rem;
    width: 22.4rem;
    height: 3.2rem;
    padding-top: 3.2rem;
    font-size: 0;
    overflow: hidden;
  }
  #fixed-header {
    position: fixed;
    top: -80px;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    width: 100%;
    height: 8rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 1000;
  }
  #fixed-header.is-show {
    top: 0;
  }
  #fixed-header .logo {
    position: relative;
    font-size: 0;
  }
  #fixed-header .logo a {
    position: relative;
    display: block;
    background: url(../img/logo_typeB.svg) left center no-repeat;
    background-size: 22.4rem;
    width: 22.4rem;
    height: 3.2rem;
    padding-top: 3.2rem;
    font-size: 0;
    overflow: hidden;
  }
  #fixed-header nav a {
    color: #484848;
  }
  #fixed-header nav ul.gbMenu__body a.categoryParent {
    position: relative;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #fixed-header nav ul.gbMenu__body a.categoryParent::after {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #484848;
    bottom: -6px;
    visibility: hidden;
    opacity: 0;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #fixed-header nav ul.gbMenu__body a.categoryParent:hover {
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #fixed-header nav ul.gbMenu__body a.categoryParent:hover::after {
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #484848;
    bottom: -6px;
    visibility: visible;
    opacity: 1;
  }
  #fixed-header .gbMenuOther .searchArea__btn::before {
    background: #8D939D;
  }
  #fixed-header .gbMenuOther .searchArea__btn::after {
    background: #8D939D;
  }
  body.modal-fixed header {
    display: none;
  }
  header .logo {
    position: relative;
    font-size: 0;
  }
  header .logo a {
    position: relative;
    display: block;
    background: url(../img/logo.svg) left center no-repeat;
    background-size: 22.4rem;
    width: 22.4rem;
    height: 3.2rem;
    padding-top: 3.2rem;
    font-size: 0;
    overflow: hidden;
  }
  header .logo a:hover {
    opacity: 0.5;
  }
  /*
    .fixed-header {
      //position: fixed;
      //top: 0;
      //left: 0;
      z-index: 1000;
      & .header-top{
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 92%;
        height: pxToRem(104);
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
      }
      & nav ul.gbMenu__body{
        display: flex;
        justify-content: space-between;
        align-items: center;
        & li{
          margin: 0 pxToRem(15);
        }
        & a {
          color: $base;
        }
        & ul{
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
        & .gbMenu__Genre{
          position: relative;
        }
        & .gbMenu__singleTitle a:hover::before {
          opacity: 1;
        }
        & .gbMenu__Genre .gbMenu__more{
          -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
                  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
          //background-color: #ff0000;
          position: absolute;
          //top: pxToRem(154);
          //left: 50%;
          top: pxToRem(57);
          left: 0;
          width: 100vw;
          margin: 0 calc(50% - 34.5vw);
          //-webkit-transform: translateX(-50%);
          //        transform: translateX(-50%);
          //max-width: pxToRem(1200);
          //width: 100%;
          //width: calc(100% - 80px);
          //margin: 0 auto;
          padding: 0 0rem;
          //padding-bottom: 5rem;
          display: none;
          & .gbMenu__moreInner{
            //padding: pxToRem(40) pxToRem(40) pxToRem(48) pxToRem(40);
            background-color: #fff;
            width: 100%;
            max-width: pxToRem(1200);
            min-width: pxToRem(1200);
            margin: 0 auto;
            border-radius: pxToRem(6);
            &Box{
              padding: pxToRem(40) pxToRem(40) pxToRem(48) pxToRem(40);
            }
          }
          & a{
            color: $base;
          }
          & .gbMenu__moreMenu{
          }
        }
        // title:エリア
        & .gbMenu__Area{
          position: relative;
        }
        & .gbMenu__Area .gbMenu__more{
          -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
          background-color: #fff;
          border-radius: pxToRem(6);
          position: absolute;
          top: pxToRem(40);
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          max-width: pxToRem(234);
          width: pxToRem(234);
          margin: 0;
          padding: 0 0rem;
          //padding-bottom: 5rem;
          display: none;
          & a{
            color: $base;
          }
          & .gbMenu__moreInner{
            padding: pxToRem(35) pxToRem(35) pxToRem(35) pxToRem(35);
            & ul{
              display: block !important;
              & li{
                margin: 0;
                & p{
                  font-size: pxToRem(14);
                  line-height: 2;
                }
              }
            }
          }
        }
      }
      & .gbMenuOther{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        //width: 14.5%; //200
        width: 21.74%; //300
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        & .searchArea{
          width: 12%; //24
          max-width: pxToRem(24);
        }
        & .favorite{
          //width: 14%; //28
          width: 9.33%;
          max-width:  pxToRem(28);
          min-width:  pxToRem(28);
          min-height:  pxToRem(24);
          //margin: 0 12%;
          //margin: 0 8%;
          margin: 0 pxToRem(24);
          background: url(../img/heart.svg) left center no-repeat;
          background-size: pxToRem(28) pxToRem(24);
          & p{
            font-size: pxToRem(11);
            text-align: center;
            color: $white;
            vertical-align: bottom;
            line-height: 198%;
          }
        }
        & .login{
          position: relative;
          //width: 50%; //100
          //width: 33.33%; //100
          width: 36.67%; //110
          max-width: pxToRem(110);
          min-width: pxToRem(110);
          & a{
            &.btn{
              display: block;
              background: $background;
              color: $white;
              font-size: pxToRem(14);
              text-align: center;
              border-radius: 100px;
              padding: pxToRem(10) 0;
            }
          }
          & .gbMenu__more{
            -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);
            background-color: #fff;
            border-radius: pxToRem(6);
            position: absolute;
            top: pxToRem(60);
            right: pxToRem(-110);
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            max-width: pxToRem(240);
            width: pxToRem(240);
            margin: 0;
            padding: 0 0rem;
            //padding-bottom: 5rem;
            display: none;
            & .gbMenu__moreInner{
              padding: pxToRem(35);
              & ul{
                display: block !important;
              }
            }
          }
        }
      }
    }
  */
}

footer {
  color: #484848;
  background: #FFF;
  font-size: 1.5rem;
  line-height: 1.667;
  -webkit-text-size-adjust: none;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

footer a{
  color: #484848;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

footer a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
footer {
  background: #ffffff;
}
footer.footerBorder {
  border-top: 1px solid #E5EAED;
}
footer a:hover {
  webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  text-decoration: underline;
}
footer .inner {
  width: 100%;
  max-width: 126rem;
  margin: 0 auto;
  padding: 9.2rem 0 8rem 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
footer .footer__MainMenu {
  width: 76.51%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
footer .footer__MainMenu--Categry {
  width: 22.33%;
}
footer .footer__MainMenu--Categry p:not(:first-of-type) {
  padding-top: 2.6rem;
}
footer .footer__MainMenu--CategryGenre {
  width: 50.67%;
}
footer .footer__MainMenu--CategryGenre ul {
  padding-top: 1.7rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
footer .footer__MainMenu--CategryGenre ul li {
  width: 50%;
  padding-bottom: 0.2rem;
}
footer .footer__MainMenu--CategryGenre ul li a {
  color: #a3a3a3;
  font-size: 1.3rem;
}
footer .footer__MainMenu--CategryArea ul {
  padding-top: 1.7rem;
}
footer .footer__MainMenu--CategryArea ul li {
  padding-bottom: 0.2rem;
}
footer .footer__MainMenu--CategryArea ul li a {
  color: #a3a3a3;
  font-size: 1.3rem;
}
footer .footer__MainMenu .footer__MainMenu--SpOnly {
  display: none;
}
footer .footer__InfoMenu {
  border-left: 1px solid #E5EAED;
  width: 23.49%;
  padding-left: 6.35%;
}
footer .footer__InfoMenu .logo {
  position: relative;
  font-size: 0;
}
footer .footer__InfoMenu .logo a {
  position: relative;
  display: block;
  background: url(../img/logo_typeB.svg) left center no-repeat;
  background-size: 100%;
  width: 100%;
  padding-top: 3.2rem;
  font-size: 0;
  overflow: hidden;
}
footer .footer__InfoMenu .logo a:hover {
  webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.5;
}
footer .footer__InfoMenu .snsList {
  padding: 3.2rem 0 5rem 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
footer .footer__InfoMenu .snsList div:not(:first-of-type) {
  padding-left: 2rem;
}
footer .footer__InfoMenu .snsList a:hover {
  webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.5;
}
footer .footer__InfoMenu .contactBtn {
  width: 47.3%;
  min-width: 14rem;
}
footer .footer__InfoMenu .contactBtn a {
  display: block;
  font-size: 1.3rem;
  border: 1px solid #C2C6CC;
  border-radius: 1000px;
  text-align: center;
  padding: 0.8rem 0;
}
footer .footer__InfoMenu .contactBtn a:hover {
  text-decoration: none;
  opacity: 0.5;
}
footer .footer__InfoMenu ul {
  padding-top: 2.5rem;
}
footer .footer__InfoMenu ul li {
  font-size: 1.2rem;
}
footer .footer__InfoMenu ul li + li {
  padding-top: 1.2rem;
}
footer .footer__InfoMenu .logo_Approad {
  padding-top: 12rem;
}
footer .footer__InfoMenu .logo_Approad p {
  font-size: 1.3rem;
  padding-bottom: 0.8rem;
}
footer .footer__InfoMenu .logo_Approad img {
  width: 55.74%;
  min-width: 16.5rem;
}
footer .footer__InfoMenu .logo_Approad a:hover {
  webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.5;
}
footer .copy {
  padding-top: 2.4rem;
  color: #767676;
  font-size: 1.1rem;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
}
footer.footerType02 {
  border-top: 1px solid #E5EAED;
}
footer.footerType02 .inner {
  width: 100%;
  max-width: 110rem;
  margin: 0 auto;
  padding: 4rem 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
footer.footerType02 .copy {
  padding-top: 0rem;
  color: #767676;
  font-size: 1.1rem;
  text-align: center;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 768px) and (max-width: 1259px) {
  footer .inner {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

/*
@include mq(max){
*/
@media screen and (max-width: 767px) {
  #modal-wrap {
    z-index: 1020 !important;
  }
  /***********************************************************

  header

  ***********************************************************/
  .header {
    /*
    & #menu-open {
      position: absolute;
      top: 2rem;
      left: 2rem;
      width: 2.2rem;
      height: 1.6rem;
      z-index: 1001;
      text-align: center;
      & span {
        position: absolute;
        top: 0.6rem;
        left: 0;
        display: block;
        width: 2.2rem;
        height: 2px;
        background: $white;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
      }
      &::before {
        content: "";
        position: absolute;
        top: 0rem;
        left: 0;
        display: block;
        background: $white;
        width: 2.2rem;
        height: 2px;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
      }
      &::after {
        content: "";
        position: absolute;
        top: 1.2rem;
        left: 0;
        display: block;
        background: $white;
        width: 2.2rem;
        height: 2px;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
      }
      &.active{
        & span{
          display: none;
        }
        &::before {
          top: 0.6rem;
          left: 0;
          background-color: $base;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
        }
        &::after {
          top: 0.6rem;
          left: 0;
          background-color: $base;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
        }
      }
    }
    */
  }
  .header .header-top {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 5.6rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
    padding: 0 5.33%;
  }
  .header .logo a {
    position: absolute;
    display: block;
    background: url(../img/logo.svg) left center no-repeat;
    /*
    background-size: pxToRem(170);
    */
    background-size: 16.8rem;
    width: 17rem;
    height: 2.4rem;
    padding-top: 2.4rem;
    font-size: 0;
    overflow: hidden;
    top: 1.6rem;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .header .logo a:hover {
    opacity: 0.5;
  }
  .header .gbMenuOther {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header .gbMenuOther .searchArea {
    width: 1.8rem;
    max-width: 1.8rem;
    z-index: 999;
  }
  .header .gbMenuOther .searchArea__btn {
    position: relative;
    cursor: pointer;
    display: block;
  }
  .header .gbMenuOther .searchArea__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.1rem;
    height: 1.8rem;
    background: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    cursor: pointer;
    opacity: 0;
  }
  .header .gbMenuOther .searchArea__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.1rem;
    height: 1.8rem;
    background: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    cursor: pointer;
    opacity: 0;
  }
  .header .gbMenuOther .searchArea__btn.open::before, .header .gbMenuOther .searchArea__btn.open::after {
    opacity: 1;
  }
  .header .gbMenuOther .searchArea__btn.open img {
    opacity: 0;
  }
  .header .gbMenuOther .searchArea__main {
    position: absolute;
    top: 5.6rem;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    background: none;
    max-width: initial;
    background: #E5EAED;
  }
  .header .gbMenuOther .searchArea__main--Inner {
    width: 89.33%;
    margin: 0 auto;
    padding: 2.3rem 0 3rem 0;
  }
  .header .gbMenuOther .searchArea__main .checkbox {
    /*
    //四角に
    //チェックボックスデザイン
    & input[type="checkbox"] {
      cursor: pointer;
      padding-left: pxToRem(26); //label手前にチェックボックス用の余白を開ける
      vertical-align: middle;
      position: relative;
    }
    & input[type="checkbox"]::before,
    & input[type="checkbox"]::after {
      content: "";
      display: block;
      position: absolute;
    }
    & input[type="checkbox"]::before {
      background-color: #fff;
      border-radius: 0%;
      border: 1px solid #C2C6CC;
      border-radius: pxToRem(0);
      width: pxToRem(16); //チェックボックスの横幅
      height: pxToRem(16); //チェックボックスの縦幅
      transform: translateY(-50%);
      top: 50%;
      left: 0;
    }
    & input[type="checkbox"]::after {
      border: none; //チェックの太さ
      opacity: 0; //チェック前は非表示
      height: 8px; //チェックの高さ
      width: 8px; //チェックの横幅
      transform: rotate(0deg);
      //top: -4px; //チェック時の位置調整
      top: calc( 100% - (50% + 4px));
      left: 5px; //チェック時の位置調整
      background: #0284CD;
    }
    & input[type="checkbox"]:checked::after {
      opacity: 1; //チェック後表示
    }
    & input[type="checkbox"]:checked::before {
      border: 1px solid #C2C6CC;
    }
    */
  }
  .header .gbMenuOther .searchArea__main .checkbox span {
    color: #484848;
    font-size: 3.2vw;
    top: 0;
  }
  .header .gbMenuOther .searchArea .inputbox {
    margin-top: 1.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0.5rem 0;
    overflow: hidden;
  }
  .header .gbMenuOther .searchArea .inputbox input {
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .header .gbMenuOther .searchArea .inputbox__Input {
    width: calc(100% - 50px);
    background: #ffffff;
    border-radius: 0.6rem 0 0 0.6rem;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input {
    width: 100%;
    height: 100%;
    border-radius: 10rem;
    border: none;
    font-size: 3.73vw;
    padding-left: 1.9rem;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input:placeholder-shown {
    opacity: 0.4;
    color: #484848;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input::-webkit-input-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input:-moz-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input::-moz-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  .header .gbMenuOther .searchArea .inputbox__Input input:-ms-input-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  .header .gbMenuOther .searchArea .inputbox__Submit {
    width: 5rem;
    height: 5rem;
  }
  .header .gbMenuOther .searchArea .inputbox__Submit button {
    border-radius: 0 0.6rem 0.6rem 0;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    background: #0082D0;
    padding: 1.3rem 0rem;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    /*
    position: relative;
    &::before{
      content: "";
      position: relative  ;
      width: pxToRem(15);
      height: pxToRem(15);
      background: url(../img/search.svg) center top;
      background-repeat: no-repeat;
    }
    */
  }
  .header .gbMenuOther .searchArea .inputbox__Submit button img {
    width: 1.5rem;
    height: 1.5rem;
  }
  .header .gbMenuOther .searchArea .inputbox__Submit button span {
    font-size: 2.2rem;
    font-weight: bold;
    margin-right: 0rem;
    letter-spacing: 0;
  }
  .header .gbMenuOther .favorite {
    width: 2.8rem;
    max-width: 2.2rem;
    min-width: 2.2rem;
    min-height: 1.9rem;
    margin: 0 0rem 0 1.4rem;
    background: url(../img/heart.svg) left center no-repeat;
    background-size: 2.2rem 1.9rem;
  }
  .header .gbMenuOther .favorite p {
    font-size: 2.67vw;
    text-align: center;
    color: #ffffff;
    vertical-align: bottom;
    line-height: 170%;
    font-family: "Inter", sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  .header .gbMenuOther .favorite p a {
    color: #ffffff;
  }
  .header .gbMenuOther .mypage {
    display: none;
  }
  .header .gbMenuOther .login {
    display: none;
  }
  .header #menu-open {
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 5.6rem;
    height: 5.6rem;
    z-index: 1001;
    text-align: center;
  }
  .header #menu-open span {
    position: absolute;
    top: 2rem;
    left: 2rem;
    display: block;
    width: 2.2rem;
    height: 2px;
    background: #ffffff;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 1001;
  }
  .header #menu-open span::before {
    content: "";
    position: absolute;
    top: 0.7rem;
    left: 0;
    display: block;
    background: #ffffff;
    width: 2.2rem;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header #menu-open span::after {
    content: "";
    position: absolute;
    top: 1.4rem;
    left: 0;
    display: block;
    background: #ffffff;
    width: 2.2rem;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header #menu-open.active span {
    background-color: #ECF0F2;
  }
  .header #menu-open.active span::before {
    opacity: 1;
    top: 0.6rem;
    left: 0;
    background-color: #484848;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header #menu-open.active span::after {
    opacity: 1;
    top: 0.6rem;
    left: 0;
    background-color: #484848;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header .gbMenu {
    display: none;
    z-index: 1000;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #ECF0F2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 5.7rem;
  }
  .header .gbMenu .spMenuWrapper {
    overflow-y: scroll;
    height: calc(100dvh - 127px);
    margin-top: 70px;
  }
  .header .gbMenu .searchArea {
    width: 89.33%;
    margin: 0 auto 2rem auto;
  }
  .header .gbMenu .searchArea .searchAreaBtn {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  .header .gbMenu .searchArea .searchAreaBtn div {
    width: 48.36%;
  }
  .header .gbMenu .searchArea .searchAreaBtn div a {
    display: block;
    border-radius: 10rem;
    color: #ffffff;
    font-size: 3.73vw;
    text-align: center;
    padding: 0.7rem 1rem 0.8rem 1rem;
  }
  .header .gbMenu .searchArea .searchAreaBtn__Login a {
    background: #484848;
  }
  .header .gbMenu .searchArea .searchAreaBtn__New a {
    background: #21ABE7;
  }
  .header .gbMenu .searchArea .searchAreaInput {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 2rem;
    border-radius: 0.6rem;
    overflow: hidden;
  }
  .header .gbMenu .searchArea .searchAreaInput__Input {
    width: 85.07%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
  }
  .header .gbMenu .searchArea .searchAreaInput__Input input {
    width: 100%;
    background: #ffffff;
    font-size: 3.73vw;
    padding: 1.5rem 0 1.5rem 1.6rem;
    color: #3e3a39;
    border: none;
  }
  .header .gbMenu .searchArea .searchAreaInput__Submit {
    width: 14.93%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header .gbMenu .searchArea .searchAreaInput__Submit img {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
  }
  .header .gbMenu .searchArea .searchAreaInput__Submit button {
    width: 100%;
    background: #0082D0;
    height: 5rem;
    cursor: pointer;
    border: none;
  }
  .header .gbMenu__body {
    border-top: 1px solid #ffffff;
  }
  .header .gbMenu__body .gbMenu__single {
    border-bottom: 1px solid #ffffff;
  }
  .header .gbMenu__body .gbMenu__single .gbMenu__singleTitle a {
    display: block;
    font-size: 3.73vw;
    line-height: 100%;
    padding: 2.4rem 5.33%;
  }
  .header .gbMenu__body .gbMenu__single .gbMenu__singleTitle.p-open a {
    position: relative;
    display: block;
  }
  .header .gbMenu__body .gbMenu__single .gbMenu__singleTitle.p-open a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2rem;
    display: block;
    background: #C2C6CC;
    width: 1rem;
    height: 0.2rem;
    margin-top: -0.1rem;
  }
  .header .gbMenu__body .gbMenu__single .gbMenu__singleTitle.p-open a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 2.4rem;
    display: block;
    background: #C2C6CC;
    width: 0.2rem;
    height: 1rem;
    margin-top: -0.5rem;
  }
  .header .gbMenu__body .gbMenu__single .gbMenu__singleTitle.p-open.active a::before {
    content: "";
    display: none;
  }
  .header .gbMenu__body .gbMenu__single.gbMenu__Genre .gbMenu__more .gbMenu__moreInnerBox ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 89.33%;
    margin: 0 auto;
  }
  .header .gbMenu__body .gbMenu__single.gbMenu__Genre .gbMenu__more .gbMenu__moreInnerBox ul li {
    width: 50%;
    font-size: 3.2vw;
    padding-bottom: 2.2rem;
  }
  .header .gbMenu__body .gbMenu__single.gbMenu__Genre .gbMenu__more .gbMenu__moreInnerBox ul li:nth-child(odd) {
    width: 55%;
  }
  .header .gbMenu__body .gbMenu__single.gbMenu__Genre .gbMenu__more .gbMenu__moreInnerBox ul li:nth-child(even) {
    width: 45%;
  }
  .header .gbMenu__body .gbMenu__single.gbMenu__Area .gbMenu__more .gbMenu__moreInner ul {
    width: 89.33%;
    margin: 0 auto;
  }
  .header .gbMenu__body .gbMenu__single.gbMenu__Area .gbMenu__more .gbMenu__moreInner ul li {
    font-size: 3.2vw;
    padding-bottom: 2.2rem;
  }
  .header .gbMenu .snsList {
    padding: 3.6rem 0 4rem 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  .header .gbMenu .snsList div:not(:first-of-type) {
    padding-left: 2rem;
  }
  .header.pageHeader {
    transition: top 300ms;
    background-color: #ffffff;
    width: 100%;
    height: 5.6rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 1000;
    /*
    & nav ul.gbMenu__body{
      & a{
        // リンク用
        &.categoryParent{
          position: relative;
          @include link;
          &::after {
            position: absolute;
            left: 0;
            content: '';
            width: 100%;
            height: 1px;
            background: $base !important;
            bottom: -6px; //アンダーラインが位置する、各リストの下端からの高さ　ヘッダーの下端に合わせています
            visibility: hidden; // ホバー前に、アンダーラインを可視化しない
            opacity: 0;
            @include link;
          }
        }
      }
      & a.categoryParent:hover{
        @include link;
        &::after{
          @include link;
          position: absolute;
          left: 0;
          content: '';
          width: 100%;
          height: 1px;
          background: $base !important;
          bottom: -6px;
          visibility: visible; // ホバー前に、アンダーラインを可視化しない
          opacity: 1.0;
        }
      }
    }
    */
  }
  .header.pageHeader nav a {
    color: #484848 !important;
  }
  .header.pageHeader .gbMenuOther .searchArea__btn::before {
    background: #8D939D;
  }
  .header.pageHeader .gbMenuOther .searchArea__btn::after {
    background: #8D939D;
  }
  .header.pageHeader .logo a {
    position: absolute;
    display: block;
    background: url(../img/logo_typeB.svg) left center no-repeat;
    background-size: 16.8rem;
    width: 17rem;
    height: 2.4rem;
    padding-top: 2.4rem;
    font-size: 0;
    overflow: hidden;
    top: 1.6rem;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  .header.pageHeader #menu-open {
    position: absolute;
    top: 2rem;
    left: 2rem;
    width: 2.2rem;
    height: 1.6rem;
    z-index: 1001;
    text-align: center;
  }
  .header.pageHeader #menu-open span {
    position: absolute;
    top: 0.6rem;
    left: 0;
    display: block;
    width: 2.2rem;
    height: 2px;
    background: #484848;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header.pageHeader #menu-open span::before {
    background: none;
  }
  .header.pageHeader #menu-open span::after {
    background: none;
  }
  .header.pageHeader #menu-open::before {
    content: "";
    position: absolute;
    top: 0rem;
    left: 0;
    display: block;
    background: #484848;
    width: 2.2rem;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header.pageHeader #menu-open::after {
    content: "";
    position: absolute;
    top: 1.2rem;
    left: 0;
    display: block;
    background: #484848;
    width: 2.2rem;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header.pageHeader #menu-open.active span {
    display: none;
  }
  .header.pageHeader #menu-open.active::before {
    top: 0.6rem;
    left: 0;
    background-color: #484848;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header.pageHeader #menu-open.active::after {
    top: 0.6rem;
    left: 0;
    background-color: #484848;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header.pageHeader .searchArea a {
    color: #ffffff !important;
  }
  .header.DownMove {
    transition: top 300ms;
    background-color: #ffffff;
    width: 100%;
    height: 5.6rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
    z-index: 1010;
    /*
    & nav ul.gbMenu__body{
      & a{
        // リンク用
        &.categoryParent{
          position: relative;
          @include link;
          &::after {
            position: absolute;
            left: 0;
            content: '';
            width: 100%;
            height: 1px;
            background: $base !important;
            bottom: -6px; //アンダーラインが位置する、各リストの下端からの高さ　ヘッダーの下端に合わせています
            visibility: hidden; // ホバー前に、アンダーラインを可視化しない
            opacity: 0;
            @include link;
          }
        }
      }
      & a.categoryParent:hover{
        @include link;
        &::after{
          @include link;
          position: absolute;
          left: 0;
          content: '';
          width: 100%;
          height: 1px;
          background: $base !important;
          bottom: -6px;
          visibility: visible; // ホバー前に、アンダーラインを可視化しない
          opacity: 1.0;
        }
      }
    }
    */
    /*
    &.DownMove{
      transition: top 300ms;
      background-color: $white;
      width: 100%;
      height: pxToRem(56);
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease;
      z-index: 1000;
      & nav{
        & a{
          color: $base  !important;
        }
      }
      & nav ul.gbMenu__body{
        & a{
          // リンク用
          &.categoryParent{
            position: relative;
            @include link;
            &::after {
              position: absolute;
              left: 0;
              content: '';
              width: 100%;
              height: 1px;
              background: $base !important;
              bottom: -6px; //アンダーラインが位置する、各リストの下端からの高さ　ヘッダーの下端に合わせています
              visibility: hidden; // ホバー前に、アンダーラインを可視化しない
              opacity: 0;
              @include link;
            }
          }
        }
        & a.categoryParent:hover{
          @include link;
          &::after{
            @include link;
            position: absolute;
            left: 0;
            content: '';
            width: 100%;
            height: 1px;
            background: $base !important;
            bottom: -6px;
            visibility: visible; // ホバー前に、アンダーラインを可視化しない
            opacity: 1.0;
          }
        }
      }
      & .gbMenuOther{
        & .searchArea{
          &__btn{
            &::before{
              background: #8D939D;
            }
            &::after{
              background: #8D939D;
            }
          }
        }
      }
      // 上スクロール動作
      &.is-fixed {
        width: 100%;
        position: fixed;
        //
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: $white;
        width: 100%;
        height: pxToRem(56);
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        z-index: 1000;
        & nav{
          & a{
            color: $base;
          }
        }
      }
      & .logo a {
        background: url(../img/logo_typeB.svg) left center no-repeat;
        background-size: pxToRem(170);
        width: pxToRem(170);
        height: pxToRem(24);
        padding-top: pxToRem(24);
        font-size: 0;
        overflow: hidden;
      }
    }
    */
  }
  .header.DownMove nav a {
    color: #484848 !important;
  }
  .header.DownMove .searchArea a {
    color: #ffffff !important;
  }
  .header.DownMove .gbMenuOther .searchArea__btn::before {
    background: #8D939D;
  }
  .header.DownMove .gbMenuOther .searchArea__btn::after {
    background: #8D939D;
  }
  .header.DownMove #menu-open {
    position: fixed;
    top: 2rem;
    left: 2rem;
    width: 2.2rem;
    height: 1.6rem;
    z-index: 1001;
    text-align: center;
  }
  .header.DownMove #menu-open span {
    position: absolute;
    top: 0.6rem;
    left: 0;
    display: block;
    width: 2.2rem;
    height: 2px;
    background: #484848;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header.DownMove #menu-open span::before {
    content: "";
    position: absolute;
    top: 0rem;
    left: 0;
    display: block;
    background: #484848;
    width: 2.2rem;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header.DownMove #menu-open::before {
    content: "";
    position: absolute;
    top: 0rem;
    left: 0;
    display: block;
    background: #484848;
    width: 2.2rem;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header.DownMove #menu-open::after {
    content: "";
    position: absolute;
    top: 1.2rem;
    left: 0;
    display: block;
    background: #484848;
    width: 2.2rem;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header.DownMove #menu-open.active span {
    display: none;
  }
  .header.DownMove #menu-open.active::before {
    top: 0.6rem;
    left: 0;
    background-color: #484848;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header.DownMove #menu-open.active::after {
    top: 0.6rem;
    left: 0;
    background-color: #484848;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header.DownMove.is-fixed {
    width: 100%;
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    width: 100%;
    height: 5.6rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 600;
  }
  .header.DownMove.is-fixed nav a {
    color: #484848;
  }
  .header.DownMove.is-fixed #menu-open {
    position: absolute;
    top: 2rem;
    left: 2rem;
    width: 2.2rem;
    height: 1.6rem;
    z-index: 1001;
    text-align: center;
  }
  .header.DownMove.is-fixed #menu-open span {
    position: absolute;
    top: 0.6rem;
    left: 0;
    display: block;
    width: 2.2rem;
    height: 2px;
    background: #484848;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header.DownMove.is-fixed #menu-open::before {
    content: "";
    position: absolute;
    top: 0rem;
    left: 0;
    display: block;
    background: #484848;
    width: 2.2rem;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header.DownMove.is-fixed #menu-open::after {
    content: "";
    position: absolute;
    top: 1.2rem;
    left: 0;
    display: block;
    background: #484848;
    width: 2.2rem;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header.DownMove.is-fixed #menu-open.active span {
    display: none;
  }
  .header.DownMove.is-fixed #menu-open.active::before {
    top: 0.6rem;
    left: 0;
    background-color: #484848;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header.DownMove.is-fixed #menu-open.active::after {
    top: 0.6rem;
    left: 0;
    background-color: #484848;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header.DownMove .logo a {
    position: absolute;
    display: block;
    background: url(../img/logo_typeB.svg) left center no-repeat;
    /*
    background-size: pxToRem(170);
    */
    background-size: 16.8rem;
    width: 17rem;
    height: 2.4rem;
    padding-top: 2.4rem;
    font-size: 0;
    overflow: hidden;
    top: 1.6rem;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  #fixed-header {
    position: fixed;
    top: -56px;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    width: 100%;
    height: 5.6rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 700;
    /*
    & .menu-open02 {
      position: absolute;
      top: 2rem;
      left: 2rem;
      width: 2.2rem;
      height: 1.6rem;
      z-index: 1001;
      text-align: center;
      & span {
        position: absolute;
        top: 0.6rem;
        left: 0;
        display: block;
        width: 2.2rem;
        height: 2px;
        background: $base;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
      }
      &::before {
        content: "";
        position: absolute;
        top: 0rem;
        left: 0;
        display: block;
        background: $base;
        width: 2.2rem;
        height: 2px;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
      }
      &::after {
        content: "";
        position: absolute;
        top: 1.2rem;
        left: 0;
        display: block;
        background: $base;
        width: 2.2rem;
        height: 2px;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
      }
      &.active{
        & span{
          display: none;
        }
        &::before {
          top: 0.6rem;
          left: 0;
          background-color: $base;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
        }
        &::after {
          top: 0.6rem;
          left: 0;
          background-color: $base;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
        }
      }
    }
    */
  }
  #fixed-header.is-show {
    top: 0;
  }
  #fixed-header .header-top {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 5.6rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
    padding: 0 5.33%;
  }
  #fixed-header .logo a {
    position: absolute;
    display: block;
    background: url(../img/logo_typeB.svg) left center no-repeat;
    /*
    background-size: pxToRem(170);
    */
    background-size: 16.8rem;
    width: 17rem;
    height: 2.4rem;
    padding-top: 2.4rem;
    font-size: 0;
    overflow: hidden;
    top: 1.6rem;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  #fixed-header .logo a:hover {
    opacity: 0.5;
  }
  #fixed-header .gbMenuOther {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #fixed-header .gbMenuOther .searchArea {
    width: 1.8rem;
    max-width: 1.8rem;
    z-index: 999;
  }
  #fixed-header .gbMenuOther .searchArea__btn {
    position: relative;
    cursor: pointer;
    display: block;
  }
  #fixed-header .gbMenuOther .searchArea__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.1rem;
    height: 1.8rem;
    background: #9499a3;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    cursor: pointer;
    opacity: 0;
  }
  #fixed-header .gbMenuOther .searchArea__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.1rem;
    height: 1.8rem;
    background: #9499a3;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    cursor: pointer;
    opacity: 0;
  }
  #fixed-header .gbMenuOther .searchArea__btn.open::before, #fixed-header .gbMenuOther .searchArea__btn.open::after {
    opacity: 1;
  }
  #fixed-header .gbMenuOther .searchArea__btn.open img {
    opacity: 0;
  }
  #fixed-header .gbMenuOther .searchArea__main {
    position: absolute;
    top: 5.6rem;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    background: none;
    max-width: initial;
    background: #E5EAED;
  }
  #fixed-header .gbMenuOther .searchArea__main--Inner {
    width: 89.33%;
    margin: 0 auto;
    padding: 2.3rem 0 3rem 0;
  }
  #fixed-header .gbMenuOther .searchArea__main .checkbox {
    /*
    //四角に
    //チェックボックスデザイン
    & input[type="checkbox"] {
      cursor: pointer;
      padding-left: pxToRem(26); //label手前にチェックボックス用の余白を開ける
      vertical-align: middle;
      position: relative;
    }
    & input[type="checkbox"]::before,
    & input[type="checkbox"]::after {
      content: "";
      display: block;
      position: absolute;
    }
    & input[type="checkbox"]::before {
      background-color: #fff;
      border-radius: 0%;
      border: 1px solid #C2C6CC;
      border-radius: pxToRem(0);
      width: pxToRem(16); //チェックボックスの横幅
      height: pxToRem(16); //チェックボックスの縦幅
      transform: translateY(-50%);
      top: 50%;
      left: 0;
    }
    & input[type="checkbox"]::after {
      border: none; //チェックの太さ
      opacity: 0; //チェック前は非表示
      height: 8px; //チェックの高さ
      width: 8px; //チェックの横幅
      transform: rotate(0deg);
      //top: -4px; //チェック時の位置調整
      top: calc( 100% - (50% + 4px));
      left: 5px; //チェック時の位置調整
      background: #0284CD;
    }
    & input[type="checkbox"]:checked::after {
      opacity: 1; //チェック後表示
    }
    & input[type="checkbox"]:checked::before {
      border: 1px solid #C2C6CC;
    }
    */
  }
  #fixed-header .gbMenuOther .searchArea__main .checkbox span {
    color: #484848;
    font-size: 3.2vw;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox {
    margin-top: 1.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0.5rem 0;
    overflow: hidden;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox input {
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox__Input {
    width: calc(100% - 50px);
    background: #ffffff;
    border-radius: 0.6rem 0 0 0.6rem;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox__Input input {
    width: 100%;
    height: 100%;
    border-radius: 10rem;
    border: none;
    font-size: 3.73vw;
    padding-left: 1.9rem;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox__Input input:placeholder-shown {
    opacity: 0.4;
    color: #484848;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox__Input input::-webkit-input-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox__Input input:-moz-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox__Input input::-moz-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox__Input input:-ms-input-placeholder {
    opacity: 0.4;
    color: #484848;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox__Submit {
    width: 5rem;
    height: 5rem;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox__Submit button {
    border-radius: 0 0.6rem 0.6rem 0;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    background: #0082D0;
    padding: 1.3rem 0rem;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    /*
    position: relative;
    &::before{
      content: "";
      position: relative  ;
      width: pxToRem(15);
      height: pxToRem(15);
      background: url(../img/search.svg) center top;
      background-repeat: no-repeat;
    }
    */
  }
  #fixed-header .gbMenuOther .searchArea .inputbox__Submit button img {
    width: 1.5rem;
    height: 1.5rem;
  }
  #fixed-header .gbMenuOther .searchArea .inputbox__Submit button span {
    font-size: 2.2rem;
    font-weight: bold;
    margin-right: 0rem;
    letter-spacing: 0;
  }
  #fixed-header .gbMenuOther .favorite {
    width: 2.8rem;
    max-width: 2.2rem;
    min-width: 2.2rem;
    min-height: 1.9rem;
    margin: 0 0rem 0 1.4rem;
    background: url(../img/heart.svg) left center no-repeat;
    background-size: 2.2rem 1.9rem;
  }
  #fixed-header .gbMenuOther .favorite p {
    font-size: 2.67vw;
    text-align: center;
    color: #ffffff;
    vertical-align: bottom;
    line-height: 170%;
    font-family: "Inter", sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  #fixed-header .gbMenuOther .favorite p a {
    color: #ffffff;
  }
  #fixed-header .gbMenuOther .login {
    display: none;
  }
  #fixed-header .menu-open02 {
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 5.6rem;
    height: 5.6rem;
    z-index: 1001;
    text-align: center;
  }
  #fixed-header .menu-open02 span {
    position: absolute;
    top: 2rem;
    left: 2rem;
    display: block;
    width: 2.2rem;
    height: 2px;
    background: #484848;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  #fixed-header .menu-open02::before {
    content: "";
    position: absolute;
    top: 2.7rem;
    left: 2rem;
    display: block;
    background: #484848;
    width: 2.2rem;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  #fixed-header .menu-open02::after {
    content: "";
    position: absolute;
    top: 3.4rem;
    left: 2rem;
    display: block;
    background: #484848;
    width: 2.2rem;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  #fixed-header .menu-open02.active span {
    display: none;
  }
  #fixed-header .menu-open02.active::before {
    background-color: #484848;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #fixed-header .menu-open02.active::after {
    top: 2.8rem;
    background-color: #484848;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #fixed-header .gbMenu {
    display: none;
    z-index: 1000;
    /*
    & .menu-open02 {
      position: absolute;
      top: 2rem;
      left: 2rem;
      width: 2.2rem;
      height: 1.6rem;
      z-index: 1001;
      text-align: center;
      & span{
        display: none;
      }
      &::before {
        top: 0.6rem;
        left: 0;
        background-color: $base;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
      }
      &::after {
        top: 0.6rem;
        left: 0;
        background-color: $base;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
      }
    }
    */
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #ECF0F2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 5.7rem;
  }
  #fixed-header .gbMenu .menu-open02 {
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 5.6rem;
    height: 5.6rem;
    z-index: 1001;
    text-align: center;
  }
  #fixed-header .gbMenu .menu-open02.active span {
    background-color: #ECF0F2;
    position: absolute;
    top: 2rem;
    left: 2rem;
  }
  #fixed-header .gbMenu .menu-open02.active::before {
    opacity: 1;
    content: "";
    position: absolute;
    top: 2.7rem;
    left: 2rem;
    background-color: #484848;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #fixed-header .gbMenu .menu-open02.active::after {
    opacity: 1;
    content: "";
    position: absolute;
    top: 2.7rem;
    left: 2rem;
    background-color: #484848;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #fixed-header .gbMenu .spMenuWrapper {
    overflow-y: scroll;
    margin-top: 0;
    height: calc(100dvh - 57px);
  }
  #fixed-header .gbMenu .searchArea {
    width: 89.33%;
    margin: 0 auto 2rem auto;
  }
  #fixed-header .gbMenu .searchArea .searchAreaBtn {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  #fixed-header .gbMenu .searchArea .searchAreaBtn div {
    width: 48.36%;
  }
  #fixed-header .gbMenu .searchArea .searchAreaBtn div a {
    display: block;
    border-radius: 10rem;
    color: #ffffff;
    font-size: 3.73vw;
    text-align: center;
    padding: 0.7rem 1rem 0.8rem 1rem;
  }
  #fixed-header .gbMenu .searchArea .searchAreaBtn__Login a {
    background: #484848;
  }
  #fixed-header .gbMenu .searchArea .searchAreaBtn__New a {
    background: #21ABE7;
  }
  #fixed-header .gbMenu .searchArea .searchAreaInput {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 2rem;
    border-radius: 0.6rem;
    overflow: hidden;
  }
  #fixed-header .gbMenu .searchArea .searchAreaInput__Input {
    width: 85.07%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
  }
  #fixed-header .gbMenu .searchArea .searchAreaInput__Input input {
    width: 100%;
    background: #ffffff;
    font-size: 3.73vw;
    padding: 1.5rem 0 1.5rem 1.6rem;
    color: #3e3a39;
  }
  #fixed-header .gbMenu .searchArea .searchAreaInput__Submit {
    width: 14.93%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #fixed-header .gbMenu .searchArea .searchAreaInput__Submit img {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
  }
  #fixed-header .gbMenu .searchArea .searchAreaInput__Submit button {
    width: 100%;
    background: #0082D0;
    height: 5rem;
    cursor: pointer;
  }
  #fixed-header .gbMenu__body {
    border-top: 1px solid #ffffff;
  }
  #fixed-header .gbMenu__body .gbMenu__single {
    border-bottom: 1px solid #ffffff;
  }
  #fixed-header .gbMenu__body .gbMenu__single .gbMenu__singleTitle a {
    display: block;
    font-size: 3.73vw;
    line-height: 100%;
    padding: 2.4rem 5.33%;
  }
  #fixed-header .gbMenu__body .gbMenu__single .gbMenu__singleTitle.p-open a {
    position: relative;
    display: block;
  }
  #fixed-header .gbMenu__body .gbMenu__single .gbMenu__singleTitle.p-open a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2rem;
    display: block;
    background: #C2C6CC;
    width: 1rem;
    height: 0.2rem;
    margin-top: -0.1rem;
  }
  #fixed-header .gbMenu__body .gbMenu__single .gbMenu__singleTitle.p-open a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 2.4rem;
    display: block;
    background: #C2C6CC;
    width: 0.2rem;
    height: 1rem;
    margin-top: -0.5rem;
  }
  #fixed-header .gbMenu__body .gbMenu__single .gbMenu__singleTitle.p-open.active a::before {
    content: "";
    display: none;
  }
  #fixed-header .gbMenu__body .gbMenu__single.gbMenu__Genre .gbMenu__more .gbMenu__moreInnerBox ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 89.33%;
    margin: 0 auto;
  }
  #fixed-header .gbMenu__body .gbMenu__single.gbMenu__Genre .gbMenu__more .gbMenu__moreInnerBox ul li {
    width: 50%;
    font-size: 3.2vw;
    padding-bottom: 2.2rem;
  }
  #fixed-header .gbMenu__body .gbMenu__single.gbMenu__Genre .gbMenu__more .gbMenu__moreInnerBox ul li:nth-child(odd) {
    width: 55%;
  }
  #fixed-header .gbMenu__body .gbMenu__single.gbMenu__Genre .gbMenu__more .gbMenu__moreInnerBox ul li:nth-child(even) {
    width: 45%;
  }
  #fixed-header .gbMenu__body .gbMenu__single.gbMenu__Area .gbMenu__more .gbMenu__moreInner ul {
    width: 89.33%;
    margin: 0 auto;
  }
  #fixed-header .gbMenu__body .gbMenu__single.gbMenu__Area .gbMenu__more .gbMenu__moreInner ul li {
    font-size: 3.2vw;
    padding-bottom: 2.2rem;
  }
  #fixed-header .gbMenu .snsList {
    padding: 3.6rem 0 4rem 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  #fixed-header .gbMenu .snsList div:not(:first-of-type) {
    padding-left: 2rem;
  }
  .newsClose .header .gbMenu .spMenuWrapper {
    margin-top: 0;
    height: calc(100dvh - 57px);
  }
  .newsClose #fixed-header .gbMenu .spMenuWrapper {
    margin-top: 0;
    height: calc(100dvh - 57px);
  }
  /***********************************************************

  footer

  ***********************************************************/
  footer {
    background: #ffffff;
  }
  footer a:hover {
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
    text-decoration: none;
  }
  footer .inner {
    width: 89.33%;
    max-width: initial;
    margin: 0 auto;
    padding: 2.2rem 0 3.3rem 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  footer .footer__MainMenu {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  footer .footer__MainMenu--Categry {
    width: auto;
    width: 100%;
  }
  footer .footer__MainMenu--Categry p:not(:first-of-type) {
    padding-top: 0rem;
  }
  footer .footer__MainMenu--Categry p {
    border-bottom: 1px solid #E5EAED;
    font-size: 3.73vw;
    margin-top: 1.4rem;
  }
  footer .footer__MainMenu--Categry p a {
    display: block;
    padding: 1.4rem 0 1.4rem 0;
  }
  footer .footer__MainMenu--CategryGenre {
    display: none;
  }
  footer .footer__MainMenu .categryGenre {
    width: auto;
    border-bottom: 1px solid #E5EAED;
    /*
    & ul{
      padding-top: pxToRem(17);
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: flex-start;
      & li{
        width: 50%;
        padding-bottom: pxToRem(2);
        & a{
          color: $footermenu;
          font-size: pxToRem(13);
        }
      }
    }
    */
  }
  footer .footer__MainMenu .categryGenre p {
    border-bottom: none;
  }
  footer .footer__MainMenu--CategryArea {
    display: none;
  }
  footer .footer__MainMenu .categryArea {
    border-bottom: 1px solid #E5EAED;
    /*
    & ul{
      padding-top: pxToRem(17);
      & li{
        padding-bottom: pxToRem(2);
        & a{
          color: $footermenu;
          font-size: pxToRem(13);
        }
      }
    }
    */
  }
  footer .footer__MainMenu .categryArea p {
    border-bottom: none;
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly {
    display: block;
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly .p-open {
    position: relative;
    display: block;
    padding: 1.4rem 0 1.4rem 0;
    /*
    & a{
      position: relative;
      display: block;
      &::after{
        content: "";
        position: absolute;
        top: 50%;
        right: pxToRem(2);
        display: block;
        background: $border03;
        width: pxToRem(10);
        height: pxToRem(2);
        margin-top: pxToRem(-1);
      }
      &::before{
        content: "";
        position: absolute;
        top: 50%;
        right: pxToRem(6);
        display: block;
        background: $border03;
        width: pxToRem(2);
        height: pxToRem(10);
        margin-top: pxToRem(-5);
      }
    }
    &.active{
      & a{
        &::before{
          content: "";
          display: none;
        }
      }
    }
    */
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly .p-open::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.2rem;
    display: block;
    background: #C2C6CC;
    width: 1rem;
    height: 0.2rem;
    margin-top: -0.1rem;
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly .p-open::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.6rem;
    display: block;
    background: #C2C6CC;
    width: 0.2rem;
    height: 1rem;
    margin-top: -0.5rem;
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly .p-open.active::before {
    content: "";
    display: none;
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly .mega {
    display: none;
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly .mega ul {
    padding-top: 0.9rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly .mega ul li {
    width: auto;
    padding-bottom: 2.4rem;
    font-size: 3.2vw;
    letter-spacing: -0.06em;
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly .mega ul li:nth-child(odd) {
    width: 52.24%;
    margin-right: 1.79%;
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly .mega ul li:nth-child(even) {
    width: 45.97%;
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly .mega ul li a {
    color: #484848;
    font-size: 1.3rem;
  }
  footer .footer__MainMenu .footer__MainMenu--SpOnly .categryArea .mega ul li {
    width: 100%;
    margin-right: 0;
  }
  footer .footer__InfoMenu {
    border-left: none;
    width: 100%;
    padding: 5rem 0 0 0;
  }
  footer .footer__InfoMenu .logo {
    position: relative;
    font-size: 0;
  }
  footer .footer__InfoMenu .logo a {
    position: relative;
    display: block;
    background: url(../img/logo_typeB.svg) left center no-repeat;
    background-size: 100%;
    width: 100%;
    width: 19rem;
    padding-top: 2.7rem;
    font-size: 0;
    overflow: hidden;
  }
  footer .footer__InfoMenu .snsList {
    padding: 2.2rem 0 4rem 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
  }
  footer .footer__InfoMenu .snsList div:not(:first-of-type) {
    padding-left: 2rem;
  }
  footer .footer__InfoMenu .contactBtn {
    width: 41.79%;
    min-width: initial;
  }
  footer .footer__InfoMenu .contactBtn a {
    display: block;
    font-size: 3.47vw;
    line-height: 1.538;
    padding: 0.9rem 0;
  }
  footer .footer__InfoMenu ul {
    padding-top: 1.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  footer .footer__InfoMenu ul li {
    font-size: 3.2vw;
    line-height: 2.5;
  }
  footer .footer__InfoMenu ul li + li {
    padding-top: 0rem;
    padding-left: 3.7rem;
  }
  footer .footer__InfoMenu .logo_Approad {
    padding-top: 2.7rem;
  }
  footer .footer__InfoMenu .logo_Approad p {
    font-size: 3.2vw;
    padding-bottom: 1rem;
  }
  footer .footer__InfoMenu .logo_Approad img {
    width: 49.25%;
    max-width: 16.5rem;
  }
  footer .copy {
    padding-top: 2.8rem;
    color: #767676;
    font-size: 2.67vw;
  }
  footer.footerType02 {
    border-top: 1px solid #E5EAED;
  }
  footer.footerType02 .inner {
    width: 100%;
    max-width: initial;
    margin: 0 auto;
    padding: 2rem 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  footer.footerType02 .copy {
    padding-top: 0rem;
    color: #767676;
    font-size: 2.67vw;
    text-align: center;
    font-family: "Inter", sans-serif;
    -webkit-font-smoothing: antialiased;
  }
}