.shop-mv__body, .shop-mv__head {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover
}
.shop-mv__head {
  background-color: #000
}
.shop-mv__body {
  color: #f2f2f2;
  background-color: #000
}
.shop-mv__body-ttl__txt1 {
  font-weight: 700
}
.shop-mv__body-ttl__txt2 {
  font-weight: 300
}
.shop-mv__body-copy__txt {
  font-weight: 300;
  font-style: italic
}
.shop-banner01 .swiper-link {
  display: block
}
.shop-banner01 .swiper-image {
  width: 100%
}
.shop-banner01 .swiper-pagination {
  position: static
}
.shop-banner01 .swiper-pagination-bullet {
  cursor: pointer;
  background-color: #3c3c3c;
  opacity: 1
}
.shop-banner01 .swiper-pagination-bullet-active {
  cursor: default;
  pointer-events: none;
  background-color: #fff100
}
.shop-covid19__list-circle {
  border-radius: 50%;
  border-style: solid;
  border-color: #000;
  display: flex;
  justify-content: center;
  align-items: center
}
.shop-covid19__list-description {
  font-weight: 700
}
.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;
  justify-content: center;
  flex-wrap: wrap
}
.shop-service__list-item {
  position: relative
}
.shop-service__list-box, .shop-service__list-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff
}
.shop-service__list-link {
  position: relative
}
.shop-service__list-link .shop-service__list-description {
  color: #000;
  text-decoration: underline
}
.shop-service__list-link__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center
}
.shop-service__list-link__arrow:before, .shop-support__list-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-num {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.shop-service__list-description {
  position: relative;
  text-align: center;
  font-weight: 700
}
.shop-support__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.shop-support__list-link {
  display: block
}
.shop-support__list-circle {
  border-radius: 50%;
  border-style: solid;
  border-color: #000;
  display: flex;
  justify-content: center;
  align-items: center
}
.shop-support__list-description {
  font-weight: 700;
  display: flex;
  justify-content: center;
  text-align: center;
  color: #000;
  white-space: nowrap
}

.shop-support__list-arrow {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff100
}
.shop-list__inner>:last-child {
  margin-bottom: 0
}
.shop-banner02 {
  background-color: #f2f2f2
}
.shop-banner02__list-img {
  width: 100%
}
@media screen and (min-width:700px), print {
  .shop-mv {
    position: relative;
    padding-top: 25.78125%
  }
  .shop-mv__container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex
  }
  .shop-mv__head {
    flex: 0 1 38.04688%;
    background-image: url(../img/index/mv-head--l.jpg)
  }
  .shop-mv__body {
    flex: 0 0 61.95313%;
    min-width: 793px;
    display: flex;
    align-items: center;
    background-image: url(../img/index/mv-body--l.jpg)
  }
  .shop-mv__body-ttl__txt1 {
    padding-left: 32px;
    font-size: 28px;
    line-height: 1.21429
  }
  .shop-mv__body-ttl__txt2 {
    margin-top: 16px;
    padding-top: 12px;
    padding-left: 32px;
    border-top: solid 1px #f2f2f2;
    font-size: 16px;
    line-height: 1.5
  }
  .shop-mv__body-copy {
    margin-left: 80px
  }
  .shop-mv__body-copy__txt {
    font-size: 35px;
    line-height: 1.34615
  }
  .shop-mv__body-copy__txt-large {
    font-size: 52px
  }
  .shop-banner01 {
    margin-top: 60px;
    margin-bottom: 60px
  }
  .shop-banner01 .swiper-container {
    margin: 0 auto;
    width: 1080px
  }
  .shop-banner01 .swiper-pagination {
    margin-top: 24px
  }
  .shop-banner01 .swiper-pagination-bullet {
    margin: 0 5px;
    width: 10px;
    height: 10px
  }
  .shop-covid19 {
    padding-top: 72px;
    padding-bottom: 72px
  }
  .shop-covid19__list {
    display: flex;
    justify-content: center
  }
  .shop-covid19__list-item {
    flex: 0 0 158px;
    width: 158px;
    max-width: 158px
  }
  .shop-covid19__list-item:not(:first-child) {
    margin-left: 115px
  }
  .shop-covid19__list-circle {
    border-width: 4px;
    width: 158px;
    height: 158px
  }
  .shop-covid19__list-check {
    text-align: center;
    margin-top: 24px
  }
  .shop-covid19__list-check__ico {
    width: 42px;
    height: 42px
  }
  .shop-covid19__list-ico--mask {
    width: 93px;
    height: 99px
  }
  .shop-covid19__list-ico--disinfect {
    width: 94px;
    height: 95px
  }
  .shop-covid19__list-ico--stand {
    width: 87px;
    height: 85px
  }
  .shop-covid19__list-description {
    display: flex;
    text-align: center;
    white-space: nowrap;
    margin-top: 8px;
    justify-content: center;
    font-size: 24px;
    line-height: 1.25
  }
  .shop-service {
    padding-top: 70px;
    height: 442px
  }
  .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: -11px
  }
  .shop-service__list-item {
    margin: 11px;
    flex: 0 0 183px;
    width: 183px;
    max-width: 183px;
    height: 114px
  }
  .shop-service__list-link__arrow {
    right: 10px;
    width: 18px;
    height: 18px
  }
  .shop-service__list-link__arrow:before {
    margin-left: -3px;
    border-top-width: 3px;
    border-right-width: 3px;
    width: 9px;
    height: 9px
  }
  .shop-service__list-num.-no01 {
    width: 68px;
    height: 60px
  }
  .shop-service__list-num.-no02 {
    width: 80px;
    height: 61px
  }
  .shop-service__list-num.-no03 {
    width: 79px;
    height: 60px
  }
  .shop-service__list-num.-no04 {
    width: 82px;
    height: 60px
  }
  .shop-service__list-num.-no05 {
    width: 80px;
    height: 61px
  }
  .shop-service__list-num.-no06 {
    width: 82px;
    height: 61px
  }
  .shop-service__list-num.-no07 {
    width: 81px;
    height: 60px
  }
  .shop-service__list-description {
    font-size: 18px;
    line-height: 1.08333
  }
  .shop-support {
    margin-top: 240px
  }
  .shop-support__list {
    margin-top: 40px
  }
  .shop-support__list-item {
    flex: 0 0 130px;
    width: 130px;
    max-width: 130px
  }
  .shop-support__list-item:not(:nth-child(5n+1)) {
    margin-left: 106px
  }
  .shop-support__list-item:not(:nth-child(-n+5)) {
    margin-top: 64px
  }
  .shop-support__list-circle {
    border-width: 4px;
    width: 130px;
    height: 130px
  }
  .shop-support__list-ico--heart {
    width: 71px;
    height: 72px
  }
  .shop-support__list-ico--fixer {
    width: 81px;
    height: 79px
  }
  .shop-support__list-ico--boxes {
    width: 74px;
    height: 79px
  }
  .shop-support__list-ico--tradein {
    width: 69px;
    height: 65px
  }
  .shop-support__list-ico--backup {
    width: 82px;
    height: 83px
  }
  .shop-support__list-description {
    margin-top: 8px;
    font-size: 24px;
    line-height: 1.25
  }
  .shop-support__list-arrow {
    margin-top: 8px;
    width: 31px;
    height: 31px
  }
  .shop-support__list-arrow:before {
    margin-left: -4px;
    border-top-width: 4px;
    border-right-width: 4px;
    width: 11px;
    height: 11px
  }
  .shop-list {
    margin-top: 160px;
    background-color: #fff
  }
  .shop-banner02 {
    padding-top: 80px;
    padding-bottom: 80px
  }
  .shop-banner02__list {
    display: flex
  }
  .shop-banner02__list-item {
    flex: 0 0 334px;
    width: 334px;
    max-width: 334px
  }
  .shop-banner02__list-item:not(:last-child) {
    margin-right: 40px
  }
}
@media screen and (max-width:699px) {
  .shop-mv__head {
    display: none
  }
  .shop-mv__body {
    padding-top: 10.66667vw;
    padding-bottom: 4vw;
    background-image: url(../img/index/mv-head--s.jpg);
    background-size: cover
  }
  .shop-mv__body-ttl__txt1 {
    padding-left: 3.2vw;
    font-size: 5.33333vw;
    line-height: 1.25
  }
  .shop-mv__body-ttl__txt2 {
    position: relative;
    padding-left: 3.2vw;
    font-size: 4.26667vw;
    line-height: 1.125
  }
  .shop-mv__body-ttl__txt2:before {
    content: "";
    display: block;
    margin-top: 2.13333vw;
    margin-bottom: 2.13333vw;
    margin-left: -3.2vw;
    width: 65.06667vw;
    height: .26667vw;
    min-height: 1px;
    background-color: #f2f2f2
  }
  .shop-mv__body-copy {
    margin-top: 5.33333vw;
    padding-right: 3.2vw;
    display: flex;
    justify-content: flex-end
  }
  .shop-mv__body-copy__txt {
    font-size: 5.33333vw;
    line-height: 1.25424
  }
  .shop-mv__body-copy__txt-large {
    font-size: 7.86667vw
  }
  .shop-mv__body-copy__txt-large span:not(:first-child) {
    margin-left: .5em
  }
  .shop-banner01 {
    margin-top: 8.53333vw;
    margin-bottom: 10.66667vw
  }
  .shop-banner01 .swiper-pagination {
    margin-top: 3.2vw
  }
  .shop-banner01 .swiper-pagination-bullet {
    margin: 0 1.33333vw;
    width: 2.66667vw;
    height: 2.66667vw
  }
  .shop-covid19 {
    padding-top: 10.66667vw;
    padding-bottom: 10.66667vw
  }
  .shop-covid19__list-item {
    display: flex;
    align-items: center
  }
  .shop-covid19__list-item:not(:first-child) {
    margin-top: 8vw
  }
  .shop-covid19__list-info {
    margin-left: 7.46667vw
  }
  .shop-covid19__list-circle {
    border-width: .53333vw;
    width: 22.66667vw;
    height: 22.66667vw
  }
  .shop-covid19__list-check__ico {
    width: 7.2vw;
    height: 7.2vw
  }
  .shop-covid19__list-ico--mask {
    width: 13.33333vw;
    height: 14.26667vw
  }
  .shop-covid19__list-ico--disinfect {
    width: 13.33333vw;
    height: 13.46667vw
  }
  .shop-covid19__list-ico--stand {
    width: 12.53333vw;
    height: 12.26667vw
  }
  .shop-covid19__list-description {
    margin-top: 2.13333vw;
    font-size: 4.8vw;
    line-height: 1.16667
  }
  .shop-service {
    margin-bottom: 40vw;
    padding-top: 10.66667vw;
    height: 133.33333vw
  }
  .shop-service__container {
    margin-top: 8vw;
    border-radius: 1.33333vw;
    padding-top: 6.66667vw;
    padding-bottom: 6.66667vw;
    box-shadow: 0 0 1.33333vw .66667vw rgba(0, 0, 0, .1)
  }
  .shop-service__list {
    margin: 2.66667vw
  }
  .shop-service__list-item {
    margin: 2.66667vw;
    width: 36.53333vw;
    height: 22.66667vw
  }
  .shop-service__list-link__arrow {
    right: 1.86667vw;
    width: 5.33333vw;
    height: 5.33333vw
  }
  .shop-service__list-link__arrow:before, .shop-support__list-arrow:before {
    margin-left: -.8vw;
    border-top-width: .53333vw;
    border-right-width: .53333vw;
    width: 1.86667vw;
    height: 1.86667vw
  }
  .shop-service__list-num.-no01 {
    width: 13.6vw;
    height: 12.13333vw
  }
  .shop-service__list-num.-no02 {
    width: 16vw;
    height: 12.13333vw
  }
  .shop-service__list-num.-no03 {
    width: 15.86667vw;
    height: 12.13333vw
  }
  .shop-service__list-num.-no04 {
    width: 16.4vw;
    height: 12.13333vw
  }
  .shop-service__list-num.-no05 {
    width: 16vw;
    height: 12.13333vw
  }
  .shop-service__list-num.-no06 {
    width: 16.4vw;
    height: 12.13333vw
  }
  .shop-service__list-num.-no07 {
    width: 16.26667vw;
    height: 12.13333vw
  }
  .shop-service__list-description {
    font-size: 3.73333vw;
    line-height: 1.11111
  }
  .shop-support {
    margin-bottom: 21.33333vw
  }
  .shop-support__list {
    margin-top: 10.66667vw
  }
  .shop-support__list-item {
    flex: 0 0 22.66667vw;
    width: 22.66667vw;
    max-width: 22.66667vw
  }
  .shop-support__list-item:not(:nth-child(3n+1)) {
    margin-left: 8.53333vw
  }
  .shop-support__list-item:not(:nth-child(-n+3)) {
    margin-top: 8.53333vw
  }
  .shop-support__list-circle {
    border-width: .53333vw;
    width: 22.66667vw;
    height: 22.66667vw
  }
  .shop-support__list-ico--heart {
    width: 12.53333vw;
    height: 12.13333vw
  }
  .shop-support__list-ico--fixer {
    width: 14.4vw;
    height: 13.86667vw
  }
  .shop-support__list-ico--boxes {
    width: 13.06667vw;
    height: 13.86667vw
  }
  .shop-support__list-ico--tradein {
    width: 12.13333vw;
    height: 11.46667vw
  }
  .shop-support__list-ico--backup {
    width: 14.66667vw;
    height: 14.66667vw
  }
  .shop-support__list-description {
    margin-top: 2.13333vw;
    font-size: 4.26667vw;
    line-height: 1.25
  }
  .shop-support__list-arrow {
    margin-top: 2.13333vw;
    width: 5.33333vw;
    height: 5.33333vw
  }
  .shop-list {
    margin-top: 10.66667vw
  }
  .shop-banner02 {
    padding-top: 10.66667vw;
    padding-bottom: 10.66667vw
  }
  .shop-banner02__list-item {
    margin-left: 2.66667vw;
    width: 80vw
  }
  .shop-banner02__list-item:first-child {
    margin-left: 3.2vw
  }
  .shop-banner02__list-item:last-child {
    margin-right: 3.2vw
  }
}
@media (hover:hover), (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .shop-banner01 .swiper-pagination-bullet {
    transition: opacity .5s
  }
  .shop-banner01 .swiper-pagination-bullet:hover {
    opacity: .7
  }
  .shop-banner02__list-link, .shop-service__list-link, .shop-support__list-link {
    transition: opacity .5s
  }
  .shop-banner02__list-link:hover, .shop-service__list-link:hover, .shop-support__list-link:hover {
    opacity: .7;
    text-decoration: none;    
  }
}


/* shop-media */
.shop-media {
  margin-top: 10.66667vw
}
.shop-media ul{
  line-height: 1.6em;
  border-top: #000 3px solid;
  border-bottom: #000 3px solid;
  margin-bottom: 1em;
  font-size: 1.1em;
}
.shop-media ul li{
  border-bottom: 1px solid #E5E5E5;
  transition: background-color 0.2s;
}
.shop-media ul li:hover{
  background:#fff100;
  transition: background-color 0.2s;
}
.shop-media ul li a{
  display: block;
  height: 100%;
  width: 100%;
  color: #000;
}
.shop-media ul li a:hover{
  text-decoration: none;
}
.shop-media dl{
padding: 15px 0;
}
.shop-media dt{
  font-weight: bold;
}
.shop-media .media_link{
  display: flex;
  justify-content: flex-end;
}
.shop-media .media_link_btn{
  background-color: #fff100;
  font-weight: 500;
  width: 25%;
  text-align: center;
  font-size: 1.2em;
  transition: 0.2s;
}
.shop-media .media_link_btn:hover{
opacity: 0.6;
transition: 0.2s;
}
.shop-media .media_link_btn a{
  display: block;
  height: 100%;
  width: 100%;
  padding:1em;
  position: relative;
  color: #000;
}
.shop-media .media_link_btn a:hover{
  text-decoration: none;
}
.shop-media .shop-media__media_link__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.shop-media .shop-media__media_link__arrow::after{
  content: "";
  display: block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top-style: solid;
  border-color: #000;
  border-right-style: solid;
  margin-left: 8px;
  border-top-width: 3px;
  border-right-width: 3px;
  width: 10px;
  height: 10px;
}

@media screen and (max-width:699px) {
.shop-media ul{
  font-size: 3.73333vw;
}
.shop-media .media_link_btn{
  width: 100%;
}  
}

/* shop_sns */
.section_shop_sns a{
  text-decoration: none;
  color: #000;
}
.section_shop_sns .sns_x_area{
  transition : 0.3s;
}
.section_shop_sns .sns_x_area:hover{
  background: #fff100;
  opacity: 0.8;
  transition : 0.5s;
}