/* ============================================== color */
/* hover
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ============================================================================================ hover */
/* =========================================================================================== jochum */
/* ============================================== anime */
/* ----------------------- btnCircle */
@keyframes btnCircle-Anime {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/* ----------------------- charaHover-Anime */
@keyframes charaHover-Anime {
  0% {
    transform: translate3d(0, 0, 0);
  }
  10% {
    transform: translate3d(0, -12px, 0);
  }
  20% {
    transform: translate3d(0, 0, 0);
  }
  30% {
    transform: translate3d(0, -12px, 0);
  }
  40% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
/* ----------------------- charaNav-Anime */
@keyframes charaNav-Anime {
  0% {
    transform: translate3d(0, 0, 0);
  }
  10% {
    transform: translate3d(0, -12px, 0);
  }
  20% {
    transform: translate3d(0, 0, 0);
  }
  30% {
    transform: translate3d(0, -12px, 0);
  }
  40% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
/*========================================================================== 1175px */
@media only screen and (max-width: 1175px) {
  .modalArrow > li.modalArrow--prev {
    right: calc(100% + 25px);
  }
  .modalArrow > li.modalArrow--next {
    left: calc(100% + 25px);
  }
  .modalBtn__back {
    top: 20px;
    left: 10px;
    transform: scale(0.85);
  }
}
/*========================================================================== 1023px */
@media only screen and (max-width: 1023px) {
  /* ----------------------- common */
  .menuBtn {
    width: 85px;
    height: 85px;
  }
  .h1 {
    width: 255px;
  }
  .header {
    padding-bottom: 55px;
  }
  .navList > li {
    margin: 0 5px;
  }
  .navList > li img {
    height: 14px;
  }
  .sanrioSns {
    right: 20px;
  }
  .sanrioSns .sanrioSns__list > li > a {
    width: 60px;
    height: 60px;
  }
  .sanrioSns .sanrioSns__list > li > a::before {
    width: 52px;
    height: 52px;
  }
  /* ----------------------- menu */
  .menu .menuNav__list > li {
    margin: 0 20px;
  }
  .menu .menuNav__list > li > a > img {
    height: 22px;
  }
  .menu .menuInner__chara--block--name > p {
    font-size: 18px;
  }
  .menu .menuInner__chara--block--name > span {
    font-size: 11px;
  }
  /* ----------------------- contents */
  .h2 img {
    height: 50px;
  }
  .movieBlock__title > dd {
    font-size: 16px;
  }
  .newsBlock__title > dt, .newsBlock__title > dd {
    font-size: 14px;
  }
  /* ----------------------- modalBtn back */
  .modalBtn__back {
    position: absolute;
  }
  .modal .modalContents {
    width: calc(100% - 100px);
  }
  .modalArrow > li.modalArrow--prev {
    right: calc(100% - 95px);
  }
  .modalArrow > li.modalArrow--next {
    left: calc(100% - 95px);
  }
}
/*========================================================================== 767px */
@media only screen and (max-width: 767px) {
  /* ========================================== vw */
  /* ========================================== common */
  .partsPc {
    display: none !important;
  }
  .partsSp {
    display: block !important;
  }
  .sliderParts--wrapper.partsSp {
    display: flex !important;
  }
  /* ----------------------- bg */
  .bg .bgDots > li {
    background-size: 70px auto;
  }
  @keyframes bgLineAnime {
    0% {
      transform: translate3d(-109px, 0, 0);
    }
    100% {
      transform: translate3d(0, 0, 0);
    }
  }
  .bg .bgLine .bgLine__list {
    width: calc(100% + 109px);
    -webkit-animation: bgLineAnime 2.5s linear infinite;
    animation: bgLineAnime 2.5s linear infinite;
  }
  .bg .bgLine .bgLine__list > li {
    background-size: 109px auto;
  }
  /* ----------------------- btnCircle */
  .btnCircle {
    width: 35px;
    height: 35px;
  }
  .btnCircle::after {
    border-width: 1px;
  }
  .btnCircle.btnCircle--large {
    width: 35px;
    height: 35px;
  }
  .btnCircle.btnCircle--large .btnCircle__arrow {
    width: 15px;
    height: 13px;
  }
  .btnCircle.btnCircle--large .btnCircle__arrow > span::before {
    width: 8px;
  }
  .btnCircle__seeall > span {
    height: 5px;
  }
  /* ----------------------- btnCircle arrow */
  .btnCircle__arrow {
    width: 11px;
    height: 11px;
  }
  .btnCircle__arrow::after {
    width: 7px;
  }
  .btnCircle__arrow > span {
    height: 2px;
  }
  .btnCircle__arrow > span::before {
    width: 6px;
  }
  /* ============================================== menuBtn */
  .menuBtn {
    width: 54px;
    height: 54px;
    top: 14px;
    left: 12px;
  }
  .menu--open .menuBtn .menuBtn__text > li:nth-child(2) {
    transform: translateY(-100%) scale(0.5);
  }
  .menuBtn::after {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-width: 1px;
  }
  .menuBtn .menuBtn__line {
    width: 14px;
    height: 1px;
    top: calc(50% - 4px);
  }
  .menuBtn .menuBtn__line::before {
    transform: translateY(-3px);
  }
  .menuBtn .menuBtn__line::after {
    transform: translateY(3px);
  }
  .menuBtn .menuBtn__text {
    height: 10px;
    top: calc(50% + 8px);
  }
  .menuBtn .menuBtn__text > li {
    height: 10px;
    line-height: 10px;
    transform: scale(0.5);
  }
  /* ============================================== header */
  .header {
    padding-top: 25px;
    padding-bottom: 33px;
  }
  /* ----------------------- h1 */
  .h1 {
    width: 134px;
  }
  /* ----------------------- h2 */
  .h2 {
    margin-bottom: 25px;
  }
  .h2 img {
    height: 25px;
  }
  /* ----------------------- innerGrid */
  .innerGrid {
    padding-left: 25px;
    padding-right: 25px;
  }
  /* ----------------------- btnAll arrow */
  .btnAll__arrow {
    width: 9px;
    height: 9px;
    right: 6px;
  }
  /* ============================================== menu */
  .menu .menuInner {
    min-height: inherit;
  }
  .menu .menuInner__header {
    padding-top: 20px;
    padding-bottom: 28px;
  }
  .menu .menuNav__list {
    flex-direction: column;
  }
  .menu .menuNav__list > li {
    margin: 8px 0;
    font-size: 0;
    text-align: center;
  }
  .menu .menuNav__list > li > a {
    display: inline-block;
    padding-bottom: 7px;
    padding-top: 7px;
  }
  .menu .menuNav__list > li > a::after {
    height: 3px;
  }
  .menu .menuNav__list > li > a > img {
    height: 22px;
    margin: 0 auto;
  }
  .menu .menuInner__chara {
    margin-bottom: 15px;
  }
  .menu .footerShare {
    margin-bottom: 15px;
  }
  .menu .footerShare__title {
    font-size: 12px;
    margin-bottom: 12px;
  }
  .menu .share__list > li {
    margin: 0 8px;
  }
  .menu .share__list > li > a {
    width: 47px;
    height: 47px;
    background-size: 18px auto;
  }
  .menu .menuInner__chara--block--img {
    margin: 0 auto 15px;
  }
  .menu .menuInner__chara--block--name > p {
    font-size: 14px;
  }
  .menu .menuInner__chara--block--name > span {
    font-size: 10px;
  }
  .menu .keen-slider:not([data-keen-slider-disabled]) {
    padding: 0 10px;
  }
  /* ======================================================== sanrioSns */
  .sanrioSns {
    top: 22px;
    right: 12px;
  }
  .sanrioSns .sanrioSns__list > li {
    margin: 0 4px;
  }
  .sanrioSns .sanrioSns__list > li > a {
    width: 38px;
    height: 38px;
  }
  .sanrioSns .sanrioSns__list > li > a::before {
    width: 32px;
    height: 32px;
  }
  .sanrioSns .sanrioSns__list > li > a::after {
    background-size: 15px auto;
  }
  /* ============================================== nav */
  .nav {
    padding: 0;
    margin-bottom: -5px;
  }
  .navList {
    margin: 0 1px;
  }
  .navList > li {
    margin: 0 1px;
  }
  .navList > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
  }
  .navList > li > a::before {
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
  }
  .navList > li > a::after {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-width: 1px 1px 0 1px;
  }
  .navList > li img {
    height: 10px;
    transform: scaleX(0.9);
  }
  /* ============================================== contents */
  .contents__wrapper {
    border-width: 5px 0;
    border-radius: 0;
  }
  .contents__wrapper:after {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-width: 1px 0;
    border-radius: 0;
  }
  .contents {
    border-radius: 0;
  }
  .pages .contents {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  /* ============================================== charaBlock */
  .charaBlock .charaBlock__top .btnCircle {
    right: 5%;
    bottom: -3%;
  }
  .charaBlock .author {
    margin-top: 1em;
  }
  .charaBlock .author > b, .charaBlock .author > span {
    display: block;
  }
  .charaBlock .author > b {
    font-size: 13px;
    margin-bottom: 8px;
  }
  .charaBlock .author > span {
    font-size: 10px;
  }
  /* ----------------------- list */
  .charaBlock__list {
    justify-content: space-between;
    margin-top: -27px;
  }
  .charaBlock__list .charaBlock {
    width: calc(50% - 10px);
    margin-right: 0;
    margin-bottom: 10px;
    opacity: 0;
  }
  .charaBlock__list .charaBlock .author > b {
    font-size: 15px;
  }
  /* ============================================== movieBlock */
  .movieBlock__thum {
    border-radius: 7px;
    margin-bottom: 18px;
  }
  .movieBlock__title {
    padding-left: 40px;
    min-height: 30px;
  }
  .movieBlock__title > dt {
    width: 28px;
    height: 28px;
    left: 0;
    top: -3px;
    border-width: 1px;
  }
  .movieBlock__title > dt > span {
    font-size: 10px;
    transform: translate(-50%, -50%) scale(0.85);
  }
  .movieBlock__title > dt > p {
    font-size: 14px;
  }
  .movieBlock__title > dd {
    font-size: 13px;
  }
  /* ----------------------- list */
  .movieBlock__list .movieBlock {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
  /* ============================================== newsBlock */
  .newsBlock__thum {
    width: 85px;
    padding-top: 0;
    margin-bottom: 0;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
  }
  .newsBlock__thum > span {
    position: relative;
    padding-top: 100%;
    height: 0;
  }
  .newsBlock__title {
    align-self: center;
    width: calc(100% - 105px);
  }
  .newsBlock__title > dt, .newsBlock__title > dd {
    font-size: 16px;
    text-align: left;
  }
  .newsBlock__title > dt {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .newsBlock__title > dd {
    font-size: 14px;
  }
  /* ----------------------- list */
  .newsBlock__list > li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .newsBlock__list > li:nth-child(3n) {
    margin-right: 0;
  }
  .newsBlock__list > li:last-child {
    margin-bottom: 0;
  }
  .newsBlock__link {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  /* ============================================== footer */
  /* ----------------------- pageTop */
  .pageTop {
    width: 55px;
    height: 55px;
  }
  /* ----------------------- footerShare */
  .footerShare {
    margin-bottom: 40px;
  }
  .footerShare__title {
    font-size: 15px;
    margin-bottom: 18px;
  }
  /* ----------------------- joOneSns */
  .joOneSns__title {
    font-size: 14px;
    margin-bottom: 18px;
  }
  /* ----------------------- footer */
  .footer {
    padding-top: 60px;
    padding-bottom: 22px;
  }
  .footer a {
    width: 80px;
  }
  .footer .copy {
    transform: scale(0.85);
    margin-top: 15px;
  }
  /* ======================================================== share / joOneSns */
  .share__list > li {
    margin: 0 10px;
  }
  .share__list > li > a {
    width: 66px;
    height: 66px;
    background-size: 30px auto;
  }
  .share__list > li > a::after {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border-width: 2px;
  }
  .joOneSns {
    margin-bottom: 40px;
  }
  .joOneSns__list > li > a {
    width: 38px;
    height: 38px;
    background-size: 19px auto;
    border-width: 2px;
  }
  /* ============================================== modal */
  .modal {
    /* ----------------------- modalBg */
    /* ----------------------- modalContents */
  }
  .modal .modalBg::after {
    background-size: 100px auto;
  }
  .modal .modalContents {
    width: calc(100% - 40px);
    padding-bottom: 30px;
  }
  /* ============================================== modal back */
  .btnCircle__seeall.btnCircle__back > span {
    height: 8px;
  }
  .modalBtn__back {
    width: 52px;
    height: 52px;
    top: 22px;
    left: 27px;
    transform: scale(1);
  }
  .modalBtn__back .btnCircle.btnCircle--large::after {
    border-width: 2px;
  }
  .modalBtn__back .btnCircle.btnCircle--large .btnCircle__back {
    padding: 4px 0;
  }
  .modalBtn__back .btnCircle__arrow {
    top: 46%;
    transform: translate(-50%, -50%) rotate(180deg) scale(1.4);
    -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1.4);
  }
  /* ============================================== modalArrow */
  .modalArrow {
    width: calc(100% - 40px);
  }
  .modalArrow > li {
    width: 34px;
    height: 34px;
    border-width: 2px;
  }
  .modalArrow > li::before, .modalArrow > li::after {
    background-size: 8px auto;
  }
  .modalArrow > li.modalArrow--prev {
    right: calc(100% - 19px);
  }
  .modalArrow > li.modalArrow--next {
    left: calc(100% - 19px);
  }
  /* ======================================================================= hover sp */
  .menuBtn:active::after {
    -webkit-animation: btnCircle-Anime 15s linear infinite;
    animation: btnCircle-Anime 15s linear infinite;
  }
  .menuBtn:active .menuBtn__line::before, .menuBtn:active .menuBtn__line::after {
    transform: translateY(0);
  }
  .navList > li > a:active::before {
    opacity: 1;
  }
  .btnAll:active {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .btnAll:active .btnAll__arrow:before {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transform: translate(100%, 0);
  }
  .btnAll:active .btnAll__arrow:after {
    transform: translate(0, 0);
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 1s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }
  .kvNews .kvNews__list > li > a:active {
    text-decoration: underline;
  }
  .btnCircle__hoverWrapper:active .btnCircle {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .btnCircle__hoverWrapper:active .btnCircle::after {
    -webkit-animation: btnCircle-Anime 15s linear infinite;
    animation: btnCircle-Anime 15s linear infinite;
  }
  .btnCircle__hoverWrapper:active .btnCircle__arrow {
    left: calc(50% + 3px);
  }
  .btnCircle__hoverWrapper:active .btnCircle__arrow > span:before {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 100%;
    transform: translate(100%, 0);
  }
  .btnCircle__hoverWrapper:active .btnCircle__arrow > span:after {
    transform: translate(0, 0);
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 1s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }
  .btnCircle:active {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .btnCircle:active::after {
    -webkit-animation: btnCircle-Anime 15s linear infinite;
    animation: btnCircle-Anime 15s linear infinite;
  }
  .btnCircle:active .btnCircle__arrow {
    left: calc(50% + 3px);
  }
  .btnCircle:active .btnCircle__arrow > span:before {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 100%;
    transform: translate(100%, 0);
  }
  .btnCircle:active .btnCircle__arrow > span:after {
    transform: translate(0, 0);
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 1s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }
  .charaBlock.btnCircle__hoverWrapper:active .btnCircle {
    transform: scale(1.2);
  }
  .charaBlock:active .charaBlock__img > li.chara {
    -webkit-animation: charaHover-Anime 1.8s ease-in-out infinite;
    animation: charaHover-Anime 1.8s ease-in-out infinite;
  }
  .movieBlock__link:active .movieBlock__thum > span {
    transform: scale(1.05);
  }
  .movieBlock__link:active .movieBlock__title > dd {
    text-decoration: underline;
  }
  .newsBlock__link:active .newsBlock__thum > span {
    transform: scale(1.05);
  }
  .newsBlock__link:active .newsBlock__title > dd {
    text-decoration: underline;
  }
  .pageTop:active {
    top: -8px;
  }
  .pageTop:active .btnCircle__arrow {
    top: calc(50% - 5px);
  }
  .pageTop:active .btnCircle__arrow > span:before {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 100%;
    transform: translate(100%, 0);
  }
  .pageTop:active .btnCircle__arrow > span:after {
    transform: translate(0, 0);
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 1s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 1s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }
  .share__list > li:active > a {
    background-size: 50px auto;
  }
  .share__list > li:active > a::after {
    -webkit-animation: btnCircle-Anime 15s linear infinite;
    animation: btnCircle-Anime 15s linear infinite;
  }
  .joOneSns__list > li:active {
    transform: translateY(-8px);
  }
  .sanrioSns .sanrioSns__list > li:active > a::before {
    -webkit-animation: btnCircle-Anime 15s linear infinite;
    animation: btnCircle-Anime 15s linear infinite;
  }
  .sanrioSns .sanrioSns__list > li:active > a::after {
    transform: scale(1.15);
  }
  .modalArrow > li:active::before {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .modalArrow > li:active.modalArrow--prev::after {
    transform: translateX(-5px);
  }
  .modalArrow > li:active.modalArrow--next::after {
    transform: translateX(5px);
  }
  .modalBtn__back .btnCircle:active::after {
    animation-direction: reverse;
  }
  .modalBtn__back .btnCircle:active .btnCircle__arrow {
    left: calc(50% - 3px);
  }
  .menu .menuNav__list > li:active::after {
    width: 100%;
    right: auto;
    left: 0;
  }
  .menu .share__list > li:active > a {
    background-size: 26px auto;
  }
  .menuInner__chara--block > a:active .menuInner__chara--block--img {
    transform: translateY(-10px) scale(1.05);
  }
  .menuInner__chara--block > a:active .menuInner__chara--block--img > span {
    -webkit-animation: charaNav-Anime 1.8s ease-in-out infinite;
    animation: charaNav-Anime 1.8s ease-in-out infinite;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
  }
  .sanrioSns .sanrioSns__list > li:active > a::after {
    transform: scale(1.05);
  }
}
/*========================================================================== 360px */
@media only screen and (max-width: 360px) {
  .navList > li {
    margin: 0 1px;
  }
  .navList > li img {
    height: 8px;
  }
  .sanrioSns {
    right: 3px;
  }
  .sanrioSns .sanrioSns__list > li {
    margin: 0 3px;
  }
  .h2 img {
    height: 20px;
  }
  .joOneSns__list > li {
    margin: 0 4px;
  }
}/*# sourceMappingURL=base-sp.css.map */