@charset "UTF-8";
#wrap-container {
  width: 100%;
  margin: 0;
  padding: 0;
}

#container {
  width: 100%;
  font-family: 'Noto Sans JP', Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

.title-image {
  background: linear-gradient(90deg, #0c6eb1 0%, #02478d 100%);
  text-align: center;
  height: 350px;
}

.title-image .title-image-cover {
  width: 100%;
  height: 100%;
  background: url("/static/images/support/online-shop/title_online shop.png") no-repeat;
  background-position: center;
}

.online-shop-main-contents {
  width: 980px;
  margin: 0 auto;
}

.online-shop-desc {
  text-align: center;
  font-size: 1.0666em;
  margin: 5.5% 0 0;
}

.online-shop-links-anchor {
  display: flex;
  justify-content: center;
  margin: 5.3% auto 0;
}

.online-shop-links-anchor .anchor-item {
  width: 36.8%;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.6;
  position: relative;
  border: 1px solid #707070;
  margin: 0 1%;
  border-radius: 8px;
  padding: 2.2% 0;
  font-weight: bold;
  color: #333;
}

.online-shop-links-anchor .anchor-item:nth-of-type(1) {
  background: #EDF5FC;
}

.online-shop-links-anchor .anchor-item:nth-of-type(2) {
  background: #FDF8ED;
}

.online-shop-links-anchor .anchor-item::after {
  content: "";
  background: url(/static/images/support/online-shop/icn.arrow_down.png);
  background-size: contain;
  margin: 0 0 0 2%;
  padding: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.online-shop-block {
  width: 100%;
  border-radius: 8px;
  border-top: 8px solid #4694D1;
  background-color: #EDF5FC;
  margin: 7.1% 0 8.8%;
  padding: 3.2% 0 4.9%;
}

.online-shop-block .online-shop-block-title {
  text-align: center;
  font-size: 2.13333em;
  line-height: 1.6;
  font-weight: bold;
}

.online-shop-block .online-shop-block-desc {
  font-size: 1.0666em;
  line-height: 1.65;
  text-align: center;
  margin: 1.6% 0 0;
}

#direct-shop-links .online-shop-block-links {
  text-align: center;
}

#direct-shop-links .online-shop-block-links .image {
  display: block;
  border: 1px solid #004DA0;
  border-radius: 8px;
  box-shadow: 3px 3px 6px #ccc;
  background: #fff;
  width: 420px;
  margin: 3.7% auto 0;
  padding: 3.3% 0;
  opacity: 1;
  transition: 0.2s;
}

#direct-shop-links .online-shop-block-links .image:hover {
  opacity: 0.6;
}

#direct-shop-links .online-shop-block-links .image:hover img {
  opacity: 1 !important;
}

.text {
  display: block;
  font-size: 0.9333em;
  color: #004DA0;
  text-align: center;
  margin: 1.9% auto 0;
  width: 420px;
}

#dealer-shop-links {
  border-color: #FFD986;
  background-color: #FDF8ED;
}

#dealer-shop-links .online-shop-link-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 75%;
  margin: 3% auto 0;
}

#dealer-shop-links .online-shop-link-block .online-shop-link-item {
  width: 47.8%;
  margin: 0 0 3%;
}

#dealer-shop-links .online-shop-link-block .online-shop-link-item a {
  width: 100%;
  display: flex;
  padding: 5% 6%;
  font-size: 1.1333em;
  border-radius: 8px;
  box-shadow: 3px 3px 6px #ccc;
  background: #fff;
  border: 1px solid #C4BAAE;
  box-sizing: border-box;
  opacity: 1;
  transition: 0.2s;
}

#dealer-shop-links .online-shop-link-block .online-shop-link-item a:hover {
  opacity: 0.6;
  color: #004DA0;
}

#dealer-shop-links .online-shop-link-block .online-shop-link-item a::before {
  content: "";
  background: url(/static/images/support/online-shop/icn_ext_link.png);
  background-size: contain;
  margin: 0 2% 0 2%;
  padding: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}

#dealer-shop-links .atn {
  width: 75%;
  margin: 0 auto 0;
  font-size: 0.9333em;
  line-height: 1.7;
}