@-webkit-keyframes out-prev-text {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(32px);
    transform: translateX(32px)
  }
}
@keyframes out-prev-text {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(32px);
    transform: translateX(32px)
  }
}
@-webkit-keyframes out-next-text {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-32px);
    transform: translateX(-32px)
  }
}
@keyframes out-next-text {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-32px);
    transform: translateX(-32px)
  }
}
@-webkit-keyframes in-prev-text {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-32px);
    transform: translateX(-32px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes in-prev-text {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-32px);
    transform: translateX(-32px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes in-next-text {
  0% {
    opacity: 0;
    -webkit-transform: translateX(32px);
    transform: translateX(32px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes in-next-text {
  0% {
    opacity: 0;
    -webkit-transform: translateX(32px);
    transform: translateX(32px)
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
.ct-chart .ct-grid {
  stroke: #a4a4a4;
  stroke-dasharray: none
}
.ct-chart .ct-bar {
  stroke: #fff100
}
.ct-chart .ct-label {
  color: #000;
  white-space: nowrap
}
.ct-chart .ct-label.ct-vertical {
  justify-content: flex-end;
  position: relative;
  top: .3em
}
.shop-mv__head {
  background-color: #fff100
}
.shop-mv__ttl {
  text-align: center;
  font-weight: 700
}
.shop-mv__container-img {
  width: 100%
}
html.is-ie .shop-mv__container-twitter {
  display: none !important
}
.shop-mv__twitter {
  background-color: #3e9ce3
}
.shop-mv__twitter-ttl {
  display: flex;
  align-items: center
}
.shop-mv__twitter-ttl__txt {
  color: #fff;
  font-weight: 700
}
.shop-news__list-item:not(:first-child) {
  border-top: solid 1px #dfdfdf
}
.shop-news__data-description a, .shop-news__data-term {
  font-weight: 700;
}
.shop-news__data .shop-news__data-description a.shop_salelink {
  text-decoration: underline;
}
.shop-news__data .shop-news__data-description a.shop_salelink:hover {
  text-decoration: none;
}
.shop-covid19 {
  background-color: #fff
}
.shop-covid19__list {
  display: flex;
  flex-wrap: wrap
}
.shop-covid19__list-item {
  flex-grow: 0;
  flex-shrink: 0
}
.shop-covid19__list-circle {
  border-radius: 50%;
  border-style: solid;
  border-color: #000;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center
}
.shop-covid19__list-description {
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  white-space: nowrap
}
.shop-gallery .swiper-parent {
  position: relative;
  margin: 0 auto
}
.shop-gallery .swiper-image {
  width: 100%
}
.shop-gallery .swiper-button-next, .shop-gallery .swiper-button-prev {
  margin-top: 0;
  background: 0 0;
  border-radius: 50%;
  background: #fff100;
  display: flex;
  justify-content: center;
  align-items: center
}
.shop-gallery .swiper-button-next:before, .shop-gallery .swiper-button-prev:before {
  content: "";
  display: block
}
.shop-gallery .swiper-button-prev:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom-style: solid;
  border-bottom-color: #000;
  border-left-style: solid;
  border-left-color: #000
}
.shop-gallery .swiper-button-next:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top-style: solid;
  border-top-color: #000;
  border-right-style: solid;
  border-right-color: #000
}
.shop-gallery .swiper-ttl {
  position: relative;
  font-weight: 700
}
.shop-gallery .swiper-ttl-item {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
.shop-gallery .swiper-ttl-item.-out-prev {
  -webkit-animation-name: out-prev-text;
  animation-name: out-prev-text
}
.shop-gallery .swiper-ttl-item.-out-next {
  -webkit-animation-name: out-next-text;
  animation-name: out-next-text
}
.shop-gallery .swiper-ttl-item.-in-prev {
  pointer-events: auto;
  -webkit-animation-name: in-prev-text;
  animation-name: in-prev-text
}
.shop-gallery .swiper-ttl-item.-in-next {
  pointer-events: auto;
  -webkit-animation-name: in-next-text;
  animation-name: in-next-text
}
.shop-gallery .swiper-txt {
  position: relative
}
.shop-gallery .swiper-txt-item {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
.shop-gallery .swiper-txt-item.-out-prev {
  -webkit-animation-name: out-prev-text;
  animation-name: out-prev-text
}
.shop-gallery .swiper-txt-item.-out-next {
  -webkit-animation-name: out-next-text;
  animation-name: out-next-text
}
.shop-gallery .swiper-txt-item.-in-prev {
  pointer-events: auto;
  -webkit-animation-name: in-prev-text;
  animation-name: in-prev-text
}
.shop-gallery .swiper-txt-item.-in-next {
  pointer-events: auto;
  -webkit-animation-name: in-next-text;
  animation-name: in-next-text
}
.shop-gallery .swiper-thumb {
  display: flex;
  flex-wrap: wrap
}
.shop-gallery .swiper-thumb__link {
  position: relative;
  display: block;
  background: no-repeat center;
  background-size: cover
}
.shop-gallery .swiper-thumb__link:before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-color: #fff100;
  opacity: 0;
  transition: opacity .5s
}
.shop-gallery .swiper-thumb__link.is-active {
  cursor: default;
  pointer-events: none
}
.shop-gallery .swiper-thumb__link.is-active:before {
  opacity: 1
}
.shop-exp {
  background-color: #f7f7f7
}
.shop-exp__list {
  display: flex;
  margin-bottom: 40px;
 flex-wrap: wrap
}
.shop-exp__list-box {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff
}
.shop-exp__list-item .back_black{
background-color: #000 !important;
}
.shop-exp__list-ttl {
  text-align: center;
  font-weight: 700
}
.shop-msg__inner {
  margin-left: auto;
  margin-right: auto;
  background-color: #fff
}
.shop-msg__comment-name {
  margin-top: 1em;
  text-align: right;
  font-weight: 700
}
.shop-brand__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.shop-brand__list-item {
  flex-grow: 0;
  flex-shrink: 0
}
.shop-brand__list-box {
  display: flex;
  justify-content: center;
  align-items: center
}
.shop-brand__list-description {
  display: flex;
  justify-content: center;
  text-align: center;
  white-space: nowrap
}
.shop-service {
  position: relative;
  background-color: #fff100
}
.shop-service .shop-ttl {
  text-align: center
}
.shop-service__container {
  background-color: #f2f2f2
}
.shop-service__list {
  display: flex;
  flex-wrap: wrap
}
.shop-service__list-item {
  flex-grow: 0;
  flex-shrink: 0
}
.shop-service__list-box, .shop-service__list-link {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff
}
.shop-service__list-box:before, .shop-service__list-link:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #fff100
}
.shop-service__list-link .shop-service__list-description {
  text-decoration: underline
}
.shop-service__list-link__arrow {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center
}
.shop-service__list-link__arrow:before {
  content: "";
  display: block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top-style: solid;
  border-top-color: #000;
  border-right-style: solid;
  border-right-color: #000
}
.shop-service__list-description {
  position: relative;
  font-weight: 700
}
.shop-congestion__ttl {
  text-align: center;
  font-weight: 700
}
.shop-access__list-item, .shop-access__list-pic {
  position: relative
}
.shop-access__list-item:not(:nth-child(3n+1)) .shop-access__list-pic:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #000
}
.shop-payment__list-item:not(:first-child) {
  border-top-style: solid;
  border-top-color: #cdcaca
}
.shop-payment__list-ttl {
  font-weight: 700
}
.shop-payment__list-card {
  width: auto
}
@media screen and (max-width:699px) {
  .ct-chart {
    width: 93.46667vw;
    height: 56vw
  }
  .ct-chart .ct-bar {
    stroke-width: 7.68vw
  }
  .ct-chart.-labels10 .ct-bar {
    stroke-width: 6.912vw
  }
  .ct-chart.-labels11 .ct-bar {
    stroke-width: 6.28364vw
  }
  .ct-chart.-labels12 .ct-bar {
    stroke-width: 5.76vw
  }
  .ct-chart.-labels13 .ct-bar {
    stroke-width: 5.31692vw
  }
  .ct-chart .ct-label {
    font-size: 2.4vw
  }
  .ct-chart .ct-label.ct-horizontal {
    margin-top: .53333vw
  }
  .shop-mv__head {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  .shop-mv__ttl {
    font-size: 5.33333vw;
    line-height: 1.25
  }
  .shop-mv__container {
    margin-top: -19.73333vw
  }
  .shop-mv__container-twitter {
    margin-top: 10.66667vw;
    padding-left: 3.2vw;
    padding-right: 3.2vw
  }
  .shop-mv__twitter {
    padding: 4.26667vw 2.93333vw 2.93333vw
  }
  .shop-mv__twitter-ttl {
    margin-left: -5.33333vw;
    margin-bottom: 4.26667vw;
    justify-content: center
  }
  .shop-mv__twitter-ttl__ico {
    width: 8.93333vw
  }
  .shop-mv__twitter-ttl__txt {
    margin-left: 1.6vw;
    font-size: 5.33333vw
  }
  .shop-mv__twitter-inner {
    height: 90vw
  }
  .shop-news {
    margin-bottom: 10.66667vw
  }
  .shop-news__list {
    padding-left: 3.2vw;
    padding-right: 3.2vw
  }
  .shop-news__list-item:not(:first-child) {
    margin-top: 5.33333vw;
    padding-top: 5.33333vw
  }
  .shop-news__data-term {
    font-size: 3.73333vw;
    line-height: 1.14286
  }
  .shop-news__data-description {
    margin-top: 3.2vw;
    font-size: 3.73333vw;
    line-height: 1.57143
  }
  .shop-covid19 {
    margin-top: 0;
    padding-top: 10.66667vw;
    padding-bottom: 10.66667vw
  }
  .shop-covid19__list {
    margin-top: 8vw;
    padding-left: 3.2vw;
    padding-right: 3.2vw
  }
  .shop-covid19__list-item {
    flex-basis: 21.06667vw;
    width: 22.66667vw;
    max-width: 22.66667vw
  }
  .shop-covid19__list-item:not(:nth-child(3n+1)) {
    margin-left: 9.33333vw
  }
  .shop-covid19__list-item:not(:nth-child(-n+3)) {
    margin-top: 5.33333vw
  }
  .shop-covid19__list-circle {
    border-width: .53333vw;
    width: 22.66667vw;
    height: 22.66667vw
  }
  .shop-covid19__list-ico--temperature {
    width: 14.8vw;
    height: 14.26667vw
  }
  .shop-covid19__list-ico--disinfect {
    width: 13.6vw;
    height: 13.73333vw
  }
  .shop-covid19__list-ico--mask {
    width: 12.4vw;
    height: 14.4vw
  }
  .shop-covid19__list-ico--shield {
    width: 13.46667vw;
    height: 14.53333vw
  }
  .shop-covid19__list-ico--stand {
    width: 12.66667vw;
    height: 12.26667vw
  }
  .shop-covid19__list-ico--distance {
    width: 14.13333vw;
    height: 14.4vw
  }
  .shop-covid19__list-ico--ventilation {
    width: 13.46667vw;
    height: 12.8vw
  }
  .shop-covid19__list-ico--limit {
    width: 14.4vw;
    height: 14.8vw
  }
  .shop-covid19__list-description {
    margin-top: 2.13333vw;
    font-size: 4vw;
    line-height: 1.33333
  }
  .shop-gallery {
    margin-top: 10.66667vw
  }
  .shop-gallery .swiper-parent {
    margin-top: 8vw;
    width: 87.2vw
  }
  .shop-gallery .swiper-container {
    margin-top: 2.13333vw
  }
  .shop-gallery .swiper-button-next, .shop-gallery .swiper-button-prev {
    top: 30.66667vw;
    width: 8vw;
    height: 8vw
  }
  .shop-gallery .swiper-button-prev {
    left: -3.2vw
  }
  .shop-gallery .swiper-button-prev:before {
    margin-right: -.8vw;
    border-bottom-width: .53333vw;
    border-left-width: .53333vw;
    width: 2.4vw;
    height: 2.4vw
  }
  .shop-gallery .swiper-button-next {
    right: -3.2vw
  }
  .shop-gallery .swiper-button-next:before {
    margin-left: -.8vw;
    border-top-width: .53333vw;
    border-right-width: .53333vw;
    width: 2.4vw;
    height: 2.4vw
  }
  .shop-gallery .swiper-ttl, .shop-gallery .swiper-txt {
    font-size: 3.73333vw;
    line-height: 1.57143;
    height: 5.86667vw
  }
  .shop-gallery .swiper-txt {
    margin-top: 4.26667vw;
    height: 23.46667vw
  }
  .shop-gallery .swiper-thumb {
    margin-top: 4.26667vw
  }
  .shop-gallery .swiper-thumb__item:not(:nth-child(10n+1)) {
    margin-left: 1.6vw
  }
  .shop-gallery .swiper-thumb__item:not(:nth-child(-n+10)) {
    margin-top: 1.33333vw
  }
  .shop-gallery .swiper-thumb__link {
    width: 7.2vw;
    height: 7.2vw
  }
  .shop-gallery .swiper-thumb__link:before {
    border-width: .53333vw;
    top: -.26667vw;
    left: -.26667vw;
    width: calc(100% + .53333vw);
    height: calc(100% + .53333vw)
  }
  .shop-exp {
    margin-top: 10.66667vw;
    padding-top: 10.66667vw;
    padding-bottom: 10.66667vw
  }
  .shop-exp__list {
    padding-left: 3.2vw;
    padding-right: 3.2vw;
    flex-wrap: wrap
  }
  .shop-exp__list-item {
    flex: 0 0 40vw;
    max-width: 40vw;
    width: 40vw
  }
  .shop-exp__list-item:nth-child(even) {
    margin-left: 6.4vw
  }
  .shop-brand__list-item:not(:nth-child(-n+2)), .shop-exp__list-item:not(:nth-child(-n+2)) {
    margin-top: 7.46667vw
  }
  .shop-exp__list-box {
    flex: 0 0 40vw;
    max-width: 40vw;
    width: 40vw;
    height: 25.33333vw
  }
  .shop-exp__list-img--adobe {
    width: 18.53333vw
  }
  .shop-exp__list-img--davinci {
    width: 19.6vw
  }
  .shop-exp__list-img--bf, .shop-exp__list-img--wps {
    width: 35.46667vw
  }
  .shop-exp__soft{
    font-size: 1.0em;
    margin: 2em 0 1em;
    font-weight: 700;
  }
  .shop-exp__game{
    font-size: 1.0em;
    margin: 2em 0 1em;
    font-weight: 700;
  }
  .shop-exp__list-ttl {
    display: flex;
    justify-content: center;
    white-space: nowrap;
    margin-top: 3.2vw;
    font-size: 3.5vw
  }
  .shop-exp__list-ttl_dstxt {
    font-size: 0.4em;
    word-break: break-all;
    margin-top: 1em;
  }
  .shop-msg {
    margin-top: 10.33333vw
  }
  .shop-msg__info {
    margin-top: 5.33333vw
  }
  .shop-msg__comment {
    border-radius: 1.33333vw;
    padding: 5.33333vw;
    box-shadow: 0 0 1.33333vw .66667vw rgba(0, 0, 0, .1)
  }
  .shop-msg__comment-name, .shop-msg__comment-txt {
    font-size: 3.73333vw;
    line-height: 1.57143
  }
  .shop-brand {
    margin-top: 12vw
  }
  .shop-brand__list-item {
    flex-basis: 46.66667vw;
    width: 46.66667vw
  }
  .shop-brand__list-item.-mouse .shop-brand__list-img {
    width: 38.26667vw
  }
  .shop-brand__list-item.-gtune .shop-brand__list-img {
    width: 36.93333vw
  }
  .shop-brand__list-item.-gtune .shop-brand__list-description {
    padding-left: 2.13333vw
  }
  .shop-brand__list-item.-daiv .shop-brand__list-img {
    width: 31.33333vw
  }
  .shop-brand__list-item.-mousepro .shop-brand__list-img {
    width: 31.6vw
  }
  .shop-brand__list-item.-iiyama .shop-brand__list-img {
    width: 31.33333vw
  }
  .shop-brand__list-box {
    height: 10.66667vw
  }
  .shop-brand__list-description {
    margin-top: 2.13333vw;
    font-size: 3.2vw;
    line-height: 1.57143
  }
  .shop-service {
    margin-top: 21.33333vw;
    margin-bottom: 26.66667vw;
    padding-top: 10.66667vw;
    height: 77.33333vw
  }
  .shop-service__container {
    padding: 10.66667vw 3.2vw 5.33333vw;
    border-radius: 1.33333vw;
    box-shadow: 0 0 1.33333vw .66667vw rgba(0, 0, 0, .1)
  }
  .shop-service__list-item {
    flex-basis: 42.66667vw;
    width: 42.66667vw;
    max-width: 42.66667vw;
    padding-left: 2.66667vw;
    height: 10.66667vw
  }
  .shop-service__list-item:nth-child(even) {
    margin-left: 1.33333vw
  }
  .shop-service__list-item:not(:nth-child(-n+2)) {
    margin-top: 2.26667vw
  }
  .shop-service__list-box, .shop-service__list-link {
    padding-left: 4.26667vw;
    padding-right: 1.6vw
  }
  .shop-service__list-box:before, .shop-service__list-link:before {
    width: 2.66667vw
  }
  .shop-service__list-link__arrow {
    width: 4vw;
    height: 4vw
  }
  .shop-service__list-link__arrow:before {
    margin-left: -.53333vw;
    border-top-width: .4vw;
    border-right-width: .4vw;
    width: 1.6vw;
    height: 1.6vw
  }
  .shop-service__list-description {
    font-size: 2.66667vw
  }
  .shop-congestion {
    margin-top: 10.66667vw
  }
  .shop-congestion__item:not(:first-child) {
    margin-top: 10.66667vw
  }
  .shop-congestion__ttl {
    font-size: 5.33333vw
  }
  .shop-access {
    margin-top: 21.33333vw
  }
  .shop-access__list-item {
    flex: 0 0 74.66667vw;
    width: 74.66667vw;
    max-width: 74.66667vw
  }
  .shop-access__list-item:first-child {
    margin-left: 3.2vw
  }
  .shop-access__list-item:last-child {
    margin-right: 3.2vw
  }
  .shop-access__list-item:not(:first-child) {
    margin-left: 14.13333vw
  }
  .shop-access__list-item:not(:nth-child(3n+1)) .shop-access__list-pic:before {
    left: -8.8vw;
    border-width: 3vw 0 3vw 3.2vw
  }
  .shop-access__list-description {
    margin-top: 4.26667vw;
    font-size: 3.73333vw;
    line-height: 1.57143
  }
  .shop-payment, .shop-payment__list {
    margin-top: 10.66667vw
  }
  .shop-payment__list-item {
    padding-left: 3.2vw
  }
  .shop-payment__list-item:not(:first-child) {
    margin-top: 4.26667vw;
    border-top-width: .26667vw;
    padding-top: 4.26667vw
  }
  .shop-payment__list-ttl {
    font-size: 4vw;
    line-height: 1.46667
  }
  .shop-payment__list-note {
    margin-top: 2.13333vw;
    font-size: 4vw;
    line-height: 1.46667
  }
  .shop-payment__list-note small {
    font-size: 3.46667vw
  }
  .shop-payment__list-card {
    margin-top: 2.13333vw;
    height: 12.13333vw
  }
}
@media screen and (min-width:700px), print {
  .ct-chart {
    margin-top: 40px;
    width: 100%;
    height: 290px
  }
  .ct-chart .ct-bar {
    stroke-width: 40px
  }
  .ct-chart.-labels10 .ct-bar {
    stroke-width: 36px
  }
  .ct-chart.-labels11 .ct-bar {
    stroke-width: 32.72727px
  }
  .ct-chart.-labels12 .ct-bar {
    stroke-width: 30px
  }
  .ct-chart.-labels13 .ct-bar {
    stroke-width: 27.69231px
  }
  .ct-chart .ct-label {
    font-size: 12px
  }
  .ct-chart .ct-label.ct-horizontal {
    margin-top: 4px
  }
  .shop-item {
    margin-top: 2em;
    margin-bottom: 0;
  }
  .shop-mv__head {
    padding: 30px 0;
  }
  .shop-mv__ttl {
    font-size: 35px;
    line-height: 1.34615
  }
  .shop-mv__container {
    margin-top: -130px
  }
  .shop-mv__container-twitter {
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    width: 800px
  }
  .shop-mv__twitter {
    padding: 12px 7px 7px
  }
  .shop-mv__twitter-ttl {
    margin-bottom: 10px
  }
  .shop-mv__twitter-ttl__ico {
    margin-left: 5px;
    width: 24px
  }
  .shop-mv__twitter-ttl__txt {
    margin-left: 12px;
    font-size: 22px
  }
  .shop-mv__twitter iframe {
    height: 280px !important
  }


  .shop-news {
    margin-bottom: 80px;
  }
  .shop-news__list {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .shop-news__list-item:not(:first-child) {
    margin-top: 40px;
    padding-top: 40px
  }
  .shop-news__data {
    display: flex
  }
  .shop-news__data-term {
    flex: 0 0 140px;
    width: 140px;
    max-width: 140px;
    font-size: 16px;
    line-height: 1.5
  }
  .shop-news__data-description {
    margin-left: 48px;
    flex: 1 1 auto;
    font-size: 16px;
    line-height: 1.5
  }
  .shop-covid19 {
    padding-top: 40px;
    padding-bottom: 80px
  }
  .shop-covid19__inner {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 800px
  }
  .shop-covid19__list-item {
    flex-basis: 158px;
    width: 130px;
    max-width: 130px
  }
  .shop-covid19__list-item:not(:nth-child(4n+1)) {
    margin-left: 93px
  }
  .shop-covid19__list-item:not(:nth-child(-n+4)) {
    margin-top: 24px
  }
  .shop-covid19__list-circle {
    border-width: 4px;
    width: 130px;
    height: 130px
  }
  .shop-covid19__list-ico--temperature {
    width: 85px;
    height: 82px
  }
  .shop-covid19__list-ico--disinfect {
    width: 78px;
    height: 79px
  }
  .shop-covid19__list-ico--mask {
    width: 72px;
    height: 83px
  }
  .shop-covid19__list-ico--shield {
    width: 78px;
    height: 84px
  }
  .shop-covid19__list-ico--stand {
    width: 73px;
    height: 71px
  }
  .shop-covid19__list-ico--distance {
    width: 80px;
    height: 81px
  }
  .shop-covid19__list-ico--ventilation {
    width: 78px;
    height: 74px
  }
  .shop-covid19__list-ico--limit {
    width: 81px;
    height: 83px
  }
  .shop-covid19__list-description {
    margin-top: 8px;
    font-size: 18px;
    line-height: 1.33333
  }
  .shop-gallery {
    margin-top: 80px
  }
  .shop-gallery .swiper-parent {
    width: 750px
  }
  .shop-gallery .swiper-container {
    margin-top: 8px
  }
  .shop-gallery .swiper-button-next, .shop-gallery .swiper-button-prev {
    top: 240px;
    width: 50px;
    height: 50px
  }
  .shop-gallery .swiper-button-prev {
    left: -80px
  }
  .shop-gallery .swiper-button-prev:before {
    margin-right: -6px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    width: 16px;
    height: 16px
  }
  .shop-gallery .swiper-button-next {
    right: -80px
  }
  .shop-gallery .swiper-button-next:before {
    margin-left: -6px;
    border-top-width: 4px;
    border-right-width: 4px;
    width: 16px;
    height: 16px
  }
  .shop-gallery .swiper-ttl {
    font-size: 16px;
    line-height: 1.5;
    height: 24px
  }
  .shop-gallery .swiper-txt {
    margin-top: 24px;
    font-size: 16px;
    line-height: 1.5;
    height: 48px
  }
  .shop-gallery .swiper-thumb {
    margin-top: 24px
  }
  .shop-gallery .swiper-thumb__item:not(:nth-child(10n+1)) {
    margin-left: 11px
  }
  .shop-gallery .swiper-thumb__item:not(:nth-child(-n+10)) {
    margin-top: 11px
  }
  .shop-gallery .swiper-thumb__link {
    width: 64px;
    height: 64px
  }
  .shop-gallery .swiper-thumb__link:before {
    border-width: 2px;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px)
  }
  .shop-exp {
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 80px
  }
  .shop-exp__list-item:not(:first-child) {
    margin-left: 25px
  }
  .shop-exp__list-item:nth-child(5){
    margin: 5% 0
  }
  .shop-exp__list-box {
    flex: 0 0 250px;
    width: 250px;
    max-width: 250px;
    height: 160px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1)
  }
  .shop-exp__list-img--adobe {
    width: 113px
  }
  .shop-exp__list-img--davinci {
    width: 119px
  }
  .shop-exp__list-img--wps {
    width: 216px
  }
  .shop-exp__list-img--bf {
    width: 217px
  }
  .shop-exp__list-img--ds {
    width: 230px;
  }
  .shop-exp .shop-exp__list-ttl {
    margin-top: 14px;
    font-size: 16px
  }
  .shop-exp .shop-exp__list-ttl_dstxt {
    font-size: 0.5em;
    max-width: 250px;
    word-break: break-all;
    margin-top: 1em;
  }
  .shop-exp__soft{
    font-size: 1.4em;
    margin: 2em 0 1em;
    font-weight: 700;
  }
  .shop-exp__game{
    font-size: 1.4em;
    margin: 2em 0 1em;
    font-weight: 700;
  }
  .shop-msg {
    margin-top: 80px
  }
  .shop-msg__inner {
    margin-left: auto;
    margin-right: auto;
    width: 715px;
    display: flex
  }
  .shop-msg__pic {
    flex: 0 0 275px;
    width: 275px;
    max-width: 275px
  }
  .shop-msg__info {
    margin-left: 40px;
    flex: 0 0 400px;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
  }
  .shop-msg__info .shop-ttl2 {
    margin-bottom: 0;
    flex: 0 0 auto
  }
  .shop-msg__comment {
    flex: 1 1 auto;
    margin-top: 40px;
    border-radius: 10px;
    padding: 40px 30px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1)
  }
  .shop-msg__comment-name, .shop-msg__comment-txt {
    font-size: 16px;
    line-height: 1.5
  }
  .shop-brand {
    margin-top: 80px
  }
  .shop-brand__list-item:not(:nth-child(5n+1)) {
    margin-left: 50px
  }
  .shop-brand__list-item:not(:nth-child(-n+5)) {
    margin-top: 32px
  }
  .shop-brand__list-item.-mouse {
    flex-basis: 211px;
    width: 211px;
    max-width: 211px
  }
  .shop-brand__list-item.-gtune {
    flex-basis: 192px;
    width: 192px;
    max-width: 192px
  }
  .shop-brand__list-item.-gtune .shop-brand__list-description {
    padding-left: 16px
  }
  .shop-brand__list-item.-daiv {
    flex-basis: 164px;
    width: 164px;
    max-width: 164px
  }
  .shop-brand__list-item.-mousepro {
    flex-basis: 160px;
    width: 160px;
    max-width: 160px
  }
  .shop-brand__list-item.-iiyama {
    flex-basis: 144px;
    width: 144px;
    max-width: 144px
  }
  .shop-brand__list-box {
    height: 50px
  }
  .shop-brand__list-description {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.5
  }
  .shop-service {
    margin-top: 80px;
    margin-bottom: 160px;
    padding-top: 80px;
    height: 460px
  }
  .shop-service__container {
    margin: 0 auto;
    padding: 62px 66px;
    border-radius: 10px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);
    width: 930px
  }
  .shop-service__list {
    margin: -9px
  }
  .shop-service__list-item {
    margin: 9px;
    flex-basis: 390px;
    width: 390px;
    max-width: 390px;
    height: 56px
  }
  .shop-service__list-box, .shop-service__list-link {
    padding-left: 35px;
    padding-right: 10px
  }
  .shop-service__list-box:before, .shop-service__list-link:before {
    width: 10px
  }
  .shop-service__list-link__arrow {
    width: 30px;
    height: 30px
  }
  .shop-service__list-link__arrow:before {
    margin-left: -3px;
    border-top-width: 3px;
    border-right-width: 3px;
    width: 9px;
    height: 9px
  }
  .shop-service__list-description {
    font-size: 24px;
    line-height: 1.08333
  }
  .shop-congestion {
    margin-top: 72px;
    display: flex;
    justify-content: space-between
  }
  .shop-congestion__item {
    flex: 0 0 485px;
    width: 485px;
    max-width: 485px
  }
  .shop-congestion__ttl {
    font-size: 28px
  }
  .shop-access {
    margin-top: 40px
  }
  .shop-access__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .shop-access__list-item {
    flex: 0 0 284px;
    width: 284px;
    max-width: 284px
  }
  .shop-access__list-item:not(:nth-child(3n+1)) {
    margin-left: 114px
  }
  .shop-access__list-item:not(:nth-child(3n+1)) .shop-access__list-pic:before {
    left: -57px;
    border-width: 12px 0 12px 13px
  }
  .shop-access__list-item:not(:nth-child(-n+3)) {
    margin-top: 64px
  }
  .shop-access__list-description {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.5
  }
  .shop-payment {
    margin-top: 80px
  }
  .shop-payment__inner {
    display: flex
  }
  .shop-payment__ttl {
    flex: 0 0 506px;
    max-width: 506px;
    min-height: 453px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2
  }
  .shop-payment__ttl .shop-ttl2 {
    margin-bottom: 0
  }
  .shop-payment__list {
    margin-left: 50px;
    flex: 1 0 auto;
    padding-bottom: 24px
  }
  .shop-payment__list-item {
    padding-left: 16px
  }
  .shop-payment__list-item:not(:first-child) {
    margin-top: 16px;
    border-top-width: 1px;
    padding-top: 16px
  }
  .shop-payment__list-ttl {
    font-size: 16px;
    line-height: 1.5
  }
  .shop-payment__list-note {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.5
  }
  .shop-payment__list-note small {
    font-size: 14px
  }
  .shop-payment__list-card {
    margin-top: 8px;
    height: 48px
  }
}
@media (hover:hover), (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .shop-gallery .swiper-button-next, .shop-gallery .swiper-button-prev, .shop-gallery .swiper-thumb__link, .shop-service__list-link {
    transition: opacity .5s
  }
  .shop-gallery .swiper-button-next:hover, .shop-gallery .swiper-button-prev:hover, .shop-gallery .swiper-thumb__link:hover, .shop-service__list-link:hover {
    opacity: .7
  }
}


/* movie */
.shop-movie{
  margin-top: 80px;
}

.shop-movie .shopmovie-list::after {
  display: block;
  content: "";
  width: 350px;
}

/* -----------------------------------------------------------
202402 renewal 
-------------------------------------------------------------*/

/* shop-page-nav */
.shop-page-nav .page-nav{
  border: 1px solid;
  text-align: center;
  transition: 0.25s;
}
.shop-page-nav .page-nav:hover{
  background: #f2f2f2;
}
.shop-page-nav .page-nav a{
  color: #000;
  display: block;
  padding: 1em;
  font-weight: bold;
}
.shop-page-nav .page-nav a:hover{
  text-decoration: none;
}
@media screen and (max-width: 699px) {
  .shop-page-nav .page-nav a{
    padding: 0.5em 0.1em;
    font-size: 0.9em;
  }
}
/* shop-info */
.shop-item__info-description ul{
  list-style-position: inside;
}
.shop-item__info-description ul li{
  list-style-type: disc;
  margin:0 0 0.5em 0.5em;
}
.shop-item__info-description .shop-service-list div{
  border: 1px solid;
  margin: 0.5em 0.8em 0 0;
  padding: 0.2em 0.5em;
  transition: 0.25s;
}
.shop-item__info-description .shop-service-list div:hover{
  background: #fff100;
}

.shop-item__info-description .shop-service-list div a{
  display: block;
  color: #000;
}
.shop-item__info-description .shop-service-list div a:hover{
  text-decoration: none;
}


/* shop-situation */
.shop-situation{
  margin-top: 4em;
}

/* shop-direct */
.shop-direct{
  background-color:#f2f2f2;
  margin-top: 60px;
  padding: 40px 0;
}
@media screen and (max-width: 699px) {
  .shop-direct{
    padding: 20px 0 40px;
  }
  .shop-direct h4{
    font-size: 1.2em;
  }
  .shop-direct p{
    font-size: 3.73333vw;
  }
}