@charset "UTF-8";
html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 100%;
  width: 100%;
  background-color: #ececec;
  color: #464646;
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
}
body .brand_list {
  top: 189px;
  height: calc(100svh - 189px);
  pointer-events: all;
}
@media print, screen and (max-width: 1279px) {
  body .brand_list {
    top: 161px;
    height: calc(100svh - 161px);
  }
}
@media print, screen and (max-width: 1023px) {
  body .brand_list {
    top: 60px;
    height: calc(100svh - 60px);
  }
}
@media print, screen and (max-width: 767px) {
  body .brand_list {
    top: 55px;
    height: calc(100svh - 55px);
  }
}
body.on #Header {
  top: -189px;
  right: 0;
  left: 0;
}
@media print, screen and (max-width: 1279px) {
  body.on #Header {
    top: -170px;
  }
}
@media print, screen and (max-width: 1023px) {
  body.on #Header {
    top: 0;
  }
}
body.on .brand_list {
  top: 0;
  height: 100svh;
  pointer-events: all;
}
@media print, screen and (max-width: 1023px) {
  body.on .brand_list {
    top: 60px;
    height: calc(100svh - 60px);
  }
}
@media print, screen and (max-width: 767px) {
  body.on .brand_list {
    top: 90px;
    height: calc(100svh - 90px);
  }
}

.hidden {
  display: none !important;
}

.error_inline {
  font-feature-settings: normal;
}

.en {
  font-weight: 600;
  font-family: "Barlow Semi Condensed", sans-serif;
}

.ja {
  letter-spacing: 1px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
}

br.sp {
  display: none;
}
@media print, screen and (max-width: 767px) {
  br.sp {
    display: block !important;
  }
}

a {
  color: #464646;
  text-decoration: none;
}

i {
  line-height: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

dl {
  margin: 0;
  padding: 0;
}
dl dt {
  margin: 0;
  padding: 0;
}
dl dd {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5 {
  font-weight: 600;
}

form {
  background: #ffffff;
}

.loading img {
  width: 60px;
  height: 60px;
}

#Header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999;
  background-color: #ffffff;
  transition: top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (max-width: 1023px) {
  #Header {
    position: absolute;
  }
}
#Header #Head {
  width: 100%;
  border-bottom: #f0f0f0 solid 1px;
  background-color: #ffffff;
}
@media print, screen and (max-width: 599px) {
  #Header #Head {
    border-bottom: #f0f0f0 none;
  }
}
#Header #Head .inner {
  margin: 0 auto;
  width: 100%;
}
@media print, screen and (max-width: 1023px) {
  #Header #Head .inner {
    padding: 60px 0 0;
  }
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner {
    padding: 56px 0 0;
  }
}
#Header #Head .inner .header_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px;
  height: 80px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #Header #Head .inner .header_inner {
    height: 60px;
  }
}
@media print, screen and (max-width: 1023px) {
  #Header #Head .inner .header_inner {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    padding: 0 30px;
    background: #ffffff;
  }
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_inner {
    padding: 0 20px;
    height: 56px;
  }
}
#Header #Head .inner .header_inner .header_inner__logo {
  margin: 0;
  padding: 0;
}
#Header #Head .inner .header_inner .header_inner__logo .logo {
  margin: 0;
  padding: 0;
}
#Header #Head .inner .header_inner .header_inner__logo .logo a {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
#Header #Head .inner .header_inner .header_inner__logo .logo a span {
  padding: 0 0 4px 28px;
  font-weight: 400;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_inner .header_inner__logo .logo a span {
    padding: 0 0 2px 16px;
    font-weight: 400;
    font-size: 12px;
  }
}
@media print, screen and (max-width: 1279px) {
  #Header #Head .inner .header_inner .header_inner__logo .logo a img {
    width: auto;
    height: 28px;
  }
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_inner .header_inner__logo .logo a img {
    height: 26px;
  }
}
@media print, screen and (max-width: 1023px) {
  #Header #Head .inner .header_inner .header_inner__navi {
    display: none;
  }
}
#Header #Head .inner .header_inner .header_inner__navi ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
}
@media print, screen and (max-width: 1279px) {
  #Header #Head .inner .header_inner .header_inner__navi ul {
    gap: 50px;
  }
}
#Header #Head .inner .header_inner .header_inner__navi ul li {
  margin: 0;
  padding: 0;
  font-size: 13px;
}
@media print, screen and (max-width: 1279px) {
  #Header #Head .inner .header_inner .header_inner__navi ul li {
    font-size: 12px;
  }
}
#Header #Head .inner .header_inner .header_menu__btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  display: none;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  width: 90px;
  height: 60px;
  cursor: pointer;
  transition: right 0.7s cubic-bezier(0.26, 0.63, 0, 0.99);
}
@media print, screen and (max-width: 1023px) {
  #Header #Head .inner .header_inner .header_menu__btn {
    display: flex;
  }
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_inner .header_menu__btn {
    width: 76px;
  }
}
#Header #Head .inner .header_inner .header_menu__btn .mbox {
  position: relative;
  margin: 0;
  padding: 0;
  width: 36px;
  height: 12px;
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_inner .header_menu__btn .mbox {
    width: 26px;
    height: 10px;
  }
}
#Header #Head .inner .header_inner .header_menu__btn .mbox .hambarg:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #363636;
  transition: ease 0.5s;
}
#Header #Head .inner .header_inner .header_menu__btn .mbox .hambarg:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #363636;
  transition: ease 0.5s;
}
#Header #Head .inner .header_inner .header_menu__btn .mbox .hambarg:nth-child(3) {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #363636;
  transition: ease 0.5s;
}
#Header #Head .inner .header_inner .header_menu__btn.js_open .mbox .hambarg:nth-child(1) {
  top: 50%;
  background: #737373;
  transform: rotate(45deg);
}
#Header #Head .inner .header_inner .header_menu__btn.js_open .mbox .hambarg:nth-child(2) {
  opacity: 0;
}
#Header #Head .inner .header_inner .header_menu__btn.js_open .mbox .hambarg:nth-child(3) {
  top: 50%;
  background: #737373;
  transform: rotate(-45deg);
}
#Header #Head .inner .header_search {
  position: relative;
  margin: 0;
  padding: 0 166px 0 50px;
  height: 54px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #Header #Head .inner .header_search {
    padding: 0 146px 0 50px;
    height: 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  #Header #Head .inner .header_search {
    padding: 0 146px 0 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_search {
    padding: 0 70px 0 20px;
    height: 40px;
  }
}
#Header #Head .inner .header_search .icon {
  position: absolute;
  top: 0;
  left: 60px;
  display: flex;
  display: none;
  align-items: center;
  justify-content: center;
  height: 50px;
}
@media print, screen and (max-width: 1023px) {
  #Header #Head .inner .header_search .icon {
    left: 40px;
  }
}
#Header #Head .inner .header_search input[type=text] {
  box-sizing: border-box;
  padding: 0 10px 0 0;
  width: 100%;
  height: 53px;
  outline: 0;
  border: none;
  background-color: transparent;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media print, screen and (max-width: 1279px) {
  #Header #Head .inner .header_search input[type=text] {
    height: 49px;
  }
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_search input[type=text] {
    height: 39px;
  }
}
#Header #Head .inner .header_search input[type=text]::-moz-placeholder {
  color: #b7b7b7;
  font-size: 12px;
}
#Header #Head .inner .header_search input[type=text]::placeholder {
  color: #b7b7b7;
  font-size: 12px;
}
#Header #Head .inner .header_search input[type=text]:-webkit-autofill {
  box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset !important;
}
#Header #Head .inner .header_search .btnSearch {
  position: absolute;
  top: 0;
  right: 0;
}
#Header #Head .inner .header_search .btnSearch a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 166px;
  height: 54px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
@media print, screen and (max-width: 1279px) {
  #Header #Head .inner .header_search .btnSearch a {
    width: 146px;
    height: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_search .btnSearch a {
    overflow: hidden;
    width: 70px;
    height: 40px;
  }
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_search .btnSearch a span {
    display: none;
  }
}
#Header #Head .inner .header_search .btnSearch a i {
  padding: 0 20px 0 0;
  line-height: 0;
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_search .btnSearch a i {
    padding: 0;
  }
}
#Header #Head .inner .header_navi {
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 599px) {
  #Header #Head .inner .header_navi {
    display: none;
  }
}
@media print, screen and (max-width: 599px) {
  #Header #Head .inner .header_navi .scroll_box {
    overflow: hidden;
    height: 45px;
  }
}
@media print, screen and (max-width: 599px) {
  #Header #Head .inner .header_navi .scroll_box .scroll {
    overflow-x: auto;
    margin: 0;
    padding: 0 0 40px;
  }
}
#Header #Head .inner .header_navi ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
}
@media print, screen and (max-width: 1023px) {
  #Header #Head .inner .header_navi ul {
    gap: 70px;
  }
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_navi ul {
    gap: 50px;
  }
}
@media print, screen and (max-width: 599px) {
  #Header #Head .inner .header_navi ul {
    justify-content: space-between;
    padding: 0 30px;
    width: 600px;
    gap: inherit;
  }
}
#Header #Head .inner .header_navi ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  font-size: 13px;
}
@media print, screen and (max-width: 1279px) {
  #Header #Head .inner .header_navi ul li a {
    height: 50px;
    font-size: 12px;
  }
}
@media print, screen and (max-width: 767px) {
  #Header #Head .inner .header_navi ul li a {
    height: 45px;
  }
}

#Foot {
  margin: 0;
  padding: 0;
  border-top: #f0f0f0 solid 1px;
  background: #f9f9f9;
}
@media print, screen and (max-width: 767px) {
  #Foot {
    padding: 0 0 50px;
    border-top: #e8e8e8 solid 1px;
  }
}
#Foot .inner {
  margin: 0;
  padding: 0;
  width: 100%;
}
#Foot .inner .footer_inner {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 0 0 80px;
  border-bottom: #e8e8e8 solid 1px;
}
@media print, screen and (max-width: 1439px) {
  #Foot .inner .footer_inner {
    padding: 0 0 0 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  #Foot .inner .footer_inner {
    position: relative;
    display: block;
    padding: 80px 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_inner {
    margin: 0;
    padding: 40px 0 0;
    border-bottom: none;
  }
}
#Foot .inner .footer_inner .footer_inner__logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_inner .footer_inner__logo {
    padding: 0 30px 40px;
    border-bottom: #e8e8e8 solid 1px;
  }
}
#Foot .inner .footer_inner .footer_inner__logo a {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
#Foot .inner .footer_inner .footer_inner__logo a span {
  padding: 0 0 4px 28px;
  font-weight: 400;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_inner .footer_inner__logo a span {
    padding: 0 0 4px 16px;
    font-size: 12px;
  }
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_inner .footer_inner__logo a img {
    width: auto;
    height: 28px;
  }
}
#Foot .inner .footer_inner .footer_inner__navi {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 0 auto;
  padding: 68px 80px 68px 0;
  gap: 80px;
}
@media print, screen and (max-width: 1439px) {
  #Foot .inner .footer_inner .footer_inner__navi {
    padding: 68px 50px 68px 0;
  }
}
@media print, screen and (max-width: 1279px) {
  #Foot .inner .footer_inner .footer_inner__navi {
    gap: 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  #Foot .inner .footer_inner .footer_inner__navi {
    padding: 40px 0 0 5px;
  }
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_inner .footer_inner__navi {
    display: block;
    padding: 80px 0 0 0;
  }
}
#Foot .inner .footer_inner .footer_inner__navi ul {
  margin: 0;
  padding: 0;
}
#Foot .inner .footer_inner .footer_inner__navi ul li {
  margin: 0 0 20px;
  padding: 0;
  font-size: 12px;
}
@media print, screen and (max-width: 1023px) {
  #Foot .inner .footer_inner .footer_inner__navi ul li {
    margin: 0 0 15px;
    font-size: 11px;
  }
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_inner .footer_inner__navi ul li {
    margin: 0;
    border-bottom: #e8e8e8 solid 1px;
    font-size: 12px;
  }
}
#Foot .inner .footer_inner .footer_inner__navi ul li:last-child {
  margin: 0;
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_inner .footer_inner__navi ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 30px;
    height: 50px;
  }
}
#Foot .inner .footer_inner .footer_inner__guide {
  margin: 0;
  padding: 0;
  border-left: #e8e8e8 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #Foot .inner .footer_inner .footer_inner__guide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc((100% - 100px) / 4 + 51px);
  }
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_inner .footer_inner__guide {
    top: 109px;
    bottom: inherit;
    left: 0;
    width: auto;
    height: 80px;
    border-bottom: #e8e8e8 solid 1px;
    border-left: none;
  }
}
#Foot .inner .footer_inner .footer_inner__guide a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 80px;
  height: 100%;
  font-size: 12px;
}
@media print, screen and (max-width: 1439px) {
  #Foot .inner .footer_inner .footer_inner__guide a {
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  #Foot .inner .footer_inner .footer_inner__guide a {
    padding: 0;
  }
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_inner .footer_inner__guide a {
    justify-content: flex-start;
    padding: 0 30px;
    background: #f7f7f7;
  }
}
#Foot .inner .footer_inner .footer_inner__guide a i {
  padding: 0 20px 0 0;
}
#Foot .inner .footer_copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px;
  height: 80px;
}
@media print, screen and (max-width: 1439px) {
  #Foot .inner .footer_copyright {
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_copyright {
    flex-direction: column;
    justify-content: center;
    padding: 30px 0;
    height: auto;
  }
}
#Foot .inner .footer_copyright .sns ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 50px;
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_copyright .sns ul {
    margin: 0 0 20px;
  }
}
#Foot .inner .footer_copyright .sns ul .sns_links {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  height: 80px;
  text-align: center;
  cursor: pointer;
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_copyright .sns ul .sns_links:last-child .balloon {
    right: 0;
    left: inherit;
    transform: translate(30%, 0);
  }
  #Foot .inner .footer_copyright .sns ul .sns_links:last-child .balloon:before {
    right: 75px;
    left: inherit;
  }
  #Foot .inner .footer_copyright .sns ul .sns_links:last-child .balloon:after {
    right: 74px;
    left: inherit;
  }
}
#Foot .inner .footer_copyright .sns ul .sns_links span {
  line-height: 0;
}
#Foot .inner .footer_copyright .sns ul .sns_links .balloon {
  position: absolute;
  bottom: 80px;
  left: 50%;
  display: none;
  box-sizing: border-box;
  margin: 0;
  padding: 30px;
  width: 240px;
  border: solid 1px #e5e5e5;
  background-color: white;
  font-size: 14px;
  transform: translate(-10%, 0);
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_copyright .sns ul .sns_links .balloon {
    transform: translate(-35%, 0);
  }
}
#Foot .inner .footer_copyright .sns ul .sns_links .balloon:before {
  position: absolute;
  top: 100%;
  left: 16px;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 16px solid #ffffff;
  border-right: 8px solid transparent;
  border-bottom: 0;
  border-left: 8px solid transparent;
  content: "";
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_copyright .sns ul .sns_links .balloon:before {
    left: 75px;
  }
}
#Foot .inner .footer_copyright .sns ul .sns_links .balloon:after {
  position: absolute;
  top: 100%;
  left: 15px;
  z-index: 1;
  height: 0;
  border-style: solid;
  border-top: 18px solid #e5e5e5;
  border-right: 9px solid transparent;
  border-bottom: 0;
  border-left: 9px solid transparent;
  content: "";
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_copyright .sns ul .sns_links .balloon:after {
    left: 74px;
  }
}
#Foot .inner .footer_copyright .sns ul .sns_links .balloon ul {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
}
#Foot .inner .footer_copyright .sns ul .sns_links .balloon ul li {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: solid 1px #e5e5e5;
}
#Foot .inner .footer_copyright .sns ul .sns_links .balloon ul li:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
#Foot .inner .footer_copyright .sns ul .sns_links .balloon ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#Foot .inner .footer_copyright .sns ul .sns_links .balloon ul li a img {
  margin-right: 8px;
}
#Foot .inner .footer_copyright .sns ul .sns_links img {
  width: 22px;
  height: auto;
}
#Foot .inner .footer_copyright .copyright {
  letter-spacing: 0.5px;
  font-size: 10px;
}
@media print, screen and (max-width: 767px) {
  #Foot .inner .footer_copyright .copyright {
    letter-spacing: normal;
  }
}

#fixed_menu {
  position: fixed;
  top: 280px;
  right: 0;
  width: 80px;
}
@media print, screen and (max-width: 1279px) {
  #fixed_menu {
    top: 240px;
    width: 60px;
  }
}
@media print, screen and (max-width: 1023px) {
  #fixed_menu {
    top: 0;
    right: 80px;
    z-index: 9997;
    width: auto;
  }
}
@media print, screen and (max-width: 767px) {
  #fixed_menu {
    top: inherit;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9997;
    width: auto;
    height: 50px;
    border-top: #f0f0f0 solid 1px;
    background-color: #ffffff;
  }
}
#fixed_menu ul {
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 1023px) {
  #fixed_menu ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
@media print, screen and (max-width: 1023px) {
  #fixed_menu ul {
    flex-direction: row-reverse;
  }
}
#fixed_menu ul li {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
}
@media print, screen and (max-width: 1023px) {
  #fixed_menu ul li {
    margin: 0;
    height: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #fixed_menu ul li {
    margin: 0;
    padding: 0;
    width: 33.33333%;
    border-right: #f0f0f0 solid 1px;
  }
  #fixed_menu ul li:first-child {
    border-right: none;
  }
}
#fixed_menu ul li a {
  position: relative;
  display: inline-block;
  overflow: visible;
}
@media print, screen and (max-width: 1023px) {
  #fixed_menu ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 60px;
  }
}
@media print, screen and (max-width: 767px) {
  #fixed_menu ul li a {
    width: 100%;
    height: 50px;
  }
}
@media print, screen and (max-width: 1279px) {
  #fixed_menu ul li a img {
    width: 20px;
    height: 20px;
  }
}
#fixed_menu ul li a span {
  position: absolute;
  top: -20px;
  right: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #353535;
  color: #ffffff;
  font-size: 11px;
  line-height: 0.8;
}
@media print, screen and (max-width: 1279px) {
  #fixed_menu ul li a span {
    top: -14px;
    right: -14px;
  }
}
@media print, screen and (max-width: 1023px) {
  #fixed_menu ul li a span {
    top: 7px;
    right: 6px;
  }
}
#fixed_menu ul li .search_open__btn {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  border: none;
  background: transparent;
}
#fixed_menu ul li .search_open__btn img {
  width: 20px;
  height: 20px;
}
#fixed_menu ul li:last-child {
  display: none;
}
@media print, screen and (max-width: 767px) {
  #fixed_menu ul li:last-child {
    display: block;
  }
}

#Wrap {
  margin: 0;
  padding: 0 80px 0;
  width: auto;
  background-color: #ffffff;
}
@media print, screen and (max-width: 1279px) {
  #Wrap {
    padding: 0 60px 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #Wrap {
    padding: 0 50px 0;
  }
}
@media print, screen and (max-width: 767px) {
  #Wrap {
    padding: 0 30px 0;
  }
}
#Wrap .wrapBottom {
  position: relative;
  margin: 0;
  padding: 189px 0 0;
  width: auto;
  border-right: #f0f0f0 solid 1px;
  background-image: repeating-linear-gradient(to right, #f0f0f0 0, #f0f0f0 1px, transparent 1px, transparent 20%);
}
@media print, screen and (max-width: 1279px) {
  #Wrap .wrapBottom {
    padding: 160px 0 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #Wrap .wrapBottom {
    background-image: repeating-linear-gradient(to right, #f0f0f0 0, #f0f0f0 1px, transparent 1px, transparent 25%);
  }
}
@media print, screen and (max-width: 767px) {
  #Wrap .wrapBottom {
    padding: 142px 0 0;
    background-image: repeating-linear-gradient(to right, #f0f0f0 0, #f0f0f0 1px, transparent 1px, transparent 50%);
  }
}
@media print, screen and (max-width: 599px) {
  #Wrap .wrapBottom {
    padding: 96px 0 0;
  }
}
#Wrap .wrapBottom::before {
  position: absolute;
  top: 0;
  right: -80px;
  left: -80px;
  z-index: 2;
  height: 188px;
  border-bottom: #f0f0f0 solid 1px;
  background-color: #ffffff;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #Wrap .wrapBottom::before {
    right: -60px;
    left: -60px;
    height: 159px;
  }
}
@media print, screen and (max-width: 1023px) {
  #Wrap .wrapBottom::before {
    right: -50px;
    left: -50px;
    height: 159px;
  }
}
@media print, screen and (max-width: 767px) {
  #Wrap .wrapBottom::before {
    display: none;
  }
}

#Contents {
  visibility: hidden;
}
#Contents.ready {
  visibility: visible;
}

.after_support {
  position: relative;
  margin: 0 auto;
  padding: 0 0 150px;
  max-width: 1280px;
}
@media print, screen and (max-width: 1199px) {
  .after_support {
    padding: 0;
  }
}
.after_support h2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 8;
  letter-spacing: 2px;
  font-size: 36px;
  line-height: 0.8;
  writing-mode: vertical-rl;
}
@media print, screen and (max-width: 1199px) {
  .after_support h2 {
    display: none;
  }
}
.after_support .after_support__flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media print, screen and (max-width: 1199px) {
  .after_support .after_support__flex {
    display: block;
  }
}
.after_support .after_support__flex .after_support__photo {
  position: relative;
  z-index: 5;
  margin: 0;
  padding: 0;
  width: 53%;
  line-height: 0;
}
@media print, screen and (max-width: 1199px) {
  .after_support .after_support__flex .after_support__photo {
    margin: 0 0 0 auto;
  }
}
@media print, screen and (max-width: 1023px) {
  .after_support .after_support__flex .after_support__photo {
    margin: 0 -50px 0 auto;
    width: calc(50% + 50px);
  }
}
@media print, screen and (max-width: 767px) {
  .after_support .after_support__flex .after_support__photo {
    margin: 0;
    width: auto;
  }
}
.after_support .after_support__flex .after_support__photo img {
  width: 100%;
  height: auto;
}
.after_support .after_support__flex .after_support__info {
  position: relative;
  margin: 78px 0 0;
  padding: 140px 50px 100px 100px;
  width: 47%;
}
@media print, screen and (max-width: 1439px) {
  .after_support .after_support__flex .after_support__info {
    padding: 140px 80px 100px 60px;
  }
}
@media print, screen and (max-width: 1199px) {
  .after_support .after_support__flex .after_support__info {
    margin: -280px 0 0;
    padding: 140px 50px 100px 0;
    width: auto;
  }
}
@media print, screen and (max-width: 1023px) {
  .after_support .after_support__flex .after_support__info {
    padding: 200px 50px 100px 0;
  }
}
@media print, screen and (max-width: 767px) {
  .after_support .after_support__flex .after_support__info {
    margin: 0;
    padding: 40px 0 0;
  }
}
.after_support .after_support__flex .after_support__info::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -160px;
  z-index: 1;
  background-color: #f7f7f7;
  content: "";
}
@media print, screen and (max-width: 1439px) {
  .after_support .after_support__flex .after_support__info::before {
    left: -80px;
  }
}
@media print, screen and (max-width: 1199px) {
  .after_support .after_support__flex .after_support__info::before {
    top: 70px;
    left: -60px;
  }
}
@media print, screen and (max-width: 1023px) {
  .after_support .after_support__flex .after_support__info::before {
    top: 120px;
  }
}
@media print, screen and (max-width: 767px) {
  .after_support .after_support__flex .after_support__info::before {
    display: none;
  }
}
.after_support .after_support__flex .after_support__info .info {
  position: relative;
  z-index: 6;
}
.after_support .after_support__flex .after_support__info .info h3 {
  margin: 0 0 30px;
  padding: 0;
  letter-spacing: 3px;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1439px) {
  .after_support .after_support__flex .after_support__info .info h3 {
    font-size: 22px;
  }
}
@media print, screen and (max-width: 1023px) {
  .after_support .after_support__flex .after_support__info .info h3 {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 767px) {
  .after_support .after_support__flex .after_support__info .info h3 {
    letter-spacing: 1px;
    font-size: 23px;
  }
}
.after_support .after_support__flex .after_support__info .info p {
  margin: 0;
  padding: 0;
  text-align: justify;
  font-weight: 500;
  font-size: 15px;
  line-height: 2em;
}
@media print, screen and (max-width: 1439px) {
  .after_support .after_support__flex .after_support__info .info p {
    font-size: 14px;
  }
}
@media print, screen and (max-width: 767px) {
  .after_support .after_support__flex .after_support__info .info p br {
    display: none;
  }
}
.after_support .after_support__flex .after_support__info .info p.read {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 17px;
}
@media print, screen and (max-width: 1439px) {
  .after_support .after_support__flex .after_support__info .info p.read {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 767px) {
  .after_support .after_support__flex .after_support__info .info p.read {
    font-size: 18px;
  }
}
.after_support .after_support__flex .after_support__info .info p.read span.en {
  padding: 0 5px 0 0;
  font-size: 18px;
}
@media print, screen and (max-width: 767px) {
  .after_support .after_support__flex .after_support__info .info p.read span.en {
    padding: 0 2px 0 0;
    font-size: 22px;
  }
}
.after_support .after_support__flex .after_support__info .info p.note {
  font-size: 12px;
}
.after_support .after_support__links {
  position: relative;
  z-index: 5;
  margin: -70px 0 0;
  padding: 0;
}
@media print, screen and (max-width: 1199px) {
  .after_support .after_support__links {
    margin: -60px 0 0 auto;
    width: 53%;
  }
}
@media print, screen and (max-width: 767px) {
  .after_support .after_support__links {
    margin: 50px -30px 0;
    width: auto;
  }
}
.after_support .after_support__links ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media print, screen and (max-width: 1199px) {
  .after_support .after_support__links ul {
    justify-content: flex-end;
  }
}
.after_support .after_support__links ul li {
  margin: 0 50px 0 0;
  padding: 0;
}
@media print, screen and (max-width: 1199px) {
  .after_support .after_support__links ul li {
    margin: 0;
    width: 50%;
  }
}
.after_support .after_support__links ul li:last-child a {
  background-color: #e6de0f;
  color: #000000;
}
.after_support .after_support__links ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px;
  width: 200px;
  height: 70px;
  background-color: #464646;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 1199px) {
  .after_support .after_support__links ul li a {
    width: 100%;
    height: 60px;
  }
}

#mobile_navi {
  position: fixed;
  top: 60px;
  right: -100vw;
  bottom: 0;
  z-index: 10000;
  display: none;
  overflow: auto;
  padding: 0 0 60px;
  width: calc(100% - 240px);
  border-left: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
  transition: right 0.7s cubic-bezier(0.26, 0.63, 0, 0.99);
}
@media print, screen and (max-width: 1023px) {
  #mobile_navi {
    display: block;
  }
}
@media print, screen and (max-width: 767px) {
  #mobile_navi {
    top: 56px;
    width: calc(100% + 1px);
  }
}
#mobile_navi.js_open {
  right: 0;
}
#mobile_navi .mobile_navi__menu {
  margin: 0;
  padding: 0;
}
#mobile_navi .mobile_navi__menu .member_menu {
  padding: 40px;
}
#mobile_navi .mobile_navi__menu .member_menu ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
#mobile_navi .mobile_navi__menu .member_menu ul li {
  margin: 0;
  width: calc(50% - 5px);
}
#mobile_navi .mobile_navi__menu .member_menu ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  border-radius: 3px;
  background-color: #353535;
  color: #ffffff;
  font-size: 12px;
}
#mobile_navi .mobile_navi__menu .menu_title {
  margin: 0 0 10px;
  font-size: 18px;
}
@media print, screen and (max-width: 767px) {
  #mobile_navi .mobile_navi__menu .menu_title {
    margin: 0 0 20px;
    font-size: 20px;
  }
}
#mobile_navi .mobile_navi__menu .menu_list {
  margin: 0;
  padding: 0;
}
#mobile_navi .mobile_navi__menu .menu_list li {
  margin: 0;
  padding: 0;
  border-bottom: #f0f0f0 solid 1px;
}
#mobile_navi .mobile_navi__menu .menu_list li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 60px 0 0;
  height: 60px;
  background-image: url(../../Contents/Common/arrow_slider_right.svg);
  background-position: top 50% right 40px;
  background-size: 4px auto;
  background-repeat: no-repeat;
  letter-spacing: 1px;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #mobile_navi .mobile_navi__menu .menu_list li a {
    height: 50px;
  }
}
#mobile_navi .mobile_navi__menu .menu_list li .search_menu__open {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 60px 0 0;
  height: 60px;
  background-image: url(../../Contents/Common/icon_search_b.svg);
  background-position: top 50% right 40px;
  background-repeat: no-repeat;
  letter-spacing: 1px;
  font-size: 14px;
  cursor: pointer;
}
#mobile_navi .mobile_navi__menu .submenu_list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0 40px 0 0;
}
#mobile_navi .mobile_navi__menu .submenu_list li {
  margin: 0;
  width: calc(50% - 10px);
  border-bottom: #dfdfdf solid 1px;
}
#mobile_navi .mobile_navi__menu .submenu_list li:nth-child(3) {
  border-bottom: none;
}
#mobile_navi .mobile_navi__menu .submenu_list li:nth-child(4) {
  border-bottom: none;
}
#mobile_navi .mobile_navi__menu .submenu_list li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px 0 0;
  height: 60px;
  background-image: url(../../Contents/Common/arrow_slider_right.svg);
  background-position: top 50% right 2px;
  background-size: 4px auto;
  background-repeat: no-repeat;
  letter-spacing: 1px;
  font-size: 13px;
}
#mobile_navi .mobile_navi__menu .item_menu {
  padding: 40px 0 40px 40px;
  border-top: #e8e8e8 solid 1px;
  border-bottom: #e8e8e8 solid 1px;
  background-color: #f0f0f0;
}
#mobile_navi .mobile_navi__menu .item_menu .menu_list li {
  border-bottom: #dfdfdf solid 1px;
}
#mobile_navi .mobile_navi__menu .item_menu .menu_list li:last-child {
  border-bottom: none;
}
#mobile_navi .mobile_navi__menu .basic_menu {
  padding: 40px 0 0 40px;
}
#mobile_navi .mobile_navi__menu .basic_menu .menu_list {
  margin: 0;
}

.product_search {
  position: relative;
  display: none;
  padding: 189px 0 0;
  width: 340px;
  border-bottom: #f0f0f0 solid 1px;
  background: #ffffff;
}
@media print, screen and (max-width: 1439px) {
  .product_search {
    width: 300px;
  }
}
@media print, screen and (max-width: 1279px) {
  .product_search {
    padding: 160px 0 0;
    width: 260px;
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: -40%;
    z-index: 9999;
    display: block;
    padding: 0;
    width: 40%;
    background: #ffffff;
    transition: left 0.7s cubic-bezier(0.26, 0.63, 0, 0.99);
  }
}
@media print, screen and (max-width: 767px) {
  .product_search {
    top: 56px;
    right: calc(-100% - 1px);
    left: inherit;
    z-index: 10001;
    width: calc(100% + 1px);
    transition: right 0.7s cubic-bezier(0.26, 0.63, 0, 0.99);
  }
}
.product_search.js_open {
  left: 0;
}
@media print, screen and (max-width: 767px) {
  .product_search.js_open {
    right: 0;
    left: inherit;
  }
}
.product_search .search_close__btn {
  display: none;
}
@media print, screen and (max-width: 1023px) {
  .product_search .search_close__btn {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 16;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .search_close__btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.product_search .search_close__btn img {
  display: none;
}
@media print, screen and (max-width: 767px) {
  .product_search .search_close__btn img {
    display: block;
  }
}
.product_search .search_close__btn .line:nth-child(1) {
  position: absolute;
  top: 50%;
  left: 25%;
  width: 50%;
  height: 1px;
  background: #000000;
  transform: rotate(45deg);
}
@media print, screen and (max-width: 767px) {
  .product_search .search_close__btn .line:nth-child(1) {
    display: none;
  }
}
.product_search .search_close__btn .line:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 25%;
  width: 50%;
  height: 1px;
  background: #000000;
  transform: rotate(-45deg);
}
@media print, screen and (max-width: 767px) {
  .product_search .search_close__btn .line:nth-child(2) {
    display: none;
  }
}
.product_search .dvCategorySearch {
  position: relative;
  z-index: 15;
  margin: 0 -1px 0 0;
  padding: 40px 0 50px 50px;
  border-right: #f0f0f0 solid 1px;
  background: #ffffff;
}
@media print, screen and (max-width: 1279px) {
  .product_search .dvCategorySearch {
    padding: 40px 0 50px 30px;
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search .dvCategorySearch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 40px 0 0 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .dvCategorySearch {
    border-right: none;
    border-left: #f0f0f0 solid 1px;
  }
}
.product_search .brand_list {
  position: fixed;
  left: -100vw;
  z-index: 9;
  width: calc(100% - 422px);
  background: #ffffff;
  transition: left 1s ease-in-out;
}
@media print, screen and (max-width: 1439px) {
  .product_search .brand_list {
    width: calc(100% - 382px);
  }
}
@media print, screen and (max-width: 1279px) {
  .product_search .brand_list {
    width: calc(100% - 322px);
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search .brand_list {
    width: 60%;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .brand_list {
    right: -100%;
    left: inherit;
    z-index: 10003;
    width: calc(100% - 30px);
    border-top: #f0f0f0 solid 1px;
    border-left: #f0f0f0 solid 1px;
    transition: right 0.7s cubic-bezier(0.26, 0.63, 0, 0.99);
  }
}
.product_search .brand_list.js_open {
  left: 341px;
}
@media print, screen and (max-width: 1439px) {
  .product_search .brand_list.js_open {
    left: 301px;
  }
}
@media print, screen and (max-width: 1279px) {
  .product_search .brand_list.js_open {
    left: 261px;
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search .brand_list.js_open {
    left: 40%;
    z-index: 10;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .brand_list.js_open {
    right: 0;
    left: inherit;
    z-index: 10003;
  }
}
.product_search .brand_list .brand_list__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
  padding: 0 70px 70px;
  background: #ffffff;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media print, screen and (max-width: 1279px) {
  .product_search .brand_list .brand_list__wrapper {
    padding: 0 50px 70px;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .brand_list .brand_list__wrapper {
    padding: 0 30px 30px;
  }
}
.product_search .brand_list .brand_list__wrapper::-webkit-scrollbar {
  display: none;
}
.product_search .brand_list .brand_list__wrapper .links {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  margin: 0 -70px;
  padding: 30px 70px 30px 70px;
  border-bottom: #f0f0f0 solid 1px;
  background: #ffffff;
  font-weight: 500;
  font-size: 14px;
  gap: 20px;
}
@media print, screen and (max-width: 1279px) {
  .product_search .brand_list .brand_list__wrapper .links {
    margin: 0 -50px;
    padding: 30px 50px 30px 50px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search .brand_list .brand_list__wrapper .links {
    padding: 30px;
    font-size: 13px;
    gap: 10px;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .brand_list .brand_list__wrapper .links {
    margin: 0 -30px;
    padding: 0;
    border-bottom: none;
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search .brand_list .brand_list__wrapper .links a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 24px;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .brand_list .brand_list__wrapper .links a {
    display: none;
  }
}
.product_search .brand_list .brand_list__wrapper .links .brand_list__close {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  background: #ffffff;
  cursor: pointer;
}
@media print, screen and (max-width: 1023px) {
  .product_search .brand_list .brand_list__wrapper .links .brand_list__close {
    right: 20px;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .brand_list .brand_list__wrapper .links .brand_list__close img {
    transform: rotate(180deg);
  }
}
.product_search .brand_list .brand_list__wrapper .links .brand_list__close .line:nth-child(1) {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000000;
  transform: rotate(45deg);
}
@media print, screen and (max-width: 1023px) {
  .product_search .brand_list .brand_list__wrapper .links .brand_list__close .line:nth-child(1) {
    left: 10%;
    width: 80%;
  }
}
.product_search .brand_list .brand_list__wrapper .links .brand_list__close .line:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000000;
  transform: rotate(-45deg);
}
@media print, screen and (max-width: 1023px) {
  .product_search .brand_list .brand_list__wrapper .links .brand_list__close .line:nth-child(2) {
    left: 10%;
    width: 80%;
  }
}
.product_search .brand_list .brand_list__wrapper ul {
  margin: 80px 0 0;
}
@media print, screen and (max-width: 767px) {
  .product_search .brand_list .brand_list__wrapper ul {
    margin: 60px 0 0;
  }
}
.product_search .brand_list .brand_list__wrapper ul li .kana {
  position: relative;
  margin: 0;
  padding: 0;
  /*&::before {
  		position:absolute;
  		top:50%;
  		right:0;
  		left:0;
  		height:1px;
  		background-color:#e5e5e5;
  		content:"";
  	}*/
}
.product_search .brand_list .brand_list__wrapper ul li .kana span {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: #e5e5e5 solid 1px;
  background-color: #ffffff;
}
@media print, screen and (max-width: 767px) {
  .product_search .brand_list .brand_list__wrapper ul li .kana span {
    justify-content: flex-start;
    width: auto;
    height: auto;
    border: none;
  }
}
.product_search .brand_list .brand_list__wrapper ul li ul.b_list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 20px 0 40px;
  gap: 20px;
}
@media print, screen and (max-width: 767px) {
  .product_search .brand_list .brand_list__wrapper ul li ul.b_list {
    padding: 10px 0 40px;
    gap: 0;
  }
}
.product_search .brand_list .brand_list__wrapper ul li ul.b_list li {
  width: calc((100% - 60px) / 4);
}
@media print, screen and (max-width: 1439px) {
  .product_search .brand_list .brand_list__wrapper ul li ul.b_list li {
    width: calc((100% - 40px) / 3);
  }
}
@media print, screen and (max-width: 1179px) {
  .product_search .brand_list .brand_list__wrapper ul li ul.b_list li {
    width: calc((100% - 20px) / 2);
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search .brand_list .brand_list__wrapper ul li ul.b_list li {
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .brand_list .brand_list__wrapper ul li ul.b_list li {
    margin: 0 0 -1px;
  }
}
.product_search .brand_list .brand_list__wrapper ul li ul.b_list li label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 10px;
  height: 50px;
  border-bottom: #f0f0f0 solid 1px;
  letter-spacing: 1px;
  cursor: pointer;
  gap: 5px;
}
@media print, screen and (max-width: 1023px) {
  .product_search .brand_list .brand_list__wrapper ul li ul.b_list li label {
    margin: 0 -50px 0 0;
    padding: 0;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .brand_list .brand_list__wrapper ul li ul.b_list li label {
    margin: 0 -30px 0 0;
  }
}
.product_search .fixation_list {
  position: absolute;
  top: 2435px;
  left: 340px;
  z-index: 9;
  overflow: hidden;
  width: 600px;
  pointer-events: none;
}
@media print, screen and (max-width: 1439px) {
  .product_search .fixation_list {
    left: 300px;
  }
}
@media print, screen and (max-width: 1279px) {
  .product_search .fixation_list {
    left: 260px;
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search .fixation_list {
    position: fixed;
    top: 60px;
    right: 0;
    bottom: 0;
    left: -60%;
    overflow: hidden;
    overflow: auto;
    width: 60%;
    background: #ffffff;
    transition: left 1s ease-in-out;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .fixation_list {
    top: 55px;
    right: -100%;
    left: inherit;
    z-index: 10003;
    overflow: auto;
    width: calc(100% - 30px);
    border-top: #f0f0f0 solid 1px;
    border-left: #f0f0f0 solid 1px;
    transition: right 0.7s cubic-bezier(0.26, 0.63, 0, 0.99);
  }
}
.product_search .fixation_list.js_open {
  pointer-events: all;
}
.product_search .fixation_list.js_open .fixation_list__wrapper {
  transform: translateX(0);
}
@media print, screen and (max-width: 1023px) {
  .product_search .fixation_list.js_open {
    left: 40%;
    z-index: 10;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .fixation_list.js_open {
    right: 0;
    left: inherit;
    z-index: 10003;
  }
}
.product_search .fixation_list .fixation_list__close {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  background: #ffffff;
  cursor: pointer;
}
@media print, screen and (max-width: 1023px) {
  .product_search .fixation_list .fixation_list__close {
    position: -webkit-sticky;
    position: sticky;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .fixation_list .fixation_list__close img {
    transform: rotate(180deg);
  }
}
.product_search .fixation_list .fixation_list__wrapper {
  padding: 60px 50px 40px;
  width: 600px;
  border: #f0f0f0 solid 1px;
  background: #ffffff;
  transition: 0.5s ease;
  transform: translateX(-100%);
}
@media print, screen and (max-width: 1023px) {
  .product_search .fixation_list .fixation_list__wrapper {
    padding: 0 0 50px;
    width: auto;
    height: 100%;
    border: none;
    background: #ffffff;
    transition: inherit;
    transform: translateX(0);
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .fixation_list .fixation_list__wrapper {
    padding: 0;
  }
}
.product_search .fixation_list .fixation_list__wrapper ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media print, screen and (max-width: 1023px) {
  .product_search .fixation_list .fixation_list__wrapper ul {
    padding: 30px 40px 50px;
    gap: 20px;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .fixation_list .fixation_list__wrapper ul {
    padding: 10px 0 50px 30px;
    gap: 0;
  }
}
.product_search .fixation_list .fixation_list__wrapper ul li {
  margin: 0 0 20px;
  width: 33.3333%;
  letter-spacing: 1px;
  font-size: 12px;
}
@media print, screen and (max-width: 1023px) {
  .product_search .fixation_list .fixation_list__wrapper ul li {
    margin: 0;
    width: calc(50% - 10px);
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .fixation_list .fixation_list__wrapper ul li {
    width: 100%;
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search .fixation_list .fixation_list__wrapper ul li span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 10px;
    height: 40px;
    border-bottom: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .fixation_list .fixation_list__wrapper ul li span {
    padding: 0;
    height: 50px;
  }
}
.product_search .fixation_list .fixation_list__wrapper ul li label {
  padding: 0 0 0 8px;
}
@media print, screen and (max-width: 1023px) {
  .product_search .fixation_list .fixation_list__wrapper ul li label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 8px;
    width: 100%;
    height: 40px;
  }
}
.product_search .fixation_list .fixation_list__wrapper .fixation_list__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0;
  width: 100px;
  height: 40px;
  border: none;
  border-radius: 2px;
  background: #353535;
  color: #ffffff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media print, screen and (max-width: 1023px) {
  .product_search .fixation_list .fixation_list__wrapper .fixation_list__btn {
    display: none;
  }
}
.product_search .dvCategorySearch h2 {
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 16px;
}
.product_search .dvCategorySearch .type_name {
  position: relative;
  display: block;
  margin: 0 0 40px;
  padding: 0 !important;
  font-weight: 500;
  font-size: 14px;
}
.product_search .dvCategorySearch .type_name::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 1px;
  background-color: #f0f0f0;
  content: "";
}
.product_search .dvCategorySearch .type_name span {
  position: relative;
  z-index: 2;
  padding: 0 20px 0 0;
  background-color: #ffffff;
}
.product_search .dvCategorySearch .aside_search {
  padding: 0;
}
.product_search .dvCategorySearch .aside_search input {
  box-sizing: border-box;
  padding: 10px 40px 10px 0;
  width: 100%;
  height: 50px;
  outline: 0;
  border-top: none;
  border-right: none;
  border-bottom: #f0f0f0 solid 1px;
  border-left: none;
  border-radius: 0;
  background-color: #ffffff;
  color: #464646;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.product_search .dvCategorySearch .aside_search input::-moz-placeholder {
  color: #cbcbcb;
}
.product_search .dvCategorySearch .aside_search input::placeholder {
  color: #cbcbcb;
}
.product_search .dvCategorySearch .aside_search input::-webkit-search-cancel-button {
  appearance: none;
  -webkit-appearance: none;
}
.product_search .dvCategorySearch .aside_search input:-webkit-autofill {
  box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset !important;
}
.product_search .dvCategorySearch .brand_select {
  margin: 0 0 50px;
  padding: 0;
}
.product_search .dvCategorySearch .brand_select .brand_select__btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 20px;
  padding: 0 20px 0 0;
  height: 40px;
  background-image: url(../../Contents/Common/arrow_small_right_bk.svg);
  background-position: right 30px top 50%;
  background-repeat: no-repeat;
  text-decoration: underline;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}
.product_search .dvCategorySearch .brand_now__select {
  display: none;
}
.product_search .dvCategorySearch .brand_now__select.show {
  display: block;
}
.product_search .dvCategorySearch .brand_now__select.show .brand_active {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 0 0;
  padding: 0 20px 0 0;
  height: 50px;
  border-bottom: #f0f0f0 solid 1px;
}
.product_search .dvCategorySearch .brand_now__select.show .brand_active .brand_name {
  font-size: 13px;
}
.product_search .dvCategorySearch .brand_now__select.show .brand_active .cancel_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #ffffff;
  cursor: pointer;
}
.product_search .dvCategorySearch .brand_now__select p {
  margin: 0 0 10px;
  font-size: 12px;
}
.product_search .dvCategorySearch .fixation_select {
  position: relative;
  margin: 0 0 50px;
  padding: 0;
}
.product_search .dvCategorySearch .fixation_select .fixation_select__btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 20px;
  padding: 0 20px 0 0;
  height: 40px;
  background-image: url(../../Contents/Common/arrow_small_right_bk.svg);
  background-position: right 30px top 50%;
  background-repeat: no-repeat;
  text-decoration: underline;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}
.product_search .dvCategorySearch .fixation_now__select {
  display: none;
}
.product_search .dvCategorySearch .fixation_now__select.show {
  display: block;
}
.product_search .dvCategorySearch .fixation_now__select.show .fixation_active {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 0 0;
  padding: 0 20px 0 0;
  height: 50px;
  border-bottom: #f0f0f0 solid 1px;
}
.product_search .dvCategorySearch .fixation_now__select.show .fixation_active .fixation_name {
  font-size: 13px;
}
.product_search .dvCategorySearch .fixation_now__select.show .fixation_active .cancel_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #ffffff;
  cursor: pointer;
}
.product_search .dvCategorySearch .fixation_now__select p {
  margin: 0 0 10px;
  font-size: 12px;
}
.product_search .categoryList {
  margin-bottom: 70px;
}
.product_search .categoryList ul li {
  margin: 0 0 20px;
  letter-spacing: 1px;
  font-size: 12px;
}
@media print, screen and (max-width: 767px) {
  .product_search .categoryList ul li {
    font-size: 14px;
  }
}
.product_search .categoryList ul li span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.product_search .categoryList.color ul {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.product_search .categoryList.color ul li {
  margin: 0 0 20px;
  width: 16.6666%;
}
.product_search .categoryList.color ul li span input[type=checkbox] {
  display: none;
  visibility: hidden;
}
.product_search .categoryList.color ul li span label {
  position: relative;
  overflow: hidden;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  text-indent: -9999px;
}
.product_search .categoryList.color ul li span input[type=checkbox]:checked + label::before {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: rgba(255, 255, 255, 0.4588235294) solid 4px;
  border-radius: 20px;
  content: "";
}
.product_search .categoryList.color ul li:nth-child(1) label {
  background-color: #000000;
}
.product_search .categoryList.color ul li:nth-child(2) label {
  border: #b1b1b1 solid 1px;
  background-color: #ffffff;
}
.product_search .categoryList.color ul li:nth-child(2) input[type=checkbox]:checked + label::before {
  top: -1px;
  left: -1px;
  border: rgba(190, 190, 190, 0.4588235294) solid 4px;
}
.product_search .categoryList.color ul li:nth-child(3) label {
  background-color: #b4b4b4;
}
.product_search .categoryList.color ul li:nth-child(4) label {
  background-color: #916c60;
}
.product_search .categoryList.color ul li:nth-child(5) label {
  background-color: #f0e2b8;
}
.product_search .categoryList.color ul li:nth-child(6) label {
  background-color: #0065ff;
}
.product_search .categoryList.color ul li:nth-child(7) label {
  background-color: #30a84c;
}
.product_search .categoryList.color ul li:nth-child(8) label {
  background-color: #8500aa;
}
.product_search .categoryList.color ul li:nth-child(9) label {
  background-color: #f9e632;
}
.product_search .categoryList.color ul li:nth-child(10) label {
  background-color: #fb97cf;
}
.product_search .categoryList.color ul li:nth-child(11) label {
  background-color: #f90c48;
}
.product_search .categoryList.color ul li:nth-child(12) label {
  background-color: #ff8b25;
}
.product_search .categoryList.color ul li:nth-child(13) label {
  background: url(../../../Contents/Common/img_gradient_01.jpg) no-repeat center/contain;
}
.product_search .categoryList.color ul li:nth-child(14) label {
  background: url(../../../Contents/Common/img_gradient_02.jpg) no-repeat center/contain;
}
.product_search .categoryList.color ul li:nth-child(15) label {
  background: url(../../../Contents/Common/img_gradient_03.jpg) no-repeat center/contain;
}
.product_search .categoryList.color ul li:nth-child(16) label {
  background: url(../../../Contents/Common/img_gradient_04.jpg) no-repeat center/contain;
}
.product_search .categoryList.color ul li:nth-child(17) label {
  background: url(../../../Contents/Common/img_color_01.jpg) no-repeat center/contain;
}
.product_search .categoryList.price_range {
  margin-bottom: 40px;
}
.product_search .categoryList.price_range .range {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px 0 0;
}
.product_search .categoryList.price_range .range input {
  width: calc(50% - 10px);
}
.product_search .button {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 0 -50px;
  padding: 20px;
  border-top: #f0f0f0 solid 1px;
  background: #ffffff;
}
@media print, screen and (max-width: 1279px) {
  .product_search .button {
    margin: 0 0 0 -30px;
    padding: 20px;
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search .button {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 10;
    margin: 0 0 0 -30px;
    padding: 20px;
    border-top: #f0f0f0 solid 1px;
    background: #ffffff;
  }
}
@media print, screen and (max-width: 767px) {
  .product_search .button {
    padding: 10px 30px 20px 30px;
  }
}
.product_search .button .clear_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100px;
  height: 50px;
  border: none;
  border-right: #7e7e7e solid 1px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background: #353535;
  color: #ffffff;
  font-size: 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media print, screen and (max-width: 1439px) {
  .product_search .button .clear_btn {
    width: 90px;
  }
}
@media print, screen and (max-width: 1279px) {
  .product_search .button .clear_btn {
    width: 70px;
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search .button .clear_btn {
    width: 90px;
  }
}
.product_search .button .btn-sort-search {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: calc(100% - 100px);
  height: 50px;
  border: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background: #353535;
  color: #ffffff;
  font-size: 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media print, screen and (max-width: 1439px) {
  .product_search .button .btn-sort-search {
    width: calc(100% - 90px);
  }
}
@media print, screen and (max-width: 1279px) {
  .product_search .button .btn-sort-search {
    width: calc(100% - 70px);
  }
}
@media print, screen and (max-width: 1023px) {
  .product_search .button .btn-sort-search {
    width: calc(100% - 90px);
  }
}

@media print, screen and (max-width: 767px) {
  #breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 -30px;
    margin-bottom: 0;
    padding: 0 30px;
    width: auto;
    height: 50px;
    background: #f9f9f9;
  }
}
@media print, screen and (max-width: 767px) {
  #breadcrumb #breadcrumb ul li {
    font-size: 11px;
  }
}

#divTopArea {
  position: relative;
}

@media print, screen and (max-width: 767px) {
  #myPage .app_member__info {
    display: none;
  }
}

.app_member__info {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: 80px;
  border-top-left-radius: 10px;
  background-color: #353535;
  color: #ffffff;
  font-size: 13px;
  line-height: 2em;
  transition: 0.7s ease;
}
.app_member__info.out {
  right: -450px;
}
@media print, screen and (max-width: 767px) {
  .app_member__info.out {
    right: 0;
    bottom: -100px;
  }
}
@media print, screen and (max-width: 1179px) {
  .app_member__info {
    height: 74px;
  }
}
@media print, screen and (max-width: 767px) {
  .app_member__info {
    bottom: 0;
    left: 0;
    z-index: 9998;
    width: auto;
    height: 50px;
    border-top-left-radius: 0;
    font-size: 12px;
    line-height: 1.6em;
    /*br {
    	display:none;
    }*/
  }
  .app_member__info span {
    display: block;
    width: calc(100% - 50px);
  }
}
.app_member__info i {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 50px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #ffffff;
}
@media print, screen and (max-width: 1179px) {
  .app_member__info i {
    margin: 0 0 0 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .app_member__info i {
    width: 24px;
    height: 24px;
  }
  .app_member__info i img {
    width: 10px;
    height: 10px;
  }
}

#error_page {
  margin: -189px 0 0 -80px;
  padding: 189px 0 0;
  background-color: #ffffff;
}
@media print, screen and (max-width: 1279px) {
  #error_page {
    margin: -160px 0 0 -60px;
    padding: 160px 0 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #error_page {
    margin: -160px -50px 0 -50px;
  }
}
@media print, screen and (max-width: 767px) {
  #error_page {
    margin: -142px -30px 0 -30px;
    padding: 142px 0 0;
  }
}
@media print, screen and (max-width: 599px) {
  #error_page {
    margin: -97px -30px 0 -30px;
    padding: 97px 0 0;
  }
}
#error_page #dvErrorInfoBox {
  padding: 80px 30px 50px;
}
#error_page #dvErrorInfoBox h1 {
  margin: 0 0 20px;
  text-align: center;
  font-size: 40px;
}
#error_page #dvErrorInfoBox #dvErrorInfo {
  padding: 0;
  border: none;
}
#error_page #dvErrorInfoBox #dvErrorInfo h6 {
  text-align: center;
  font-weight: 700;
  font-size: 14px;
}
#error_page #dvErrorInfoBox #dvErrorInfo div.dvErrorContents {
  padding: 50px 0 0;
  color: #464646;
  text-align: center;
}
#error_page .dvErrorBtnBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 30px 80px;
  gap: 10px;
}
#error_page .dvErrorBtnBox a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 50px;
  background-color: #b6b6b6;
  color: #fbfbfb;
  font-weight: 500;
  font-size: 14px;
}

/*
#dvLogin {
	.app_member__info {
		left:0;
		z-index:10;
		padding:0 40px 0 50px;

		@media print, screen and (max-width: 1179px) {
			padding:0 30px 0 50px;
		}
		@media print, screen and (max-width: 767px) {
			margin:-2px 0 0;
			padding:0 30px;
		}
	}
}*/
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #464646;
}

.arrow-prev {
  background-image: url(../../Contents/Common/arrow_slider_left.svg);
  background-position: left 0 top 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.arrow-next {
  background-image: url(../../Contents/Common/arrow_slider_right.svg);
  background-position: right 0 top 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

input[type=text], input[type=number], input[type=tel], input[type=email], input[type=password], textarea {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  height: 50px;
  outline: 0;
  border: #f0f0f0 solid 1px;
  border-radius: 0;
  background-color: #fbfbfb;
  color: #464646;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=text]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, textarea::-moz-placeholder {
  color: #b7b7b7;
}
input[type=text]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, textarea::placeholder {
  color: #b7b7b7;
}
@media print, screen and (max-width: 767px) {
  input[type=text]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 12px;
  }
  input[type=text]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, textarea::placeholder {
    font-size: 12px;
  }
}
input[type=text]:-webkit-autofill, input[type=number]:-webkit-autofill, input[type=tel]:-webkit-autofill, input[type=email]:-webkit-autofill, input[type=password]:-webkit-autofill, textarea:-webkit-autofill {
  box-shadow: 0 0 0 1000px rgb(251, 251, 251) inset !important;
}
@media print, screen and (max-width: 767px) {
  input[type=text], input[type=number], input[type=tel], input[type=email], input[type=password], textarea {
    border: #e4e4e4 solid 1px;
  }
}

textarea {
  height: 300px;
  line-height: 1.8em;
}

select {
  box-sizing: border-box;
  padding: 10px 30px 10px 10px;
  min-width: 80px;
  height: 50px;
  outline: 0;
  border: #f0f0f0 solid 1px;
  border-radius: 0;
  background-color: #fbfbfb;
  background-image: url(../../../Contents/Common/select_arrow.svg);
  background-position: top 50% right 10px;
  background-repeat: no-repeat;
  color: #464646;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media print, screen and (max-width: 767px) {
  select {
    padding: 10px 30px 10px 10px;
    border: #e4e4e4 solid 1px;
  }
}

.error_inline {
  position: absolute;
  right: -10px;
  bottom: -15px;
  margin: 0;
  padding: 0 10px !important;
  height: 24px;
  border-radius: 30px;
  background: #ff5d5d !important;
  color: #ffffff !important;
  white-space: nowrap;
  font-size: 10px !important;
  line-height: 24px;
}

.error_input {
  background-color: #fbfbfb !important;
}

.box_half {
  width: calc(50% - 5px);
}
.box_half:last-of-type {
  margin: 0 0 0 10px;
}

select.year {
  margin: 0 5px 0 0;
  width: auto;
}

select.month {
  margin: 0 5px;
  width: auto;
}

select.date {
  margin: 0 5px;
  width: auto;
}

.confirm {
  margin: 10px 0 0;
}

.post_code {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
  max-width: 300px;
  width: 100%;
}
@media print, screen and (max-width: 767px) {
  .post_code {
    max-width: inherit;
    width: 100%;
  }
}
.post_code input {
  max-width: 200px;
  width: calc(100% - 100px);
}
@media print, screen and (max-width: 767px) {
  .post_code input {
    max-width: inherit;
  }
}
.post_code a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 90px;
  height: 48px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
.post_code .shortZipInputErrorMessage {
  position: absolute;
  right: -10px;
  bottom: -15px;
  margin: 0;
  padding: 0 10px !important;
  height: 24px;
  border-radius: 30px;
  background: #ff5d5d !important;
  color: #ffffff !important;
  white-space: nowrap;
  font-size: 10px !important;
  line-height: 24px;
}

.pref {
  position: relative;
  z-index: 5;
  margin: 0 0 10px;
  width: 100%;
}
@media print, screen and (max-width: 767px) {
  .pref {
    margin: 0 0 10px 0;
    max-width: inherit;
    width: 100%;
  }
}
.pref select.district {
  width: 100%;
}

.city {
  position: relative;
  z-index: 4;
  margin: 0 0 10px;
  width: 100%;
}

.street {
  position: relative;
  z-index: 3;
  margin: 0 0 10px;
  width: 100%;
}

.other {
  margin: 0;
  width: 100%;
}

.submit {
  display: flex;
  align-items: center;
  justify-content: center;
}
.submit a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 226px;
  height: 60px;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
}
@media print, screen and (max-width: 767px) {
  .submit a {
    width: 180px;
    height: 50px;
  }
}
.submit a.back {
  margin: 0 10px 0 0;
  width: 130px;
  background-color: #b6b6b6;
  cursor: pointer;
}
.submit a.next {
  background-color: #e67e0f;
  cursor: pointer;
}
@media print, screen and (max-width: 1023px) {
  .submit a.next {
    width: calc(100% - 130px);
  }
}
.submit a.go_to_top {
  background-color: #353535;
  cursor: pointer;
}

#pagination {
  margin: 0;
  padding: 30px 0 0;
}
#pagination .total {
  margin: 0 auto 20px;
  text-align: center;
}
#pagination .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#pagination .pager a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 80px;
  border: #f0f0f0 solid 1px;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #pagination .pager a {
    height: 50px;
    font-size: 13px;
  }
}
#pagination .pager span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 80px;
  border: #f0f0f0 solid 1px;
  background-color: #fbfbfb;
  font-weight: 700;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #pagination .pager span {
    height: 50px;
    font-size: 13px;
  }
}

.custom_order {
  margin: 0 0 0 1px;
  padding: 50px 0 0;
  background-color: #ffffff;
}
@media print, screen and (max-width: 767px) {
  .custom_order {
    margin: 0 -30px;
    padding: 30px 0 0;
  }
}
.custom_order .cartstep {
  padding: 0 50px 50px;
}
@media print, screen and (max-width: 1439px) {
  .custom_order .cartstep {
    padding: 0 30px 50px;
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order .cartstep {
    padding: 0 30px 30px;
  }
}
.custom_order .cartstep h1 {
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 30px;
}
@media print, screen and (max-width: 767px) {
  .custom_order .cartstep h1 {
    font-size: 24px;
  }
}
.custom_order .cartstep .no_item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px 50px;
  line-height: 2em;
}
.custom_order #CartList {
  padding-top: 0;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList {
    padding: 0 30px;
  }
}
.custom_order #CartList div.productList {
  padding: 0 0 80px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList div.productList {
    padding: 0 0 20px;
  }
}
.custom_order #CartList div.productList div.list {
  padding: 15px 0 0;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList div.productList div.list {
    padding: 0;
  }
}
.custom_order #CartList h3 {
  padding: 20px 50px 20px;
  border-top: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  background-color: transparent;
  color: #464646;
  text-align: left;
  font-weight: 700;
  font-size: 14px;
}
.custom_order #CartList h3::before {
  content: "■ ";
}
@media print, screen and (max-width: 1439px) {
  .custom_order #CartList h3 {
    padding: 20px 30px 20px;
    text-align: left;
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList h3 {
    padding: 10px 20px 10px;
    border: #f0f0f0 solid 1px;
  }
}
.custom_order #CartList .cart_flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1439px) {
  .custom_order #CartList .cart_flex {
    display: block;
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex {
    margin: 0 0 20px;
    border-right: #f0f0f0 solid 1px;
    border-left: #f0f0f0 solid 1px;
  }
}
.custom_order #CartList .cart_flex .background {
  width: calc(100% - 360px);
}
@media print, screen and (max-width: 1439px) {
  .custom_order #CartList .cart_flex .background {
    width: 100%;
  }
}
.custom_order #CartList .cart_flex .background .list p.ttl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 31px 10px 0;
  border-bottom: #f0f0f0 solid 1px;
  font-weight: 500;
  font-size: 12px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex .background .list p.ttl {
    display: none;
  }
}
.custom_order #CartList .cart_flex .background .list p.ttl span {
  display: block;
  box-sizing: border-box;
}
.custom_order #CartList .cart_flex .background .list p.ttl span.ttl_01 {
  padding: 0 0 0 20px;
  width: calc(100% - 420px);
  text-align: justify;
}
@media print, screen and (max-width: 1023px) {
  .custom_order #CartList .cart_flex .background .list p.ttl span.ttl_01 {
    width: calc(100% - 280px);
  }
}
.custom_order #CartList .cart_flex .background .list p.ttl span.ttl_03 {
  width: 140px;
  text-align: center;
}
@media print, screen and (max-width: 1023px) {
  .custom_order #CartList .cart_flex .background .list p.ttl span.ttl_03 {
    display: none;
  }
}
.custom_order #CartList .cart_flex .background .list p.ttl span.ttl_04 {
  width: 140px;
  text-align: center;
}
.custom_order #CartList .cart_flex .background .list p.ttl span.ttl_06 {
  width: 140px;
  text-align: center;
}
.custom_order #CartList .cart_flex .background .list .product {
  border-bottom: #f0f0f0 solid 1px;
}
.custom_order #CartList .cart_flex .background .list .product .item_info {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0 31px 0 0;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info {
    flex-direction: column;
    padding: 0 0 20px;
  }
}
.custom_order #CartList .cart_flex .background .list .product .item_info dl.name {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: calc(100% - 420px);
}
@media print, screen and (max-width: 1023px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info dl.name {
    width: calc(100% - 280px);
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info dl.name {
    flex-direction: column;
    width: 100%;
  }
}
.custom_order #CartList .cart_flex .background .list .product .item_info dl.name dt {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px;
  width: 120px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info dl.name dt {
    margin: 0 auto;
    padding: 40px 0 20px;
    width: 150px;
    border-right: none;
  }
}
.custom_order #CartList .cart_flex .background .list .product .item_info dl.name dt img {
  width: 80px;
  height: auto;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info dl.name dt img {
    width: 150px;
  }
}
.custom_order #CartList .cart_flex .background .list .product .item_info dl.name dd {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 20px 26px;
  width: calc(100% - 120px);
}
@media print, screen and (max-width: 1023px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info dl.name dd {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info dl.name dd {
    padding: 20px;
    width: 100%;
  }
}
.custom_order #CartList .cart_flex .background .list .product .item_info dl.name dd a {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.8;
}
.custom_order #CartList .cart_flex .background .list .product .item_info dl.name dd .price {
  display: none;
}
@media print, screen and (max-width: 1023px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info dl.name dd .price {
    display: block;
    padding: 5px 0 0;
    font-weight: 500;
    font-size: 12px;
  }
}
.custom_order #CartList .cart_flex .background .list .product .item_info dl.name dd div {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info dl.name dd div {
    font-size: 10px;
  }
}
.custom_order #CartList .cart_flex .background .list .product .item_info p {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0 20px;
}
.custom_order #CartList .cart_flex .background .list .product .item_info p.price {
  width: 140px;
}
@media print, screen and (max-width: 1023px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info p.price {
    display: none;
  }
}
.custom_order #CartList .cart_flex .background .list .product .item_info p.quantity {
  width: 140px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info p.quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 20px 10px;
    padding: 0 0 10px;
    width: auto;
    border-bottom: #f0f0f0 solid 1px;
  }
  .custom_order #CartList .cart_flex .background .list .product .item_info p.quantity::before {
    content: "数量";
    font-size: 11px;
  }
}
.custom_order #CartList .cart_flex .background .list .product .item_info p.quantity input {
  width: 50px;
  height: 30px;
  border: #f0f0f0 solid 1px;
  border-radius: 0;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom_order #CartList .cart_flex .background .list .product .item_info p.subtotal {
  width: 140px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex .background .list .product .item_info p.subtotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 20px 10px;
    padding: 0;
    width: auto;
  }
  .custom_order #CartList .cart_flex .background .list .product .item_info p.subtotal::before {
    content: "小計";
    font-size: 11px;
  }
}
.custom_order #CartList .cart_flex .background .list .product .item_info p.delete {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
.custom_order #CartList .cart_flex .background .list .product .item_info p.delete a {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.custom_order #CartList .cart_flex .background .list .product .item_info p.delete a::before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(45deg);
}
.custom_order #CartList .cart_flex .background .list .product .item_info p.delete a::after {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(-45deg);
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  /*.discount_box:first-of-type {
  	border-right:#f0f0f0 solid 1px;
  }*/
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .pointBox {
  box-sizing: border-box;
  padding: 50px;
  width: 50%;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox {
  box-sizing: border-box;
  padding: 50px;
  max-width: 500px;
  width: 100%;
}
@media print, screen and (max-width: 1439px) {
  .custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox {
    padding: 30px;
    width: calc(100% - 359px);
  }
}
@media print, screen and (max-width: 1023px) {
  .custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox {
    padding: 30px;
    width: calc(100% - 319px);
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox {
    padding: 30px 20px;
    max-width: inherit;
    width: 100%;
  }
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox .cp_box {
  display: block;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox .cp_box a {
  display: none;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 50px;
  background-color: #353535;
  color: #aaaaaa;
  font-weight: 500;
  font-size: 13px;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox .cp_box .cp_select {
  width: 100%;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox .cp_box .cp_select select {
  box-sizing: border-box;
  padding: 0 50px 0 10px;
  width: 100%;
  height: 50px;
  border: #f0f0f0 solid 1px;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox .cp_box dl {
  display: block;
  width: 100%;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox .cp_box dl dt {
  float: none;
  margin: 0;
  padding: 0;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox .cp_box dl dd {
  float: none;
  width: 100%;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .couponBox .cp_box dl dd input {
  box-sizing: border-box;
  padding: 0 10px;
  width: 100% !important;
  height: 50px !important;
  border: #f0f0f0 solid 1px;
  border-radius: 0;
  text-align: left !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .box h4 {
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 13px;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .box h4::before {
  content: "■ ";
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .box .boxbtm dl {
  display: block;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .box .boxbtm dl dt {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: justify;
  font-size: 13px;
  line-height: 1.8em;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .box .boxbtm dl dd {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 20px 0 0;
  width: 100%;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .box .boxbtm dl dd input {
  width: 80px;
  height: 30px;
  border: #f0f0f0 solid 1px;
  border-radius: 0;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .box table {
  margin: 0 0 20px;
  padding: 0;
  border-collapse: collapse;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .box table td {
  margin: 0;
  padding: 0 20px 0 0;
}
.custom_order #CartList .cart_flex .background .cartOrder .subcartOrder .box table td label {
  padding: 0 0 0 5px;
}
.custom_order #CartList .cart_flex .background .dvAnnounceFreeShipping {
  padding: 10px 20px;
  border-bottom: #f0f0f0 solid 1px;
  background: #f9f9f9;
  font-size: 14px;
}
.custom_order #CartList .cart_flex .background .dvAnnounceFreeShipping .defPrice {
  color: #ff6752;
  font-size: 14px;
}
.custom_order #CartList .cart_flex .priceList {
  box-sizing: border-box;
  padding: 50px;
  width: 360px;
  border-left: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
@media print, screen and (max-width: 1439px) {
  .custom_order #CartList .cart_flex .priceList {
    margin: -240px 0 0 auto;
  }
}
@media print, screen and (max-width: 1023px) {
  .custom_order #CartList .cart_flex .priceList {
    width: 320px;
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .cart_flex .priceList {
    margin: 0;
    padding: 30px 20px;
    width: 100%;
    border-top: #f0f0f0 solid 1px;
    border-left: none;
  }
}
.custom_order #CartList .cart_flex .priceList .priceList_box dl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: #e8e8e8 solid 1px;
  font-weight: 500;
  font-size: 13px;
}
.custom_order #CartList .cart_flex .priceList .priceList_box dl dt {
  width: 130px;
}
.custom_order #CartList .cart_flex .priceList .priceList_box dl dd {
  width: calc(100% - 140px);
  text-align: right;
}
.custom_order #CartList .cart_flex .priceList .priceList_box dl.result {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.custom_order #CartList .cart_flex .priceList .priceList_box dl.result dt {
  padding: 0 30px 0 0;
  width: auto;
  font-weight: 500;
  font-size: 13px;
}
.custom_order #CartList .cart_flex .priceList .priceList_box dl.result dd {
  width: auto;
  font-size: 20px;
}
.custom_order #CartList p.sum {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  padding: 30px 50px;
  width: auto;
  text-align: right;
  font-weight: 600;
  font-size: 24px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList p.sum {
    justify-content: space-between;
    padding: 30px 20px;
    border: #f0f0f0 solid 1px;
  }
}
.custom_order #CartList p.sum span {
  padding: 0 30px 0 0;
  font-size: 18px;
}
.custom_order #CartList .btmbtn {
  margin-bottom: -1px;
  border-top: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .btmbtn {
    border-top: none;
  }
}
.custom_order #CartList .btmbtn .next_btn {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 30px 50px;
}
@media print, screen and (max-width: 1439px) {
  .custom_order #CartList .btmbtn .next_btn {
    padding: 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .btmbtn .next_btn {
    flex-direction: column;
    padding: 30px 0;
  }
}
.custom_order #CartList .btmbtn .next_btn .btn_continue {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 60px;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
}
.custom_order #CartList .btmbtn .next_btn .btn_continue i {
  padding: 0 20px 0 0;
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .btmbtn .next_btn .btn_continue i {
    display: none;
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .btmbtn .next_btn .btn_continue {
    position: static;
    margin: 0 0 20px;
    width: 100%;
    height: 50px;
    border: #f0f0f0 solid 1px;
  }
}
.custom_order #CartList .btmbtn .next_btn .btn-success {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 80px;
  background-color: #e67e0f;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
@media print, screen and (max-width: 1023px) {
  .custom_order #CartList .btmbtn .next_btn .btn-success {
    width: 220px;
    height: 60px;
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #CartList .btmbtn .next_btn .btn-success {
    width: 100%;
  }
}
.custom_order #CartList .btmbtn .next_btn .btn-success i {
  padding: 0 0 0 40px;
}
.custom_order #dvCartSelect {
  margin: 0 auto;
  padding: 0 0 80px;
  max-width: 900px;
}
@media print, screen and (max-width: 1119px) {
  .custom_order #dvCartSelect {
    margin: 0 -1px;
    max-width: initial;
    width: auto;
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect {
    margin: 0;
    padding: 0 30px 50px;
  }
}
.custom_order #dvCartSelect h1 {
  margin: 0 0 40px;
  text-align: center;
  font-size: 32px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect h1 {
    margin: 0 0 30px;
    padding: 0;
    text-align: left;
    font-size: 24px;
  }
}
.custom_order #dvCartSelect p {
  margin: 0 0 70px;
  padding: 0;
  text-align: center;
  font-weight: 500;
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect p {
    margin: 0 0 40px;
    text-align: justify;
    line-height: 2em;
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect .dvOrderBtnBox {
    padding-top: 0;
  }
}
.custom_order #dvCartSelect .dvOrderBtnBox a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 50px;
  width: 260px;
  height: 60px;
  background-color: #e67e0f;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect .dvOrderBtnBox a {
    width: 100%;
    height: 50px;
  }
}
.custom_order #dvCartSelect .dvOrderBtnBox a i {
  padding: 0 0 0 40px;
}
.custom_order #dvCartSelect .cart_box {
  margin: 0 0 70px;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect .cart_box {
    margin: 0 0 40px;
  }
}
.custom_order #dvCartSelect .cart_box h3 {
  margin: 0 0 40px;
  text-align: left;
  font-size: 15px;
}
@media print, screen and (max-width: 1119px) {
  .custom_order #dvCartSelect .cart_box h3 {
    padding: 0 20px;
  }
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect .cart_box h3 {
    margin: 0 0 20px;
    padding: 0;
  }
}
.custom_order #dvCartSelect .cart_box .cart_header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 20px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect .cart_box .cart_header {
    display: none;
  }
}
.custom_order #dvCartSelect .cart_box .cart_header li {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
.custom_order #dvCartSelect .cart_box .cart_header li.productImg {
  width: 100px;
  text-align: center;
}
.custom_order #dvCartSelect .cart_box .cart_header li.productName {
  padding: 0 20px;
  width: calc(100% - 270px);
  text-align: left;
}
.custom_order #dvCartSelect .cart_box .cart_header li.productPrice {
  width: 120px;
  text-align: center;
}
.custom_order #dvCartSelect .cart_box .cart_header li.remark {
  width: 150px;
  text-align: center;
}
.custom_order #dvCartSelect .cart_box .list_box {
  margin: 0 0 -1px;
  padding: 0;
  border: #f0f0f0 solid 1px;
}
.custom_order #dvCartSelect .cart_box .list_box ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect .cart_box .list_box ul {
    flex-direction: column;
  }
}
.custom_order #dvCartSelect .cart_box .list_box ul li {
  margin: 0;
  padding: 0;
}
.custom_order #dvCartSelect .cart_box .list_box ul li.productImg {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 100px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect .cart_box .list_box ul li.productImg {
    width: 100%;
    border-right: none;
    border-bottom: #f0f0f0 solid 1px;
  }
}
.custom_order #dvCartSelect .cart_box .list_box ul li.productImg img {
  width: 100%;
  height: auto;
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect .cart_box .list_box ul li.productImg img {
    width: 150px;
  }
}
.custom_order #dvCartSelect .cart_box .list_box ul li.productName {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 20px 40px 20px 20px;
  width: calc(100% - 270px);
  font-size: 13px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect .cart_box .list_box ul li.productName {
    padding: 20px 20px 8px 20px;
    width: 100%;
  }
}
.custom_order #dvCartSelect .cart_box .list_box ul li.productPrice {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect .cart_box .list_box ul li.productPrice {
    justify-content: flex-start;
    padding: 0 20px 20px 20px;
    width: 100%;
  }
}
.custom_order #dvCartSelect .cart_box .list_box ul li.remark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
}
@media print, screen and (max-width: 767px) {
  .custom_order #dvCartSelect .cart_box .list_box ul li.remark {
    padding: 0 20px 20px;
    width: 100%;
  }
  .custom_order #dvCartSelect .cart_box .list_box ul li.remark label {
    width: 100%;
    height: 40px;
  }
  .custom_order #dvCartSelect .cart_box .list_box ul li.remark label .checkBox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border: #f0f0f0 solid 1px;
  }
  .custom_order #dvCartSelect .cart_box .list_box ul li.remark label .checkBox::after {
    content: " 選択する";
  }
}

#order_page {
  margin: 0 0 0 1px;
  padding: 0;
  background-color: #ffffff;
}
@media print, screen and (max-width: 767px) {
  #order_page {
    overflow: hidden;
    margin: 0 -30px;
  }
}
#order_page .payment_wrap {
  padding: 50px 50px 0;
  background: #fafafa;
}
@media print, screen and (max-width: 767px) {
  #order_page .payment_wrap {
    padding: 30px 30px 0;
  }
}
#order_page .shipping_wrap {
  padding: 50px 50px 0;
  background: #fafafa;
}
@media print, screen and (max-width: 767px) {
  #order_page .shipping_wrap {
    padding: 30px 30px 0;
  }
}
#order_page .confirm_wrap {
  padding: 50px 50px 0;
  background: #fafafa;
}
@media print, screen and (max-width: 767px) {
  #order_page .confirm_wrap {
    padding: 30px 30px 0;
  }
}
#order_page .cartstep {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 50px;
  height: 160px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #order_page .cartstep {
    height: 130px;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .cartstep {
    padding: 0 30px;
    height: 60px;
  }
}
#order_page .cartstep h1 {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 20px;
}
#order_page .submit {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px;
  border-top: #f0f0f0 solid 1px;
  gap: 5px;
}
@media print, screen and (max-width: 767px) {
  #order_page .submit {
    justify-content: space-between;
    padding: 50px 30px;
  }
}
#order_page .submit .message {
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
#order_page .submit a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 226px;
  height: 60px;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
#order_page .submit a.back {
  width: 130px;
  background-color: #b6b6b6;
}
@media print, screen and (max-width: 767px) {
  #order_page .submit a.back {
    margin: 0;
    width: 100px;
    height: 50px;
  }
}
#order_page .submit a.next {
  background-color: #e67e0f;
}
@media print, screen and (max-width: 767px) {
  #order_page .submit a.next {
    width: calc(100% - 110px);
    height: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .submit a.next.full {
    width: 100%;
  }
}
#order_page .main {
  margin: -1px 0 0;
  padding: 0 0 50px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main {
    padding: 0 0 30px;
  }
}
#order_page .main:last-of-type {
  /*margin:-1px 0 0;*/
}
#order_page .main .submain {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 0 auto -1px;
  padding: 0;
  /*max-width:1280px;*/
  border-top: #f0f0f0 solid 1px;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
  background: #ffffff;
}
@media print, screen and (max-width: 1679px) {
  #order_page .main .submain {
    max-width: inherit;
    /*border-right:none;
    border-left:none;*/
  }
}
@media print, screen and (max-width: 1279px) {
  #order_page .main .submain {
    flex-direction: column;
  }
}
#order_page .main .submain h2 {
  margin: 0 0 40px;
  padding: 0;
  font-weight: 500;
  font-size: 18px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain h2 {
    margin: 0 0 20px;
    font-size: 17px;
  }
}
#order_page .main .submain p {
  margin: 0 0 30px;
  padding: 0;
  text-align: justify;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain p br {
    display: none;
  }
}
#order_page .main .submain .column {
  float: none;
  box-sizing: border-box;
  padding: 60px 50px 30px;
  width: 50%;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #order_page .main .submain .column {
    width: 100%;
    border-right: none;
  }
}
@media print, screen and (max-width: 1023px) {
  #order_page .main .submain .column {
    padding: 50px 30px 0;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .column {
    padding: 30px 20px 0;
  }
}
#order_page .main .submain .columnRight {
  float: none;
  box-sizing: border-box;
  padding: 60px 50px;
  width: 50%;
}
@media print, screen and (max-width: 1279px) {
  #order_page .main .submain .columnRight {
    padding: 60px 50px 30px;
    width: 100%;
    border-top: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1023px) {
  #order_page .main .submain .columnRight {
    padding: 50px 50px 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .columnRight {
    padding: 50px 30px 0;
  }
}
#order_page .main .submain .userBox {
  margin: 0;
  padding: 0;
}
#order_page .main .submain .userBox dl dt {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
#order_page .main .submain .userBox dl dd {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 20px;
  padding: 0;
}
#order_page .main .submain .userBox dl dd.input_align {
  margin: 20px 0 40px;
}
#order_page .main .submain .userBox dl dd .box_half {
  width: calc(50% - 5px);
}
#order_page .main .submain .userBox dl dd .box_half:last-of-type {
  margin: 0 0 0 10px;
}
#order_page .main .submain .userBox dl dd .confirm {
  margin: 10px 0 0;
}
#order_page .main .submain .userBox dl dd .post_code {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 10px;
  width: 100%;
}
#order_page .main .submain .userBox dl dd .post_code input {
  width: auto;
}
#order_page .main .submain .userBox dl dd .post_code a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 5px;
  padding: 0;
  width: 90px;
  height: 48px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
#order_page .main .submain .userBox dl dd .pref, #order_page .main .submain .userBox dl dd .street, #order_page .main .submain .userBox dl dd .city {
  margin: 0 0 10px;
  width: 100%;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .userBox dl dd .pref select {
    width: 100%;
  }
}
#order_page .main .submain .userBox dl dd .other {
  margin: 0;
  width: 100%;
}
#order_page .main .submain .orderBox {
  margin: 0 0 30px;
  padding: 0 0 20px;
  border: #f0f0f0 solid 1px;
}
#order_page .main .submain .orderBox.payment_select {
  margin: 0;
  padding: 0;
  /*@media print, screen and (max-width:767px) {
  	margin:0 -21px;
  }*/
}
#order_page .main .submain .orderBox h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: 50px;
  border-bottom: #f0f0f0 solid 1px;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox h3 {
    padding: 0 20px;
  }
}
#order_page .main .submain .orderBox h3 a {
  text-decoration: underline;
  font-size: 12px;
}
#order_page .main .submain .orderBox h3 a i {
  padding: 0 10px 0 0;
}
#order_page .main .submain .orderBox .bottom .userProduct {
  margin: 0 0 30px;
}
#order_page .main .submain .orderBox .bottom .userProduct dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border-bottom: #f0f0f0 solid 1px;
}
#order_page .main .submain .orderBox .bottom .userProduct dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 30px;
  width: 150px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .userProduct dl dt {
    padding: 10px;
    width: 100px;
  }
}
#order_page .main .submain .orderBox .bottom .userProduct dl dt img {
  width: 100%;
  height: auto;
}
#order_page .main .submain .orderBox .bottom .userProduct dl dd {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  width: calc(100% - 150px);
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .userProduct dl dd {
    padding: 20px;
    width: calc(100% - 100px);
  }
}
#order_page .main .submain .orderBox .bottom .userProduct dl dd a {
  text-decoration: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 2em;
}
#order_page .main .submain .orderBox .bottom .userProduct dl dd p {
  margin: 0;
  font-size: 12px;
}
#order_page .main .submain .orderBox .bottom .userProduct dl dd p b {
  font-weight: 500;
}
#order_page .main .submain .orderBox .bottom .userList {
  padding: 0 30px 30px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .userList {
    padding: 0 20px 20px;
  }
}
#order_page .main .submain .orderBox .bottom .userList p {
  margin: 0 0 10px;
  font-size: 13px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .userList p br {
    display: block;
  }
}
#order_page .main .submain .orderBox .bottom .userList select {
  width: 100%;
}
#order_page .main .submain .orderBox .bottom .userList .error {
  display: inline-block;
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 2em;
}
#order_page .main .submain .orderBox .bottom .userList dl.top {
  /*padding:30px 0 0;*/
}
#order_page .main .submain .orderBox .bottom .userList dl dt {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
#order_page .main .submain .orderBox .bottom .userList dl dd {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 20px;
  padding: 0;
}
#order_page .main .submain .orderBox .bottom .userList dl dd.input_align {
  margin: 20px 0 40px;
}
#order_page .main .submain .orderBox .bottom .userList dl dd .box_half {
  width: calc(50% - 5px);
}
#order_page .main .submain .orderBox .bottom .userList dl dd .box_half:last-of-type {
  margin: 0 0 0 10px;
}
#order_page .main .submain .orderBox .bottom .userList dl dd .confirm {
  margin: 10px 0 0;
}
#order_page .main .submain .orderBox .bottom .userList dl dd .post_code {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 10px;
  width: 100%;
}
#order_page .main .submain .orderBox .bottom .userList dl dd .post_code input {
  width: auto;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .userList dl dd .post_code input {
    width: calc(100% - 100px);
  }
}
#order_page .main .submain .orderBox .bottom .userList dl dd .post_code a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 5px;
  padding: 0;
  width: 90px;
  height: 48px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
#order_page .main .submain .orderBox .bottom .userList dl dd .pref, #order_page .main .submain .orderBox .bottom .userList dl dd .street, #order_page .main .submain .orderBox .bottom .userList dl dd .city {
  margin: 0 0 10px;
  width: 100%;
}
#order_page .main .submain .orderBox .bottom .userList dl dd .other {
  margin: 0;
  width: 100%;
}
#order_page .main .submain .orderBox .bottom .list {
  padding: 0;
}
#order_page .main .submain .orderBox .bottom .list .checkBox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 -1px;
  padding: 10px 30px;
  border-bottom: #f0f0f0 solid 1px;
  background: #f9f9f9;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .list .checkBox {
    padding: 10px 20px;
  }
}
#order_page .main .submain .orderBox .bottom .list .checkBox label {
  padding: 0 0 0 20px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .list .checkBox label {
    padding: 0 0 0 10px;
    font-size: 12px;
  }
}
#order_page .main .submain .orderBox .bottom .list dl.list {
  padding: 0;
}
#order_page .main .submain .orderBox .bottom .list dl.list dt {
  margin: 0;
  border-top: #f0f0f0 solid 1px;
}
#order_page .main .submain .orderBox .bottom .list dl.list dt:first-of-type {
  border-top: none;
}
#order_page .main .submain .orderBox .bottom .list dl.list dt span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 0 30px;
  width: 100%;
  height: 60px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .list dl.list dt span {
    padding: 0 20px;
  }
}
#order_page .main .submain .orderBox .bottom .list dl.list dt span.radioBtn label {
  padding: 0 0 0 20px;
}
#order_page .main .submain .orderBox .bottom .list dl.list dd {
  margin: 0;
  padding: 10px 30px 0;
  /*border-top:#f0f0f0 solid 1px;*/
  /*background-color:#f9f9f9;*/
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .list dl.list dd {
    padding: 0 20px 0;
  }
}
#order_page .main .submain .orderBox .bottom .list dl.list dd.hidden {
  display: none;
}
#order_page .main .submain .orderBox .bottom .list dl.list dd strong {
  display: inline-block;
  margin: 0 0 10px;
  font-size: 12px;
}
#order_page .main .submain .orderBox .bottom .list dl.list dd p {
  margin: 0;
  padding: 0 0 30px;
}
#order_page .main .submain .orderBox .bottom .list dl.list dd input[type=text], #order_page .main .submain .orderBox .bottom .list dl.list dd input[type=number], #order_page .main .submain .orderBox .bottom .list dl.list dd input[type=tel], #order_page .main .submain .orderBox .bottom .list dl.list dd input[type=email], #order_page .main .submain .orderBox .bottom .list dl.list dd input[type=password], #order_page .main .submain .orderBox .bottom .list dl.list dd textarea, #order_page .main .submain .orderBox .bottom .list dl.list dd select {
  background-color: #ffffff;
}
#order_page .main .submain .orderBox .bottom .list dl.list dd .fgray {
  font-size: 11px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .list dl.list dd .fgray {
    display: block;
  }
}
#order_page .main .submain .orderBox .bottom .box {
  position: relative;
  padding: 40px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .box {
    padding: 30px 20px;
  }
}
#order_page .main .submain .orderBox .bottom .box .btn_change {
  position: absolute;
  top: 20px;
  right: 30px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .box .btn_change {
    right: 20px;
  }
}
#order_page .main .submain .orderBox .bottom .box .btn_change a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 90px;
  height: 40px;
  border: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
#order_page .main .submain .orderBox .bottom .box .default_deliv {
  margin: 0 0 20px;
}
#order_page .main .submain .orderBox .bottom .box em {
  display: block;
  margin: 0 0 50px;
  font-weight: 700;
  font-style: normal;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .box em {
    margin: 0 0 30px;
  }
}
#order_page .main .submain .orderBox .bottom .box em::before {
  content: "■ ";
}
#order_page .main .submain .orderBox .bottom .box .receipt_box {
  margin: 20px 0 0;
}
#order_page .main .submain .orderBox .bottom .box dl {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 13px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .box dl {
    display: block;
  }
}
#order_page .main .submain .orderBox .bottom .box dl dt {
  margin: 0 0 20px;
  padding: 0 0 20px;
  width: 140px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .box dl dt {
    margin: 0 0 10px;
    padding: 0;
    width: auto;
    border-bottom: none;
    font-weight: 700;
    font-size: 11px;
  }
}
#order_page .main .submain .orderBox .bottom .box dl dt.end {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .box dl dt.end {
    margin: 0 0 10px;
  }
}
#order_page .main .submain .orderBox .bottom .box dl dd {
  box-sizing: border-box;
  margin: 0 0 20px;
  padding: 0 0 20px 10px;
  width: calc(100% - 140px);
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .box dl dd {
    padding: 0 0 20px;
    width: 100%;
  }
}
#order_page .main .submain .orderBox .bottom .box dl dd.end {
  margin: 0;
  padding: 0 0 0 10px;
  border-bottom: none;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .orderBox .bottom .box dl dd.end {
    padding: 0;
  }
}
#order_page .main .submain .receipt {
  margin: 20px 0 0;
}
#order_page .main .submain .receipt h3 {
  margin: 0 0 30px;
}
#order_page .main .submain .receipt .orderBox {
  padding: 0;
}
#order_page .main .submain .receipt dd {
  margin: 10px 0 0;
}
#order_page .main .submain .shoppingCart {
  float: none;
  box-sizing: border-box;
  margin: 0 0 -1px;
  padding: 0;
  width: 50%;
}
@media print, screen and (max-width: 1279px) {
  #order_page .main .submain .shoppingCart {
    width: 100%;
    border-top: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .shoppingCart {
    margin: 0 -1px;
    width: auto;
    border-top: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .shoppingCart .subCartList {
    margin: 0;
    border-right: #f0f0f0 solid 1px;
    border-left: #f0f0f0 solid 1px;
  }
}
#order_page .main .submain .shoppingCart .subCartList h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: 50px;
  border-bottom: #f0f0f0 solid 1px;
  font-weight: 500;
  font-size: 14px;
}
#order_page .main .submain .shoppingCart .subCartList h3 a {
  text-decoration: underline;
  font-size: 12px;
}
#order_page .main .submain .shoppingCart .subCartList h3 a i {
  padding: 0 10px 0 0;
}
#order_page .main .submain .shoppingCart .subCartList .block .singleProduct {
  border-bottom: #f0f0f0 solid 1px;
}
#order_page .main .submain .shoppingCart .subCartList .block .singleProduct dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
#order_page .main .submain .shoppingCart .subCartList .block .singleProduct dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px;
  width: 150px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .shoppingCart .subCartList .block .singleProduct dl dt {
    padding: 10px;
    width: 100px;
  }
}
#order_page .main .submain .shoppingCart .subCartList .block .singleProduct dl dt img {
  width: 100%;
  height: auto;
}
#order_page .main .submain .shoppingCart .subCartList .block .singleProduct dl dd {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px;
  width: calc(100% - 150px);
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .shoppingCart .subCartList .block .singleProduct dl dd {
    width: calc(100% - 100px);
  }
}
#order_page .main .submain .shoppingCart .subCartList .block .singleProduct dl dd p {
  margin: 0;
  padding: 0;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info {
  position: relative;
  padding: 40px;
  border-bottom: #f0f0f0 solid 1px;
  /*background-color:#f9f9f9;*/
}
@media print, screen and (max-width: 1279px) {
  #order_page .main .submain .shoppingCart .subCartList .block .price_info {
    margin: 0 0 0 auto;
    width: 50%;
    border-bottom: none;
    border-left: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1023px) {
  #order_page .main .submain .shoppingCart .subCartList .block .price_info {
    margin: 0;
    width: 100%;
    border-left: none;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .shoppingCart .subCartList .block .price_info {
    padding: 30px 20px;
  }
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .pointBox {
  margin: 0 0 10px;
  padding: 0;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .pointBox a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 40px;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .pointBox .box {
  box-sizing: border-box;
  padding: 20px;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .pointBox .box h4 {
  margin: 0 0 20px;
  font-size: 14px;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .pointBox .box h4::before {
  content: "■ ";
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .pointBox .box dl dt {
  float: none;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  font-size: 12px;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .pointBox .box dl dd {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .couponBox {
  margin: 0 0 30px;
  padding: 0;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .couponBox a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 40px;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box {
  box-sizing: border-box;
  padding: 20px;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box h4 {
  margin: 0 0 20px;
  font-size: 14px;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box h4::before {
  content: "■ ";
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box .cp_radio {
  margin: 0 0 10px;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box select {
  box-sizing: border-box;
  width: 100%;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box .boxbtm a {
  justify-content: center;
  margin: 10px 0 0;
  width: 140px;
  border: none;
  background-color: #353535;
  color: #ffffff;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box dl dt {
  float: none;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  font-size: 12px;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box dl dd {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .priceList {
  width: 100%;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .priceList dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: #f0f0f0 solid 1px;
  font-weight: 500;
  font-size: 13px;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .priceList dl dd {
  text-align: right;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .btn_change {
  position: absolute;
  top: 20px;
  right: 30px;
}
#order_page .main .submain .shoppingCart .subCartList .block .price_info .btn_change a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 90px;
  height: 40px;
  border: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
#order_page .main .submain .shoppingCart .subCartList .block dl.result {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 0;
  padding: 20px 40px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #order_page .main .submain .shoppingCart .subCartList .block dl.result {
    border-top: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .shoppingCart .subCartList .block dl.result {
    padding: 20px;
    border-bottom: none;
  }
}
#order_page .main .submain .shoppingCart .subCartList .block dl.result dt {
  font-weight: 500;
  font-size: 13px;
}
#order_page .main .submain .shoppingCart .subCartList .block dl.result dd {
  font-weight: 600;
  font-size: 16px;
}
#order_page .main .submain .shoppingCart .sumBox {
  margin: 0;
  padding: 40px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .main .submain .shoppingCart .sumBox {
    margin: 0;
    padding: 30px 20px;
    border: #f0f0f0 solid 1px;
    border-bottom: none;
  }
}
#order_page .main .submain .shoppingCart .sumBox dl {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
#order_page .main .submain .shoppingCart .sumBox dl::after {
  display: none;
}
#order_page .main .submain .shoppingCart .sumBox dl dt {
  font-weight: 500;
  font-weight: 600;
  font-size: 15px;
}
#order_page .main .submain .shoppingCart .sumBox dl dd {
  font-weight: 600;
  font-size: 24px;
}
#order_page .thanks_title {
  padding: 60px 0;
  text-align: center;
}
@media print, screen and (max-width: 767px) {
  #order_page .thanks_title {
    padding: 30px 0 40px;
  }
}
#order_page .thanks_title p.thanks {
  margin: 0 0 20px;
  text-align: center;
  font-weight: 600;
  font-size: 48px;
}
#order_page .thanks_title h1 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
}
#order_page .orderComplete {
  box-sizing: border-box;
  margin: 0 auto 50px;
  padding: 0 50px;
  max-width: 1200px;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete {
    margin: 0 auto 20px;
    padding: 0 30px;
  }
}
#order_page .orderComplete p {
  text-align: center;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #order_page .orderComplete p br {
    display: none;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete p {
    text-align: justify;
  }
}
#order_page .orderComplete .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto 0;
  width: 166px;
  height: 54px;
  background-color: #353535 !important;
  font-weight: 500;
  font-size: 13px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .btn {
    margin: 30px auto 40px;
  }
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media print, screen and (max-width: 1279px) {
  #order_page .orderComplete .background .bottom .orderDetail .suborderDetail {
    flex-direction: column;
  }
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail h3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 40px;
  height: 60px;
  background-color: #f9f9f9;
  font-weight: 500;
  font-size: 16px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .bottom .orderDetail .suborderDetail h3 {
    padding: 0 20px;
    height: 50px;
  }
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -1px 0 0;
  padding: 0;
  border-top: #f0f0f0 solid 1px;
  font-size: 13px;
  line-height: 2em;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dt {
  box-sizing: border-box;
  margin: 0;
  padding: 20px 0 20px 40px;
  width: 140px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dt {
    padding: 20px 0 20px 20px;
    width: 100px;
  }
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dt:last-of-type {
  border-bottom: none;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dt.pay {
  width: 100%;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd {
  box-sizing: border-box;
  margin: 0;
  padding: 20px 40px 20px 0;
  width: calc(100% - 140px);
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd {
    padding: 20px 20px 20px 0;
    width: calc(100% - 100px);
  }
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd:last-of-type {
  border-bottom: none;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd.pay {
  padding: 0 40px 30px;
  width: 100%;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd.pay {
    padding: 0 20px 20px;
  }
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd .paymentinfo {
  margin: 20px 0 0 -100px;
  padding: 20px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd .paymentinfo {
    margin: 20px 0 0 -80px;
  }
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd .paymentinfo a {
  color: #464646 !important;
  text-decoration: underline;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd .paymentinfo table {
  display: block;
  width: 100%;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd .paymentinfo table tbody {
  display: block;
  width: 100%;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd .paymentinfo table tbody tr {
  display: block;
  width: 100%;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd .paymentinfo table tbody tr td {
  display: block;
  width: 100%;
  line-height: 1.8em;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd .paymentinfo table tbody tr td:first-of-type {
  font-weight: 700;
  font-size: 12px;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd .paymentinfo table tbody tr td:first-of-type::before {
  content: "■ ";
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd .paymentinfo table tbody tr td:last-of-type {
  margin: 0 0 10px;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail dl dd p {
  text-align: left;
  line-height: 1.5em;
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail .left {
  float: none;
  width: calc(50% - 25px);
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #order_page .orderComplete .background .bottom .orderDetail .suborderDetail .left {
    margin: 0 0 50px;
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .bottom .orderDetail .suborderDetail .left {
    margin: 0 0 20px;
  }
}
#order_page .orderComplete .background .bottom .orderDetail .suborderDetail .right {
  float: none;
  width: calc(50% - 25px);
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #order_page .orderComplete .background .bottom .orderDetail .suborderDetail .right {
    width: 100%;
  }
}
#order_page .orderComplete .background .order_flex {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 50px 0 0;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #order_page .orderComplete .background .order_flex {
    flex-direction: column;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .order_flex {
    margin: 20px 0 0;
  }
}
#order_page .orderComplete .background .order_flex .order_lists {
  margin: 0;
  padding: 0;
  width: calc(100% - 360px);
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #order_page .orderComplete .background .order_flex .order_lists {
    width: 100%;
    border-right: none;
  }
}
#order_page .orderComplete .background .order_flex .order_lists .productList {
  padding: 0;
}
#order_page .orderComplete .background .order_flex .order_lists .productList .productList_header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 30px;
  border-bottom: #f0f0f0 solid 1px;
  font-size: 12px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .order_flex .order_lists .productList .productList_header {
    display: none;
  }
}
#order_page .orderComplete .background .order_flex .order_lists .productList .productList_header .p_name {
  display: block;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  width: calc(100% - 250px);
}
#order_page .orderComplete .background .order_flex .order_lists .productList .productList_header .p_quantity {
  display: block;
  width: 50px;
  text-align: center;
}
#order_page .orderComplete .background .order_flex .order_lists .productList .productList_header .p_subtotal {
  display: block;
  width: 200px;
  text-align: center;
}
#order_page .orderComplete .background .order_flex .order_lists .productList .product {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .order_flex .order_lists .productList .product {
    flex-direction: column;
  }
}
#order_page .orderComplete .background .order_flex .order_lists .productList .product dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: calc(100% - 250px);
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .order_flex .order_lists .productList .product dl {
    flex-direction: column;
    width: 100%;
  }
}
#order_page .orderComplete .background .order_flex .order_lists .productList .product dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px;
  width: 100px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .order_flex .order_lists .productList .product dl dt {
    margin: 0 auto;
    padding: 40px 0 20px;
    border-right: none;
  }
}
#order_page .orderComplete .background .order_flex .order_lists .productList .product dl dd {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px;
  width: calc(100% - 100px);
  text-align: left;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .order_flex .order_lists .productList .product dl dd {
    width: 100%;
  }
}
#order_page .orderComplete .background .order_flex .order_lists .productList .product dl dd .quantityOne {
  margin: 0;
  padding: 0;
}
#order_page .orderComplete .background .order_flex .order_lists .productList .product p {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0;
}
#order_page .orderComplete .background .order_flex .order_lists .productList .product p.quantityOne {
  width: 50px;
  text-align: center;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .order_flex .order_lists .productList .product p.quantityOne {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 20px 10px;
    padding: 0 0 10px;
    width: auto;
    border-bottom: #f0f0f0 solid 1px;
  }
  #order_page .orderComplete .background .order_flex .order_lists .productList .product p.quantityOne::before {
    content: "数量";
    font-size: 11px;
  }
}
#order_page .orderComplete .background .order_flex .order_lists .productList .product p.subtotal {
  width: 200px;
  text-align: right;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .order_flex .order_lists .productList .product p.subtotal {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 20px 10px;
    padding: 0;
    width: auto;
  }
  #order_page .orderComplete .background .order_flex .order_lists .productList .product p.subtotal::before {
    content: "小計";
    font-size: 11px;
  }
  #order_page .orderComplete .background .order_flex .order_lists .productList .product p.subtotal br {
    display: block;
  }
}
#order_page .orderComplete .background .order_flex .order_info {
  box-sizing: border-box;
  padding: 0;
  width: 360px;
}
@media print, screen and (max-width: 1279px) {
  #order_page .orderComplete .background .order_flex .order_info {
    box-sizing: border-box;
    margin: 0 0 0 auto;
    padding: 0;
    width: 360px;
    border-left: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1023px) {
  #order_page .orderComplete .background .order_flex .order_info {
    width: 100%;
    border-left: none;
  }
}
#order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .sumBox {
  margin: 0 0 -1px;
  padding: 20px 40px;
  border-bottom: #f0f0f0 solid 1px;
}
#order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .sumBox dl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
#order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .sumBox dl dt {
  margin: 0;
  padding: 0;
  width: 200px;
}
#order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .sumBox dl dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 200px);
  text-align: right;
}
#order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .priceList .item {
  padding: 40px 40px 30px;
  border-bottom: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .priceList .item {
    padding: 30px 20px;
  }
}
#order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .priceList .total_box {
  padding: 20px 40px;
  /*border-bottom:#f0f0f0 solid 1px;*/
}
@media print, screen and (max-width: 1279px) {
  #order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .priceList .total_box {
    border-bottom: none;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .priceList .total_box {
    padding: 20px;
  }
}
#order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .priceList .total_box dl {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
#order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .priceList dl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: #f0f0f0 solid 1px;
  font-size: 13px;
}
#order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .priceList dl dt {
  margin: 0;
  padding: 0;
  width: 200px;
}
#order_page .orderComplete .background .order_flex .order_info .cartOrder .subcartOrder .priceList dl dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 200px);
  text-align: right;
}
#order_page .orderCompleteSum {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 50px 80px;
  max-width: 1200px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderCompleteSum {
    flex-direction: column-reverse;
    padding: 0 30px 80px;
  }
}
@media print, screen and (max-width: 767px) {
  #order_page .orderCompleteSum .btn_continue_shopping {
    display: block;
    width: 100%;
  }
}
#order_page .orderCompleteSum a.continue {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 224px;
  height: 70px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderCompleteSum a.continue {
    margin: 40px 0 0;
    width: 100%;
    height: 50px;
  }
}
#order_page .orderCompleteSum .suborderCompleteSum {
  display: inline-flex;
  align-items: stretch;
  justify-content: flex-end;
  margin: 0 0 0 auto;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderCompleteSum .suborderCompleteSum {
    display: flex;
    margin: 0;
    width: 100%;
  }
}
#order_page .orderCompleteSum .suborderCompleteSum .sumBox {
  width: 100%;
}
#order_page .orderCompleteSum .suborderCompleteSum .left {
  display: flex;
  float: none;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 20px 40px;
  width: 300px;
  border-right: #f0f0f0 solid 1px;
}
#order_page .orderCompleteSum .suborderCompleteSum .right {
  display: flex;
  float: none;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 0 40px;
  width: 300px;
  height: 70px;
}
@media print, screen and (max-width: 767px) {
  #order_page .orderCompleteSum .suborderCompleteSum .right {
    padding: 0 20px;
    width: 100%;
  }
}
#order_page .orderCompleteSum .suborderCompleteSum dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#order_page .orderCompleteSum .suborderCompleteSum dl dt {
  margin: 0;
  padding: 0;
  width: 120px;
}
#order_page .orderCompleteSum .suborderCompleteSum dl dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 120px);
  text-align: right;
  font-weight: 600;
  font-size: 24px;
}
#order_page .repair_info_input.complete {
  max-width: 1200px;
}
#order_page .repair_info_input.complete .repair_header {
  padding: 0 50px 20px;
}
@media print, screen and (max-width: 767px) {
  #order_page .repair_info_input.complete .repair_header {
    padding: 50px 30px 0;
  }
}
#order_page .repair_info_input.complete p {
  display: none;
  line-height: 2em !important;
}
#order_page .repair_info_input.complete p.read {
  display: block;
  margin: 0 0 50px !important;
  text-align: justify;
  font-size: 14px;
  line-height: 2em !important;
}
@media print, screen and (max-width: 767px) {
  #order_page .repair_info_input.complete p.read {
    margin: 0 0 30px !important;
  }
}
#order_page .repair_info_input.complete .repair_id {
  margin: 0;
}
#order_page .repair_info_input.complete .repair-inquiry-complete-button-container {
  display: none;
}
#order_page.multi .main .submain {
  display: grid;
  border-right: #f0f0f0 solid 1px;
  border-bottom: none;
  border-left: #f0f0f0 solid 1px;
  grid-template-columns: 50% 50%;
  grid-auto-rows: auto;
}
@media print, screen and (max-width: 1279px) {
  #order_page.multi .main .submain {
    display: block;
    border-bottom: #f0f0f0 solid 1px;
  }
}
#order_page.multi .main .submain .column {
  width: 100%;
  border-right: none;
  border-bottom: #f0f0f0 solid 1px;
  grid-row: 1/span 100;
  grid-column: 1;
}
@media print, screen and (max-width: 1279px) {
  #order_page.multi .main .submain .column {
    border-bottom: none;
  }
}
#order_page.multi .main .submain .columnRight {
  width: 100%;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
  grid-column: 2;
}
@media print, screen and (max-width: 1279px) {
  #order_page.multi .main .submain .columnRight {
    padding: 50px 20px 1px;
    border-bottom: none;
    border-left: none;
  }
}

#dvUserBox {
  margin: 0 0 0 1px;
  background-color: #ffffff;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox {
    margin: 0 -30px;
  }
}
#dvUserBox.loggingIn {
  margin: 0 0 0 -80px;
}
@media print, screen and (max-width: 1279px) {
  #dvUserBox.loggingIn {
    margin: 0 0 0 -60px;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox.loggingIn {
    margin: 0 0 0 1px;
  }
}
#dvUserBox #dvLogin #dvLoginWrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvLogin #dvLoginWrap {
    flex-direction: column;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin {
  padding-top: 50px; /*一定期間表示*/
  width: calc(100% - 360px);
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin {
    width: calc(100% - 300px);
  }
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin {
    width: auto;
    border-right: none;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin {
    padding-top: 0;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin h1 {
  padding: 80px 50px 27px;
  font-weight: 600;
  font-size: 32px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin h1 {
    padding: 50px 30px 20px;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin p {
  margin: 0;
  padding: 0 50px 10px;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin p {
    padding: 0 30px 10px;
    font-weight: 500;
    font-size: 13px;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin .error {
  margin: 0 50px 20px;
  color: #ff5d5d;
  font-size: 13px !important;
  line-height: 1.6em;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul {
  margin: 0 50px 30px;
  padding: 0;
  border-top: #f0f0f0 solid 1px;
  border-right: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul {
    margin: 0 30px 30px;
    border-top: #e4e4e4 solid 1px;
    border-right: #e4e4e4 solid 1px;
    border-left: #e4e4e4 solid 1px;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li {
  margin: 0;
  padding: 0;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li {
    border-bottom: #e4e4e4 solid 1px;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li input[type=email] {
  box-sizing: border-box;
  padding: 0 30px;
  width: 100%;
  height: 80px;
  outline: 0;
  border: none;
  background-color: transparent;
  font-weight: 500;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li input[type=email]::-moz-placeholder {
  color: #d1d1d1;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li input[type=email]::placeholder {
  color: #d1d1d1;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li input[type=email]:-webkit-autofill {
  box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset !important;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li input[type=email] {
    padding: 0 20px;
    height: 60px;
    font-size: 14px;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li input[type=password] {
  box-sizing: border-box;
  padding: 0 30px;
  width: 100%;
  height: 80px;
  outline: 0;
  border: none;
  background-color: transparent;
  font-weight: 500;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li input[type=password]::-moz-placeholder {
  color: #d1d1d1;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li input[type=password]::placeholder {
  color: #d1d1d1;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li input[type=password]:-webkit-autofill {
  box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset !important;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin ul li input[type=password] {
    padding: 0 20px;
    height: 60px;
    font-size: 14px;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin .login_btn__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 50px 120px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin .login_btn__wrapper {
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin .login_btn__wrapper {
    display: block;
    padding: 0 30px;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin .login_btn__wrapper .login_btn {
  margin: 0;
  padding: 0;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin .login_btn__wrapper .login_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0;
  width: 200px;
  height: 60px;
  border-radius: 0;
  background-color: #e67e0f;
  color: #ffffff;
  font-weight: 500;
  font-size: 15px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin .login_btn__wrapper .login_btn a {
    justify-content: space-between;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    font-size: 14px;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin .login_btn__wrapper .login_btn a i {
  padding: 0 0 0 80px;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin .login_btn__wrapper .forgot_btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin .login_btn__wrapper .forgot_btn {
    margin: 20px 0 0;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginLogin .login_btn__wrapper .forgot_btn i {
  padding: 0 10px 0 0;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist {
  box-sizing: border-box;
  margin: 102px 0 0;
  padding: 0;
  width: 360px;
}
@media print, screen and (max-width: 1279px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist {
    width: 300px;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist {
    margin: 0;
    width: auto;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist {
    margin: 60px 0 0;
    width: auto;
    border-top: #f0f0f0 solid 1px;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist p {
  margin: 0 0 30px;
  padding: 50px 50px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist p {
    margin: 0 0 30px;
    padding: 40px 30px 0;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist .no_regist {
  border-top: #f0f0f0 solid 1px;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist ul.regist_btn {
  margin: 0;
  padding: 0 50px 50px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist ul.regist_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px 80px;
    gap: 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist ul.regist_btn {
    flex-direction: column;
    padding: 0 30px 50px;
    gap: 20px;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist ul.regist_btn li {
  margin: 0 0 20px;
  padding: 0;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist ul.regist_btn li {
    margin: 0;
    width: calc(50% - 15px);
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist ul.regist_btn li {
    width: 100%;
  }
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist ul.regist_btn li:last-child {
  margin: 0;
}
#dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist ul.regist_btn li a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0;
  width: 100%;
  height: 50px;
  border-radius: 0;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvLogin #dvLoginWrap .dvLoginRegist ul.regist_btn li a {
    margin: 0;
  }
}
#dvUserBox .forgot {
  margin: 0;
  padding: 120px 50px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot {
    padding: 50px 30px;
  }
}
#dvUserBox .forgot h1 {
  margin: 0 0 40px;
  padding: 0;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 22px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot h1 {
    margin: 0 0 30px;
    letter-spacing: 1px;
    font-size: 20px;
  }
}
#dvUserBox .forgot #dvPasswordReminderInput p {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.2em;
}
#dvUserBox .forgot #dvPasswordReminderInput p.note {
  padding: 20px 0 0;
  text-align: left;
  font-size: 13px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot #dvPasswordReminderInput p.note {
    font-size: 12px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot #dvPasswordReminderInput p {
    margin: 0 0 30px;
    text-align: justify;
    line-height: 2em;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot #dvPasswordReminderInput p br {
    display: none;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot #dvPasswordReminderInput p ins {
    display: block;
  }
}
#dvUserBox .forgot #dvPasswordReminderInput .dvReminder {
  margin: 0 auto;
  padding: 0;
  max-width: 512px;
}
#dvUserBox .forgot #dvPasswordReminderInput .dvReminder .dvReminder_input {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot #dvPasswordReminderInput .dvReminder .dvReminder_input {
    align-items: center;
    flex-direction: column;
  }
}
#dvUserBox .forgot #dvPasswordReminderInput .dvReminder .dvReminder_input dl {
  margin: 0;
  padding: 0;
  width: calc(100% - 130px);
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot #dvPasswordReminderInput .dvReminder .dvReminder_input dl {
    margin: 0 0 20px;
    width: 100%;
  }
}
#dvUserBox .forgot #dvPasswordReminderInput .dvReminder .dvReminder_input dl dt {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
#dvUserBox .forgot #dvPasswordReminderInput .dvReminder .dvReminder_input dl dd {
  position: relative;
  margin: 0;
  padding: 0;
}
#dvUserBox .forgot #dvPasswordReminderInput .dvReminder .dvReminder_input dl dd .error_inline {
  right: inherit;
  left: -5px;
}
#dvUserBox .forgot #dvPasswordReminderInput .dvReminder .dvReminder_input a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 124px;
  height: 50px;
  background-color: #353535;
  color: #ffffff;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot #dvPasswordReminderInput .dvReminder .dvReminder_input a {
    width: 100%;
  }
}
#dvUserBox .forgot #dvPasswordReminderComplete p.completeInfo {
  margin: 0 0 40px;
  text-align: center;
  font-size: 14px;
  line-height: 2.2em;
}
#dvUserBox .forgot #dvPasswordReminderComplete p.completeInfo span {
  display: inline-block;
  margin: 10px auto;
  padding: 10px 20px;
  min-width: 280px;
  border: #f0f0f0 solid 1px;
  background: #f7f7f7;
}
#dvUserBox .forgot #dvPasswordReminderComplete p.note {
  margin: 0 0 30px;
  text-align: center;
  font-size: 12px;
}
#dvUserBox .forgot #dvPasswordReminderComplete .dvUserBtnBox a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 240px;
  height: 50px;
  background-color: #353535;
  color: #ffffff;
  font-size: 14px;
}
#dvUserBox .forgot #dvPasswordReminderComplete .dvUserBtnBox a.login_btn {
  width: 150px;
}
#dvUserBox .forgot #dvPasswordModifyInput {
  margin: 0 auto;
  padding: 0;
  max-width: 696px;
}
#dvUserBox .forgot #dvPasswordModifyInput p {
  margin: 0 0 30px;
  padding: 0;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.2em;
}
#dvUserBox .forgot #dvPasswordModifyInput .dvModify {
  margin: 0 0 20px;
  padding: 50px;
  border: #f0f0f0 solid 1px;
  border-radius: 0;
  background-color: #f7f7f7;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot #dvPasswordModifyInput .dvModify {
    padding: 30px 20px;
  }
}
#dvUserBox .forgot #dvPasswordModifyInput .dvModify dl {
  margin: 0 0 30px;
  padding: 0;
}
#dvUserBox .forgot #dvPasswordModifyInput .dvModify dl dt {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
#dvUserBox .forgot #dvPasswordModifyInput .dvModify dl dd {
  position: relative;
  margin: 0;
  padding: 0;
}
#dvUserBox .forgot #dvPasswordModifyInput .dvModify dl dd .box_birth {
  width: 200px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot #dvPasswordModifyInput .dvModify dl dd .box_birth {
    width: 100%;
  }
}
#dvUserBox .forgot #dvPasswordModifyInput .dvModify dl dd .new_pw {
  position: relative;
  z-index: 2;
  margin: 0 0 10px;
}
#dvUserBox .forgot #dvPasswordModifyInput .dvModify dl dd span {
  font-size: 13px;
}
#dvUserBox .forgot #dvPasswordModifyInput .dvModify p.note {
  margin: -20px 0 0;
  padding: 0;
  text-align: left;
  font-size: 12px;
}
#dvUserBox .forgot #dvPasswordModifyInput .dvUserBtnBox a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 240px;
  height: 50px;
  background-color: #e67e0f;
  color: #ffffff;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox .forgot #dvPasswordModifyInput .dvUserBtnBox a {
    width: 100%;
  }
}

#dvUserBox #dvUserContents #signUp .signup_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp .signup_title {
    padding: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp .signup_title {
    padding: 30px;
  }
}
#dvUserBox #dvUserContents #signUp .signup_title .title {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
#dvUserBox #dvUserContents #signUp .signup_title .title .en {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 32px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp .signup_title .title .en {
    font-size: 28px;
  }
}
#dvUserBox #dvUserContents #signUp .signup_title .title h1 {
  margin: 0;
  padding: 0 0 0 30px;
  font-weight: 500;
  font-size: 15px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp .signup_title .title h1 {
    padding: 0 0 0 12px;
    font-size: 14px;
  }
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow {
  display: none;
  margin: 0;
  padding: 0;
  width: 448px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp .signup_title .regist_flow {
    width: 368px;
  }
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 0 -40px;
  padding: 0;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul {
    margin: 0;
  }
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 0 40px;
  width: 33.333333%;
  text-align: center;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li {
    padding: 0;
  }
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li p {
  margin: 0;
  padding: 0;
  color: #aaa7a7;
  text-align: center;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 13px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li p {
    font-size: 12px;
  }
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li .circle {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: #aaa7a7;
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li .circle {
    width: 60px;
    height: 60px;
    font-size: 13px;
  }
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li .circle span {
  display: block;
  text-align: center;
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li .circle span.num {
  margin: 0 0 5px;
  letter-spacing: normal;
  font-weight: 600;
  font-size: 14px;
  font-family: "Barlow Semi Condensed", sans-serif;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li .circle span.num {
    font-size: 12px;
  }
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li::after {
  position: absolute;
  top: 40px;
  left: calc(50% + 84px);
  z-index: 1;
  width: calc(100% - 130px);
  height: 5px;
  border-radius: 10px;
  background: #a09f9f;
  content: "";
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li::after {
    top: 30px;
    left: 114px;
    width: 20px;
  }
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li.on .circle {
  background: #353535;
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li.on::after {
  background: #353535;
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li.on p {
  color: #353535;
}
#dvUserBox #dvUserContents #signUp .signup_title .regist_flow ul li:last-child::after {
  display: none;
}
#dvUserBox #dvUserContents #signUp .member_kv {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 80px auto 0;
  padding: 0 50px;
  max-width: 900px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp .member_kv {
    flex-direction: column-reverse;
    margin: 50px auto 0;
    padding: 0 30px;
  }
}
#dvUserBox #dvUserContents #signUp .member_kv .card {
  margin: 0 0 0 -150px;
  width: 550px;
}
@media print, screen and (max-width: 900px) {
  #dvUserBox #dvUserContents #signUp .member_kv .card {
    margin: 0 0 0 -100px;
    width: 450px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp .member_kv .card {
    margin: 0 0 0 -50px;
    max-width: 450px;
    width: 100%;
  }
}
#dvUserBox #dvUserContents #signUp .member_kv .card img {
  width: 100%;
  height: auto;
}
#dvUserBox #dvUserContents #signUp .member_kv .card_title {
  margin: 0;
  padding: 0 0 0 50px;
  width: 400px;
  text-align: right;
  letter-spacing: 3px;
  font-weight: 700;
  font-size: 18px;
  line-height: 2.4em;
}
@media print, screen and (max-width: 900px) {
  #dvUserBox #dvUserContents #signUp .member_kv .card_title {
    width: 340px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp .member_kv .card_title {
    margin: 0 0 40px;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
  }
}
#dvUserBox #dvUserContents #signUp .member_kv .card_title span {
  letter-spacing: 2px;
  font-size: 20px;
}
#dvUserBox #dvUserContents #signUp .member_kv .card_title span.en {
  color: #000000;
  letter-spacing: 2px;
  font-size: 60px;
}
@media print, screen and (max-width: 900px) {
  #dvUserBox #dvUserContents #signUp .member_kv .card_title span.en {
    font-size: 50px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation {
  margin: 0 auto;
  padding: 80px 50px;
  max-width: 900px;
}
@media print, screen and (max-width: 1079px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistRegulation {
    max-width: inherit;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistRegulation {
    padding: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistRegulation {
    padding: 50px 30px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation.easy {
  padding: 0 50px 100px;
  max-width: 800px !important;
}
@media print, screen and (max-width: 900px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistRegulation.easy {
    max-width: inherit !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistRegulation.easy {
    padding: 0 30px 50px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation.easy h2 {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 18px;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation.easy .agree_check {
  position: relative;
  padding: 40px 0 10px;
  text-align: center;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation.easy .agree_check .error_inline {
  right: inherit;
  left: 50%;
  transform: translate(-50%, 0);
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation h2 {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 22px;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation p.en {
  margin: 0 0 40px;
  padding: 0;
  font-size: 14px;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvContentsInfo {
  margin: 0 0 45px;
  padding: 0;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvContentsInfo p {
  text-align: justify;
  font-weight: 700;
  font-size: 15px;
  line-height: 2.2em;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvContentsInfo p {
    font-size: 14px;
    line-height: 2em;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvContentsInfo p br {
    display: none;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation {
  scrollbar-color: #919191 #ffffff;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation::-webkit-scrollbar-track {
  border-radius: 0;
  background: #ffffff;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #919191;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation h3 {
  margin: 0 0 10px;
  padding: 40px 0 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation h3 {
    padding: 10px 0 0;
    font-size: 16px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation h4 {
  margin: 0 0 10px;
  padding: 20px 0 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation h4 {
    font-size: 15px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation h4 {
    padding: 20px 0 0;
    font-size: 13px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation p {
  margin: 0 0 20px;
  padding: 0;
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation p {
    font-size: 13px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvRegulation p a {
  text-decoration: underline;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvUserBtnBox {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0 0;
  gap: 5px;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvUserBtnBox .agree_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 226px;
  height: 60px;
  background: #b6b6b6;
  color: #ffffff;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvUserBtnBox .agree_btn a.agree {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: auto;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvUserBtnBox a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 226px;
  height: 60px;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvUserBtnBox a.disagree {
  background-color: #b6b6b6;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistRegulation .dvUserBtnBox a.agree {
  background-color: #e67e0f;
}
#dvUserBox #dvUserContents #signUp .dvUserInfo h3 {
  margin: 0 0 40px;
  padding: 0;
  font-weight: 700;
  font-size: 20px;
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl {
  margin: 0 0 30px;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp .dvUserInfo dl {
    margin: 0 0 40px;
  }
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dt {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 13px;
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  /*.post_code {
  	position:relative;
  	z-index:5;
  	display:flex;
  	align-items:center;
  	justify-content:space-between;
  	margin:0 0 10px;
  	width:320px;
  	input {
  		width:200px;
  	}
  	a {
  		display:flex;
  		align-items:center;
  		justify-content:center;
  		padding:0;
  		width:90px;
  		height:48px;
  		background-color:#353535;
  		color:#ffffff;
  		font-weight:500;
  		font-size:13px;
  	}
  }*/
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd .box_half {
  width: calc(50% - 5px);
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd .box_half:last-of-type {
  margin: 0 0 0 10px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp .dvUserInfo dl dd select {
    padding: 10px 40px 10px 10px;
  }
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd select.year {
  margin: 0 5px 0 0;
  width: auto;
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd select.month {
  margin: 0 5px;
  width: auto;
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd select.date {
  margin: 0 5px;
  width: auto;
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd .confirm {
  margin: 10px 0 0;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp .dvUserInfo dl dd .confirm {
    margin: -1px 0 0;
  }
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd .pref {
  position: relative;
  z-index: 5;
  margin: 0 0 10px 20px;
  width: 200px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp .dvUserInfo dl dd .pref {
    margin: 0 0 10px 0;
    width: 100%;
  }
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd .pref select.district {
  width: 100%;
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd .city {
  position: relative;
  z-index: 4;
  margin: 0 0 10px;
  width: 100%;
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd .street {
  position: relative;
  z-index: 3;
  margin: 0 0 10px;
  width: 100%;
}
#dvUserBox #dvUserContents #signUp .dvUserInfo dl dd .other {
  margin: 0;
  width: 100%;
}
#dvUserBox #dvUserContents #signUp .dvLoginInfo {
  margin: 50px 0 0;
  padding: 0;
}
#dvUserBox #dvUserContents #signUp .dvLoginInfo h3 {
  margin: 0 0 40px;
  padding: 0;
  font-weight: 700;
  font-size: 20px;
}
#dvUserBox #dvUserContents #signUp .dvLoginInfo dl {
  margin: 0 0 30px;
  padding: 0;
}
#dvUserBox #dvUserContents #signUp .dvLoginInfo dl dt {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 13px;
}
#dvUserBox #dvUserContents #signUp .dvLoginInfo dl dd {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
#dvUserBox #dvUserContents #signUp .dvLoginInfo dl dd .notes {
  margin: 8px 0 0;
  padding: 0 3px;
  width: 100%;
  font-size: 11px !important;
}
#dvUserBox #dvUserContents #signUp .dvLoginInfo dl dd input[type=submit] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 14px 0 0;
  padding: 8px 10px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#dvUserBox #dvUserContents #signUp .dvLoginInfo dl dd .error_inline {
  bottom: 0;
}
#dvUserBox #dvUserContents #signUp .dvLoginInfo dl dd .confirm {
  margin: 10px 0 0;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp .dvLoginInfo dl dd .confirm {
    margin: -1px 0 0;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistInput {
  margin: 0 auto;
  padding: 80px 50px;
  max-width: 900px;
}
@media print, screen and (max-width: 1079px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistInput {
    max-width: inherit;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistInput {
    padding: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistInput {
    padding: 50px 30px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistInput.easy {
  padding: 50px 50px 40px;
  max-width: 800px !important;
}
@media print, screen and (max-width: 900px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistInput.easy {
    max-width: inherit !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistInput.easy {
    padding: 50px 30px 40px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistInput h2 {
  margin: 0 0 40px;
  font-weight: 700;
  font-size: 22px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistInput h2 {
    margin: 0 0 30px;
    font-size: 20px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistInput p {
  margin: 0 0 30px;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.2em;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistInput .dvUserBtnBox {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0 0;
  gap: 5px;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm {
  margin: 0 auto;
  padding: 80px 50px;
  max-width: 900px;
}
@media print, screen and (max-width: 1079px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistConfirm {
    max-width: inherit;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistConfirm {
    padding: 50px 30px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm p {
  margin: 0 0 30px;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.2em;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvUserInfo h3 {
  margin: 0 0 30px;
  font-size: 18px;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvUserInfo dl {
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvUserInfo dl {
    margin: 0 0 -1px;
    padding: 20px;
    border: #f0f0f0 solid 1px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvUserInfo dl dt {
  font-size: 12px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvUserInfo dl dt {
    margin: 0 0 10px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvUserInfo dl dt::before {
  content: "■ ";
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvUserInfo dl dd {
  min-height: 14px;
  line-height: 1.8em;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvLoginInfo {
  margin: 50px 0;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvLoginInfo h3 {
  margin: 0 0 30px;
  font-size: 18px;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvLoginInfo dl {
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvLoginInfo dl {
    margin: 0 0 -1px;
    padding: 20px;
    border: #f0f0f0 solid 1px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvLoginInfo dl dt {
  font-size: 12px;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvLoginInfo dl dt::before {
  content: "■ ";
}
#dvUserBox #dvUserContents #signUp #dvUserRegistConfirm .dvLoginInfo dl dd {
  min-height: 14px;
  line-height: 1.8em;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistComplete {
  margin: 0 auto;
  padding: 80px 50px;
  max-width: 900px;
}
@media print, screen and (max-width: 1079px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistComplete {
    max-width: inherit;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistComplete {
    padding: 80px 30px;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistComplete p.completeInfo {
  margin: 0 0 30px;
  text-align: center;
  font-weight: 600;
  font-size: 30px;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistComplete p.complete_message {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #signUp #dvUserRegistComplete p.complete_message {
    text-align: justify;
  }
  #dvUserBox #dvUserContents #signUp #dvUserRegistComplete p.complete_message br {
    display: none;
  }
}
#dvUserBox #dvUserContents #signUp #dvUserRegistComplete p.complete_message a {
  text-decoration: underline;
}
#dvUserBox #dvUserContents #signUp #dvUserRegistComplete .logo {
  margin: 0 0 50px;
  text-align: center;
  line-height: 0;
}

#myPage {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}
#myPage #dvUserContents {
  width: 100%;
}
@media print, screen and (max-width: 1023px) {
  #myPage {
    margin: 0 -50px;
    background: #ffffff;
  }
}
@media print, screen and (max-width: 767px) {
  #myPage {
    margin: 0 -30px;
    background: #ffffff;
  }
}
#myPage #mypageTitle {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 40px 50px;
  width: 100%;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #myPage #mypageTitle {
    padding: 15px 30px;
  }
}
#myPage #mypageTitle .title {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 32px;
}
@media print, screen and (max-width: 767px) {
  #myPage #mypageTitle .title {
    font-size: 24px;
  }
}
#myPage #mypageTitle .title .ja {
  padding: 0 0 0 30px;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #myPage #mypageTitle .title .ja {
    display: none;
  }
}
#myPage #mypageTitle .my_menu__btn {
  display: none;
}
@media print, screen and (max-width: 767px) {
  #myPage #mypageTitle .my_menu__btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    font-size: 12px;
  }
  #myPage #mypageTitle .my_menu__btn i {
    margin: 0 10px 0 0;
  }
}
#myPage #mypageTitle .now_status {
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  #myPage #mypageTitle .now_status {
    display: none;
  }
}
#myPage #mypageTitle .now_status ul {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
#myPage #mypageTitle .now_status ul li {
  position: relative;
  margin: 0;
  padding: 0 0 0 60px;
  /*&:last-child {
  	&::before {
  		position:absolute;
  		top:50%;
  		left:30px;
  		width:1px;
  		height:26px;
  		background-color:#464646;
  		content:"";
  		transform:translate(0,-50%) rotate(30deg);
  		transform-origin:center center;
  	}
  }*/
}
#myPage #mypageTitle .now_status ul li dl {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  font-size: 12px;
}
#myPage #mypageTitle .now_status ul li dl dt {
  margin: 0;
  padding: 0 20px 0 0;
}
#myPage #mypageTitle .now_status ul li dl dd {
  margin: 0;
  padding: 0;
}
#myPage #mypageTitle .now_status ul li dl dd .en {
  font-weight: 600;
  font-size: 20px;
}
#myPage #mypageTitle .now_status ul li dl dd .limit {
  padding: 0 0 0 20px;
}
#myPage #dvUserMenu {
  padding: 80px 0 0 50px;
  width: 316px;
  border-right: #f0f0f0 solid 1px;
  font-size: 13px;
}
@media print, screen and (max-width: 1279px) {
  #myPage #dvUserMenu {
    width: 260px;
  }
}
@media print, screen and (max-width: 1023px) {
  #myPage #dvUserMenu {
    width: 220px;
  }
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu {
    position: fixed;
    top: 100%;
    left: 0;
    z-index: 9999;
    overflow: auto;
    padding: 0 0 0 30px;
    width: 100%;
    height: calc(100svh - 56px);
    background: #ffffff;
    transition: top 0.7s cubic-bezier(0.26, 0.63, 0, 0.99);
  }
  #myPage #dvUserMenu.js-open {
    top: 56px;
  }
}
#myPage #dvUserMenu .my_menu__close {
  display: none;
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu .my_menu__close {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    right: 0;
    z-index: 5;
    display: flex;
    margin: 0 0 10px auto;
    padding: 0;
    width: 40px;
    height: 40px;
    border-bottom: #f0f0f0 solid 1px;
    border-left: #f0f0f0 solid 1px;
    background: #ffffff;
  }
  #myPage #dvUserMenu .my_menu__close::before {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 15px;
    height: 1px;
    background-color: #000000;
    content: "";
    transform: rotate(45deg);
  }
  #myPage #dvUserMenu .my_menu__close::after {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 15px;
    height: 1px;
    background-color: #000000;
    content: "";
    transform: rotate(-45deg);
  }
}
#myPage #dvUserMenu .type {
  margin: 0 0 26px;
  padding: 0 0 15px;
  border-bottom: #f0f0f0 solid 1px;
  font-weight: 700;
  font-size: 15px;
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu .type {
    padding: 0;
    border-bottom: none;
  }
}
#myPage #dvUserMenu .pc_hide {
  display: none;
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu .pc_hide {
    display: block;
  }
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu .mobile_hide {
    display: none;
  }
}
#myPage #dvUserMenu ul {
  margin: 0 0 50px;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 30px 0 0;
    width: 100%;
    gap: 10px;
  }
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu ul.mobile_normal {
    display: block;
    margin: 0 0 50px;
    padding: 0;
  }
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu ul.mobile_normal li {
    width: 100%;
    border-bottom: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu ul.mobile_normal li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    height: 50px;
    border: none;
    background-image: url(../../../Contents/Common/arrow_slider_right.svg);
    background-position: top 50% right 30px;
    background-size: 4px auto;
    background-repeat: no-repeat;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu ul li {
    width: calc((100% - 20px) / 3);
  }
}
#myPage #dvUserMenu ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 70px 0 0;
  height: 40px;
  background-position: top 50% right 36px;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1023px) {
  #myPage #dvUserMenu ul li a {
    padding: 0;
  }
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu ul li a {
    display: block;
    margin: 0;
    padding: 28% 10px 0;
    width: 100%;
    height: 100%;
    border: #f0f0f0 solid 1px;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    aspect-ratio: 1/1;
  }
}
@media print, screen and (max-width: 499px) {
  #myPage #dvUserMenu ul li a {
    padding: 40% 10px 0;
    aspect-ratio: 1/1.4;
  }
}
#myPage #dvUserMenu ul li a i {
  display: none;
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserMenu ul li a i {
    display: block;
    margin: 0 0 14px;
    text-align: center;
    line-height: 0;
  }
}
#myPage #dvUserMenu ul li a i img {
  width: 36px;
  height: auto;
}
#myPage #dvUserFltContents {
  margin: 0;
  padding: 0;
  width: calc(100% - 316px);
}
@media print, screen and (max-width: 1279px) {
  #myPage #dvUserFltContents {
    width: calc(100% - 260px);
  }
}
@media print, screen and (max-width: 1023px) {
  #myPage #dvUserFltContents {
    width: calc(100% - 220px);
  }
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserFltContents {
    width: 100%;
  }
}
#myPage #dvUserFltContents .dvUserFltContents_title {
  margin: 0 0 -1px;
  padding: 50px 80px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1439px) {
  #myPage #dvUserFltContents .dvUserFltContents_title {
    padding: 50px !important;
  }
}
@media print, screen and (max-width: 1279px) {
  #myPage #dvUserFltContents .dvUserFltContents_title {
    padding: 30px 50px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserFltContents .dvUserFltContents_title {
    padding: 15px 30px !important;
  }
}
#myPage #dvUserFltContents .dvUserFltContents_title h1 {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 20px;
}
@media print, screen and (max-width: 1279px) {
  #myPage #dvUserFltContents .dvUserFltContents_title h1 {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserFltContents .dvUserFltContents_title h1 {
    font-size: 16px;
  }
}
#myPage #dvUserFltContents .dvUserFltContents_title h1.en {
  font-weight: 600;
  font-size: 30px;
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserFltContents .dvUserFltContents_title h1.en {
    font-size: 24px;
  }
}
#myPage #dvUserFltContents .dvContentsInfo {
  margin: 0 0 50px;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  #myPage #dvUserFltContents .dvContentsInfo {
    margin: 0 0 30px;
  }
}
#myPage #dvUserFltContents .dvContentsInfo p {
  margin: 0;
  padding: 0;
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 1279px) {
  #myPage #dvUserFltContents .dvContentsInfo p {
    font-size: 13px;
  }
}
@media print, screen and (max-width: 1023px) {
  #myPage #dvUserFltContents .dvContentsInfo p br {
    display: none;
  }
}
@media print, screen and (max-width: 1023px) {
  #myPage #dvUserFltContents .dvContentsInfo p ins {
    display: block;
  }
}
#myPage #dvUserFltContents .dvContentsInfo p span.caution {
  background: linear-gradient(transparent 45%, #fffa7d 0%);
}
#myPage #dvUserModifyInput .dvUserBtnBox {
  padding-top: 40px !important;
}
@media print, screen and (max-width: 1023px) {
  #myPage #dvUserModifyInput .dvUserBtnBox {
    padding-top: 0 !important;
  }
}
#myPage .submit {
  padding-top: 40px !important;
}
@media print, screen and (max-width: 1023px) {
  #myPage .submit {
    padding-top: 0 !important;
    width: 100%;
  }
}
#myPage .no_data {
  padding: 50px 0 20px;
  text-align: center;
}

#dvMyPage {
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 1023px) {
  #dvMyPage .mypage_menu__list {
    padding: 0 0 50px;
  }
}
#dvMyPage .mypage_menu__list .mypage_menu__box {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 60px 80px;
  border-top: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1439px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box {
    padding: 30px 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box {
    display: block;
    padding: 50px 50px 0;
    border-top: none;
  }
}
@media print, screen and (max-width: 767px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box {
    padding: 30px 30px 0;
  }
}
#dvMyPage .mypage_menu__list .mypage_menu__box .mypage_menu__half {
  width: 50%;
}
#dvMyPage .mypage_menu__list .mypage_menu__box .mypage_menu__half ul li {
  width: 50%;
}
#dvMyPage .mypage_menu__list .mypage_menu__box h2 {
  position: absolute;
  top: -8px;
  left: 60px;
  padding: 0 20px;
  background-color: #ffffff;
  font-weight: 700;
  font-size: 16px;
}
@media print, screen and (max-width: 1279px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box h2 {
    left: 30px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box h2 {
    position: static;
    padding: 0;
  }
}
#dvMyPage .mypage_menu__list .mypage_menu__box ul {
  display: flex;
  align-items: stretch;
  /*background-color:#ececec;*/
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 80px 0;
  width: 100%;
}
@media print, screen and (max-width: 1439px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box ul {
    padding: 50px 30px;
  }
}
@media print, screen and (max-width: 1279px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box ul {
    padding: 30px 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box ul {
    gap: 10px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box ul {
    padding: 30px 0 0;
  }
}
#dvMyPage .mypage_menu__list .mypage_menu__box ul li {
  margin: 0;
  padding: 0;
  width: 25%;
}
@media print, screen and (max-width: 1023px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box ul li {
    width: calc((100% - 20px) / 3);
  }
}
#dvMyPage .mypage_menu__list .mypage_menu__box ul li a {
  display: block;
  margin: 0;
  padding: 0 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
}
@media print, screen and (max-width: 1279px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box ul li a {
    padding: 0 10px;
    font-size: 12px;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box ul li a {
    padding: 28% 10px 0;
    border: #f0f0f0 solid 1px;
    font-size: 11px;
    aspect-ratio: 1/1;
  }
}
@media print, screen and (max-width: 499px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box ul li a {
    padding: 40% 10px 0;
    aspect-ratio: 1/1.4;
  }
}
#dvMyPage .mypage_menu__list .mypage_menu__box ul li a i {
  display: block;
  margin: 0 0 30px;
  text-align: center;
  line-height: 0;
}
@media print, screen and (max-width: 1023px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box ul li a i {
    margin: 0 0 16px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box ul li a i {
    margin: 0 0 14px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvMyPage .mypage_menu__list .mypage_menu__box ul li a i img {
    width: 36px;
    height: auto;
  }
}

.memberscard {
  margin: 0;
  padding: 80px;
  /* border-bottom: #f0f0f0 solid 1px; */
  background-color: #eeeeee;
  /* background-image: url(../../Contents/MyPage/bg.svg); 
  background-position:50% 50%;
  background-size:cover;
  background-repeat:no-repeat;*/
}
@media print, screen and (max-width: 1439px) {
  .memberscard {
    padding: 70px 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  .memberscard {
    padding: 60px 30px 30px;
  }
}
.memberscard .cardbox {
  position: relative;
  margin: 0 auto 0;
  padding: 60px;
  background-color: rgba(248, 248, 248, 0.75);
}
@media print, screen and (max-width: 1439px) {
  .memberscard .cardbox {
    padding: 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  .memberscard .cardbox {
    padding: 20px;
  }
}
.memberscard .cardbox h1 {
  position: absolute;
  top: -30px;
  left: 0;
  letter-spacing: 2px;
  font-weight: 600 !important;
  font-size: 40px;
}
@media print, screen and (max-width: 1279px) {
  .memberscard .cardbox h1 {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 1023px) {
  .memberscard .cardbox h1 {
    left: 20px;
  }
}
@media print, screen and (max-width: 767px) {
  .memberscard .cardbox h1 {
    top: -20px;
    left: 0;
    letter-spacing: 1px;
    font-size: 20px;
  }
}
.memberscard .cardbox ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto !important;
  max-width: 1000px;
  gap: 50px;
}
@media print, screen and (max-width: 1439px) {
  .memberscard .cardbox ul {
    gap: 20px;
  }
}
@media print, screen and (max-width: 767px) {
  .memberscard .cardbox ul {
    flex-direction: column-reverse;
  }
}
.memberscard .cardbox ul li {
  position: relative;
  width: calc(50% - 25px);
}
@media print, screen and (max-width: 1439px) {
  .memberscard .cardbox ul li {
    width: calc(50% - 10px);
  }
}
@media print, screen and (max-width: 767px) {
  .memberscard .cardbox ul li {
    width: 100%;
  }
  .memberscard .cardbox ul li:nth-child(2) img {
    display: none;
  }
}
.memberscard .cardbox ul li img {
  width: 100%;
  height: auto;
}
.memberscard .cardbox ul li .barcode_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  mix-blend-mode: multiply;
}
@media print, screen and (max-width: 767px) {
  .memberscard .cardbox ul li .barcode_box {
    position: static;
    padding: 10px 0;
    border-radius: 10px;
    background: #f0f0f0;
    background: linear-gradient(129deg, rgb(231, 231, 229) 0%, rgb(239, 239, 237) 100%);
    box-shadow: antiquewhite;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
    transform: initial !important;
    mix-blend-mode: normal;
  }
}
@media print, screen and (max-width: 1279px) {
  .memberscard .cardbox ul li .barcode_box .barcode {
    width: 180px;
    height: auto;
  }
}
@media print, screen and (max-width: 1023px) {
  .memberscard .cardbox ul li .barcode_box .barcode {
    width: 180px;
  }
}
@media print, screen and (max-width: 767px) {
  .memberscard .cardbox ul li .barcode_box .barcode {
    width: 200px;
    mix-blend-mode: multiply;
  }
}
.memberscard .rank {
  display: none;
}
@media print, screen and (max-width: 767px) {
  .memberscard .rank {
    display: block;
    padding: 10px 0 0;
    text-align: center;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 1.2em;
  }
  .memberscard .rank span {
    font-size: 12px;
  }
}

#dvUserModifyInput {
  margin: 0 auto;
  padding: 80px;
  max-width: 1000px;
}
@media print, screen and (max-width: 1439px) {
  #dvUserModifyInput {
    padding: 80px 50px !important;
  }
}
@media print, screen and (max-width: 1279px) {
  #dvUserModifyInput {
    padding: 50px 50px 80px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyInput {
    padding: 40px 30px 50px !important;
  }
}
#dvUserModifyInput dl {
  margin: 0 0 30px;
  padding: 0;
}
#dvUserModifyInput dl dt {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 13px;
}
#dvUserModifyInput dl dd {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
#dvUserModifyInput dl dd .box_half {
  width: calc(50% - 5px);
}
#dvUserModifyInput dl dd .box_half:last-of-type {
  margin: 0 0 0 10px;
}
#dvUserModifyInput dl dd select.year {
  margin: 0 5px 0 0;
  width: auto;
}
#dvUserModifyInput dl dd select.month {
  margin: 0 5px;
  width: auto;
}
#dvUserModifyInput dl dd select.date {
  margin: 0 5px;
  width: auto;
}
#dvUserModifyInput dl dd .confirm {
  margin: 10px 0 0;
}
#dvUserModifyInput dl dd .post_code {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
  width: 320px;
}
#dvUserModifyInput dl dd .post_code input {
  width: 200px;
}
#dvUserModifyInput dl dd .post_code a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 90px;
  height: 48px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
#dvUserModifyInput dl dd .pref {
  margin: 0 0 10px;
  width: 200px;
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyInput dl dd .pref {
    width: 100%;
  }
}
#dvUserModifyInput dl dd .pref select.district {
  width: 100%;
}
#dvUserModifyInput dl dd .city {
  margin: 0 0 10px;
  width: 100%;
}
#dvUserModifyInput dl dd .street {
  margin: 0 0 10px;
  width: 100%;
}
#dvUserModifyInput dl dd .other {
  margin: 0;
  width: 100%;
}
#dvUserModifyInput h3 {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
}
#dvUserModifyInput .dvUserInfo {
  padding: 50px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1179px) {
  #dvUserModifyInput .dvUserInfo {
    padding: 0;
    border: none;
  }
}
#dvUserModifyInput .dvLoginInfo {
  margin: 50px 0 0;
  padding: 50px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1179px) {
  #dvUserModifyInput .dvLoginInfo {
    padding: 0;
    border: none;
  }
}
#dvUserModifyInput .dvLoginInfo p {
  margin: 0 0 20px;
  padding: 0;
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}

#dvUserModifyConfirm {
  margin: 0 auto;
  padding: 80px;
  max-width: 1000px;
}
@media print, screen and (max-width: 1439px) {
  #dvUserModifyConfirm {
    padding: 80px 50px !important;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvUserModifyConfirm {
    padding: 50px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyConfirm {
    padding: 40px 30px 50px !important;
  }
}
#dvUserModifyConfirm dl {
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyConfirm dl {
    margin: 0 0 -1px;
    padding: 20px;
    border: #f0f0f0 solid 1px;
  }
}
#dvUserModifyConfirm dl dt {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyConfirm dl dt {
    margin: 0 0 10px;
  }
}
#dvUserModifyConfirm dl dt::before {
  content: "■ ";
}
#dvUserModifyConfirm dl dd {
  margin: 0;
  padding: 0;
  min-height: 14px;
  line-height: 2em;
}
#dvUserModifyConfirm h3 {
  margin: 0 0 40px;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyConfirm h3 {
    margin: 0 0 20px;
  }
}
#dvUserModifyConfirm .dvUserInfo {
  padding: 50px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserModifyConfirm .dvUserInfo {
    padding: 0;
    border: none;
  }
}
#dvUserModifyConfirm .dvLoginInfo {
  margin: 50px 0 0;
  padding: 50px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserModifyConfirm .dvLoginInfo {
    padding: 0;
    border: none;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyConfirm .dvLoginInfo {
    margin: 30px 0 30px;
  }
}
#dvUserModifyConfirm .dvLoginInfo p {
  margin: 0 0 20px;
  padding: 0;
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
#dvUserModifyConfirm p.completeInfo {
  margin: 0 0 30px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyConfirm p.completeInfo {
    margin: 30px 0 30px;
  }
}
#dvUserModifyConfirm p.complete_message {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyConfirm p.complete_message {
    font-size: 13px;
  }
}
#dvUserModifyConfirm .logo {
  margin: 0 0 50px;
  text-align: center;
  line-height: 0;
}

#dvUserShippingList {
  margin: 0 auto;
  padding: 80px;
  max-width: 1000px;
}
@media print, screen and (max-width: 1439px) {
  #dvUserShippingList {
    padding: 80px 50px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserShippingList {
    padding: 40px 30px !important;
  }
}
#dvUserShippingList .shippinglist_message {
  margin: 0 0 40px;
  padding: 20px 30px;
  border: #f0f0f0 solid 1px;
  background: #f7f7f7;
  text-align: center;
}
#dvUserShippingList .add_address {
  margin: 0 0 50px;
}
#dvUserShippingList .add_address a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 226px;
  height: 60px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
#dvUserShippingList h3 {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
}
#dvUserShippingList .delive_box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 0 0 -1px;
  padding: 0;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserShippingList .delive_box {
    flex-direction: column;
  }
}
#dvUserShippingList .delive_box .delive_address {
  position: relative;
  margin: 0;
  padding: 40px;
  width: calc(100% - 200px);
}
@media print, screen and (max-width: 1023px) {
  #dvUserShippingList .delive_box .delive_address {
    width: auto;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserShippingList .delive_box .delive_address {
    padding: 30px 20px;
  }
}
#dvUserShippingList .delive_box .delive_address p {
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
#dvUserShippingList .delive_box .delive_address p b {
  display: block;
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 15px;
}
#dvUserShippingList .delive_box .delive_address .del {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
#dvUserShippingList .delive_box .delive_address .del a {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
#dvUserShippingList .delive_box .delive_address .del a::before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(45deg);
}
#dvUserShippingList .delive_box .delive_address .del a::after {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(-45deg);
}
#dvUserShippingList .delive_box .edit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 40px;
  width: 200px;
  border-left: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserShippingList .delive_box .edit {
    padding: 0 40px 40px;
    width: auto;
    border-left: none;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserShippingList .delive_box .edit {
    padding: 0 20px 30px;
  }
}
#dvUserShippingList .delive_box .edit a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 120px;
  height: 44px;
  background-color: #e67e0f;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
#dvUserShippingList #pagination .total {
  display: none;
}
#dvUserShippingList #pagination .pager .prev {
  display: none;
}
#dvUserShippingList #pagination .pager .next {
  display: none;
}

#dvUserShippingInput {
  margin: 0 auto;
  padding: 80px;
  max-width: 1000px;
}
@media print, screen and (max-width: 1439px) {
  #dvUserShippingInput {
    padding: 80px 50px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserShippingInput {
    padding: 40px 30px 50px !important;
  }
}
#dvUserShippingInput .dvUserShippingInfo {
  padding: 50px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1179px) {
  #dvUserShippingInput .dvUserShippingInfo {
    padding: 0;
    border: none;
  }
}
#dvUserShippingInput .dvUserShippingInfo h3 {
  margin: 0 0 40px;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
}
#dvUserShippingInput .dvUserShippingInfo dl {
  margin: 0 0 30px;
  padding: 0;
}
#dvUserShippingInput .dvUserShippingInfo dl dt {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 13px;
}
#dvUserShippingInput .dvUserShippingInfo dl dd {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
#dvUserShippingInput .dvUserShippingInfo dl dd .box_half {
  width: calc(50% - 5px);
}
#dvUserShippingInput .dvUserShippingInfo dl dd .box_half:last-of-type {
  margin: 0 0 0 10px;
}
#dvUserShippingInput .dvUserShippingInfo dl dd .post_code {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
  width: 320px;
}
#dvUserShippingInput .dvUserShippingInfo dl dd .post_code input {
  width: 200px;
}
#dvUserShippingInput .dvUserShippingInfo dl dd .post_code a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 90px;
  height: 48px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
#dvUserShippingInput .dvUserShippingInfo dl dd .pref {
  margin: 0 0 10px;
  width: 200px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserShippingInput .dvUserShippingInfo dl dd .pref {
    width: 120px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserShippingInput .dvUserShippingInfo dl dd .pref {
    width: 100%;
  }
}
#dvUserShippingInput .dvUserShippingInfo dl dd .pref select {
  width: 100%;
}
#dvUserShippingInput .dvUserShippingInfo dl dd .city {
  margin: 0 0 10px;
  width: 100%;
}
#dvUserShippingInput .dvUserShippingInfo dl dd .street {
  margin: 0 0 10px;
  width: 100%;
}
#dvUserShippingInput .dvUserShippingInfo dl dd .other {
  margin: 0;
  width: 100%;
}

#dvUserShippingConfirm {
  margin: 0 auto;
  padding: 80px;
  max-width: 1000px;
}
@media print, screen and (max-width: 1439px) {
  #dvUserShippingConfirm {
    padding: 80px 50px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserShippingConfirm {
    padding: 40px 30px 50px !important;
  }
}
#dvUserShippingConfirm .dvUserShippingInfo {
  padding: 50px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserShippingConfirm .dvUserShippingInfo {
    padding: 0;
    border: none;
  }
}
#dvUserShippingConfirm .dvUserShippingInfo h3 {
  margin: 0 0 40px;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
}
@media print, screen and (max-width: 767px) {
  #dvUserShippingConfirm .dvUserShippingInfo h3 {
    margin: 0 0 20px;
  }
}
#dvUserShippingConfirm .dvUserShippingInfo dl {
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #dvUserShippingConfirm .dvUserShippingInfo dl {
    margin: 0 0 -1px;
    padding: 20px;
    border: #f0f0f0 solid 1px;
  }
}
#dvUserShippingConfirm .dvUserShippingInfo dl dt {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
#dvUserShippingConfirm .dvUserShippingInfo dl dt::before {
  content: "■ ";
}
#dvUserShippingConfirm .dvUserShippingInfo dl dd {
  margin: 0;
  padding: 0;
  min-height: 14px;
  line-height: 2em;
}

#dvOrderHistoryList {
  margin: 0 auto;
  padding: 80px;
  max-width: 1160px;
}
@media print, screen and (max-width: 1439px) {
  #dvOrderHistoryList {
    padding: 80px 50px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryList {
    padding: 30px !important;
  }
}
#dvOrderHistoryList .dvOrderHistoryList {
  margin: 0;
  padding: 0;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail {
  margin: 0 0 20px;
  padding: 0;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail.pos_order {
  margin: 0 0 40px;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .shop {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 15px;
  font-weight: 700;
  font-size: 15px;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .shop i {
  padding: 0 10px 0 0;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .shop i img {
  width: 18px;
  height: auto;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .order_list__info {
  display: block;
  margin: 0 0 5px;
  padding: 0;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .order_list__info li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .order_list__info li {
    line-height: 1.8em;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .order_list__info li span {
  padding: 0 20px 0 0;
  font-weight: 500;
  font-size: 12px;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .order_list__info li span {
    font-size: 11px;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0 50px 0 0;
  border: #f0f0f0 solid 1px;
  background-image: url(../../Contents/Common/arrow_slider_right.svg);
  background-position: top 50% right 20px;
  background-size: 7px auto;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex {
    flex-direction: column;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex {
    padding: 0 30px 0 0;
    background-position: top 50% right 15px;
    background-size: 5px auto;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex.pos_flex {
    flex-direction: column-reverse;
    padding: 0 30px 0 0;
    background: none;
    /*background:#f9f9f9;*/
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex.pos_flex {
    padding: 0 20px 0 0;
    /*background:none;*/
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  padding: 30px;
  width: calc(100% - 300px);
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items {
    width: calc(100% - 240px);
  }
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items {
    padding: 0 0 30px 30px;
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items {
    padding: 0 0 20px 20px;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .tl {
  padding: 0 0 20px;
  font-weight: 500;
  font-size: 12px;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .tl {
    display: none;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .order_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 15px 0;
  width: 100%;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .order_item {
    flex-direction: column;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .order_item {
    margin: 0 0 -1px;
    padding: 15px;
    border: #f0f0f0 solid 1px;
    background: #ffffff;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .order_item p {
  margin: 0;
  padding: 0;
  width: calc(100% - 50px);
  font-size: 13px;
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .order_item p {
    padding: 0 0 10px;
    width: 100%;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .order_item span {
  width: 50px;
  text-align: right;
  font-size: 11px;
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .order_item span {
    width: 100%;
    text-align: left;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .order_item:first-of-type {
  border: #f0f0f0 solid 1px !important;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .order_item:last-of-type {
  padding: 15px 0;
  border-bottom: none;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .pos_items .order_item:last-of-type {
    padding: 15px;
    border: #f0f0f0 solid 1px;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 50px 30px 50px 0;
  width: calc(100% - 300px);
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items {
    width: calc(100% - 240px);
  }
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items {
    padding: 30px 30px 0 10px;
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items {
    padding: 20px 20px 0 0;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 0 20px;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item:last-child {
  margin: 0;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item .itemImage {
  padding: 0 20px;
  width: 140px;
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item .itemImage {
    width: 100px;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item .itemImage img {
  width: 100%;
  height: auto;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item .itemImage img {
    border: #f0f0f0 solid 1px;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item .itemArea {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px 0 0;
  width: calc(100% - 140px);
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item .itemArea {
    width: calc(100% - 100px);
  }
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item .itemArea {
    padding: 0;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item .itemArea p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 13px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item .itemArea p {
    font-size: 12px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item .itemArea p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .items .order_list__item .itemArea span {
  font-size: 11px;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .total {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 50px 20px;
  width: 300px;
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .total {
    width: 240px;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .total {
    padding: 20px 30px 30px;
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .total {
    padding: 10px 20px 20px;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .total.pos {
    margin: 1px 0 0;
    padding: 0 0 20px 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .total.pos {
    margin: 0 0 -1px;
    padding: 0 0 0 20px;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .total.pos .pos_total {
    margin: 30px 0 0;
    padding: 20px 15px;
    width: 100%;
    border-top: #f0f0f0 solid 1px;
    border-right: #f0f0f0 solid 1px;
    border-bottom: #f0f0f0 solid 1px;
    border-left: #f0f0f0 solid 1px;
    background: #ffffff;
    background-image: url(../../Contents/Common/arrow_slider_right.svg);
    background-position: top 50% right 20px;
    background-size: 7px auto;
    background-repeat: no-repeat;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .total.pos .pos_total {
    margin: 20px 0 0;
  }
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .total p {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 11px;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .total p span {
  padding: 0 5px;
  font-weight: 600;
  font-size: 18px;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .detail {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  width: 140px;
}
#dvOrderHistoryList .dvOrderHistoryList .order_list .order_list__detail .flex .detail a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 40px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 12px;
}
#dvOrderHistoryList #pagination .total {
  display: none;
}
#dvOrderHistoryList #pagination .pager .prev {
  display: none;
}
#dvOrderHistoryList #pagination .pager .next {
  display: none;
}

#dvOrderHistoryDetail {
  margin: 0 auto;
  padding: 80px;
  max-width: 1160px;
}
@media print, screen and (max-width: 1439px) {
  #dvOrderHistoryDetail {
    padding: 80px 50px !important;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail {
    padding: 0 50px 80px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail {
    padding: 0 30px 80px !important;
  }
}
#dvOrderHistoryDetail .cancel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 30px;
  padding: 30px;
  border: #f0f0f0 solid 1px;
  background-color: #f7f7f7;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail .cancel {
    align-items: center;
    flex-direction: column;
    margin: 0 -50px 30px;
    border-right: none;
    border-left: none;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .cancel {
    margin: 0 -30px 30px;
  }
}
#dvOrderHistoryDetail .cancel .cancel_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 40px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
#dvOrderHistoryDetail .cancel .cancel_btn a[disabled] {
  background-color: #cccccc;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail .cancel .cancel_btn a {
    margin: 20px 0 0;
  }
}
#dvOrderHistoryDetail .cancel .error {
  width: 100%;
}
#dvOrderHistoryDetail .action_btn small {
  display: block;
  padding: 20px 0 0;
  text-align: center;
}
#dvOrderHistoryDetail .action_btn .submit {
  justify-content: center;
  padding-top: 10px !important;
}
#dvOrderHistoryDetail .action_btn .submit a {
  width: 120px;
  height: 40px;
  font-size: 12px;
}
#dvOrderHistoryDetail h2.shop {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 30px;
  font-weight: 700;
  font-size: 17px;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail h2.shop {
    padding: 50px 0 0;
  }
}
#dvOrderHistoryDetail h2.shop i {
  padding: 0 10px 0 0;
}
#dvOrderHistoryDetail h2.shop i img {
  width: 24px;
  height: auto;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 50px;
  border: #f0f0f0 solid 1px;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl {
  position: relative;
  margin: 0 -1px -1px 0;
  padding: 0 30px;
  width: 50%;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl.payment {
  width: 100%;
  border-right: none;
  border-bottom: none;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl.credit {
  width: 100%;
  border-top: #f0f0f0 solid 1px;
  border-right: none;
  border-bottom: none;
}
@media print, screen and (max-width: 1439px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl {
    width: 100%;
    border-right: none;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl {
    padding: 0 20px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dt {
  position: absolute;
  top: 0;
  left: 30px;
  margin: 0;
  padding: 30px 0;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dt {
    padding: 20px 0;
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dt {
    position: static;
    padding: 20px 0 0;
    font-weight: 700;
    font-size: 12px;
  }
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dt::before {
    content: "■ ";
  }
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd {
  margin: 0;
  padding: 30px 0;
  text-align: right;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dd {
    padding: 20px 0;
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dd {
    padding: 0 0 20px;
    text-align: left;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .message {
  color: #fa6d6d;
  font-size: 12px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .message {
    font-size: 11px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 20px;
  padding: 0 10px;
  height: 30px;
  border: #f0f0f0 solid 1px;
  font-size: 12px;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .btn[disabled] {
  opacity: 0.5;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0 auto;
    width: 130px;
    height: 40px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .btn {
    width: 100%;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select {
  margin: 20px 0 0;
  padding: 30px;
  border: #f0f0f0 solid 1px;
  text-align: left;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select {
    padding: 30px 20px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select h4 {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 14px;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl {
  margin: 0;
  padding: 0;
  width: auto;
  border-right: none;
  border-bottom: none;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl dt {
  position: static;
  margin: 0;
  padding: 0 0 20px;
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl dt {
    font-weight: 500;
    font-size: 14px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl dt::before {
  display: none;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl dd {
  padding: 0;
  text-align: left;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl dd #divCreditCardInputForm {
  margin: 0 0 20px;
  padding: 50px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl dd #divCreditCardInputForm {
    padding: 50px 30px;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl dd #divCreditCardInputForm {
    margin: 0 -21px 20px;
    padding: 30px 20px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl dd #divCreditCardInputForm strong {
  display: inline-block;
  padding: 0 0 10px;
  font-size: 12px;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl dd #divCreditCardInputForm p {
  margin: 0 0 20px;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl dd #divCreditCardInputForm p select {
  width: auto;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .payment_select dl dd #divCreditCardInputForm select {
  margin: 0 0 20px;
  width: 100%;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .point_input {
  margin: 20px 0 0;
  padding: 30px;
  border: #f0f0f0 solid 1px;
  text-align: left;
  line-height: 1.8em;
}
#dvOrderHistoryDetail .dvOrderHistoryInfo dl dd .point_input .point_input__box {
  padding: 10px 0;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping {
  margin: 0 0 80px;
  padding: 0;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping h3 {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 16px;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info {
  position: relative;
  padding: 40px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info {
    padding: 0;
    border: none;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info select {
    width: 100%;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .change_deliv_input {
  position: relative;
  margin: 0 0 40px;
  padding: 40px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .change_deliv_input {
    padding: 60px 20px 40px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .change_deliv_input .convenience-store-item {
  margin: 0 0 30px;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .change_deliv_input dl {
  display: block;
  margin: 0 0 20px;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .change_deliv_input dl dt {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .change_deliv_input dl dd {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  width: auto;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .change_deliv_input dl dd .pref select {
  width: 100%;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .update_btn {
  margin: 0;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .update_btn .submit {
  padding-top: 20px !important;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .update_btn .submit a {
  width: 130px;
  height: 40px;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .change_time select {
  margin: 10px 0 0;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .change_deliv {
  position: absolute;
  top: -1px;
  right: -1px;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .change_deliv a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 10px;
  height: 30px;
  border: #f0f0f0 solid 1px;
  font-size: 12px;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info .change_deliv a[disabled] {
  opacity: 0.5;
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 30px;
  font-size: 13px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl {
    display: block;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: #f4f4f4 solid 1px;
    font-size: 13px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl dt {
  width: 180px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl dt {
    margin: 0 0 5px;
    width: 100%;
    font-weight: 700;
    font-size: 12px;
  }
  #dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl dt::before {
    content: "■ ";
  }
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl dd {
  position: relative;
  padding: 0;
  width: calc(100% - 180px);
  line-height: 1.6em;
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl dd {
    width: 100%;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl dd .address {
  padding: 0 120px 0 0;
  line-height: 1.6em;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl dd br {
    display: none;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl dd .message {
  color: #fa6d6d;
  font-size: 12px;
  line-height: 2em;
}
@media print, screen and (max-width: 1279px) {
  #dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl dd .message {
    margin: 5px 0 0;
    line-height: 1.8em;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryShipping .delive_info dl dd .deliv_time {
  line-height: 1.6em;
}
#dvOrderHistoryDetail .dvOrderHistoryProduct {
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 1179px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct {
    margin: 0 -50px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct {
    margin: 0 -30px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .item_header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
  padding: 0 30px;
  font-weight: 700;
  font-size: 11px;
}
@media print, screen and (max-width: 1179px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct .item_header {
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct .item_header {
    padding: 0 30px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .item_header li {
  margin: 0;
  padding: 0;
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .item_header li.orderSubtotal {
  width: 120px;
  text-align: right !important;
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct .item_header li.orderSubtotal {
    width: 90px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .item_header li.orderCount {
  width: 40px;
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .item_header li.productPrice {
  width: 120px;
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .item_header li.productName {
  width: calc(100% - 160px);
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct .item_header li.productName {
    width: calc(100% - 130px);
  }
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .items ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 -1px;
  padding: 20px 30px;
  border: #f0f0f0 solid 1px;
  background-color: #f7f7f7;
}
@media print, screen and (max-width: 1179px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct .items ul {
    padding: 20px 50px;
  }
}
@media print, screen and (max-width: 1179px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct .items ul {
    border-right: none;
    border-left: none;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct .items ul {
    padding: 20px 30px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li {
  display: flex;
  align-items: center;
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.orderSubtotal {
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
  width: 120px;
  text-align: right;
  line-height: 1.6em;
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.orderSubtotal {
    width: 90px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.orderSubtotal .discount {
  font-size: 11px;
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.orderSubtotal .discount {
    font-size: 10px;
  }
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.orderCount {
  justify-content: center;
  width: 40px;
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.productPrice {
  justify-content: center;
  width: 120px;
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.productName {
  display: block;
  padding: 0 20px 0 0;
  width: calc(100% - 160px);
  font-size: 13px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.productName {
    width: calc(100% - 130px);
  }
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.productName .productId {
  padding: 0 !important;
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.productName .productPrice {
  font-size: 14px;
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.productName .repair_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0;
  width: 74px;
  height: 30px;
  background-color: #353535;
  color: #ffffff !important;
  font-size: 13px;
}
#dvOrderHistoryDetail .dvOrderHistoryProduct .items ul li.productName span {
  font-size: 11px;
}
#dvOrderHistoryDetail .total_info {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 40px 0 0;
}
@media print, screen and (max-width: 1179px) {
  #dvOrderHistoryDetail .total_info {
    flex-direction: column;
  }
}
#dvOrderHistoryDetail .total_info .receipt {
  position: relative;
  width: 350px;
}
@media print, screen and (max-width: 1179px) {
  #dvOrderHistoryDetail .total_info .receipt {
    margin: 40px 0 0;
    width: 100%;
  }
}
#dvOrderHistoryDetail .total_info .receipt h3 {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 16px;
}
#dvOrderHistoryDetail .total_info .receipt .btnReceiptDownload {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  float: none;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 10px;
  height: 30px;
  border: #f0f0f0 solid 1px;
  font-size: 12px;
}
#dvOrderHistoryDetail .total_info .receipt .dvReceiptDownloadErrorMessage {
  margin: 0 0 20px;
  color: #fa6d6d;
  font-size: 12px;
  line-height: 2em;
}
#dvOrderHistoryDetail .total_info .receipt dl {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 -1px;
  padding: 0;
  border: #f0f0f0 solid 1px;
}
#dvOrderHistoryDetail .total_info .receipt dl dt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px;
  width: 120px;
  border-right: #f0f0f0 solid 1px;
  background-color: #f7f7f7;
  font-size: 13px;
}
#dvOrderHistoryDetail .total_info .receipt dl dd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px;
  width: calc(100% - 120px);
  font-size: 13px;
}
#dvOrderHistoryDetail .total_info .dvOrderSumWrap {
  margin: 0;
  padding: 0;
  width: 300px;
}
@media print, screen and (max-width: 1179px) {
  #dvOrderHistoryDetail .total_info .dvOrderSumWrap {
    width: 100%;
  }
}
#dvOrderHistoryDetail .total_info .dvOrderSumWrap .dvOrderSum dl {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 13px;
}
#dvOrderHistoryDetail .total_info .dvOrderSumWrap .dvOrderSum dl.orderSum_coupon {
  margin: 0 0 20px;
}
#dvOrderHistoryDetail .total_info .dvOrderSumWrap .dvOrderSum dl.orderTotal dt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 700;
}
#dvOrderHistoryDetail .total_info .dvOrderSumWrap .dvOrderSum dl.orderTotal dd {
  font-weight: 600;
  font-size: 20px;
}
#dvOrderHistoryDetail .total_info .dvOrderSumWrap .dvOrderSum dl dt {
  margin: 0 0 10px;
  padding: 0 0 10px;
  width: 200px;
  border-bottom: #f0f0f0 solid 1px;
  line-height: 1.6em;
}
#dvOrderHistoryDetail .total_info .dvOrderSumWrap .dvOrderSum dl dd {
  margin: 0 0 10px;
  padding: 0 0 10px;
  width: calc(100% - 200px);
  border-bottom: #f0f0f0 solid 1px;
  text-align: right;
  font-size: 13px;
  line-height: 1.6em;
}
#dvOrderHistoryDetail .memo {
  margin: 50px 0 0;
}
#dvOrderHistoryDetail .memo h3 {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 16px;
}
#dvOrderHistoryDetail .memo .memo_text {
  padding: 30px 20px;
  min-height: 150px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #dvOrderHistoryDetail .submit {
    padding-top: 30px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvOrderHistoryDetail .submit a {
    width: 100%;
  }
}

#dvReceiptDownloadBox {
  margin: -189px 0 0 -80px;
  padding: 189px 0 0;
  width: auto;
  background-color: #ffffff;
}
@media print, screen and (max-width: 1279px) {
  #dvReceiptDownloadBox {
    margin: -160px 0 0 -60px;
    padding: 160px 0 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvReceiptDownloadBox {
    margin: -160px -50px 0 -50px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvReceiptDownloadBox {
    margin: -142px -30px 0 -30px;
    padding: 142px 0 0;
  }
}
@media print, screen and (max-width: 599px) {
  #dvReceiptDownloadBox {
    margin: -97px -30px 0 -30px;
    padding: 97px 0 0;
  }
}
#dvReceiptDownloadBox #receipt {
  padding: 80px 30px 50px;
}
#dvReceiptDownloadBox #receipt h1 {
  margin: 0 0 30px;
  text-align: center;
  letter-spacing: 2px;
  font-size: 22px;
}
@media print, screen and (max-width: 767px) {
  #dvReceiptDownloadBox #receipt h1 {
    font-size: 20px;
  }
}
#dvReceiptDownloadBox #receipt #dvReceiptDownload {
  margin: 0;
  padding: 0 0 40px;
  border: none;
}
#dvReceiptDownloadBox #receipt #dvReceiptDownload p {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
  line-height: 2em;
}
#dvReceiptDownloadBox #receipt #dvReceiptDownload .dl_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 240px;
  height: 60px;
  background-color: #353535;
  color: #ffffff;
  text-decoration: none;
}
@media print, screen and (max-width: 767px) {
  #dvReceiptDownloadBox #receipt #dvReceiptDownload .dl_btn {
    width: 200px;
    height: 50px;
  }
}
#dvReceiptDownloadBox #receipt #dvReceiptDownload div.error-msg {
  margin: -10px auto 0;
  padding: 20px;
  max-width: 744px;
  border: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
  color: #464646;
  text-align: center;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #dvReceiptDownloadBox #receipt #dvReceiptDownload div.error-msg {
    text-align: justify;
  }
}

#dvUserModifyInput .OrderSetting_message {
  margin: 0 0 40px;
  padding: 20px 30px;
  border: #f0f0f0 solid 1px;
  background: #f7f7f7;
  text-align: center;
}
#dvUserModifyInput .dvDefaultOrderSetting {
  margin: 0 0 50px;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyInput .dvDefaultOrderSetting {
    margin: 0 0 30px;
  }
}
#dvUserModifyInput .dvDefaultOrderSetting.end {
  margin: 0;
}
@media print, screen and (max-width: 1023px) {
  #dvUserModifyInput .dvDefaultOrderSetting.end {
    margin: 0 0 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyInput .dvDefaultOrderSetting.end {
    margin: 0 0 20px;
  }
}
#dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box {
  border-top: #f0f0f0 solid 1px;
  border-right: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
#dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table {
  width: 100%;
  border-collapse: collapse;
  border-color: #f0f0f0;
  background-color: transparent;
}
@media print, screen and (max-width: 1023px) {
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table {
    display: block;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table tbody {
    display: block;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table tr {
    display: block;
    width: 100%;
  }
}
#dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table th {
  padding: 30px 0 30px 30px;
  width: 110px;
  border-bottom: #f0f0f0 solid 1px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 1023px) {
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table th {
    display: block;
    padding: 30px 30px 0 30px;
    width: 100%;
    border-bottom: none;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table th {
    padding: 30px 20px 0 20px;
  }
}
#dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table td {
  padding: 30px;
  width: calc(100% - 110px);
  border-bottom: #f0f0f0 solid 1px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table td {
    display: block;
    padding: 20px 30px 30px 30px;
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table td {
    padding: 20px 20px 30px 20px;
  }
}
#dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table td p.note {
  margin: 10px 0 0;
  font-size: 11px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1023px) {
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table td p.note {
    margin: 20px 0 0 !important;
  }
}
#dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box table td select {
  width: 100% !important;
}
#dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box dl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0;
  padding: 30px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box dl {
    flex-direction: column;
    padding: 30px 20px;
  }
}
#dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box dl.deliv_setting {
  align-items: center;
}
#dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box dl dt {
  margin: 0;
  width: 110px;
  font-size: 12px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box dl dt {
    margin: 0 0 10px;
    width: 100%;
  }
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box dl dt::before {
    content: "■ ";
  }
}
#dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box dl dd {
  display: block;
  width: calc(100% - 110px);
  line-height: 1.6em;
}
@media print, screen and (max-width: 767px) {
  #dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box dl dd {
    width: 100%;
  }
}
#dvUserModifyInput .dvDefaultOrderSetting .OrderSetting_box dl dd p.note {
  margin: 10px 0 0;
  font-size: 11px;
}
#dvUserModifyInput .dvUserBtnBox {
  padding-top: 0 !important;
}

#dvFavoriteList {
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList {
    padding: 0 0 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList .submit {
    padding: 0 30px;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvFavoriteList .submit a.next {
    width: 226px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList .submit a.next {
    width: 100%;
  }
}
#dvFavoriteList .none {
  display: block;
  padding: 50px 80px;
  line-height: 2em;
}
@media print, screen and (max-width: 1439px) {
  #dvFavoriteList .none {
    padding: 50px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList .none {
    padding: 30px !important;
  }
}
#dvFavoriteList .dvContentsInfo {
  margin: 0 !important;
  padding: 30px 80px !important;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1439px) {
  #dvFavoriteList .dvContentsInfo {
    padding: 30px 50px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList .dvContentsInfo {
    padding: 40px 30px !important;
  }
}
#dvFavoriteList ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 -1px;
}
@media print, screen and (max-width: 1439px) {
  #dvFavoriteList ul.notification_list li {
    width: 33.33333%;
  }
  #dvFavoriteList ul.notification_list li:nth-child(3n) {
    border-right: none;
  }
}
@media print, screen and (max-width: 899px) {
  #dvFavoriteList ul.notification_list li {
    width: 50%;
  }
  #dvFavoriteList ul.notification_list li:nth-child(3n) {
    border-right: #f0f0f0 solid 1px;
  }
  #dvFavoriteList ul.notification_list li:nth-child(2n) {
    border-right: none;
  }
}
#dvFavoriteList ul li {
  width: 25%;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #dvFavoriteList ul li {
    width: 33.33333%;
  }
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList ul li {
    width: 50%;
  }
}
#dvFavoriteList ul li:nth-child(4n) {
  border-right: none;
}
@media print, screen and (max-width: 1279px) {
  #dvFavoriteList ul li:nth-child(4n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1279px) {
  #dvFavoriteList ul li:nth-child(3n) {
    border-right: none;
  }
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList ul li:nth-child(3n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList ul li:nth-child(2n) {
    border-right: none;
  }
}
#dvFavoriteList ul li .card {
  position: relative;
  box-sizing: border-box;
  padding: 100px 34px 160px;
  height: 100%;
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList ul li .card {
    padding: 100px 30px 160px;
  }
}
#dvFavoriteList ul li .card.fav {
  padding: 50px 34px 40px;
}
#dvFavoriteList ul li .card .item_image {
  margin: 0 auto 30px;
  padding: 0;
  max-width: 200px;
  line-height: 0;
}
#dvFavoriteList ul li .card .item_image img {
  width: 100%;
  height: auto;
}
#dvFavoriteList ul li .card .caption .item_name {
  margin: 0 auto;
  max-width: 200px;
  text-align: center;
  font-size: 13px;
  line-height: 1.8em;
}
#dvFavoriteList ul li .card .type {
  position: absolute;
  top: 34px;
  left: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 34px;
  border: #f0f0f0 solid 1px;
  font-size: 12px;
}
#dvFavoriteList ul li .card .date {
  position: absolute;
  right: 34px;
  bottom: 46px;
  left: 34px;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 12px;
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList ul li .card .date {
    right: 15px;
    left: 15px;
    font-size: 10px;
  }
}
#dvFavoriteList ul li .card .date p {
  margin: 0 0 20px;
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
}
#dvFavoriteList ul li .card .date .year {
  margin: 0 5px 0 0;
  width: 58px;
}
#dvFavoriteList ul li .card .date .month {
  margin: 0 5px;
  width: 40px;
}
#dvFavoriteList ul li .card .del {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
#dvFavoriteList ul li .card .del a {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}
#dvFavoriteList ul li .card .del a::before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(45deg);
}
#dvFavoriteList ul li .card .del a::after {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(-45deg);
}
#dvFavoriteList #pagination {
  border-top: #f0f0f0 solid 1px;
}
#dvFavoriteList #pagination .total {
  display: none;
}
#dvFavoriteList #pagination .pager .prev {
  display: none;
}
#dvFavoriteList #pagination .pager .next {
  display: none;
}
#dvFavoriteList .submit {
  margin: 50px 0 0;
}

#dvFavoriteList ul li .card.like {
  padding: 50px 34px 120px;
}
@media print, screen and (max-width: 1023px) {
  #dvFavoriteList ul li .card.like {
    padding: 50px 30px 100px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList ul li .card.like {
    padding: 50px 20px 100px;
  }
}
#dvFavoriteList ul li .card.like .like_image {
  overflow: hidden;
  margin: 0 auto 30px;
  padding: 0;
  max-width: 200px;
  line-height: 0;
  aspect-ratio: 1/1;
}
@media print, screen and (max-width: 767px) {
  #dvFavoriteList ul li .card.like .like_image {
    margin: 0 auto 20px;
  }
}
#dvFavoriteList ul li .card.like .like_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#dvFavoriteList ul li .card.like .caption .like_item {
  text-align: center;
}
#dvFavoriteList ul li .card.like .caption .item_name {
  max-width: inherit;
  text-align: center;
}
#dvFavoriteList ul li .card .staff_name {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  border-top: #f0f0f0 solid 1px;
}
#dvFavoriteList ul li .card .staff_name a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 34px;
  font-weight: 500;
  font-size: 12px;
}
#dvFavoriteList ul li .card .staff_name a .staff_img {
  overflow: hidden;
  margin: 0 10px 0 0;
  width: 30px;
  height: 30px;
  border: #f0f0f0 solid 1px;
  border-radius: 100%;
  aspect-ratio: 1/1;
}
#dvFavoriteList ul li .card .staff_name a .staff_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#dvFavoriteList ul li .card .staff_name a i {
  margin: 0 0 0 auto;
}

#dvUserPointHistoryList {
  margin: 0;
  padding: 0;
}
#dvUserPointHistoryList .none {
  display: block;
  padding: 50px 80px;
}
#dvUserPointHistoryList .dvUserPointHistoryList {
  margin: 0 auto;
  padding: 80px 80px 0;
  max-width: 1000px;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 20px;
  padding: 0 40px;
  font-weight: 700;
  font-size: 12px;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_header .point {
  width: 150px;
  text-align: center;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_history_list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 0 0 -1px;
  padding: 40px;
  border: #f0f0f0 solid 1px;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_history_list .userPointContent {
  width: calc(100% - 150px);
  font-size: 13px;
  line-height: 2em;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_history_list .userPointContent dl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 5px;
  font-size: 14px;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_history_list .userPointContent dl dt {
  width: 110px;
  font-size: 14px;
  line-height: 1.8em;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_history_list .userPointContent dl dd {
  font-size: 14px;
  line-height: 1.8em;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_history_list .userPointContent .point_content {
  margin: 0 0 5px;
  font-size: 14px;
  line-height: 2em;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_history_list .userPointContent .point_content span {
  font-size: 12px;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_history_list .userPointContent .note {
  font-size: 12px;
  line-height: 2em;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_history_list .change_point {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_history_list .change_point span.en {
  font-weight: 600;
  font-size: 20px;
}
#dvUserPointHistoryList .dvUserPointHistoryList .point_history_list .change_point span.ja {
  font-weight: 700;
  font-size: 13px;
}
#dvUserPointHistoryList #pagination .total {
  display: none;
}
#dvUserPointHistoryList #pagination .pager .prev {
  display: none;
}
#dvUserPointHistoryList #pagination .pager .next {
  display: none;
}

#couponUnit {
  margin: 0;
  padding: 0 0 50px;
}
@media print, screen and (max-width: 767px) {
  #couponUnit {
    padding: 0 0 30px;
  }
}
#couponUnit .none {
  display: block;
  padding: 50px 80px;
}
@media print, screen and (max-width: 1439px) {
  #couponUnit .none {
    padding: 50px !important;
  }
}
#couponUnit .dvContentsInfo {
  margin: 0 !important;
  padding: 50px 80px !important;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1439px) {
  #couponUnit .dvContentsInfo {
    padding: 50px !important;
  }
}
@media print, screen and (max-width: 1023px) {
  #couponUnit .dvContentsInfo {
    padding: 30px 50px 0 !important;
  }
}
@media print, screen and (max-width: 767px) {
  #couponUnit .dvContentsInfo {
    padding: 30px !important;
  }
}
#couponUnit ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 -1px;
  padding: 50px 80px;
  gap: 24px;
}
@media print, screen and (max-width: 1439px) {
  #couponUnit ul {
    padding: 50px !important;
  }
}
@media print, screen and (max-width: 1023px) {
  #couponUnit ul {
    padding: 50px 50px 0 !important;
    gap: 10px;
  }
}
@media print, screen and (max-width: 767px) {
  #couponUnit ul {
    padding: 30px 30px 0 !important;
    gap: 20px;
  }
}
#couponUnit ul li {
  width: calc((100% - 72px) / 4);
}
@media print, screen and (max-width: 1579px) {
  #couponUnit ul li {
    width: calc((100% - 48px) / 3);
  }
}
@media print, screen and (max-width: 1279px) {
  #couponUnit ul li {
    width: calc((100% - 24px) / 2);
  }
}
@media print, screen and (max-width: 1023px) {
  #couponUnit ul li {
    width: calc((100% - 10px) / 2);
  }
}
@media print, screen and (max-width: 767px) {
  #couponUnit ul li {
    width: 100%;
  }
}
#couponUnit ul li .coupon_card {
  position: relative;
  box-sizing: border-box;
  padding: 30px 36px 230px;
  height: 100%;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #couponUnit ul li .coupon_card {
    padding: 30px 30px 230px;
  }
}
#couponUnit ul li .coupon_card .tl {
  margin: 0 0 24px;
  padding: 0;
  text-align: center;
  font-size: 11px;
}
#couponUnit ul li .coupon_card .code {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 30px;
  height: 96px;
  border: #f0f0f0 solid 1px;
  background-color: #f7f7f7;
  font-size: 26px;
}
@media print, screen and (max-width: 1023px) {
  #couponUnit ul li .coupon_card .code {
    font-size: 24px;
  }
}
#couponUnit ul li .coupon_card .benefits {
  margin: 0 0 13px;
  text-align: center;
  font-size: 20px;
}
#couponUnit ul li .coupon_card .coupon_name {
  margin: 0 0 10px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1023px) {
  #couponUnit ul li .coupon_card .coupon_name {
    font-size: 12px;
  }
}
#couponUnit ul li .coupon_card .coupon_count {
  text-align: center;
  font-weight: 500;
  font-size: 11px;
}
@media print, screen and (max-width: 1023px) {
  #couponUnit ul li .coupon_card .coupon_count {
    font-size: 10px;
  }
}
#couponUnit ul li .coupon_card .coupon_use {
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
}
#couponUnit ul li .coupon_card .coupon_use a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 20px;
  max-width: 180px;
  width: 100%;
  height: 50px;
  background-color: #e67e0f;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
}
#couponUnit ul li .coupon_card .coupon_use a.description__btn {
  margin: -10px auto 20px;
  height: 40px;
  border: #f0f0f0 solid 1px;
  background: #f7f7f7;
  color: #464646;
}
#couponUnit ul li .coupon_card .coupon_use .restriction {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 30px;
  max-width: 180px;
  width: 100%;
  height: 24px;
  background-color: #63a5ad;
  color: #ffffff;
  font-weight: 500;
  font-size: 12px;
}
#couponUnit ul li .coupon_card .coupon_use .coupon_limit {
  text-align: center;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1023px) {
  #couponUnit ul li .coupon_card .coupon_use .coupon_limit {
    font-size: 13px;
  }
}
#couponUnit ul li .coupon_card .coupon_use .coupon_limit span {
  font-size: 11px;
}
#couponUnit .barcode_modal__screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: none;
  background-color: rgba(244, 244, 244, 0.568627451);
}
#couponUnit .barcode_modal__screen.js_show {
  display: block;
}
#couponUnit .barcode_modal__screen .barcode_modal {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
  max-width: 400px;
  width: calc(100vw - 60px);
  height: auto;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
}
#couponUnit .barcode_modal__screen .barcode_modal .barcode_box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
#couponUnit .barcode_modal__screen .barcode_modal .barcode_box .barcode {
  mix-blend-mode: multiply;
}
#couponUnit .barcode_modal__screen .barcode_modal .barcode_box .benefits {
  margin: 20px 0 13px;
  text-align: center;
  font-size: 24px;
}
#couponUnit .barcode_modal__screen .barcode_modal .barcode_box .coupon_name {
  margin: 0;
}
#couponUnit .barcode_modal__screen .barcode_modal .barcode_close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
#couponUnit .barcode_modal__screen .barcode_modal .barcode_close::before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(45deg);
}
#couponUnit .barcode_modal__screen .barcode_modal .barcode_close::after {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(-45deg);
}
#couponUnit .description_modal__screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: none;
  background-color: rgba(244, 244, 244, 0.568627451);
}
#couponUnit .description_modal__screen.js_show {
  display: block;
}
#couponUnit .description_modal__screen .description_modal {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
  max-width: 400px;
  width: calc(100vw - 60px);
  height: auto;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
  transform: translate(-50%, -50%);
}
@media print, screen and (max-width: 1023px) {
  #couponUnit .description_modal__screen .description_modal {
    padding: 50px 30px;
  }
}
#couponUnit .description_modal__screen .description_modal .description_close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
#couponUnit .description_modal__screen .description_modal .description_close::before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(45deg);
}
#couponUnit .description_modal__screen .description_modal .description_close::after {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(-45deg);
}
#couponUnit .description_modal__screen .description_modal .benefits {
  margin: 0 0 20px;
  padding: 20px;
  width: 100%;
  border: #f0f0f0 solid 1px;
  background-color: #f7f7f7;
  font-size: 30px;
}
#couponUnit .description_modal__screen .description_modal .benefits span {
  font-size: 20px;
}
#couponUnit .description_modal__screen .description_modal .coupon_name {
  margin: 0 0 20px;
}
#couponUnit .description_modal__screen .description_modal .caption {
  text-align: justify;
  font-size: 12px;
  line-height: 1.8em;
}
#couponUnit #pagination .total {
  display: none;
}
#couponUnit #pagination .pager .prev {
  display: none;
}
#couponUnit #pagination .pager .next {
  display: none;
}

#term {
  margin: 0 auto;
  padding: 80px;
  max-width: 1000px;
  border-right: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1359px) {
  #term {
    border-right: none;
    border-left: none;
  }
}
@media print, screen and (max-width: 1023px) {
  #term {
    margin: 0 -50px;
    padding: 80px 50px;
    background: #ffffff;
  }
}
@media print, screen and (max-width: 767px) {
  #term {
    margin: 0;
    padding: 50px 30px;
  }
}
#term.privacy p {
  margin: 0 0 40px;
}
@media print, screen and (max-width: 1023px) {
  #term.privacy p {
    margin: 0 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #term.privacy p {
    margin: 0 0 30px;
  }
}
#term.privacy p b {
  display: inline-block;
  padding: 0 0 10px;
}
#term.privacy p a.ar {
  padding: 0 0 0 20px;
  background-image: url(../../Contents/Common/arrow_small_right_bk.svg);
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: 500;
}
#term h1 {
  margin: 0 0 50px;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
}
@media print, screen and (max-width: 1023px) {
  #term h1 {
    margin: 0 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #term h1 {
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 1.8em;
  }
}
#term p {
  margin: 0 0 20px;
  padding: 0;
  text-align: justify;
  font-size: 14px;
  line-height: 2.2em;
}
@media print, screen and (max-width: 1023px) {
  #term p {
    font-size: 13px;
    line-height: 2em;
  }
}
#term p:last-of-type {
  margin: 0;
}
#term p b {
  font-weight: 700;
  font-size: 15px;
}
@media print, screen and (max-width: 1023px) {
  #term p b {
    font-size: 14px;
  }
}
@media print, screen and (max-width: 767px) {
  #term p b {
    font-size: 13px;
  }
}
#term a {
  text-decoration: underline;
}
#term dl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: #f0f0f0 solid 1px;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #term dl {
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  #term dl {
    display: block;
  }
}
#term dl dt {
  margin: 0;
  padding: 0;
  width: 150px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #term dl dt {
    margin: 0 0 10px;
    width: 100%;
    font-weight: 700;
    font-size: 12px;
  }
  #term dl dt::before {
    content: "■ ";
  }
  #term dl dt br {
    display: none;
  }
}
#term dl dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 200px);
}
@media print, screen and (max-width: 767px) {
  #term dl dd {
    width: 100%;
  }
}

#dvUserBox #dvUserContents #inquiry .inquiry_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px 60px 50px 80px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #dvUserBox #dvUserContents #inquiry .inquiry_title {
    padding: 50px 40px 50px 60px;
  }
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #inquiry .inquiry_title {
    padding: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry .inquiry_title {
    padding: 15px 30px;
  }
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .title {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry .inquiry_title .title {
    justify-content: space-between;
    width: 100%;
  }
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .title .en {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 32px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry .inquiry_title .title .en {
    font-size: 24px;
  }
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .title h1 {
  margin: 0;
  padding: 0 0 0 30px;
  font-weight: 500;
  font-size: 15px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry .inquiry_title .title h1 {
    font-size: 12px;
  }
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow {
  margin: 0;
  padding: 0;
  width: 448px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow {
    display: none;
  }
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 0 -40px;
  padding: 0;
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow ul li {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 0 40px;
  width: 33.333333%;
  text-align: center;
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow ul li p {
  margin: 0;
  padding: 0;
  color: #aaa7a7;
  text-align: center;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 13px;
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow ul li .circle {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: #aaa7a7;
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow ul li .circle span {
  display: block;
  text-align: center;
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow ul li .circle span.num {
  margin: 0 0 5px;
  letter-spacing: normal;
  font-weight: 600;
  font-size: 14px;
  font-family: "Barlow Semi Condensed", sans-serif;
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow ul li::after {
  position: absolute;
  top: 40px;
  left: calc(50% + 84px);
  z-index: 1;
  width: calc(100% - 130px);
  height: 5px;
  border-radius: 10px;
  background: #a09f9f;
  content: "";
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow ul li.on .circle {
  background: #353535;
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow ul li.on::after {
  background: #353535;
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow ul li.on p {
  color: #353535;
}
#dvUserBox #dvUserContents #inquiry .inquiry_title .inquiry_flow ul li:last-child::after {
  display: none;
}
#dvUserBox #dvUserContents #inquiry .dvUserInfo {
  margin: 0 0 45px;
  padding: 0;
}
#dvUserBox #dvUserContents #inquiry .dvUserInfo p {
  font-weight: 500;
  font-size: 14px;
  line-height: 2.2em;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry .dvUserInfo p {
    line-height: 2em;
  }
  #dvUserBox #dvUserContents #inquiry .dvUserInfo p br {
    display: none;
  }
}
#dvUserBox #dvUserContents #inquiry dl {
  margin: 0 0 30px;
  padding: 0;
}
#dvUserBox #dvUserContents #inquiry dl dt {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 13px;
}
#dvUserBox #dvUserContents #inquiry dl dd {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
#dvUserBox #dvUserContents #inquiry dl dd .item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 10px;
  min-height: 50px;
  width: 100%;
  outline: 0;
  border: #f0f0f0 solid 1px;
  background-color: #f7f7f7;
  color: #464646;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry dl dd select {
    width: 100%;
  }
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryInput {
  margin: 0 auto;
  padding: 50px 50px 80px;
  max-width: 900px;
}
@media print, screen and (max-width: 1079px) {
  #dvUserBox #dvUserContents #inquiry #dvUserInquiryInput {
    max-width: inherit;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry #dvUserInquiryInput {
    padding: 40px 30px 80px;
  }
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryInput .submit {
  padding-top: 20px !important;
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryInput .submit a {
  width: 226px;
  height: 60px;
}
@media print, screen and (max-width: 1023px) {
  #dvUserBox #dvUserContents #inquiry #dvUserInquiryInput .submit a {
    margin: 0 auto;
    width: 226px;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry #dvUserInquiryInput .submit a {
    width: 100%;
    height: 50px;
  }
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryConfirm {
  margin: 0 auto;
  padding: 50px 50px 80px;
  max-width: 900px;
}
@media print, screen and (max-width: 1079px) {
  #dvUserBox #dvUserContents #inquiry #dvUserInquiryConfirm {
    max-width: inherit;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry #dvUserInquiryConfirm {
    padding: 40px 30px 80px;
  }
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryConfirm dl {
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: #f0f0f0 solid 1px;
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryConfirm dl dt {
  font-size: 12px;
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryConfirm dl dt::before {
  content: "■ ";
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryConfirm dl dd {
  min-height: 14px;
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryConfirm .submit {
  padding-top: 30px !important;
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryConfirm .submit .agree_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 226px;
  height: 60px;
  background: #b6b6b6;
  color: #ffffff;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry #dvUserInquiryConfirm .submit .agree_btn {
    height: 50px;
  }
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryConfirm .submit .agree_btn a.next {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: auto;
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryComplete {
  margin: 0 auto;
  padding: 80px 50px;
  max-width: 900px;
}
@media print, screen and (max-width: 1079px) {
  #dvUserBox #dvUserContents #inquiry #dvUserInquiryComplete {
    max-width: inherit;
  }
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry #dvUserInquiryComplete {
    padding: 50px 30px 80px;
  }
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryComplete p.completeInfo {
  margin: 0 0 30px;
  text-align: center;
  font-weight: 600;
  font-size: 30px;
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryComplete p.complete_message {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #dvUserBox #dvUserContents #inquiry #dvUserInquiryComplete p.complete_message {
    text-align: justify;
  }
  #dvUserBox #dvUserContents #inquiry #dvUserInquiryComplete p.complete_message br {
    display: none;
  }
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryComplete .logo {
  margin: 0 0 50px;
  text-align: center;
  line-height: 0;
}
#dvUserBox #dvUserContents #inquiry #dvUserInquiryComplete .submit a {
  width: 180px;
  height: 50px;
}

#withdrawl {
  margin: 80px auto;
  padding: 80px;
  max-width: 800px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1320px) {
  #withdrawl {
    margin: 80px 50px;
    padding: 0;
    max-width: inherit;
    border: none;
  }
}
@media print, screen and (max-width: 767px) {
  #withdrawl {
    margin: 50px 30px;
  }
}
#withdrawl h1 {
  margin: 0 0 30px;
  font-weight: 700;
  font-size: 18px;
}
#withdrawl .dvWithdrawInfo p.completeInfo {
  margin: 0 0 30px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
}
#withdrawl .dvWithdrawInfo p.complete_message {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
#withdrawl .dvWithdrawInfo .logo {
  margin: 0 0 50px;
  text-align: center;
  line-height: 0;
}
@media print, screen and (max-width: 767px) {
  #withdrawl .submit a {
    width: 100%;
    height: 50px;
  }
}

#Contents.ready .top_kv .top_kv__slider::before {
  opacity: 1;
  transform: scale(1);
}
#Contents.ready .top_kv .top_kv__slider .swiper-button-next {
  opacity: 1;
  transform: translate(0px, 0);
}
#Contents.ready .top_kv .top_kv__slider .swiper-pagination {
  opacity: 1;
}
#Contents.ready .top_kv .top_kv__slider .swiper-progress {
  opacity: 1;
}

.top_kv {
  overflow: hidden;
  padding: 80px 0 30px;
}
@media print, screen and (max-width: 1279px) {
  .top_kv {
    padding: 50px 0 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv {
    padding: 30px 0 30px;
    min-height: 405px;
    height: calc(100svh - 190px);
  }
}
@media print, screen and (max-width: 599px) {
  .top_kv {
    padding: 30px 0;
    height: calc(100svh - 145px);
  }
}
.top_kv .top_kv__slider {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider {
    height: 100%;
  }
}
.top_kv .top_kv__slider::before {
  position: absolute;
  top: 0;
  right: 108px;
  bottom: 0;
  left: 108px;
  background-color: #f7f7f7;
  content: "";
  opacity: 0;
  transition: 1s cubic-bezier(0.84, 0.39, 0.33, 1);
  transform: scale(1.1);
  mix-blend-mode: multiply;
}
@media print, screen and (max-width: 1439px) {
  .top_kv .top_kv__slider::before {
    right: 80px;
    bottom: 0;
    left: 80px;
  }
}
@media print, screen and (max-width: 1279px) {
  .top_kv .top_kv__slider::before {
    right: 50px;
    bottom: 0;
    left: 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider::before {
    right: 0;
    bottom: 0;
    left: 1px;
  }
}
.top_kv .top_kv__slider.swiper-fade .swiper-wrapper {
  opacity: 1;
}
.top_kv .top_kv__slider .swiper-wrapper {
  opacity: 0;
  transition: 0.3s ease-in 0.15s;
}
.top_kv .top_kv__slider .swiper-slide a {
  position: relative;
  display: block;
  overflow: visible;
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-slide a {
    height: 100%;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
  /*.mask {
  	position:absolute;
  	top:0;
  	right:108px;
  	bottom:0;
  	left:108px;
  	z-index:2;
  	overflow:hidden;
  	&::before {
  		position:absolute;
  		top:0;
  		bottom:0;
  		left:0;
  		width:0;
  		background-color:#cccccc;
  		content:"";
  		transition:width 0.7s cubic-bezier(0.84,0.39,0.33,1) 0s,
  		transform 0.7s cubic-bezier(0.84,0.39,0.33,1) 0.4s;
  		transform:scaleX(1);
  		transform-origin:right center;
  	}
  }*/
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap {
    padding: 0 0 120px;
    height: 100%;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_img {
  margin: 0 auto;
  padding: 72px 0;
  width: 38%;
  /*opacity:0;*/
  /*transition:0.3s ease 0.5s;*/
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_img {
    padding: 100px 0;
    width: 45%;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_img {
    overflow: hidden;
    padding: 60px 0 0;
    width: 100%;
    height: 100%;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_img img {
  width: 100%;
  height: auto;
}
@media print, screen and (max-width: 7673px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 3;
  transform: translate(0, -50%);
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title {
    left: 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title {
    top: inherit;
    right: 70px;
    bottom: 30px;
    left: 20px;
    transform: inherit;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title h2 {
  font-size: 1.65vw;
  line-height: 1.2em;
}
@media print, screen and (max-width: 1279px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title h2 {
    font-size: 22px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title h2 {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title h2 {
    font-size: 16px;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title h2 .sub01 {
  display: inline-block;
  opacity: 0;
  transition: 0.2s ease-out 1.3s;
  transform: translate(20px, 0);
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title h2 .sub02 {
  display: inline-block;
  padding: 0 0 20px;
  font-weight: 500;
  font-size: 0.95vw;
  opacity: 0;
  transition: 0.2s ease-out 1.4s;
  transform: translate(20px, 0);
}
@media print, screen and (max-width: 1279px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title h2 .sub02 {
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title h2 .sub02 {
    padding: 0 0 10px;
    font-size: 11px;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title h2 b {
  display: block;
  font-weight: 600;
  font-size: 4.1vw;
  opacity: 0;
  transition: 0.2s ease-out 0.7s;
}
@media print, screen and (max-width: 1439px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title h2 b {
    font-size: 3.4vw;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_title h2 b {
    font-size: 28px;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_message {
  position: absolute;
  top: 50%;
  right: 10%;
  z-index: 3;
  padding: 0 30px 0 50px;
  font-size: 1.3vw;
  line-height: 2em;
  opacity: 0;
  transition: 0.2s ease-out 1.3s;
  transform: translate(20px, 0);
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_message {
    right: 0;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_message {
    display: none;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_type {
  position: absolute;
  top: -18px;
  right: calc(20% - 1.65vw);
  z-index: 3;
  letter-spacing: 5px;
  font-size: 1.65vw;
  line-height: 1.2em;
  opacity: 0;
  transition: 0.2s ease-out 0.7s;
  writing-mode: vertical-rl;
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_type {
    right: calc(20% + 18px);
    font-size: 18px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_type {
    top: 30px;
    right: 0;
    letter-spacing: 3px;
    font-size: 20px;
    line-height: 0.8;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_type .cursor {
  display: inline-block;
  margin-left: 2px;
  width: 1px;
  font-size: 1.65vw;
  -webkit-animation: blinkCursor 0.8s steps(1) infinite;
          animation: blinkCursor 0.8s steps(1) infinite;
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_type .cursor {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_type .cursor {
    font-size: 16px;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_more {
  position: absolute;
  right: calc(20% - 90px);
  bottom: 100px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  opacity: 0;
  transition: 0.2s ease 1.3s;
  transform: translate(40px, 0);
  gap: 17px;
}
@media print, screen and (max-width: 1439px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_more {
    bottom: 70px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_more {
    right: 30px;
    bottom: 50px;
    display: flex;
    font-size: 18px;
    gap: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_more {
    right: 20px;
    bottom: 20px;
    flex-direction: column;
    font-size: 16px;
    gap: 5px;
  }
}
.top_kv .top_kv__slider .swiper-slide a .kv_wrap .kv_more i img {
  width: 20px;
  height: 20px;
}
.top_kv .top_kv__slider .swiper-slide.swiper-slide-active a .kv_wrap .mask::before {
  width: 100%;
  transform: scaleX(0);
}
.top_kv .top_kv__slider .swiper-slide.swiper-slide-active a .kv_wrap .kv_img {
  opacity: 1;
}
.top_kv .top_kv__slider .swiper-slide.swiper-slide-active a .kv_wrap .kv_title h2 .sub01 {
  opacity: 1;
  transform: translate(0px, 0);
}
.top_kv .top_kv__slider .swiper-slide.swiper-slide-active a .kv_wrap .kv_title h2 .sub02 {
  opacity: 1;
  transform: translate(0px, 0);
}
.top_kv .top_kv__slider .swiper-slide.swiper-slide-active a .kv_wrap .kv_title h2 b {
  opacity: 1;
}
.top_kv .top_kv__slider .swiper-slide.swiper-slide-active a .kv_wrap .kv_type {
  opacity: 1;
}
.top_kv .top_kv__slider .swiper-slide.swiper-slide-active a .kv_wrap .kv_message {
  opacity: 1;
  transform: translate(0px, 0);
}
.top_kv .top_kv__slider .swiper-slide.swiper-slide-active a .kv_wrap .kv_more {
  opacity: 1;
  transform: translate(0px, 0);
}
.top_kv .top_kv__slider .swiper-pagination {
  right: inherit;
  bottom: 25%;
  text-align: left;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.84, 0.39, 0.33, 1) 0.4s;
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider .swiper-pagination {
    left: 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-pagination {
    display: none;
  }
}
.top_kv .top_kv__slider .swiper-pagination .swiper-pagination-bullet {
  margin: 0 24px 0 0;
}
@media print, screen and (max-width: 1439px) {
  .top_kv .top_kv__slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0 16px 0 0;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0 12px 0 0;
    width: 5px;
    height: 5px;
  }
}
.top_kv .top_kv__slider .swiper-button-next {
  top: 50%;
  right: 40px;
  margin-top: -34px;
  width: 30px;
  height: 68px;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.84, 0.39, 0.33, 1) 0.7s;
  transform: translate(-20px, 0);
}
@media print, screen and (max-width: 1439px) {
  .top_kv .top_kv__slider .swiper-button-next {
    right: 26px;
  }
}
@media print, screen and (max-width: 1279px) {
  .top_kv .top_kv__slider .swiper-button-next {
    right: 16px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider .swiper-button-next {
    display: none;
  }
}
.top_kv .top_kv__slider .swiper-button-next::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(60deg);
  transform-origin: bottom right;
}
@media print, screen and (max-width: 1439px) {
  .top_kv .top_kv__slider .swiper-button-next::before {
    width: 30px;
  }
}
.top_kv .top_kv__slider .swiper-button-next::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(-60deg);
  transform-origin: top right;
}
@media print, screen and (max-width: 1439px) {
  .top_kv .top_kv__slider .swiper-button-next::after {
    width: 30px;
  }
}
.top_kv .top_kv__slider .swiper-progress {
  position: absolute;
  bottom: 33%;
  left: 0;
  width: 150px;
  height: 2px;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.84, 0.39, 0.33, 1) 0.4s;
}
@media print, screen and (max-width: 1023px) {
  .top_kv .top_kv__slider .swiper-progress {
    left: 30px;
    width: 100px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-progress {
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
  }
}
.top_kv .top_kv__slider .swiper-progress .progress-bar {
  height: 1px;
  background-color: #000000;
  transform: scaleX(0);
  transform-origin: left;
  will-change: transform;
}
@media print, screen and (max-width: 767px) {
  .top_kv .top_kv__slider .swiper-progress .progress-bar {
    background-color: #dcdcdc;
  }
}

.news_ticker {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media print, screen and (max-width: 767px) {
  .news_ticker {
    flex-direction: column;
    margin-top: -5px;
  }
}
.news_ticker span.en {
  padding: 0 40px 0 0;
  height: 30px;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
}
.news_ticker .news_ticker__block {
  overflow: hidden;
  height: 30px;
}
@media print, screen and (max-width: 767px) {
  .news_ticker .news_ticker__block {
    width: 100%;
  }
}
.news_ticker .news_items {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  transition: transform 0.5s ease;
}
.news_ticker .news_items li {
  overflow: hidden;
  height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px; /* 必要に応じて調整 */
  line-height: 30px;
}
@media print, screen and (max-width: 1279px) {
  .news_ticker .news_items li {
    font-size: 13px;
  }
}

.top_new__items {
  position: relative;
  overflow: hidden;
  margin: 0 0 0 1px;
  padding: 114px 0 180px;
}
@media print, screen and (max-width: 767px) {
  .top_new__items {
    padding: 50px 0 120px;
  }
}
.top_new__items h2 {
  margin: 0 0 50px;
  padding: 0;
  letter-spacing: 2px;
  font-size: 2.2vw;
}
@media print, screen and (max-width: 1279px) {
  .top_new__items h2 {
    font-size: 26px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_new__items h2 {
    letter-spacing: 1px;
    font-size: 18px;
  }
}
.top_new__items .swiper-wrapper {
  align-items: stretch;
}
.top_new__items .swiper-wrapper .swiper-slide {
  height: auto;
}
.top_new__items .swiper-wrapper .swiper-slide a {
  position: relative;
  display: block;
  padding: 0 40px 26px;
  height: 100%;
}
@media print, screen and (max-width: 1279px) {
  .top_new__items .swiper-wrapper .swiper-slide a {
    padding: 0 30px 26px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_new__items .swiper-wrapper .swiper-slide a {
    padding: 0 20px 26px;
  }
}
.top_new__items .swiper-wrapper .swiper-slide a .item_status {
  position: absolute;
  top: 0;
  left: 0;
}
.top_new__items .swiper-wrapper .swiper-slide a .product_icon-item {
  position: absolute;
  top: 0;
  right: -3px;
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 1;
  writing-mode: vertical-rl;
}
.top_new__items .swiper-wrapper .swiper-slide a .item_img {
  position: relative;
  overflow: hidden;
  margin: 0 0 40px;
  padding: 0;
  text-align: center;
  line-height: 0;
  aspect-ratio: 1/1;
}
@media print, screen and (max-width: 1279px) {
  .top_new__items .swiper-wrapper .swiper-slide a .item_img {
    margin: 0 -10px 30px;
  }
}
.top_new__items .swiper-wrapper .swiper-slide a .item_img .soldout_mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 1px;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.83);
}
.top_new__items .swiper-wrapper .swiper-slide a .item_img img {
  max-width: 228px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.top_new__items .swiper-wrapper .swiper-slide a .soldout {
  position: absolute;
  top: 0;
  right: -3px;
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 1;
  writing-mode: vertical-rl;
}
@media print, screen and (max-width: 1279px) {
  .top_new__items .swiper-wrapper .swiper-slide a .soldout {
    font-size: 14px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_new__items .swiper-wrapper .swiper-slide a .soldout {
    font-size: 12px;
  }
}
.top_new__items .swiper-wrapper .swiper-slide a .item_name {
  margin: 0;
  text-align: center;
  word-break: break-word;
  font-weight: 600;
  font-size: 18px;
  font-family: "Barlow Semi Condensed", sans-serif;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1279px) {
  .top_new__items .swiper-wrapper .swiper-slide a .item_name {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_new__items .swiper-wrapper .swiper-slide a .item_name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 1.6em;
    -webkit-line-clamp: 3;
  }
}
.top_new__items .swiper-wrapper .swiper-slide a .item_price {
  position: absolute;
  right: 40px;
  bottom: 0;
  left: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
}
@media print, screen and (max-width: 1023px) {
  .top_new__items .swiper-wrapper .swiper-slide a .item_price {
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.top_new__items .swiper-wrapper .swiper-slide a .item_price p {
  margin: 0 auto;
  text-align: center;
}
.top_new__items .swiper-pagination {
  bottom: 100px !important;
  text-align: right;
}
@media print, screen and (max-width: 767px) {
  .top_new__items .swiper-pagination {
    bottom: 60px !important;
    text-align: center;
  }
}
.top_new__items .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0 0 14px !important;
  width: 5px;
  height: 5px;
}
.top_new__items .swiper-buttons {
  position: absolute;
  bottom: 90px;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (max-width: 767px) {
  .top_new__items .swiper-buttons {
    display: none;
  }
}
.top_new__items .swiper-buttons .swiper-item-prev {
  width: 40px;
  height: 30px;
}
@media print, screen and (max-width: 767px) {
  .top_new__items .swiper-buttons .swiper-item-prev {
    width: 30px;
  }
}
.top_new__items .swiper-buttons .swiper-item-next {
  width: 40px;
  height: 30px;
}
@media print, screen and (max-width: 767px) {
  .top_new__items .swiper-buttons .swiper-item-next {
    width: 30px;
  }
}

.top_feature {
  position: relative;
  overflow: hidden;
  padding: 0 0 150px;
}
@media print, screen and (max-width: 767px) {
  .top_feature {
    margin: 0 -30px;
    padding: 0 0 100px;
  }
}
.top_feature h2 {
  margin: 0 0 50px;
  padding: 0;
  letter-spacing: 2px;
  font-size: 2.2vw;
}
@media print, screen and (max-width: 1279px) {
  .top_feature h2 {
    font-size: 26px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_feature h2 {
    margin: 0 0 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_feature h2 {
    padding: 0 30px;
    letter-spacing: 1px;
    font-size: 18px;
  }
}
.top_feature .top_feature__slider .swiper-wrapper .swiper-slide {
  height: auto;
}
.top_feature .top_feature__slider .swiper-wrapper .swiper-slide .feature_bannar {
  margin: 0 0 20px;
  line-height: 0;
}
@media print, screen and (max-width: 767px) {
  .top_feature .top_feature__slider .swiper-wrapper .swiper-slide .feature_bannar {
    margin: 0 0 10px;
  }
}
.top_feature .top_feature__slider .swiper-wrapper .swiper-slide .feature_bannar img {
  width: 100%;
  height: auto;
}
.top_feature .top_feature__slider .swiper-wrapper .swiper-slide .feature_caption {
  font-weight: 600;
  font-size: 16px;
  font-family: "Barlow Semi Condensed", sans-serif;
  line-height: 1.8em;
}
@media print, screen and (max-width: 767px) {
  .top_feature .top_feature__slider .swiper-wrapper .swiper-slide .feature_caption {
    font-size: 14px;
  }
}
.top_feature .swiper-pagination {
  bottom: 90px !important;
  text-align: right;
}
@media print, screen and (max-width: 767px) {
  .top_feature .swiper-pagination {
    bottom: 60px !important;
    padding: 0 30px 0 0;
    text-align: center;
  }
}
.top_feature .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0 0 14px !important;
  width: 5px;
  height: 5px;
}
.top_feature .swiper-buttons {
  position: absolute;
  bottom: 80px;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (max-width: 767px) {
  .top_feature .swiper-buttons {
    left: 30px;
    display: none;
  }
}
.top_feature .swiper-buttons .swiper-feature-prev {
  width: 40px;
  height: 30px;
}
@media print, screen and (max-width: 767px) {
  .top_feature .swiper-buttons .swiper-feature-prev {
    width: 30px;
  }
}
.top_feature .swiper-buttons .swiper-feature-next {
  width: 40px;
  height: 30px;
}
@media print, screen and (max-width: 767px) {
  .top_feature .swiper-buttons .swiper-feature-next {
    width: 30px;
  }
}

.top_launches {
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 1023px) {
  .top_launches {
    padding: 0 0 80px;
  }
}
.top_launches h2 {
  margin: 0;
  padding: 0;
  text-align: right;
  letter-spacing: 2px;
  font-size: 2.2vw;
}
@media print, screen and (max-width: 1279px) {
  .top_launches h2 {
    font-size: 26px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_launches h2 {
    text-align: left;
    letter-spacing: 1px;
    font-size: 18px;
  }
}
.top_launches ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: -32px 0 0;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  .top_launches ul {
    flex-wrap: wrap;
  }
}
.top_launches ul li {
  margin: 0;
  padding: 0;
  width: 20%;
}
@media print, screen and (max-width: 1023px) {
  .top_launches ul li {
    width: 25%;
  }
}
@media print, screen and (max-width: 767px) {
  .top_launches ul li {
    width: 50%;
  }
}
.top_launches ul li:first-child {
  margin: 0 0 0 1px;
  width: calc(40% - 1px);
  border-top: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  background-color: #ffffff;
}
@media print, screen and (max-width: 1023px) {
  .top_launches ul li:first-child {
    width: 25%;
    border-top: none;
    border-bottom: none;
    background-color: inherit;
  }
}
@media print, screen and (max-width: 767px) {
  .top_launches ul li:first-child {
    width: calc(50% - 1px);
  }
}
.top_launches ul li:first-child .launche_card .launche_img {
  padding: 0 30px;
}
@media print, screen and (max-width: 1023px) {
  .top_launches ul li:first-child .launche_card .launche_img {
    padding: 0;
  }
}
.top_launches ul li:first-child .launche_card .launche_img .launche_status {
  left: -4px;
  letter-spacing: 2px;
  font-size: 1.5vw;
}
@media print, screen and (max-width: 1023px) {
  .top_launches ul li:first-child .launche_card .launche_img .launche_status {
    left: -3px;
    letter-spacing: 1px;
    font-size: 13px;
  }
}
.top_launches ul li:first-child .launche_card .launche_date {
  position: absolute;
  top: 6.6%;
  left: -3px;
  margin: 0;
  font-size: 2.5vw;
  line-height: 0.8em;
}
@media print, screen and (max-width: 1023px) {
  .top_launches ul li:first-child .launche_card .launche_date {
    position: static;
    margin: 0 0 25px;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_launches ul li:first-child .launche_card .launche_date {
    margin: 0 0 15px;
  }
}
.top_launches ul li:first-child .launche_card .launche_date span {
  font-size: 1.05vw;
}
@media print, screen and (max-width: 1023px) {
  .top_launches ul li:first-child .launche_card .launche_date span {
    font-size: 12px;
  }
}
@media print, screen and (max-width: 1439px) {
  .top_launches ul li:first-child .launche_card .launche_name {
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_launches ul li:first-child .launche_card .launche_name {
    padding: 0 20px;
  }
}
.top_launches ul li .launche_card {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 116px 1px 80px;
  height: 100%;
}
@media print, screen and (max-width: 1023px) {
  .top_launches ul li .launche_card {
    justify-content: flex-start;
    padding: 116px 1px 18px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_launches ul li .launche_card {
    padding: 80px 1px 18px;
  }
}
.top_launches ul li .launche_card .launche_date {
  margin: 0 0 25px;
  text-align: center;
  font-weight: 600;
  font-size: 24px;
}
@media print, screen and (max-width: 767px) {
  .top_launches ul li .launche_card .launche_date {
    margin: 0 0 15px;
  }
}
.top_launches ul li .launche_card .launche_date span {
  font-size: 12px;
}
.top_launches ul li .launche_card .launche_img {
  position: relative;
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
  line-height: 0;
}
.top_launches ul li .launche_card .launche_img img {
  width: 100%;
  height: auto;
}
.top_launches ul li .launche_card .launche_img .launche_status {
  position: absolute;
  top: 50%;
  left: -3px;
  letter-spacing: 1px;
  font-size: 1.2vw;
  transform: translate(0px, -50%);
  writing-mode: vertical-rl;
}
@media print, screen and (max-width: 1023px) {
  .top_launches ul li .launche_card .launche_img .launche_status {
    font-size: 13px;
  }
}
.top_launches ul li .launche_card .launche_name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin: 0 0 20px;
  padding: 0 50px;
  min-height: 65px;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 1.8em;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
@media print, screen and (max-width: 1439px) {
  .top_launches ul li .launche_card .launche_name {
    padding: 0 30px;
  }
}
@media print, screen and (max-width: 1279px) {
  .top_launches ul li .launche_card .launche_name {
    font-size: 12px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_launches ul li .launche_card .launche_name {
    padding: 0 20px;
    min-height: inherit;
  }
}
.top_launches ul li .launche_card .launche_price {
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
}
@media print, screen and (max-width: 1023px) {
  .top_launches ul li .launche_card .launche_price {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.top_launches ul li .launche_card .launche_price p {
  text-align: center;
}

.top_pickup {
  position: relative;
  overflow: hidden;
  margin: 0;
  /*padding:50px 0 140px;*/
  padding: 0 0 140px;
}
@media print, screen and (max-width: 767px) {
  .top_pickup {
    margin: 0;
    padding: 30px 0 140px;
  }
}
.top_pickup h2 {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
  letter-spacing: 2px;
  font-size: 2.2vw;
}
@media print, screen and (max-width: 1279px) {
  .top_pickup h2 {
    font-size: 26px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_pickup h2 {
    margin: 0 0 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_pickup h2 {
    padding: 0;
    text-align: left;
    letter-spacing: 1px;
    font-size: 18px;
  }
}
.top_pickup .top_pickup__slider .swiper-wrapper .swiper-slide .pickup_bannar {
  margin: 0 0 20px;
  padding: 0;
  line-height: 0;
}
@media print, screen and (max-width: 767px) {
  .top_pickup .top_pickup__slider .swiper-wrapper .swiper-slide .pickup_bannar {
    margin: 0 0 10px;
  }
}
.top_pickup .top_pickup__slider .swiper-wrapper .swiper-slide .pickup_bannar img {
  width: 100%;
  height: auto;
}
.top_pickup .top_pickup__slider .swiper-wrapper .swiper-slide .pickup_caption {
  font-size: 18px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 767px) {
  .top_pickup .top_pickup__slider .swiper-wrapper .swiper-slide .pickup_caption {
    font-size: 14px;
  }
}
.top_pickup .swiper-pagination {
  bottom: 90px !important;
}
.top_pickup .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0 0 20px !important;
  width: 5px;
  height: 5px;
}

.top_category {
  margin: 0;
  /*padding:0 0 160px;予約がないため調整*/
  padding: 80px 0;
}
@media print, screen and (max-width: 1439px) {
  .top_category {
    padding: 0 0 80px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_category {
    padding: 0 0 30px;
  }
}
.top_category h2 {
  margin: 0 0 100px;
  padding: 0;
  text-align: left;
  letter-spacing: 2px;
  font-size: 2.2vw;
}
@media print, screen and (max-width: 1279px) {
  .top_category h2 {
    font-size: 26px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_category h2 {
    margin: 0 0 70px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_category h2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 0 100px;
    margin: 0 0 50px;
    letter-spacing: 1px;
    font-size: 24px;
  }
}
.top_category h2 span.ja {
  padding: 0 0 0 30px;
  font-weight: 500;
  font-size: 15px;
}
@media print, screen and (max-width: 1279px) {
  .top_category h2 span.ja {
    padding: 0 0 0 20px;
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_category h2 span.ja {
    padding: 10px 0 0;
    font-weight: 500;
    font-size: 11px;
  }
}
.top_category ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media print, screen and (max-width: 1023px) {
  .top_category ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media print, screen and (max-width: 767px) {
  .top_category ul {
    margin: 0 0 0 1px;
    border-top: #f0f0f0 solid 1px;
  }
}
.top_category ul li {
  margin: 0;
  padding: 0;
  width: 20%;
}
@media print, screen and (max-width: 1023px) {
  .top_category ul li {
    width: 25%;
  }
  .top_category ul li:first-child {
    width: 50%;
  }
  .top_category ul li:nth-child(2) {
    width: 50%;
  }
}
@media print, screen and (max-width: 767px) {
  .top_category ul li:nth-child(2) {
    border-right: none;
  }
  .top_category ul li:nth-child(3) {
    width: 50%;
  }
  .top_category ul li:nth-child(4) {
    width: 50%;
    border-right: none;
  }
  .top_category ul li:nth-child(7) {
    border-right: none;
  }
  .top_category ul li:nth-child(10) {
    border-right: none;
  }
}
@media print, screen and (max-width: 767px) {
  .top_category ul li {
    padding: 40px 0 0;
    width: 33.33333%;
    border-right: #f0f0f0 solid 1px;
    border-bottom: #f0f0f0 solid 1px;
    background: #ffffff;
  }
}
.top_category ul li a {
  display: block;
  padding: 0 0 60px;
}
@media print, screen and (max-width: 767px) {
  .top_category ul li a {
    padding: 0 0 40px;
  }
}
.top_category ul li .category_name {
  margin: 0 0 60px;
  padding: 0;
  font-weight: 500;
  font-size: 15px;
}
@media print, screen and (max-width: 1279px) {
  .top_category ul li .category_name {
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_category ul li .category_name {
    margin: 0 0 30px;
    text-align: center;
    font-size: 12px;
  }
}
.top_category ul li .category_img {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 0;
}
.top_category ul li .category_img img {
  margin: 0 auto;
  width: 60%;
  height: auto;
}
@media print, screen and (max-width: 1279px) {
  .top_category ul li .category_img img {
    width: 70%;
  }
}

.top_ranking {
  margin: 0;
  padding: 0 0 100px;
}
@media print, screen and (max-width: 767px) {
  .top_ranking {
    padding: 0 0 50px;
  }
}
.top_ranking h2 {
  margin: 0 0 100px;
  padding: 0;
  text-align: left;
  letter-spacing: 2px;
  font-size: 2.2vw;
}
@media print, screen and (max-width: 1279px) {
  .top_ranking h2 {
    font-size: 26px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_ranking h2 {
    margin: 0 0 70px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_ranking h2 {
    margin: 0 0 50px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 24px;
  }
}
.top_ranking ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  .top_ranking ul {
    flex-wrap: wrap;
  }
}
.top_ranking ul li {
  margin: 0;
  padding: 0;
  width: 20%;
}
@media print, screen and (max-width: 1023px) {
  .top_ranking ul li {
    width: 25%;
  }
}
@media print, screen and (max-width: 767px) {
  .top_ranking ul li {
    margin: 0 0 60px;
    width: 50%;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_ranking ul li:nth-child(5) {
    display: none;
  }
}
.top_ranking ul li .ranking_card {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 0 18px;
  height: 100%;
}
.top_ranking ul li .ranking_card .number {
  margin: 0 0 50px;
  text-align: center;
  font-weight: 500;
  font-size: 54px;
}
@media print, screen and (max-width: 1279px) {
  .top_ranking ul li .ranking_card .number {
    font-size: 44px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_ranking ul li .ranking_card .number {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_ranking ul li .ranking_card .number {
    margin: 0 0 30px;
  }
}
.top_ranking ul li .ranking_card .ranking_img {
  margin: 0 0 40px;
  padding: 0 30px;
  line-height: 0;
}
@media print, screen and (max-width: 1279px) {
  .top_ranking ul li .ranking_card .ranking_img {
    padding: 0 10px;
  }
}
@media print, screen and (max-width: 767px) {
  .top_ranking ul li .ranking_card .ranking_img {
    margin: 0 0 20px;
  }
}
.top_ranking ul li .ranking_card .ranking_img a {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}
.top_ranking ul li .ranking_card .ranking_img a img {
  max-width: 228px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.top_ranking ul li .ranking_card .ranking_name {
  margin: 0 0 20px;
  padding: 0 50px;
  width: 100%;
  text-align: center;
  word-break: break-word;
  font-weight: 600;
  font-size: 18px;
  font-family: "Barlow Semi Condensed", sans-serif;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1279px) {
  .top_ranking ul li .ranking_card .ranking_name {
    padding: 0 20px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 1023px) {
  .top_ranking ul li .ranking_card .ranking_name {
    padding: 0 20px;
    font-size: 15px;
  }
}
.top_ranking ul li .ranking_card .ranking_price {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0 50px;
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
}
@media print, screen and (max-width: 1023px) {
  .top_ranking ul li .ranking_card .ranking_price {
    padding: 0 10px;
  }
}
.top_ranking ul li .ranking_card .ranking_price p {
  margin: 0 auto;
  text-align: center;
}
.top_ranking ul li .ranking_card .ranking_price .soldout {
  position: absolute;
  top: 104px;
  left: 0;
  writing-mode: vertical-rl;
}
@media print, screen and (max-width: 1279px) {
  .top_ranking ul li .ranking_card .ranking_price .soldout {
    font-size: 14px;
  }
}

@-webkit-keyframes blinkCursor {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blinkCursor {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#product_detail {
  margin: 0 0 0 -80px;
  padding: 0;
  background: #ffffff;
}
@media print, screen and (max-width: 1279px) {
  #product_detail {
    margin: 0 0 0 -60px;
  }
}
@media print, screen and (max-width: 1023px) {
  #product_detail {
    margin: 0 0 0 1px;
  }
}
#product_detail #dvProductDetailArea .detail {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #product_detail #dvProductDetailArea .detail {
    flex-direction: column;
    margin: 0 -50px;
    background: #ffffff;
  }
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail {
    margin: 0 -30px;
  }
}
#product_detail #dvProductDetailArea .detail #detailImage {
  flex: 1;
  margin: 0;
  padding: 0;
  width: 62%;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #product_detail #dvProductDetailArea .detail #detailImage {
    width: 54%;
  }
}
@media print, screen and (max-width: 1023px) {
  #product_detail #dvProductDetailArea .detail #detailImage {
    width: 100%;
    border-right: none;
  }
}
#product_detail #dvProductDetailArea .detail #detailImage .mainImage .detail_slider {
  overflow: hidden;
}
#product_detail #dvProductDetailArea .detail #detailImage .mainImage .detail_slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px;
}
@media print, screen and (max-width: 1279px) {
  #product_detail #dvProductDetailArea .detail #detailImage .mainImage .detail_slider .swiper-slide {
    padding: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail #detailImage .mainImage .detail_slider .swiper-slide {
    padding: 30px 30px 0;
  }
}
#product_detail #dvProductDetailArea .detail #detailImage .mainImage .detail_slider .swiper-slide .fit {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  max-width: 600px;
  width: 100%;
  aspect-ratio: 1/1;
}
@media print, screen and (max-width: 1023px) {
  #product_detail #dvProductDetailArea .detail #detailImage .mainImage .detail_slider .swiper-slide .fit {
    max-width: 500px;
  }
}
#product_detail #dvProductDetailArea .detail #detailImage .mainImage .detail_slider .swiper-slide .fit img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media print, screen and (max-width: 1023px) {
  #product_detail #dvProductDetailArea .detail #detailImage .mainImage .detail_slider .swiper-slide .fit img {
    max-width: 500px;
  }
}
#product_detail #dvProductDetailArea .detail #detailImage .mainImage .thumb_slider {
  overflow: hidden;
  padding: 0 80px;
  max-width: 800px;
}
@media print, screen and (max-width: 1279px) {
  #product_detail #dvProductDetailArea .detail #detailImage .mainImage .thumb_slider {
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail #detailImage .mainImage .thumb_slider {
    display: none;
  }
}
#product_detail #dvProductDetailArea .detail #detailImage .mainImage .thumb_slider .swiper-slide .thumb {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border: #f0f0f0 solid 1px;
  border-radius: 50%;
  cursor: pointer;
}
#product_detail #dvProductDetailArea .detail #detailImage .mainImage .thumb_slider .swiper-slide .thumb img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
#product_detail #dvProductDetailArea .detail #detailOne {
  position: relative;
  margin: 0;
  padding: 90px 70px;
  /*min-width:510px;*/
  max-width: 600px;
  width: 38%;
}
@media print, screen and (max-width: 1439px) {
  #product_detail #dvProductDetailArea .detail #detailOne {
    padding: 90px 50px;
  }
}
@media print, screen and (max-width: 1279px) {
  #product_detail #dvProductDetailArea .detail #detailOne {
    padding: 80px 50px 60px;
    min-width: inherit;
    max-width: inherit;
    width: 46%;
  }
}
@media print, screen and (max-width: 1023px) {
  #product_detail #dvProductDetailArea .detail #detailOne {
    margin: 30px 0 0;
    padding: 60px 50px 40px;
    width: 100%;
    border-top: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail #detailOne {
    padding: 60px 30px 40px;
  }
}
#product_detail #dvProductDetailArea .detail #detailOne .fav_btn {
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
#product_detail #dvProductDetailArea .detail #detailOne .fav_btn a {
  display: block;
  overflow: hidden;
  width: 45px;
  height: 45px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#product_detail #dvProductDetailArea .detail #detailOne .fav_btn a.add {
  background-image: url(../../Contents/Common/icon_favorite.svg);
}
#product_detail #dvProductDetailArea .detail #detailOne .fav_btn a.added {
  background-image: url(../../Contents/Common/icon_favorite_bk.svg);
}
#product_detail #dvProductDetailArea .detail #detailOne .fav_btn p.toolTip {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: inherit !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background-color: #cfcfcf;
}
#product_detail #dvProductDetailArea .detail #detailOne .fav_btn p.toolTip #txt-tooltip {
  padding: 10px 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .fav_btn p.toolTip .arrow {
  position: absolute;
  top: -10px;
  right: 15px;
  width: 0;
  height: 0;
  border-width: 0 7px 10px 7px;
  border-style: solid;
  border-color: transparent transparent #cfcfcf transparent;
}
#product_detail #dvProductDetailArea .detail #detailOne .fav_btn p.toolTip a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-indent: inherit;
}
#product_detail #dvProductDetailArea .detail #detailOne .product_icon-item {
  display: none;
  margin: 0 0 10px;
  font-size: 14px;
}
#product_detail #dvProductDetailArea .detail #detailOne .product_icon-item:first-of-type {
  display: block;
}
#product_detail #dvProductDetailArea .detail #detailOne .productStock {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  height: 45px;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  background: #f9f9f9;
  font-weight: 700;
  font-size: 13px;
}
@media print, screen and (max-width: 1023px) {
  #product_detail #dvProductDetailArea .detail #detailOne .productStock {
    height: 35px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail #detailOne .productStock {
    padding: 0 30px;
  }
}
#product_detail #dvProductDetailArea .detail #detailOne .brand_name {
  margin-bottom: -1em;
  line-height: 1;
}
#product_detail #dvProductDetailArea .detail #detailOne .brand_name ul li {
  display: none;
}
#product_detail #dvProductDetailArea .detail #detailOne .brand_name ul li span {
  display: none;
}
#product_detail #dvProductDetailArea .detail #detailOne .brand_name ul li:nth-child(3) {
  display: block;
  font-size: 18px;
}
#product_detail #dvProductDetailArea .detail #detailOne h1.item_name {
  margin: 0 0 10px;
  text-align: left;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1279px) {
  #product_detail #dvProductDetailArea .detail #detailOne h1.item_name {
    font-size: 22px;
  }
}
#product_detail #dvProductDetailArea .detail #detailOne #dvProductSubInfo {
  margin: 0 0 60px;
}
#product_detail #dvProductDetailArea .detail #detailOne #dvProductSubInfo .productDetailId {
  font-size: 20px;
}
@media print, screen and (max-width: 1279px) {
  #product_detail #dvProductDetailArea .detail #detailOne #dvProductSubInfo .productDetailId {
    font-size: 16px;
  }
}
#product_detail #dvProductDetailArea .detail #detailOne .wrapProductPrice .price {
  margin: 0 0 40px;
  padding: 0 0 14px;
  border-bottom: #cacaca solid 1px;
}
#product_detail #dvProductDetailArea .detail #detailOne .wrapProductPrice .price .productPrice {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  font-size: 14px;
}
#product_detail #dvProductDetailArea .detail #detailOne .wrapProductPrice .price .productPrice span {
  margin: 0 0 0 auto;
  padding: 0;
  font-size: 30px;
}
@media print, screen and (max-width: 1279px) {
  #product_detail #dvProductDetailArea .detail #detailOne .wrapProductPrice .price .productPrice span {
    font-size: 24px;
  }
}
#product_detail #dvProductDetailArea .detail #detailOne .wrapProductPrice .price .productPrice span.ja {
  margin: 0 0 0 10px;
  padding: 0;
  font-weight: 500;
  font-size: 12px;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo {
  margin: 0;
  padding: 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .productAmount {
  display: none;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 10px;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .productAmount span {
  padding: 0 10px 0 0;
  font-size: 13px;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .productAmount input {
  width: 100px;
  text-align: center;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .soldout {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
  padding: 0 22px;
  width: 100%;
  height: 70px;
  background-color: #b8b8b8;
  color: #e6e6e6;
  font-weight: 500;
  font-size: 16px;
}
@media print, screen and (max-width: 1439px) {
  #product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .soldout {
    height: 60px;
  }
}
@media print, screen and (max-width: 1279px) {
  #product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .soldout {
    height: 50px;
    font-size: 14px;
  }
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .notification_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
  height: 50px;
  border: #f0f0f0 solid 1px;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail {
  margin: -20px 0 20px;
  padding: 30px;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail {
    padding: 30px 20px;
  }
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail p {
  font-size: 14px;
  line-height: 2em;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail p.note {
  margin: 0 0 20px;
  font-size: 12px;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail dl {
  margin: 0;
  padding: 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail dl dt {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail dl dt::before {
  content: "■ ";
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail dl dd {
  position: relative;
  margin: 0;
  padding: 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail dl dd .box {
  margin: -1px 0 0;
  padding: 20px;
  border: #f0f0f0 solid 1px;
  text-align: left;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail dl dd .box {
    margin: -1px -21px 0;
  }
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail dl dd .box label {
  display: inline-block;
  margin: 0 0 10px;
  padding: 0 0 0 10px;
  text-align: left;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail .btnClose {
  margin: 20px 0 0 1px;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo #divProductArrivalMail .btnClose .notification_regist {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 120px;
  height: 50px;
  background-color: #353535;
  color: #ffffff;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .notification_complete {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0 20px;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .notification_complete span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  width: 100%;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
  background: #f9f9f9;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .notification_complete i {
  margin: 0 20px 0 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .productCart .addCart {
  margin: 0 0 24px;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .productCart .addCart .btnCart {
  padding: 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .productCart .addCart .btnCart a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
  width: 100%;
  height: 70px;
  background-color: #353535;
  color: #e6e6e6;
  font-weight: 500;
  font-size: 16px;
}
@media print, screen and (max-width: 1439px) {
  #product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .productCart .addCart .btnCart a {
    height: 60px;
  }
}
@media print, screen and (max-width: 1279px) {
  #product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .productCart .addCart .btnCart a {
    height: 70px;
  }
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .options {
  position: relative;
  margin: 0;
  padding: 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .options .option_list {
  position: relative;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .options .option_name {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 12px;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .options select {
  margin: 0 0 20px;
  width: 100%;
}
#product_detail #dvProductDetailArea .detail #detailOne .ChangesByVariation .productSellInfo .options .error_inline {
  position: absolute;
  bottom: 0;
  padding: 0 10px !important;
  font-feature-settings: normal;
}
#product_detail #dvProductDetailArea .detail #detailOne .inquery_item {
  margin: 0 0 50px;
}
#product_detail #dvProductDetailArea .detail #detailOne .inquery_item a {
  padding: 0 0 0 20px;
  background-image: url(../../Contents/Common/arrow_small_right_bk.svg);
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: 500;
  font-size: 14px;
}
#product_detail #dvProductDetailArea .detail #detailOne .introduction {
  margin: 0 0 20px;
}
#product_detail #dvProductDetailArea .detail #detailOne .introduction h3 {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 15px;
  line-height: 2em;
}
#product_detail #dvProductDetailArea .detail #detailOne .introduction p {
  margin: 0;
  padding: 0;
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
#product_detail #dvProductDetailArea .detail #detailOne .spec {
  margin: 0 0 50px;
  padding: 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .spec .tokuten {
  padding: 20px 0 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .spec .tokuten p {
  margin: 0;
  padding: 0;
  text-align: justify;
  font-size: 14px;
  line-height: 2em;
}
#product_detail #dvProductDetailArea .detail #detailOne .spec dl {
  margin: 0;
  padding: 0;
  border-bottom: #cacaca solid 1px;
}
#product_detail #dvProductDetailArea .detail #detailOne .spec dl dt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 0;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
}
#product_detail #dvProductDetailArea .detail #detailOne .spec dl dt::before {
  position: absolute;
  top: 50%;
  right: 22px;
  margin-top: -6px;
  width: 2px;
  height: 14px;
  background-color: #000000;
  content: "";
  transition: 0.4s ease;
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail #detailOne .spec dl dt::before {
    right: 6px;
  }
}
#product_detail #dvProductDetailArea .detail #detailOne .spec dl dt::after {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 14px;
  height: 2px;
  background-color: #000000;
  content: "";
  transition: 0.4s ease;
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail #detailOne .spec dl dt::after {
    right: 0;
  }
}
#product_detail #dvProductDetailArea .detail #detailOne .spec dl dt.on::before {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
#product_detail #dvProductDetailArea .detail #detailOne .spec dl dt.on::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}
#product_detail #dvProductDetailArea .detail #detailOne .spec dl dd {
  display: grid;
  margin: 0;
  padding: 0;
  transition: grid-template-rows 0.5s ease;
  grid-template-rows: 0fr;
}
#product_detail #dvProductDetailArea .detail #detailOne .spec dl dd.on {
  grid-template-rows: 1fr;
}
#product_detail #dvProductDetailArea .detail #detailOne .spec dl dd .info_detail {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .spec dl dd .info_detail p {
  padding: 0 0 30px;
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
#product_detail #dvProductDetailArea .detail #detailOne .service h3 {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 13px;
}
#product_detail #dvProductDetailArea .detail #detailOne .service ul {
  margin: 0 0 20px;
  padding: 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .service ul li {
  margin: 0 0 -1px;
  padding: 0;
  border: #f0f0f0 solid 1px;
}
#product_detail #dvProductDetailArea .detail #detailOne .service ul li .bannar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 36px;
}
#product_detail #dvProductDetailArea .detail #detailOne .service ul li .bannar i {
  width: 50px;
  line-height: 0;
}
#product_detail #dvProductDetailArea .detail #detailOne .service ul li .bannar i img {
  width: 100%;
  height: auto;
}
#product_detail #dvProductDetailArea .detail #detailOne .service ul li .bannar p {
  padding: 0 0 0 30px;
  width: calc(100% - 50px);
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
#product_detail #dvProductDetailArea .detail #detailOne .service ul li .bannar p span {
  font-size: 12px;
}
#product_detail #dvProductDetailArea .detail .content {
  margin: 0;
  padding: 30px 0 0;
}
@media print, screen and (max-width: 1023px) {
  #product_detail #dvProductDetailArea .detail .content.pc {
    display: none;
  }
}
#product_detail #dvProductDetailArea .detail .content.mobile {
  display: none;
}
@media print, screen and (max-width: 1023px) {
  #product_detail #dvProductDetailArea .detail .content.mobile {
    display: block;
    padding: 0;
  }
}
#product_detail #dvProductDetailArea .detail .content .more_info .scene_photo {
  margin: 0 0 40px;
  padding: 0;
  line-height: 0;
}
#product_detail #dvProductDetailArea .detail .content .more_info .scene_photo img {
  width: 100%;
  height: auto;
}
#product_detail #dvProductDetailArea .detail .content .more_info .note {
  padding: 0 80px 80px;
  text-align: justify;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 1439px) {
  #product_detail #dvProductDetailArea .detail .content .more_info .note {
    padding: 0 50px 80px;
  }
}
@media print, screen and (max-width: 1023px) {
  #product_detail #dvProductDetailArea .detail .content .more_info .note {
    padding: 0 50px 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail .content .more_info .note {
    padding: 0 30px 50px;
  }
}
#product_detail #dvProductDetailArea .detail .content .coordinate {
  position: relative;
  overflow: visible;
  margin: 0;
  padding: 0;
  border-top: #f0f0f0 solid 1px;
}
#product_detail #dvProductDetailArea .detail .content .coordinate h3 {
  position: absolute;
  top: -24px;
  left: 80px;
  font-size: 24px;
}
@media print, screen and (max-width: 1439px) {
  #product_detail #dvProductDetailArea .detail .content .coordinate h3 {
    left: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail .content .coordinate h3 {
    left: 30px;
  }
}
#product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box {
  margin: 0 0 -1px;
  border-bottom: #f0f0f0 solid 1px;
}
#product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box a {
  display: block;
  padding: 45px 80px;
}
@media print, screen and (max-width: 1439px) {
  #product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box a {
    padding: 45px 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box a {
    padding: 45px 30px;
  }
}
#product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box a dl {
  display: flex;
  align-items: center;
  justify-content: center;
}
#product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box a dl dt {
  margin: 0;
  padding: 0;
  width: 70px;
}
#product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box a dl dt .coordinate_photo {
  overflow: hidden;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
#product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box a dl dt .coordinate_photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box a dl dd {
  margin: 0;
  padding: 0 0 0 40px;
  width: calc(100% - 70px);
}
@media print, screen and (max-width: 767px) {
  #product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box a dl dd {
    padding: 0 0 0 30px;
  }
}
#product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box a dl dd p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin: 0;
  padding: 0;
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
#product_detail #dvProductDetailArea .detail .content .coordinate .Coordinate_box a dl dd p.name {
  font-weight: 700;
  font-size: 12px;
}

#divBottomArea.product_bottom {
  padding: 80px 0 0;
}
@media print, screen and (max-width: 1023px) {
  #divBottomArea.product_bottom {
    padding: 20px 0 0;
  }
}

.page-productlist-aspx {
  display: flex !important;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -189px 0 0 -80px !important;
  padding: 0;
  width: auto !important;
}
@media print, screen and (max-width: 1279px) {
  .page-productlist-aspx {
    margin: -160px 0 0 -60px !important;
  }
}
@media print, screen and (max-width: 1023px) {
  .page-productlist-aspx {
    display: block;
    margin: -160px -50px 0 !important;
  }
}
@media print, screen and (max-width: 1023px) {
  .page-productlist-aspx {
    display: block;
    margin: -160px -50px 0 !important;
  }
}
@media print, screen and (max-width: 767px) {
  .page-productlist-aspx {
    margin: -142px -30px 0 !important;
  }
}
.page-productlist-aspx .product_search {
  display: block;
}
.page-productlist-aspx #breadcrumb {
  padding: 0 0 0 80px;
}
@media print, screen and (max-width: 1279px) {
  .page-productlist-aspx #breadcrumb {
    padding: 0 0 0 60px;
  }
}
@media print, screen and (max-width: 1023px) {
  .page-productlist-aspx #breadcrumb {
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  .page-productlist-aspx #breadcrumb {
    margin: 0;
    padding: 0 30px;
    width: 100%;
  }
}

.search_open__btn {
  display: none;
}
@media print, screen and (max-width: 1023px) {
  .search_open__btn {
    position: fixed;
    top: 160px;
    left: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-top: #f0f0f0 solid 1px;
    border-right: #f0f0f0 solid 1px;
    border-bottom: #f0f0f0 solid 1px;
    background: #f8f8f8;
  }
}
@media print, screen and (max-width: 767px) {
  .search_open__btn {
    display: none;
  }
}

#product_list {
  padding: 189px 0 0;
  width: calc(100% - 340px);
  background: #ffffff;
  background-image: repeating-linear-gradient(to right, #f0f0f0 0, #f0f0f0 1px, transparent 1px, transparent 25%);
  /*#secondary {
  	position:relative;
  	padding:189px 0 0;
  	width:340px;
  	@media print, screen and (max-width: 1439px) {
  		width:300px;
  	}
  	@media print, screen and (max-width: 1279px) {
  		padding:160px 0 0;
  		width:260px;
  	}
  	@media print, screen and (max-width: 1023px) {
  		position:fixed;
  		top:60px;
  		bottom:0;
  		left:-40%;
  		z-index:9999;
  		display:block;
  		padding:0;
  		width:40%;
  		background:#ffffff;
  		transition:left 0.7s cubic-bezier(0.26, 0.63, 0, 0.99);
  	}


  	@media print, screen and (max-width: 767px) {
  		top:56px;
  		left:-100%;
  		width:100%;
  	}
  	&.js_open {
  		left:0;
  	}

  	.search_open__btn {
  		display:none;
  		@media print, screen and (max-width: 1023px) {
  			position:fixed;
  			top:160px;
  			left:0;
  			z-index:5;
  			display:flex;
  			align-items:center;
  			justify-content:center;
  			width:60px;
  			height:60px;
  			border-top:#f0f0f0 solid 1px;
  			border-right:#f0f0f0 solid 1px;
  			border-bottom:#f0f0f0 solid 1px;
  			background:#f8f8f8;
  		}
  	}
  	.search_close__btn {
  		display:none;
  		@media print, screen and (max-width: 1023px) {
  			position:absolute;
  			top:35px;
  			right:20px;
  			z-index:16;
  			display:block;
  			width:30px;
  			height:30px;
  			cursor:pointer;
  		}

  		.line:nth-child(1) {
  			position:absolute;
  			top:50%;
  			left:10%;
  			width:80%;
  			height:1px;
  			background:#000000;
  			transform:rotate(45deg);
  		}
  		.line:nth-child(2) {
  			position:absolute;
  			top:50%;
  			left:10%;
  			width:80%;
  			height:1px;
  			background:#000000;
  			transform:rotate(-45deg);
  		}
  	}
  	.dvCategorySearch {
  		position:relative;
  		z-index:15;
  		margin:0 -1px 0 0;
  		padding:40px 0 50px 50px;
  		border-right:#f0f0f0 solid 1px;
  		background:#ffffff;
  		@media print, screen and (max-width: 1279px) {
  			padding:40px 0 50px 30px;
  		}

  		@media print, screen and (max-width: 1023px) {
  			position:absolute;
  			top:0;
  			right:0;
  			bottom:0;
  			left:0;
  			overflow:auto;
  			border-right:#f0f0f0 solid 1px;
  		}
  	}

  	.brand_list {
  		position:fixed;
  		top:-100svh;
  		left:-100vw;
  		z-index:9;
  		width:calc(100% - 422px);
  		background:#ffffff;
  		transition:left 1s ease-in-out;
  		pointer-events:none;
  		@media print, screen and (max-width: 1439px) {
  			width:calc(100% - 382px);
  		}
  		@media print, screen and (max-width: 1279px) {
  			width:calc(100% - 322px);
  		}
  		@media print, screen and (max-width: 1023px) {
  			width:60%;
  		}

  		&.js_open {
  			left:341px;
  			@media print, screen and (max-width: 1439px) {
  				left:301px;
  			}
  			@media print, screen and (max-width: 1279px) {
  				left:261px;
  			}

  			@media print, screen and (max-width: 1023px) {
  				left:40%;
  				z-index:10;
  			}
  		}


  		.brand_list__wrapper {
  			position:absolute;
  			top:0;
  			right:0;
  			bottom:0;
  			left:0;
  			overflow:auto;
  			margin:0 ;
  			padding:0 70px 70px;
  			background:#ffffff;

  			scrollbar-width:none;
  			-ms-overflow-style:none;
  			@media print, screen and (max-width: 1279px) {
  				padding:0 50px 70px;
  			}

  			&::-webkit-scrollbar {
  				display:none;
  			}

  			.links {
  				position:sticky;
  				top:0;
  				z-index:12;
  				display:flex;
  				align-items:center;
  				justify-content:space-between;
  				margin:0;
  				margin:0 -70px;
  				padding:50px 150px 50px 70px;
  				border-bottom:#f0f0f0 solid 1px;
  				background:#ffffff;
  				font-weight:500;
  				font-size:16px;

  				gap:20px;
  				@media print, screen and (max-width: 1279px) {
  					margin:0 -50px;
  					padding:30px 120px 30px 50px;
  					font-size:14px;
  				}
  				@media print, screen and (max-width: 1023px) {
  					padding:30px 70px 30px 20px;
  					font-size:13px;

  					gap:10px;
  				}
  				a {
  					@media print, screen and (max-width: 1023px) {
  						display:flex;
  						align-items:center;
  						justify-content:center;
  						min-width:20px;
  						height:24px;
  					}
  				}
  				.brand_list__close {
  					position:absolute;
  					top:50%;
  					right:50px;
  					width:30px;
  					height:30px;
  					cursor:pointer;
  					transform:translate(0,-50%);
  					@media print, screen and (max-width: 1023px) {
  						right:20px;
  					}

  					.line:nth-child(1) {
  						position:absolute;
  						top:50%;
  						left:0;
  						width:100%;
  						height:1px;
  						background:#000000;
  						transform:rotate(45deg);
  						@media print, screen and (max-width: 1023px) {
  							left:10%;
  							width:80%;
  						}
  					}
  					.line:nth-child(2) {
  						position:absolute;
  						top:50%;
  						left:0;
  						width:100%;
  						height:1px;
  						background:#000000;
  						transform:rotate(-45deg);
  						@media print, screen and (max-width: 1023px) {
  							left:10%;
  							width:80%;
  						}
  					}
  				}
  			}
  			ul {
  				margin:50px 0 0;
  				li {
  					.kana {
  						position:relative;
  						margin:0;
  						padding:0;

  						span {
  							position:relative;
  							z-index:5;
  							display:flex;
  							align-items:center;
  							justify-content:center;
  							width:40px;
  							height:40px;
  							border:#e5e5e5 solid 1px;
  							background-color:#ffffff;
  						}
  					}
  					ul.b_list {
  						display:flex;
  						align-items:stretch;
  						flex-wrap:wrap;
  						justify-content:flex-start;
  						margin:0;
  						padding:20px 0 40px;

  						gap:10px;

  						li {
  							width:calc((100% - 30px)/4);
  							@media print, screen and (max-width: 1439px) {
  								width:calc((100% - 20px)/3);
  							}
  							@media print, screen and (max-width: 1179px) {
  								width:calc((100% - 10px)/2);
  							}
  							@media print, screen and (max-width: 1023px) {
  								width:100%;
  							}
  							label {
  								display:flex;
  								align-items:center;
  								justify-content:flex-start;
  								padding:0 10px;
  								height:50px;
  								border:#e5e5e5 solid 1px;
  								background:#fafafa;
  								letter-spacing:1px;
  								cursor:pointer;

  								gap:5px;
  							}
  						}
  					}
  				}
  			}
  		}
  	}

  	.fixation_list {
  		position:absolute;
  		top:1935px;
  		left:340px;
  		z-index:9;
  		overflow:hidden;
  		width:600px;
  		pointer-events:none;
  		@media print, screen and (max-width: 1439px) {
  			left:300px;
  		}
  		@media print, screen and (max-width: 1279px) {
  			left:260px;
  		}

  		@media print, screen and (max-width: 1023px) {
  			position:fixed;
  			top:60px;
  			right:0;
  			bottom:0;
  			left:-60%;
  			overflow:hidden;
  			width:60%;
  			transition:left 1s ease-in-out;
  		}
  		&.js_open {
  			pointer-events:all;
  			.fixation_list__wrapper {
  				transform:translateX(0);
  			}
  			@media print, screen and (max-width: 1023px) {
  				left:40%;
  				z-index:10;
  			}
  		}
  		.fixation_list__wrapper {
  			padding:60px 50px 40px;
  			width:600px;
  			border:#f0f0f0 solid 1px;
  			background:#f9f9f9;
  			transition:0.5s ease;
  			transform:translateX(-100%);

  			@media print, screen and (max-width: 1023px) {
  				padding:70px 50px 50px;
  				width:auto;
  				height:100%;
  				border:none;
  				background:#ffffff;
  				transition:inherit;
  				transform:translateX(0);
  			}

  			ul {
  				display:flex;
  				align-items:stretch;
  				flex-wrap:wrap;
  				justify-content:flex-start;
  				@media print, screen and (max-width: 1023px) {
  					gap:10px;
  				}
  				li {
  					margin:0 0 20px;
  					width:33.3333%;
  					letter-spacing:1px;
  					font-size:12px;

  					@media print, screen and (max-width: 1023px) {
  						margin:0;
  						width:calc(50% - 5px);
  					}
  					span {
  						@media print, screen and (max-width: 1023px) {
  							display:flex;
  							align-items:center;
  							justify-content:flex-start;
  							padding:0 10px;
  							height:40px;
  							border:#f0f0f0 solid 1px;
  						}
  					}
  					label {
  						padding:0 0 0 8px;
  						@media print, screen and (max-width: 1023px) {
  							display:flex;
  							align-items:center;
  							justify-content:flex-start;
  							padding:0 0 0 8px;
  							width:100%;
  							height:40px;
  						}
  					}
  				}
  			}
  			.fixation_list__close {
  				position:absolute;
  				top:15px;
  				right:15px;
  				width:30px;
  				height:30px;
  				cursor:pointer;

  				.line:nth-child(1) {
  					position:absolute;
  					top:50%;
  					left:0;
  					width:100%;
  					height:1px;
  					background:#000000;
  					transform:rotate(45deg);
  					@media print, screen and (max-width: 1023px) {
  						left:10%;
  						width:80%;
  					}
  				}
  				.line:nth-child(2) {
  					position:absolute;
  					top:50%;
  					left:0;
  					width:100%;
  					height:1px;
  					background:#000000;
  					transform:rotate(-45deg);
  					@media print, screen and (max-width: 1023px) {
  						left:10%;
  						width:80%;
  					}
  				}
  			}
  			.fixation_list__btn {
  				display:flex;
  				align-items:center;
  				justify-content:center;
  				margin:10px 0 0;
  				width:100px;
  				height:40px;
  				border:none;
  				border-radius:2px;
  				background:#353535;
  				color:#ffffff;

  				appearance:none;
  				@media print, screen and (max-width: 1023px) {
  					display:none;
  				}
  			}
  		}
  	}






  	.dvCategorySearch {
  		h2 {
  			margin:0 0 20px;
  			font-weight:500;
  			font-size:16px;
  		}
  		.type_name {
  			position:relative;
  			display:block;
  			margin:0 0 40px;
  			padding:0!important;
  			font-weight:500;
  			font-size:14px;
  			&::before {
  				position:absolute;
  				top:50%;
  				right:0;
  				left:0;
  				z-index:1;
  				height:1px;
  				background-color:#f0f0f0;
  				content:"";
  			}
  			span {
  				position:relative;
  				z-index:2;
  				padding:0 20px 0 0;
  				background-color:#ffffff;
  			}
  		}
  		.aside_search {
  			padding:0;

  			input {
  				box-sizing:border-box;
  				padding:10px 40px 10px 0;
  				width:100%;
  				height:50px;
  				outline:0;
  				border-top:none;
  				border-right:none;
  				border-bottom:#f0f0f0 solid 1px;
  				border-left:none;
  				border-radius:0;
  				background-color:#ffffff;
  				color:#464646;
  				font-size:14px;

  				appearance:none;
  				&::placeholder {
  					color:#cbcbcb;
  				}
  				&::-webkit-search-cancel-button {
  					appearance:none;
  					-webkit-appearance:none;
  				}
  				&:-webkit-autofill {
  					box-shadow:0 0 0 1000px rgb(255, 255, 255) inset !important;
  				}
  			}
  		}
  		.brand_select {
  			margin:0 0 50px;
  			padding:0;
  			.brand_select__btn {
  				display:flex;
  				align-items:center;
  				justify-content:flex-start;
  				margin:0 0 20px;
  				padding:0 20px 0 0 ;
  				height:40px;
  				background-image:url(../../Contents/Common/arrow_small_right_bk.svg);
  				background-position:right 30px top 50%;
  				background-repeat:no-repeat;
  				text-decoration:underline;
  				font-weight:500;
  				font-size:14px;
  				cursor:pointer;
  			}
  		}
  		.brand_now__select {
  			display:none;
  			&.show {
  				display:block;
  				.brand_active {
  					display:flex;
  					align-items:center;
  					justify-content:space-between;
  					margin:10px 0 0 0;
  					padding:0 20px 0 0;
  					height:50px;
  					border-bottom:#f0f0f0 solid 1px;


  					.brand_name {
  						font-size:13px;
  					}
  					.cancel_btn {
  						display:flex;
  						align-items:center;
  						justify-content:center;
  						width:30px;
  						height:30px;
  						border-radius:30px;
  						background-color:#ffffff;
  						cursor:pointer;
  					}
  				}
  			}
  			p {
  				margin:0 0 10px;
  				font-size:12px;
  			}
  		}

  		.fixation_select {
  			position:relative;
  			margin:0 0 50px;
  			padding:0;
  			.fixation_select__btn {
  				display:flex;
  				align-items:center;
  				justify-content:flex-start;
  				margin:0 0 20px;
  				padding:0 20px 0 0 ;
  				height:40px;
  				background-image:url(../../Contents/Common/arrow_small_right_bk.svg);
  				background-position:right 30px top 50%;
  				background-repeat:no-repeat;
  				text-decoration:underline;
  				font-weight:500;
  				font-size:14px;
  				cursor:pointer;
  			}
  		}
  		.fixation_now__select {
  			display:none;
  			&.show {
  				display:block;
  				.fixation_active {
  					display:flex;
  					align-items:center;
  					justify-content:space-between;
  					margin:10px 0 0 0;
  					padding:0 20px 0 0;
  					height:50px;
  					border-bottom:#f0f0f0 solid 1px;


  					.fixation_name {
  						font-size:13px;
  					}
  					.cancel_btn {
  						display:flex;
  						align-items:center;
  						justify-content:center;
  						width:30px;
  						height:30px;
  						border-radius:30px;
  						background-color:#ffffff;
  						cursor:pointer;
  					}
  				}
  			}
  			p {
  				margin:0 0 10px;
  				font-size:12px;
  			}
  		}
  	}
  	.categoryList {
  		margin-bottom:70px;

  		.title {
  		}
  		ul {
  			li {
  				margin:0 0 20px;
  				letter-spacing:1px;
  				font-size:12px;
  				span {
  					display:flex;
  					align-items:center;
  					justify-content:flex-start;

  					gap:5px;
  				}
  			}
  		}
  		&.color {
  			ul {
  				display:flex;
  				align-items:flex-start;
  				flex-wrap:wrap;
  				justify-content:flex-start;




  				li {
  					margin:0 0 20px;
  					width:16.6666%;
  					span {
  						input[type="checkbox"] {
  							display:none;
  							visibility:hidden;
  						}
  						label {
  							position:relative;
  							overflow:hidden;
  							width:20px;
  							height:20px;
  							border-radius:20px;
  							text-indent:-9999px;
  						}
  						input[type="checkbox"]:checked + label {
  							&::before {
  								position:absolute;
  								top:0;
  								left:0;
  								box-sizing:border-box;
  								width:20px;
  								height:20px;
  								border:#ffffff75 solid 4px;
  								border-radius:20px;
  								content:"";
  							}
  						}
  					}
  					&:nth-child(1) {
  						label {
  							background-color:#000000;
  						}
  					}
  					&:nth-child(2) {
  						label {
  							border:#b1b1b1 solid 1px;
  							background-color:#ffffff;
  						}
  						input[type="checkbox"]:checked + label {
  							&::before {
  								top:-1px;
  								left:-1px;
  								border:#bebebe75 solid 4px;
  							}
  						}
  					}
  					&:nth-child(3) {
  						label {
  							background-color:#b4b4b4;
  						}
  					}
  					&:nth-child(4) {
  						label {
  							background-color:#916c60;
  						}
  					}
  					&:nth-child(5) {
  						label {
  							background-color:#f0e2b8;
  						}
  					}
  					&:nth-child(6) {
  						label {
  							background-color:#0065ff;
  						}
  					}
  					&:nth-child(7) {
  						label {
  							background-color:#30a84c;
  						}
  					}
  					&:nth-child(8) {
  						label {
  							background-color:#8500aa;
  						}
  					}
  					&:nth-child(9) {
  						label {
  							background-color:#f9e632;
  						}
  					}
  					&:nth-child(10) {
  						label {
  							background-color:#fb97cf;
  						}
  					}
  					&:nth-child(11) {
  						label {
  							background-color:#f90c48;
  						}
  					}
  					&:nth-child(12) {
  						label {
  							background-color:#ff8b25;
  						}
  					}
  					&:nth-child(13) {
  						label {
  							background:url(../../../Contents/Common/img_gradient_01.jpg) no-repeat center / contain;
  						}
  					}
  					&:nth-child(14) {
  						label {
  							background:url(../../../Contents/Common/img_gradient_02.jpg) no-repeat center / contain;
  						}
  					}
  					&:nth-child(15) {
  						label {
  							background:url(../../../Contents/Common/img_gradient_03.jpg) no-repeat center / contain;
  						}
  					}
  					&:nth-child(16) {
  						label {
  							background:url(../../../Contents/Common/img_gradient_04.jpg) no-repeat center / contain;
  						}
  					}
  					&:nth-child(17) {
  						label {
  							background:url(../../../Contents/Common/img_color_01.jpg) no-repeat center / contain;
  						}
  					}
  				}
  			}
  		}
  		&.price_range {
  			margin-bottom:40px;
  			.range {
  				display:flex;
  				align-items:center;
  				justify-content:space-between;
  				padding:0 50px 0 0;
  				input {
  					width:calc(50% - 10px);
  				}
  			}
  		}
  	}
  	.button {
  		padding:0 50px 0 0;


  		.btn-sort-search {
  			display:flex;
  			align-items:center;
  			justify-content:center;
  			margin:10px 0 0;
  			width:100%;
  			height:50px;
  			border:none;
  			border-radius:2px;
  			background:#353535;
  			color:#ffffff;

  			appearance:none;
  			;
  		}
  	}
  }*/
}
@media print, screen and (max-width: 1439px) {
  #product_list {
    padding: 189px 0 0;
    width: calc(100% - 300px);
  }
}
@media print, screen and (max-width: 1279px) {
  #product_list {
    padding: 160px 0 0;
    width: calc(100% - 260px);
    background-image: repeating-linear-gradient(to right, #f0f0f0 0, #f0f0f0 1px, transparent 1px, transparent 33.33333%);
  }
}
@media print, screen and (max-width: 1023px) {
  #product_list {
    padding: 200px 0 0;
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  #product_list {
    padding: 142px 0 0;
    background-image: repeating-linear-gradient(to right, #f0f0f0 0, #f0f0f0 1px, transparent 1px, transparent 50%);
  }
}
#product_list .product_list__main {
  position: relative;
  padding: 0 0 112px;
  height: 100%;
}
@media print, screen and (max-width: 1439px) {
  #product_list .product_list__main {
    padding: 0 0 80px;
  }
}
#product_list .product_list__main .sort_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0 40px;
  height: 90px;
}
@media print, screen and (max-width: 767px) {
  #product_list .product_list__main .sort_header {
    padding: 0 20px;
    height: 70px;
  }
}
#product_list .product_list__main .sort_header .item_count {
  padding: 0 !important;
  font-size: 16px;
}
#product_list .product_list__main .sort_header .item_count .total {
  margin: 0 auto !important;
}
#product_list .product_list__main .sort_header .item_count .pager {
  display: none;
}
#product_list .product_list__main .sort_header .item_count .now_page_count {
  display: none;
}
#product_list .product_list__main .sort_header #sortBox {
  position: relative;
  z-index: 5;
  padding: 0 !important;
}
#product_list .product_list__main .sort_header #sortBox .box {
  position: relative;
  margin: 0;
}
#product_list .product_list__main .sort_header #sortBox .box .sort_select {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 136px;
}
#product_list .product_list__main .sort_header #sortBox .box .sort_select .sort_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px 0 0;
  height: 40px;
  cursor: pointer;
}
#product_list .product_list__main .sort_header #sortBox .box .sort_select_list {
  position: absolute;
  top: 100%;
  right: 0;
  display: grid;
  margin: 0;
  padding: 0;
  width: 150px;
  transition: grid-template-rows 0.5s ease;
  grid-template-rows: 0fr;
}
#product_list .product_list__main .sort_header #sortBox .box .sort_select_list.on {
  grid-template-rows: 1fr;
}
#product_list .product_list__main .sort_header #sortBox .box .sort_select_list .sort_select_list__hidden {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#product_list .product_list__main .sort_header #sortBox .box .sort_select_list .sort_select_list__hidden ul {
  display: block;
  margin: 0;
  padding: 0;
  border-top: #f0f0f0 solid 1px;
  border-right: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
  background-color: #f7f7f7;
}
#product_list .product_list__main .sort_header #sortBox .box .sort_select_list .sort_select_list__hidden ul li {
  border-bottom: #f0f0f0 solid 1px;
}
#product_list .product_list__main .sort_header #sortBox .box .sort_select_list .sort_select_list__hidden ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  height: 40px;
  font-size: 13px;
}
#product_list .product_list__main .sort_header #sortBox .box .sort_select_list .sort_select_list__hidden ul li span {
  padding: 0 20px;
  height: 40px;
  font-size: 13px;
}
@media print, screen and (max-width: 1023px) {
  #product_list .product_list__main .listProduct .noProduct {
    min-height: calc(100svh - 290px);
  }
}
@media print, screen and (max-width: 767px) {
  #product_list .product_list__main .listProduct .noProduct {
    min-height: calc(100svh - 166px);
  }
}
#product_list .product_list__main .listProduct .heightLineParent {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#product_list .product_list__main .listProduct .heightLineParent .item_card {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 60px 0 80px;
  width: 25%;
  height: auto !important;
}
@media print, screen and (max-width: 1279px) {
  #product_list .product_list__main .listProduct .heightLineParent .item_card {
    width: 33.33333%;
  }
}
@media print, screen and (max-width: 767px) {
  #product_list .product_list__main .listProduct .heightLineParent .item_card {
    width: 50%;
  }
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .soldout {
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 5;
  font-size: 18px;
  line-height: 0.9em;
  writing-mode: vertical-rl;
}
@media print, screen and (max-width: 1579px) {
  #product_list .product_list__main .listProduct .heightLineParent .item_card .soldout {
    font-size: 16px;
  }
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .product_icon-item {
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 5;
  display: none;
  font-size: 18px;
  line-height: 0.9em;
  writing-mode: vertical-rl;
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .product_icon-item:first-of-type {
  display: block;
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .thumb {
  position: relative;
  overflow: hidden;
  margin: 0 auto 40px;
  padding: 0 40px;
  max-width: 340px;
  line-height: 0;
}
@media print, screen and (max-width: 767px) {
  #product_list .product_list__main .listProduct .heightLineParent .item_card .thumb {
    margin: 0 auto 30px;
    padding: 0 20px;
  }
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .thumb .soldout_mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 1px;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.83);
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .thumb a {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1.1;
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media print, screen and (max-width: 1023px) {
  #product_list .product_list__main .listProduct .heightLineParent .item_card .thumb img {
    width: 110%;
    height: 110%;
  }
}
@media print, screen and (max-width: 599px) {
  #product_list .product_list__main .listProduct .heightLineParent .item_card .thumb img {
    width: 110%;
    height: 110%;
  }
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .caption {
  margin: 0;
  padding: 0 60px;
}
@media print, screen and (max-width: 1599px) {
  #product_list .product_list__main .listProduct .heightLineParent .item_card .caption {
    padding: 0 40px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_list .product_list__main .listProduct .heightLineParent .item_card .caption {
    padding: 0 20px;
  }
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .caption .name {
  margin: 0 0 5px;
  text-align: center;
  word-break: break-word;
  font-weight: 600;
  font-size: 14px;
  font-family: "Barlow Semi Condensed", sans-serif;
  line-height: 1.8em;
}
@media print, screen and (max-width: 767px) {
  #product_list .product_list__main .listProduct .heightLineParent .item_card .caption .name {
    font-size: 13px;
  }
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .caption p.pid {
  margin: 0 0 15px;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-family: "Barlow Semi Condensed", sans-serif;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1179px) {
  #product_list .product_list__main .listProduct .heightLineParent .item_card .caption p.pid {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_list .product_list__main .listProduct .heightLineParent .item_card .caption p.pid {
    font-size: 16px;
  }
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .caption .price {
  /*position:absolute;
  right:60px;
  bottom:50px;
  left:60px;*/
}
#product_list .product_list__main .listProduct .heightLineParent .item_card .caption .price p {
  text-align: center;
  font-size: 16px;
}
#product_list .product_list__main .product_pager {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 1px;
  padding: 0;
  height: 112px;
  border-top: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  background: #ffffff;
}
@media print, screen and (max-width: 1439px) {
  #product_list .product_list__main .product_pager {
    height: 80px;
  }
}
#product_list .product_list__main .product_pager .total {
  display: none;
}
#product_list .product_list__main .product_pager .pager {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 112px;
  border-bottom: none;
  gap: 30px;
}
@media print, screen and (max-width: 1439px) {
  #product_list .product_list__main .product_pager .pager {
    height: 80px;
  }
}
@media print, screen and (max-width: 1023px) {
  #product_list .product_list__main .product_pager .pager {
    gap: 20px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_list .product_list__main .product_pager .pager {
    gap: 5px;
  }
}
#product_list .product_list__main .product_pager .pager .prev {
  position: relative;
  overflow: hidden;
  margin: 0 auto 0 0;
  width: 25%;
  height: 112px;
  border-right: #f0f0f0 solid 1px;
  text-indent: -9999px;
}
@media print, screen and (max-width: 1439px) {
  #product_list .product_list__main .product_pager .pager .prev {
    height: 80px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_list .product_list__main .product_pager .pager .prev {
    width: 60px;
  }
}
#product_list .product_list__main .product_pager .pager .prev::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: url(../../../Contents/Common/arrow_slider_left.svg);
  background-position: center center;
  background-size: 10px auto;
  background-repeat: no-repeat;
  content: "";
  opacity: 0.1;
}
#product_list .product_list__main .product_pager .pager .prev a {
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  height: 112px;
  background-image: url(../../../Contents/Common/arrow_slider_left.svg);
  background-position: center center;
  background-size: 10px auto;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1439px) {
  #product_list .product_list__main .product_pager .pager .prev a {
    height: 80px;
  }
}
#product_list .product_list__main .product_pager .pager .next {
  position: relative;
  overflow: hidden;
  margin: 0 0 0 auto;
  width: 25%;
  height: 112px;
  border-left: #f0f0f0 solid 1px;
  text-indent: -9999px;
}
@media print, screen and (max-width: 1439px) {
  #product_list .product_list__main .product_pager .pager .next {
    height: 80px;
  }
}
@media print, screen and (max-width: 767px) {
  #product_list .product_list__main .product_pager .pager .next {
    width: 60px;
  }
}
#product_list .product_list__main .product_pager .pager .next::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: url(../../../Contents/Common/arrow_slider_right.svg);
  background-position: center center;
  background-size: 10px auto;
  background-repeat: no-repeat;
  content: "";
  opacity: 0.1;
}
#product_list .product_list__main .product_pager .pager .next a {
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  height: 112px;
  background-image: url(../../../Contents/Common/arrow_slider_right.svg);
  background-position: center center;
  background-size: 10px auto;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1439px) {
  #product_list .product_list__main .product_pager .pager .next a {
    height: 80px;
  }
}
#product_list .product_list__main .product_pager span {
  border: none;
  background-color: transparent;
  font-weight: 600;
  font-size: 26px;
}
#product_list .product_list__main .product_pager a {
  border: none;
  background-color: transparent;
  color: #a9a9a9;
  font-weight: 600;
  font-size: 26px;
}

.product_list__bottom {
  padding: 110px 0 0 80px;
}
@media print, screen and (max-width: 1279px) {
  .product_list__bottom {
    padding: 110px 0 0 60px;
  }
}
@media print, screen and (max-width: 1023px) {
  .product_list__bottom {
    padding: 110px 50px 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  .product_list__bottom {
    padding: 60px 30px 0 30px;
  }
}

#store {
  margin: 0 0 0 1px;
  padding: 0;
  background: #ffffff;
}
@media print, screen and (max-width: 767px) {
  #store {
    margin: 0 -30px;
  }
}
#store .stores_header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 80px 50px 50px;
}
@media print, screen and (max-width: 1279px) {
  #store .stores_header {
    padding: 80px 40px 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  #store .stores_header {
    padding: 60px 40px 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #store .stores_header {
    display: block;
    padding: 50px 30px 20px;
  }
}
#store .stores_header .title {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
@media print, screen and (max-width: 1023px) {
  #store .stores_header .title {
    flex-direction: column;
  }
}
@media print, screen and (max-width: 767px) {
  #store .stores_header .title {
    margin: 0 0 50px;
    width: 100%;
  }
}
#store .stores_header .title .en {
  margin: 0;
  padding: 0;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 48px;
}
@media print, screen and (max-width: 767px) {
  #store .stores_header .title .en {
    font-size: 38px;
  }
}
#store .stores_header .title h1 {
  margin: 0;
  padding: 0 0 0 30px;
  font-weight: 500;
  font-size: 15px;
}
@media print, screen and (max-width: 1023px) {
  #store .stores_header .title h1 {
    padding: 14px 0 0;
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  #store .stores_header .tags {
    margin: 0 -30px;
    padding: 0 30px;
    border-bottom: #f0f0f0 solid 1px;
  }
}
#store .stores_header .tags ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media print, screen and (max-width: 767px) {
  #store .stores_header .tags ul {
    justify-content: space-between;
  }
}
#store .stores_header .tags ul li {
  margin: 0;
  padding: 0 0 0 40px;
}
@media print, screen and (max-width: 1023px) {
  #store .stores_header .tags ul li {
    padding: 0 0 0 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #store .stores_header .tags ul li {
    padding: 0;
  }
}
@media print, screen and (max-width: 767px) {
  #store .stores_header .tags ul li a {
    display: block;
    height: 30px;
  }
}
#store #dvRealShopContents {
  padding: 0;
  border: none;
}
#store #dvRealShopContents .area_name {
  padding: 0 50px;
  font-size: 24px;
}
@media print, screen and (max-width: 1279px) {
  #store #dvRealShopContents .area_name {
    padding: 0 40px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 767px) {
  #store #dvRealShopContents .area_name {
    padding: 0 30px;
    font-size: 18px;
  }
}
#store #dvRealShopContents .brand_line {
  margin: 0 0 50px;
}
#store #dvRealShopContents ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 40px 0 -1px !important;
  border-top: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #store #dvRealShopContents ul {
    margin: 30px 0 -1px !important;
  }
}
@media print, screen and (max-width: 767px) {
  #store #dvRealShopContents ul {
    margin: 20px 0 -1px !important;
  }
}
#store #dvRealShopContents ul li {
  margin: 0;
  padding: 0;
  width: 25%;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1579px) {
  #store #dvRealShopContents ul li {
    width: 33.33333%;
  }
}
@media print, screen and (max-width: 1023px) {
  #store #dvRealShopContents ul li {
    width: 50%;
  }
}
@media print, screen and (max-width: 599px) {
  #store #dvRealShopContents ul li {
    width: 100%;
    border-right: none;
  }
}
#store #dvRealShopContents ul li:nth-child(4n) {
  border-right: none;
}
@media print, screen and (max-width: 1579px) {
  #store #dvRealShopContents ul li:nth-child(4n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1579px) {
  #store #dvRealShopContents ul li:nth-child(3n) {
    border-right: none;
  }
}
@media print, screen and (max-width: 1023px) {
  #store #dvRealShopContents ul li:nth-child(3n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1023px) {
  #store #dvRealShopContents ul li:nth-child(2n) {
    border-right: none;
  }
}
#store #dvRealShopContents ul li a {
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 50px !important;
  height: 100%;
}
@media print, screen and (max-width: 1279px) {
  #store #dvRealShopContents ul li a {
    padding: 40px !important;
  }
}
@media print, screen and (max-width: 599px) {
  #store #dvRealShopContents ul li a {
    padding: 40px 30px !important;
  }
}
#store #dvRealShopContents ul li a .shop_thumb {
  margin: 0;
  padding: 0;
  line-height: 0;
  aspect-ratio: 4/3;
}
#store #dvRealShopContents ul li a .shop_thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#store #dvRealShopContents ul li a .caption {
  padding: 30px 0 0;
}
#store #dvRealShopContents ul li a .caption .realShopName {
  margin: 0 0 15px;
  font-weight: 500;
  font-size: 16px;
}
#store #dvRealShopContents ul li a .caption p {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 2em;
}

#store_detail {
  margin: 0 0 0 1px;
  padding: 0;
  background: #ffffff;
}
@media print, screen and (max-width: 767px) {
  #store_detail {
    margin: 0 -30px;
  }
}
#store_detail #dvRealShopContents {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 !important;
  border: none;
}
@media print, screen and (max-width: 1179px) {
  #store_detail #dvRealShopContents {
    flex-direction: column;
  }
}
#store_detail #dvRealShopContents .shopDetail {
  margin: 0;
  padding: 80px 80px 0;
  width: 50%;
}
@media print, screen and (max-width: 1279px) {
  #store_detail #dvRealShopContents .shopDetail {
    padding: 80px 50px 0;
  }
}
@media print, screen and (max-width: 1179px) {
  #store_detail #dvRealShopContents .shopDetail {
    width: 100%;
  }
}
@media print, screen and (max-width: 1023px) {
  #store_detail #dvRealShopContents .shopDetail {
    padding: 60px 50px 0;
  }
}
@media print, screen and (max-width: 767px) {
  #store_detail #dvRealShopContents .shopDetail {
    padding: 50px 30px 0;
  }
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .header {
  padding: 0 0 50px;
}
@media print, screen and (max-width: 1279px) {
  #store_detail #dvRealShopContents .shopDetail .shopInformation .header {
    padding: 0 0 30px;
  }
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .header .title {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
@media print, screen and (max-width: 1439px) {
  #store_detail #dvRealShopContents .shopDetail .shopInformation .header .title {
    flex-direction: column;
  }
}
@media print, screen and (max-width: 767px) {
  #store_detail #dvRealShopContents .shopDetail .shopInformation .header .title {
    justify-content: space-between;
    width: 100%;
  }
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .header .title .en {
  margin: 0;
  padding: 0;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 48px;
}
@media print, screen and (max-width: 767px) {
  #store_detail #dvRealShopContents .shopDetail .shopInformation .header .title .en {
    font-size: 38px;
  }
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .header .title h1 {
  margin: 0;
  padding: 0 0 0 30px;
  font-weight: 500;
  font-size: 15px;
}
@media print, screen and (max-width: 1439px) {
  #store_detail #dvRealShopContents .shopDetail .shopInformation .header .title h1 {
    padding: 40px 0 0;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 767px) {
  #store_detail #dvRealShopContents .shopDetail .shopInformation .header .title h1 {
    padding: 30px 0 0;
  }
}
#store_detail #dvRealShopContents .shopDetail .shopInformation p.read {
  margin: 0 0 40px;
  padding: 0;
  text-align: justify;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #store_detail #dvRealShopContents .shopDetail .shopInformation p.read {
    margin: 0 0 30px;
  }
}
#store_detail #dvRealShopContents .shopDetail .shopInformation p.address {
  margin: 0;
  padding: 0;
  text-align: justify;
  line-height: 2em;
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .content dl {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 40px;
  font-size: 14px;
  line-height: 2em;
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .content dl dt {
  margin: 0;
  padding: 0;
  width: 70px;
  line-height: 2em;
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .content dl dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 70px);
  line-height: 2em;
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .content dl dd pre {
  font-weight: 500;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
  line-height: 2em;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .content .access {
  position: relative;
  margin: 0 -80px 0 -80px;
  padding: 40px 50px 80px 80px;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 1279px) {
  #store_detail #dvRealShopContents .shopDetail .shopInformation .content .access {
    margin: 0 -50px;
    padding: 40px 50px 80px;
  }
}
@media print, screen and (max-width: 767px) {
  #store_detail #dvRealShopContents .shopDetail .shopInformation .content .access {
    margin: 0 -30px;
    padding: 40px 30px 60px;
  }
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .content .access h3 {
  position: absolute;
  top: -7px;
  right: 0;
  left: 0;
  padding: 0 0 0 70px;
}
@media print, screen and (max-width: 1279px) {
  #store_detail #dvRealShopContents .shopDetail .shopInformation .content .access h3 {
    padding: 0 0 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #store_detail #dvRealShopContents .shopDetail .shopInformation .content .access h3 {
    padding: 0 0 0 30px;
  }
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .content .access h3::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 1px;
  background-color: #f0f0f0;
  content: "";
}
#store_detail #dvRealShopContents .shopDetail .shopInformation .content .access h3 span {
  position: relative;
  z-index: 3;
  padding: 0 10px;
  background-color: #ffffff;
  font-size: 14px;
}
#store_detail #dvRealShopContents .shopDetail a.back {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 -80px;
  width: 224px;
  height: 50px;
  border-top: #f0f0f0 solid 1px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #store_detail #dvRealShopContents .shopDetail a.back {
    margin: 0 0 0 -50px;
    width: 174px;
  }
}
@media print, screen and (max-width: 767px) {
  #store_detail #dvRealShopContents .shopDetail a.back {
    margin: 0 0 0 -30px;
    width: 134px;
  }
}
#store_detail #dvRealShopContents .shopDetail a.back i {
  padding: 0 10px 0 0;
}
#store_detail #dvRealShopContents .map {
  padding: 50px 50px 50px 0;
  width: 50%;
}
@media print, screen and (max-width: 1179px) {
  #store_detail #dvRealShopContents .map {
    padding: 0;
    width: 100%;
    height: 350px;
  }
}
#store_detail #dvRealShopContents .map iframe {
  width: 100%;
  height: 100%;
  border: #f0f0f0 solid 1px !important;
}
@media print, screen and (max-width: 1179px) {
  #store_detail #dvRealShopContents .map iframe {
    border: none;
    border-top: #f0f0f0 solid 1px;
  }
}

#repair_select {
  margin: 0 0 0 80px;
  padding: 80px 50px;
  border-left: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #repair_select {
    margin: 0 0 0 60px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_select {
    margin: 0;
    border-left: none;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_select {
    padding: 50px 30px;
  }
}
#repair_select p.copy {
  margin: 0;
  padding: 0;
  font-size: 18px;
}
@media print, screen and (max-width: 767px) {
  #repair_select p.copy {
    font-size: 15px;
  }
}
#repair_select h1 {
  margin: 0 0 60px;
  padding: 0;
  letter-spacing: 4px;
  font-weight: 600;
  font-size: 32px;
  line-height: 2em;
}
@media print, screen and (max-width: 1279px) {
  #repair_select h1 {
    letter-spacing: 2px;
    font-size: 28px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_select h1 {
    margin: 0 0 30px;
    font-size: 24px;
  }
}
#repair_select .repair_type {
  margin: 0 -50px;
  padding: 80px 50px;
  border-top: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #repair_select .repair_type {
    margin: 0 -30px;
    padding: 50px 30px;
  }
}
#repair_select .repair_type p {
  margin: 0 0 50px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
}
@media print, screen and (max-width: 1023px) {
  #repair_select .repair_type p {
    font-size: 16px;
  }
}
#repair_select .repair_type ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media print, screen and (max-width: 767px) {
  #repair_select .repair_type ul {
    flex-direction: column;
  }
}
#repair_select .repair_type ul li {
  max-width: 340px;
  width: calc(50% - 6px);
}
@media print, screen and (max-width: 767px) {
  #repair_select .repair_type ul li {
    max-width: 500px;
    width: 100%;
  }
}
#repair_select .repair_type ul li input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  border: none;
  border-radius: 3px;
  background-color: #4e4e4e;
  color: #ffffff;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (hover: hover) and (pointer: fine) {
  #repair_select .repair_type ul li input:hover {
    background-color: #e67e0f;
  }
}
@media print, screen and (max-width: 1279px) {
  #repair_select .repair_type ul li input {
    height: 80px;
    font-size: 14px;
  }
}
#repair_select .repair_type ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  border-radius: 3px;
  background-color: #4e4e4e;
  color: #ffffff;
  font-size: 15px;
  line-height: 2em;
  transition: 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  #repair_select .repair_type ul li a:hover {
    background-color: #e67e0f;
  }
}
@media print, screen and (max-width: 1279px) {
  #repair_select .repair_type ul li a {
    height: 80px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_select .repair_type ul li a {
    text-align: center;
  }
}

#repair {
  margin: 0 0 0 1px;
  padding: 0;
  background-color: #ffffff;
}
#repair .formlp-front-section-form {
  position: relative;
  margin: 0 auto;
  padding: 80px 0;
  max-width: 1180px;
  border-right: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1439px) {
  #repair .formlp-front-section-form {
    max-width: inherit;
    border-right: none;
    border-left: none;
  }
}
@media print, screen and (max-width: 767px) {
  #repair .formlp-front-section-form {
    padding: 0;
  }
}
#repair .formlp-front-section-form .repair_info_input {
  margin: 0;
  padding: 0;
  max-width: inherit;
  border-right: none;
  border-left: none;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair {
    margin: -20px -30px 0;
    padding: 0 0 50px;
    background: #ffffff;
  }
}
#repair #CartList_repair.repair_cart.confirm {
  margin-top: -20px;
}
#repair #CartList_repair.repair_cart.confirm p.message {
  margin: 0 0 30px;
  text-align: center;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart.confirm p.message {
    padding: 0 30px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair #CartList_repair.repair_cart.confirm .submit {
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart.confirm .submit {
    padding: 0 30px;
  }
}
#repair #CartList_repair.repair_cart .productList {
  padding: 10px 0 0;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList {
    margin: 0 30px 50px;
    border-top: #f0f0f0 solid 1px;
    border-right: #f0f0f0 solid 1px;
    border-left: #f0f0f0 solid 1px;
  }
}
#repair #CartList_repair.repair_cart .productList .background p.ttl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 10px 0;
  border-bottom: #f0f0f0 solid 1px;
  font-weight: 500;
  font-size: 12px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList .background p.ttl {
    display: none;
  }
}
#repair #CartList_repair.repair_cart .productList .background span {
  display: block;
  box-sizing: border-box;
}
#repair #CartList_repair.repair_cart .productList .background span.ttl_01 {
  padding: 0 0 0 20px;
  width: calc(100% - 420px);
  text-align: justify;
}
@media print, screen and (max-width: 1023px) {
  #repair #CartList_repair.repair_cart .productList .background span.ttl_01 {
    width: calc(100% - 280px);
  }
}
#repair #CartList_repair.repair_cart .productList .background span.ttl_03 {
  width: 140px;
  text-align: center;
}
@media print, screen and (max-width: 1023px) {
  #repair #CartList_repair.repair_cart .productList .background span.ttl_03 {
    display: none;
  }
}
#repair #CartList_repair.repair_cart .productList .background span.ttl_04 {
  width: 140px;
  text-align: center;
}
#repair #CartList_repair.repair_cart .productList .background span.ttl_06 {
  width: 140px;
  text-align: center;
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList .background .product .item_info {
    flex-direction: column;
    padding: 0 0 20px;
  }
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: calc(100% - 420px);
}
@media print, screen and (max-width: 1023px) {
  #repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name {
    width: calc(100% - 280px);
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name {
    flex-direction: column;
    width: 100%;
  }
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name dt {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px;
  width: 120px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name dt {
    margin: 0 auto;
    padding: 40px 0 20px;
    border-right: none;
  }
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name dt img {
  width: 80px;
  height: auto;
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name dd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 26px;
  width: calc(100% - 120px);
}
@media print, screen and (max-width: 1023px) {
  #repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name dd {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name dd {
    padding: 20px;
    width: 100%;
  }
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name dd a {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.8;
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name dd .price {
  display: none;
}
@media print, screen and (max-width: 1023px) {
  #repair #CartList_repair.repair_cart .productList .background .product .item_info dl.name dd .price {
    display: block;
    padding: 5px 0 0;
    font-weight: 500;
    font-size: 12px;
  }
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info p {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0 20px;
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info p.price {
  width: 140px;
}
@media print, screen and (max-width: 1023px) {
  #repair #CartList_repair.repair_cart .productList .background .product .item_info p.price {
    display: none;
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList .background .product .item_info p.price {
    display: block;
    padding: 0 20px 30px;
    width: 100%;
    font-weight: 500;
    font-size: 12px;
  }
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info p.quantity {
  width: 140px;
  height: 100%;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList .background .product .item_info p.quantity {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 20px 10px;
    padding: 0 0 10px;
    width: auto;
    border-bottom: #f0f0f0 solid 1px;
  }
  #repair #CartList_repair.repair_cart .productList .background .product .item_info p.quantity::before {
    content: "数量";
    font-size: 11px;
  }
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info p.quantity input {
  width: 50px;
  height: 30px;
  border: #f0f0f0 solid 1px;
  border-radius: 0;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info p.subtotal {
  width: 140px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList .background .product .item_info p.subtotal {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 20px 10px;
    padding: 0;
    width: auto;
  }
  #repair #CartList_repair.repair_cart .productList .background .product .item_info p.subtotal::before {
    content: "小計";
    font-size: 11px;
  }
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info p.delete {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info p.delete a {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info p.delete a::before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(45deg);
}
#repair #CartList_repair.repair_cart .productList .background .product .item_info p.delete a::after {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 10px;
  height: 1px;
  background-color: #000000;
  content: "";
  transform: rotate(-45deg);
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder {
  margin: 0;
  padding: 0;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-top: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder {
    flex-direction: column;
  }
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .priceList {
  box-sizing: border-box;
  margin: 0 0 0 auto;
  padding: 50px;
  width: 400px;
  border-left: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .priceList {
    margin: 0;
    padding: 30px 20px;
    width: 100%;
    border-top: #f0f0f0 solid 1px;
    border-left: none;
  }
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .priceList .priceList_box dl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: #e8e8e8 solid 1px;
  font-weight: 500;
  font-size: 13px;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .priceList .priceList_box dl dt {
  width: 200px;
  line-height: 1.5em;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .priceList .priceList_box dl dd {
  width: calc(100% - 200px);
  text-align: right;
  line-height: 1.5em;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .priceList .priceList_box dl.result {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  border-bottom: none;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .priceList .priceList_box dl.result dt {
  padding: 0 30px 0 0;
  width: auto;
  font-weight: 500;
  font-size: 13px;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .priceList .priceList_box dl.result dd {
  width: auto;
  font-size: 20px;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox {
  box-sizing: border-box;
  padding: 50px;
  max-width: 500px;
  width: 100%;
}
@media print, screen and (max-width: 1439px) {
  #repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox {
    padding: 30px;
    width: calc(100% - 359px);
  }
}
@media print, screen and (max-width: 1023px) {
  #repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox {
    padding: 30px;
    width: calc(100% - 319px);
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox {
    padding: 30px 20px;
    width: 100%;
  }
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox .cp_box {
  display: block;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox .cp_box a {
  display: none;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 50px;
  background-color: #353535;
  color: #aaaaaa;
  font-weight: 500;
  font-size: 13px;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox .cp_box .cp_select {
  width: 100%;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox .cp_box .cp_select select {
  box-sizing: border-box;
  padding: 0 50px 0 10px;
  width: 100%;
  height: 50px;
  border: #f0f0f0 solid 1px;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox .cp_box dl {
  display: block;
  width: 100%;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox .cp_box dl dt {
  float: none;
  margin: 0;
  padding: 0;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox .cp_box dl dd {
  float: none;
  width: 100%;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .couponBox .cp_box dl dd input {
  box-sizing: border-box;
  padding: 0 10px;
  width: 100% !important;
  height: 50px !important;
  border: #f0f0f0 solid 1px;
  border-radius: 0;
  text-align: left !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .box h4 {
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 13px;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .box h4::before {
  content: "■ ";
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .box .boxbtm dl {
  display: block;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .box .boxbtm dl dt {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: justify;
  font-size: 13px;
  line-height: 1.8em;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .box .boxbtm dl dd {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 20px 0 0;
  width: 100%;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .box .boxbtm dl dd input {
  width: 80px;
  height: 30px;
  border: #f0f0f0 solid 1px;
  border-radius: 0;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .box table {
  margin: 0 0 20px;
  padding: 0;
  border-collapse: collapse;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .box table td {
  margin: 0;
  padding: 0 20px 0 0;
}
#repair #CartList_repair.repair_cart .productList .background .cartOrder .subcartOrder .box table td label {
  padding: 0 0 0 5px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .submit {
    padding: 0 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair.repair_cart .submit a.next {
    width: calc(100% - 140px);
  }
}
#repair #CartList_repair .main {
  margin: 0 0 50px;
  width: auto !important;
  border-bottom: #f0f0f0 solid 1px;
}
#repair #CartList_repair .main .submain {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: auto !important;
  background: initial;
}
@media print, screen and (max-width: 1179px) {
  #repair #CartList_repair .main .submain {
    flex-direction: column;
  }
}
#repair #CartList_repair .main .submain h2 {
  margin: 0 0 40px;
  padding: 0;
  font-weight: 500;
  font-size: 18px;
}
#repair #CartList_repair .main .submain h3 {
  margin: 0 0 50px;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
}
#repair #CartList_repair .main .submain p {
  margin: 0 0 30px;
  padding: 0;
  text-align: justify;
  font-size: 14px;
  line-height: 2em;
}
#repair #CartList_repair .main .submain .columnLeft {
  padding: 50px;
  width: 50% !important;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1179px) {
  #repair #CartList_repair .main .submain .columnLeft {
    padding: 50px 50px 20px;
    width: 100% !important;
    border-right: none;
    border-bottom: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft {
    margin-top: -1px;
    padding: 50px 30px 20px;
    border-top: #f0f0f0 solid 1px;
  }
}
#repair #CartList_repair .main .submain .columnLeft .column {
  float: none;
  width: auto !important;
}
#repair #CartList_repair .main .submain .columnLeft .userBox dl dt {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
#repair #CartList_repair .main .submain .columnLeft .userBox dl dd {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 20px;
  padding: 0;
}
#repair #CartList_repair .main .submain .columnLeft .userBox dl dd.input_align {
  margin: 20px 0 40px;
}
#repair #CartList_repair .main .submain .columnLeft .userBox dl dd .post_code {
  justify-content: flex-start;
}
#repair #CartList_repair .main .submain .columnLeft .userBox dl dd .pref {
  margin: 0 auto 10px 0;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft .userBox dl dd .pref {
    width: 100%;
  }
  #repair #CartList_repair .main .submain .columnLeft .userBox dl dd .pref select {
    width: 100%;
  }
}
#repair #CartList_repair .main .submain .columnLeft .orderBox .box {
  position: relative;
  padding: 40px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft .orderBox .box {
    padding: 40px 20px;
  }
}
#repair #CartList_repair .main .submain .columnLeft .orderBox .box.last {
  padding: 40px 40px 10px;
  border-bottom: none;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft .orderBox .box.last {
    padding: 40px 20px 0;
  }
}
#repair #CartList_repair .main .submain .columnLeft .orderBox .box em {
  display: block;
  margin: 0 0 50px;
  font-weight: 700;
  font-style: normal;
}
#repair #CartList_repair .main .submain .columnLeft .orderBox .box em::before {
  content: "■ ";
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft .orderBox .box em {
    margin: 0 0 30px;
  }
}
#repair #CartList_repair .main .submain .columnLeft .orderBox .box dl {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 13px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft .orderBox .box dl {
    display: block;
  }
}
#repair #CartList_repair .main .submain .columnLeft .orderBox .box dl dt {
  margin: 0 0 20px;
  padding: 0 0 20px;
  width: 140px;
  border-bottom: #f0f0f0 solid 1px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft .orderBox .box dl dt {
    margin: 0 0 10px;
    padding: 0;
    width: auto;
    border-bottom: none;
    font-weight: 700;
    font-size: 11px;
  }
}
#repair #CartList_repair .main .submain .columnLeft .orderBox .box dl dt.end {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft .orderBox .box dl dt.end {
    margin: 0 0 10px;
  }
}
#repair #CartList_repair .main .submain .columnLeft .orderBox .box dl dd {
  box-sizing: border-box;
  margin: 0 0 20px;
  padding: 0 0 20px 10px;
  width: calc(100% - 140px);
  border-bottom: #f0f0f0 solid 1px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft .orderBox .box dl dd {
    padding: 0 0 20px;
    width: 100%;
  }
}
#repair #CartList_repair .main .submain .columnLeft .orderBox .box dl dd.end {
  margin: 0;
  padding: 0 0 0 10px;
  border-bottom: none;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft .orderBox .box dl dd.end {
    padding: 0;
  }
}
#repair #CartList_repair .main .submain .columnLeft .orderBox .box .btn_change {
  position: absolute;
  top: 20px;
  right: 30px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft .orderBox .box .btn_change {
    right: 20px;
  }
}
#repair #CartList_repair .main .submain .columnLeft .orderBox .box .btn_change a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 90px;
  height: 40px;
  border: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnLeft .orderBox .box .btn_change a {
    width: 70px;
  }
}
#repair #CartList_repair .main .submain .columnRight {
  margin-bottom: 0;
  padding: 50px;
  width: 50% !important;
}
@media print, screen and (max-width: 1179px) {
  #repair #CartList_repair .main .submain .columnRight {
    padding: 50px 50px 20px;
    width: 100% !important;
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .columnRight {
    padding: 50px 30px 20px;
  }
}
#repair #CartList_repair .main .submain .columnRight .column {
  float: none;
  width: auto !important;
}
#repair #CartList_repair .main .submain .shoppingCart {
  float: none;
  box-sizing: border-box;
  padding: 0;
  width: 50%;
}
@media print, screen and (max-width: 1179px) {
  #repair #CartList_repair .main .submain .shoppingCart {
    margin: -1px 0 0;
    width: 100%;
    border-top: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .shoppingCart {
    margin: 50px 30px 20px;
    width: auto;
    border-top: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .shoppingCart .subCartList {
    margin: 0 0 20px;
    border-right: #f0f0f0 solid 1px;
    border-left: #f0f0f0 solid 1px;
  }
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: 50px;
  border-bottom: #f0f0f0 solid 1px;
  font-weight: 500;
  font-size: 14px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList h3 a {
  text-decoration: underline;
  font-size: 12px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList h3 a i {
  padding: 0 10px 0 0;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .singleProduct {
  border-bottom: #f0f0f0 solid 1px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .singleProduct dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .singleProduct dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px;
  width: 150px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .shoppingCart .subCartList .block .singleProduct dl dt {
    padding: 10px;
    width: 100px;
  }
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .singleProduct dl dt img {
  width: 100%;
  height: auto;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .singleProduct dl dd {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px;
  width: calc(100% - 150px);
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .shoppingCart .subCartList .block .singleProduct dl dd {
    width: calc(100% - 100px);
  }
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .singleProduct dl dd p {
  margin: 0;
  padding: 0;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .multiProduct {
  border-bottom: #f0f0f0 solid 1px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .multiProduct dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .multiProduct dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px;
  width: 150px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .shoppingCart .subCartList .block .multiProduct dl dt {
    padding: 10px;
    width: 100px;
  }
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .multiProduct dl dt img {
  width: 100%;
  height: auto;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .multiProduct dl dd {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding: 20px;
  width: calc(100% - 150px);
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .shoppingCart .subCartList .block .multiProduct dl dd {
    width: calc(100% - 100px);
  }
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .multiProduct dl dd p {
  margin: 0;
  padding: 0;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info {
  position: relative;
  padding: 40px;
  border-bottom: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
@media print, screen and (max-width: 1279px) {
  #repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info {
    margin: 0 0 0 auto;
    width: 50%;
    border-bottom: none;
    border-left: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info {
    margin: 0;
    width: 100%;
    border-left: none;
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info {
    padding: 30px 20px;
  }
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .pointBox {
  margin: 0 0 10px;
  padding: 0;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .pointBox a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 40px;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .pointBox .box {
  box-sizing: border-box;
  padding: 20px;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .pointBox .box h4 {
  margin: 0 0 20px;
  font-size: 14px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .pointBox .box h4::before {
  content: "■ ";
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .pointBox .box dl dt {
  float: none;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  font-size: 12px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .pointBox .box dl dd {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .couponBox {
  margin: 0 0 30px;
  padding: 0;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .couponBox a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 40px;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box {
  box-sizing: border-box;
  padding: 20px;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box h4 {
  margin: 0 0 20px;
  font-size: 14px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box h4::before {
  content: "■ ";
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box .cp_radio {
  margin: 0 0 10px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box select {
  box-sizing: border-box;
  width: 100%;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box .boxbtm a {
  justify-content: center;
  margin: 10px 0 0;
  width: 140px;
  border: none;
  background-color: #353535;
  color: #ffffff;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box dl dt {
  float: none;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  font-size: 12px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .couponBox .box dl dd {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .priceList {
  width: 100%;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .priceList dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: #f0f0f0 solid 1px;
  font-weight: 500;
  font-size: 13px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .priceList dl dd {
  text-align: right;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .btn_change {
  position: absolute;
  top: 20px;
  right: 30px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block .price_info .btn_change a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 90px;
  height: 40px;
  border: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block dl.result {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 0;
  padding: 20px 40px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #repair #CartList_repair .main .submain .shoppingCart .subCartList .block dl.result {
    border-top: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .shoppingCart .subCartList .block dl.result {
    padding: 20px;
  }
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block dl.result dt {
  font-weight: 500;
  font-size: 13px;
}
#repair #CartList_repair .main .submain .shoppingCart .subCartList .block dl.result dd {
  font-weight: 600;
  font-size: 16px;
}
#repair #CartList_repair .main .submain .shoppingCart .sumBox {
  margin: 0 0 -1px;
  padding: 40px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .shoppingCart .sumBox {
    padding: 30px 20px;
    border-bottom: none;
  }
}
#repair #CartList_repair .main .submain .shoppingCart .sumBox dl {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
#repair #CartList_repair .main .submain .shoppingCart .sumBox dl::after {
  display: none;
}
#repair #CartList_repair .main .submain .shoppingCart .sumBox dl dt {
  font-weight: 500;
  font-weight: 600;
  font-size: 15px;
}
#repair #CartList_repair .main .submain .shoppingCart .sumBox dl dd {
  font-weight: 600;
  font-size: 24px;
}
#repair #CartList_repair .main .submain .orderBox {
  margin: 0 0 30px;
  padding: 0 0 30px;
  border: #f0f0f0 solid 1px;
}
#repair #CartList_repair .main .submain .orderBox.payment_select {
  margin: 0 0 30px;
  padding: 0;
}
#repair #CartList_repair .main .submain .orderBox h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0 30px;
  height: 50px;
  border-bottom: #f0f0f0 solid 1px;
  font-weight: 500;
  font-size: 14px;
}
#repair #CartList_repair .main .submain .orderBox .bottom .list {
  padding: 0;
}
#repair #CartList_repair .main .submain .orderBox .userList {
  padding: 30px 30px 0;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .orderBox .userList {
    padding: 30px 20px 0;
  }
}
#repair #CartList_repair .main .submain .orderBox .userList .err {
  padding: 0;
  text-align: justify;
  font-size: 13px;
  line-height: 1.8em;
}
#repair #CartList_repair .main .submain .orderBox .userList p {
  margin: 0 0 10px;
  font-size: 13px;
}
#repair #CartList_repair .main .submain .orderBox .userList select {
  width: 100%;
}
#repair #CartList_repair .main .submain .orderBox .userList dl.delive {
  margin: 20px 0 0;
}
#repair #CartList_repair .main .submain .orderBox .userList dl dt {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
#repair #CartList_repair .main .submain .orderBox .userList dl dd {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 20px;
  padding: 0;
}
#repair #CartList_repair .main .submain .orderBox .userList dl dd .post_code {
  justify-content: flex-start;
}
#repair #CartList_repair .main .submain .orderBox .userList .ex_delive_address {
  margin: 20px 0 0;
  padding: 20px 20px 0;
  border: #f0f0f0 solid 1px;
}
#repair #CartList_repair .main .submain .orderBox .userList .ex_delive_address .err {
  padding: 10px 0 0;
  line-height: 1.8em;
}
#repair #CartList_repair .main .submain .orderBox .userList .ex_delive_address dl dt {
  margin: 0;
  line-height: 1.8em;
}
#repair #CartList_repair .main .submain .orderBox .userList .ex_delive_address dl dt::before {
  content: "■ ";
}
#repair #CartList_repair .main .submain .orderBox .userList .ex_delive_address dl dd {
  line-height: 1.8em;
}
#repair #CartList_repair .main .submain .orderBox dl.list {
  padding: 0;
}
#repair #CartList_repair .main .submain .orderBox dl.list dt {
  margin: -1px 0 0;
  border-top: #f0f0f0 solid 1px;
}
#repair #CartList_repair .main .submain .orderBox dl.list dt span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 0 30px;
  width: 100%;
  height: 60px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .orderBox dl.list dt span {
    padding: 0 20px;
  }
}
#repair #CartList_repair .main .submain .orderBox dl.list dt span.radioBtn label {
  padding: 0 0 0 20px;
}
#repair #CartList_repair .main .submain .orderBox dl.list dd {
  margin: 0;
  padding: 10px 30px 0;
  /*border-top:#f0f0f0 solid 1px;*/
  /*background-color:#f9f9f9;*/
  /*input[type=text], input[type=number], input[type=tel], input[type=email], input[type=password], textarea, select {
  	background-color:#ffffff;
  }*/
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .orderBox dl.list dd {
    padding: 0 20px 0;
  }
}
#repair #CartList_repair .main .submain .orderBox dl.list dd.hidden {
  display: none;
}
#repair #CartList_repair .main .submain .orderBox dl.list dd strong {
  display: inline-block;
  margin: 0 0 10px;
  font-size: 12px;
}
#repair #CartList_repair .main .submain .orderBox dl.list dd p {
  position: relative;
  margin: 0 0 30px;
  padding: 0;
}
#repair #CartList_repair .main .submain .orderBox dl.list dd .fgray {
  margin: 0 0 10px;
  font-size: 11px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .main .submain .orderBox dl.list dd .fgray {
    display: block;
  }
}
#repair #CartList_repair .submit {
  padding: 0 50px;
}
@media print, screen and (max-width: 767px) {
  #repair #CartList_repair .submit {
    padding: 0;
  }
}

.repair_info_input {
  position: relative;
  margin: 0 auto -20px;
  padding: 80px 0;
  max-width: 1080px;
  border-right: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1439px) {
  .repair_info_input {
    max-width: inherit;
    border-right: none;
    border-left: none;
  }
}
@media print, screen and (max-width: 767px) {
  .repair_info_input {
    padding: 0;
  }
}
.repair_info_input .repair_header {
  padding: 0 50px 80px;
}
@media print, screen and (max-width: 1023px) {
  .repair_info_input .repair_header {
    padding: 0 50px 50px;
  }
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_header {
    padding: 50px 30px 30px;
  }
}
.repair_info_input .repair_header h1 {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  margin: 0 0 30px !important;
  padding: 0;
  letter-spacing: 3px;
  font-weight: 600 !important;
  font-size: 26px;
}
@media print, screen and (max-width: 1023px) {
  .repair_info_input .repair_header h1 {
    letter-spacing: 2px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_header h1 {
    flex-direction: column;
  }
}
.repair_info_input .repair_header h1 span {
  padding: 0 0 0 20px;
  letter-spacing: 1px;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_header h1 span {
    padding: 10px 0 0;
  }
}
.repair_info_input .repair_header p.read {
  text-align: justify;
  font-size: 14px;
  line-height: 2em;
}
.repair_info_input .repair_input {
  border-top: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input {
    padding: 0 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input.confirm.confirm {
    margin: 0;
    padding: 0;
  }
}
.repair_info_input .repair_input.confirm dl dd {
  line-height: 2em;
}
.repair_info_input .repair_input.confirm dl dd .photos {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.repair_info_input .repair_input.confirm dl dd .photos img {
  margin: 20px 0 0;
  max-width: 150px;
  width: calc((100% - 30px) / 4);
  height: auto;
}
.repair_info_input .repair_input dl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0;
  padding: 0 50px;
  border-bottom: #f0f0f0 solid 1px;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input dl {
    flex-direction: column;
    padding: 0 30px;
  }
}
.repair_info_input .repair_input dl dt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0;
  min-height: 90px;
  width: 215px;
  height: 100%;
}
@media print, screen and (max-width: 1023px) {
  .repair_info_input .repair_input dl dt {
    width: 145px;
  }
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input dl dt {
    padding: 30px 0 0;
    min-height: inherit;
    width: 100%;
    font-weight: 700;
    font-size: 12px;
  }
  .repair_info_input .repair_input dl dt::before {
    content: "■ ";
  }
}
.repair_info_input .repair_input dl dd {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 20px 0;
  min-height: 90px;
  width: calc(100% - 215px);
  height: 100%;
}
@media print, screen and (max-width: 1023px) {
  .repair_info_input .repair_input dl dd {
    width: calc(100% - 145px);
  }
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input dl dd {
    padding: 20px 0 30px;
    min-height: inherit;
    width: 100%;
  }
}
.repair_info_input .repair_input dl dd.warranty ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.repair_info_input .repair_input dl dd.warranty ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  .repair_info_input .repair_input dl dd.warranty ul li {
    font-size: 13px;
  }
}
.repair_info_input .repair_input dl dd.warranty ul li label {
  padding: 0 0 0 5px;
}
.repair_info_input .repair_input dl dd.condition ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 20px !important;
  width: 100%;
  gap: 15px;
}
.repair_info_input .repair_input dl dd.condition ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: calc((100% - 20px) / 3);
  font-size: 14px;
}
@media print, screen and (max-width: 1279px) {
  .repair_info_input .repair_input dl dd.condition ul li {
    width: calc((100% - 10px) / 2);
  }
}
@media print, screen and (max-width: 1023px) {
  .repair_info_input .repair_input dl dd.condition ul li {
    width: 100%;
    font-size: 13px;
  }
}
.repair_info_input .repair_input dl dd.condition ul li label {
  padding: 0 0 0 5px;
}
.repair_info_input .repair_input dl dd textarea {
  height: 100px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input dl dd select {
    width: 100%;
  }
}
.repair_info_input .repair_input dl dd #dropZone {
  width: 100%;
  font-size: 12px;
  line-height: 2em;
}
.repair_info_input .repair_input dl dd #dropZone #btnUploadImage {
  width: 150px;
  height: 40px;
  border: none;
  border-radius: 2px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.repair_info_input .repair_input dl dd #dropZone #btnClearImage {
  width: 100px;
  height: 40px;
  border: none;
  border-radius: 2px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.repair_info_input .repair_input dl dd #imageContainer {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
}
.repair_info_input .repair_input dl dd #imageContainer img {
  margin: 20px 0 0;
  max-width: 150px;
  width: calc((100% - 30px) / 4);
  height: auto;
}
.repair_info_input .repair_input .term {
  position: relative;
  padding: 50px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .term {
    padding: 50px 30px 0;
  }
}
.repair_info_input .repair_input .term h4 {
  margin: 0 0 20px !important;
  padding: 0;
  font-weight: 700 !important;
  font-size: 14px !important;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .term h4 {
    font-size: 12px;
  }
  .repair_info_input .repair_input .term h4::before {
    content: "■ ";
  }
}
.repair_info_input .repair_input .term .term_box {
  overflow: auto;
  padding: 50px 30px;
  height: 400px;
  border: #f0f0f0 solid 1px;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .term .term_box {
    padding: 40px 20px;
    height: 300px;
  }
}
.repair_info_input .repair_input .term .term_box .term_title {
  margin: 0 0 30px !important;
  text-align: center;
  font-weight: 700 !important;
  font-size: 17px !important;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .term .term_box .term_title {
    text-align: justify;
    font-size: 15px !important;
  }
}
.repair_info_input .repair_input .term .term_box p {
  margin: 0 auto 50px !important;
  padding: 0;
  max-width: 800px;
  text-align: justify;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  .repair_info_input .repair_input .term .term_box p {
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .term .term_box p {
    margin: 0 auto 30px !important;
  }
}
.repair_info_input .repair_input .term .term_box p b {
  display: inline-block;
  padding: 0 0 10px;
  font-weight: 700;
  font-size: 15px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .term .term_box p b {
    font-size: 14px;
  }
}
.repair_info_input .repair_input .term .term_box p a {
  text-decoration: underline;
}
.repair_info_input .repair_input .term .term_box p a.ar {
  padding: 0 0 0 20px;
  background-image: url(../../Contents/Common/arrow_small_right_bk.svg);
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: 500;
}
.repair_info_input .repair_input .term .term_box table {
  margin: -20px auto 50px !important;
  max-width: 800px;
  border-top: 1px solid #eaeaea !important;
  border-right: 1px solid #eaeaea !important;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .term .term_box table {
    display: none;
  }
}
.repair_info_input .repair_input .term .term_box table th {
  padding: 15px 10px;
  width: 25% !important;
  border-bottom: 1px solid #eaeaea !important;
  border-left: 1px solid #eaeaea !important;
  background-color: #f8f8f8 !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 1.8em !important;
}
.repair_info_input .repair_input .term .term_box table td {
  padding: 10px;
  border-bottom: 1px solid #eaeaea !important;
  border-left: 1px solid #eaeaea !important;
  background-color: #ffffff;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 1.8em;
}
.repair_info_input .repair_input .term .term_box table td:first-child {
  text-align: left !important;
}
.repair_info_input .repair_input .term .term_box .sp_table {
  display: none;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .term .term_box .sp_table {
    display: block;
    margin: 0 0 20px;
  }
}
.repair_info_input .repair_input .term .term_box .sp_table span {
  font-weight: 700;
  font-size: 13px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .term .term_box .sp_table table {
    display: table;
    margin: 10px 0 0 !important;
  }
  .repair_info_input .repair_input .term .term_box .sp_table table th {
    padding: 10px 5px !important;
    width: 33.3333% !important;
    font-size: 11px !important;
  }
  .repair_info_input .repair_input .term .term_box .sp_table table td:first-child {
    text-align: center !important;
  }
}
.repair_info_input .repair_input .term .agree {
  position: relative;
  margin: 30px auto 0;
  padding: 20px;
  width: 200px;
  border: #f0f0f0 solid 1px;
  background-color: #fbfbfb;
  text-align: center;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .submit {
    padding: 0 30px;
  }
}
.repair_info_input .repair_input .submit.confirm-button-container {
  margin: 40px 0 0;
  padding: 0 50px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .submit.confirm-button-container {
    padding: 0 30px;
  }
}
@media print, screen and (max-width: 1023px) {
  .repair_info_input .repair_input .submit.confirm-button-container a.next {
    width: calc(100% - 130px);
  }
}
.repair_info_input .repair_input .submit .confirm-button-container_back {
  width: 140px;
}
.repair_info_input .repair_input .submit .confirm-button-container_next {
  width: 226px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input .repair_input .submit .confirm-button-container_next {
    width: calc(100% - 140px);
  }
}
.repair_info_input .repair_input .submit .confirm-button-container_next a.next {
  width: 100%;
}
.repair_info_input.complete {
  border-right: none;
  border-left: none;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input.complete {
    padding: 0 0 50px;
  }
}
.repair_info_input.complete .repair_info_input .repair_header {
  padding: 0 50px 50px;
}
.repair_info_input.complete .repair_complete {
  padding: 0 50px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input.complete .repair_complete {
    padding: 0 30px 0;
  }
}
.repair_info_input.complete .repair_complete p {
  margin: 0 0 20px !important;
  padding: 0;
  text-align: center;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input.complete .repair_complete p {
    text-align: justify;
  }
}
@media print, screen and (max-width: 767px) {
  .repair_info_input.complete .repair_complete p br {
    display: none;
  }
}
.repair_info_input.complete .repair_complete p.read {
  margin: 0 0 50px !important;
  padding: 0;
  text-align: center;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input.complete .repair_complete p.read {
    margin: 0 0 30px !important;
    text-align: justify;
  }
}
@media print, screen and (max-width: 767px) {
  .repair_info_input.complete .repair_complete p.read br {
    display: none;
  }
}
.repair_info_input.complete .repair_complete .repair_id {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 50px;
  padding: 30px;
  width: 280px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input.complete .repair_complete .repair_id {
    margin: 0 auto 30px;
    width: 100%;
  }
}
.repair_info_input.complete .repair_complete .repair_id dl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.repair_info_input.complete .repair_complete .repair_id dl dt {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.repair_info_input.complete .repair_complete .repair_id dl dd {
  margin: 0;
  padding: 0 0 0 20px;
  font-size: 16px;
}
.repair_info_input.complete .repair_complete .submit .next {
  width: 200px;
}
@media print, screen and (max-width: 767px) {
  .repair_info_input.complete .repair_complete .submit .next {
    width: 100%;
  }
}

.dvUserFltContents_title.repair {
  margin: 0 0 15px !important;
}

#repair_list .repair_list__header {
  margin: 0;
  padding: 0 0 15px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #repair_list .repair_list__header {
    display: none;
  }
}
#repair_list .repair_list__header ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  font-size: 12px;
}
@media print, screen and (max-width: 1279px) {
  #repair_list .repair_list__header ul {
    justify-content: flex-end;
  }
}
#repair_list .repair_list__header ul li {
  margin: 0;
  padding: 0;
  width: calc((100% - 400px) / 3);
  text-align: center;
}
@media print, screen and (max-width: 1279px) {
  #repair_list .repair_list__header ul li {
    display: none;
  }
}
#repair_list .repair_list__header ul li:nth-child(4) {
  width: 200px;
}
@media print, screen and (max-width: 1279px) {
  #repair_list .repair_list__header ul li:nth-child(4) {
    display: block;
    width: 150px;
  }
}
#repair_list .repair_list__header ul li:nth-child(5) {
  width: 200px;
}
@media print, screen and (max-width: 1279px) {
  #repair_list .repair_list__header ul li:nth-child(5) {
    display: block;
    width: 150px;
  }
}
#repair_list .repair_list_container .box {
  padding: 0 0 50px;
  border: none;
}
@media print, screen and (max-width: 767px) {
  #repair_list .repair_list_container .box {
    padding: 15px 0 50px;
  }
}
#repair_list .repair_list_container .box ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border-bottom: #f0f0f0 solid 1px;
  font-weight: 500;
}
@media print, screen and (max-width: 767px) {
  #repair_list .repair_list_container .box ul {
    flex-direction: column;
    margin: 0 30px 30px;
    border: #f0f0f0 solid 1px;
  }
}
#repair_list .repair_list_container .box ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 20px;
  min-height: 80px;
  width: calc(100% - 400px);
  text-align: center;
  font-weight: 500 !important;
}
@media print, screen and (max-width: 767px) {
  #repair_list .repair_list_container .box ul li {
    min-height: inherit;
  }
}
#repair_list .repair_list_container .box ul li:first-child {
  padding: 0;
}
@media print, screen and (max-width: 1279px) {
  #repair_list .repair_list_container .box ul li:first-child {
    display: block;
    padding: 20px 0;
    width: calc(100% - 300px);
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_list .repair_list_container .box ul li:first-child {
    width: calc(100% - 260px);
  }
}
@media print, screen and (max-width: 767px) {
  #repair_list .repair_list_container .box ul li:first-child {
    width: 100%;
  }
}
#repair_list .repair_list_container .box ul li:first-child div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  width: 33.3333%;
  height: 100%;
}
@media print, screen and (max-width: 1279px) {
  #repair_list .repair_list_container .box ul li:first-child div {
    align-items: center;
    justify-content: flex-start;
    padding: 0 50px;
    width: 100%;
    height: auto;
    text-align: left;
    line-height: 2em;
    gap: 10px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_list .repair_list_container .box ul li:first-child div {
    padding: 0 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_list .repair_list_container .box ul li:first-child div {
    justify-content: space-between;
    padding: 0 20px;
  }
}
@media print, screen and (max-width: 1279px) {
  #repair_list .repair_list_container .box ul li:first-child div.item01::before {
    width: 80px;
    content: "■ 申込ID";
  }
}
@media print, screen and (max-width: 1279px) {
  #repair_list .repair_list_container .box ul li:first-child div.item02::before {
    width: 80px;
    content: "■ 申込日";
  }
}
@media print, screen and (max-width: 1279px) {
  #repair_list .repair_list_container .box ul li:first-child div.item03::before {
    width: 80px;
    content: "■ 更新日";
  }
}
#repair_list .repair_list_container .box ul li:nth-child(2) {
  width: 200px;
  border-right: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
  font-size: 13px;
}
@media print, screen and (max-width: 1279px) {
  #repair_list .repair_list_container .box ul li:nth-child(2) {
    width: 150px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_list .repair_list_container .box ul li:nth-child(2) {
    width: 130px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_list .repair_list_container .box ul li:nth-child(2) {
    justify-content: space-between;
    padding: 20px;
    width: 100%;
    border-top: #f0f0f0 solid 1px;
    border-right: none;
    border-bottom: #f0f0f0 solid 1px;
    border-left: none;
  }
  #repair_list .repair_list_container .box ul li:nth-child(2)::before {
    content: "■ ステータス";
  }
}
#repair_list .repair_list_container .box ul li:nth-child(3) {
  width: 200px;
}
@media print, screen and (max-width: 1279px) {
  #repair_list .repair_list_container .box ul li:nth-child(3) {
    width: 150px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_list .repair_list_container .box ul li:nth-child(3) {
    width: 130px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_list .repair_list_container .box ul li:nth-child(3) {
    padding: 20px;
    width: 100%;
  }
}
#repair_list .repair_list_container .box ul li:nth-child(3) a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 130px;
  width: 100%;
  height: 40px;
  border: none;
  background-color: #353535;
  color: #ffffff;
  font-size: 13px;
}
@media print, screen and (max-width: 767px) {
  #repair_list .repair_list_container .box ul li:nth-child(3) a {
    max-width: inherit;
    width: 100%;
  }
}
#repair_list #pagination .pager .next {
  display: none;
}
#repair_list #pagination .pager .prev {
  display: none;
}
#repair_list #pagination .total {
  display: none;
}
#repair_list .repair-inquiry-list-error {
  padding: 50px 30px 10px;
  text-align: center;
}

@media print, screen and (max-width: 599px) {
  #repair_detail .repair_status__scrollbox {
    overflow: hidden;
    height: 122px;
  }
}
@media print, screen and (max-width: 599px) {
  #repair_detail .repair_status__scrollbox .repair_status__scroll {
    overflow: auto;
    padding: 0 0 30px;
  }
}
#repair_detail .repair_status {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 599px) {
  #repair_detail .repair_status {
    width: 780px;
  }
}
#repair_detail .repair_status .repair-box {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 1px 0 0;
  padding: 0 0 90px;
  width: 12.5%;
  height: 180px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 599px) {
  #repair_detail .repair_status .repair-box {
    padding: 0 0 60px;
    height: 120px;
  }
}
#repair_detail .repair_status .repair-box.out {
  display: none;
}
#repair_detail .repair_status .repair-box::before {
  position: absolute;
  top: 50%;
  right: -12px;
  margin-top: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 9px solid transparent;
  border-right: 0;
  border-bottom: 9px solid transparent;
  border-left: 12px solid #e3e3e3;
  content: "";
}
#repair_detail .repair_status .repair-box::after {
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-right: 0;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #ffffff;
  content: "";
}
#repair_detail .repair_status .repair-box:last-child {
  border-right: none;
}
#repair_detail .repair_status .repair-box:last-child::before {
  display: none;
}
#repair_detail .repair_status .repair-box:last-child::after {
  display: none;
}
#repair_detail .repair_status .repair-box.repair-darker-box {
  display: flex !important;
  background-color: #f9f9f9;
}
#repair_detail .repair_status .repair-box.repair-darker-box::after {
  border-left: 10px solid #f9f9f9;
}
#repair_detail .repair_status .repair-box.repair-darker-box i img {
  -webkit-animation: fadeIcon 2s ease-in-out infinite;
          animation: fadeIcon 2s ease-in-out infinite;
}
#repair_detail .repair_status .repair-box:nth-child(1) {
  z-index: 10;
}
#repair_detail .repair_status .repair-box:nth-child(2) {
  z-index: 9;
}
#repair_detail .repair_status .repair-box:nth-child(3) {
  z-index: 8;
}
#repair_detail .repair_status .repair-box:nth-child(4) {
  z-index: 7;
}
#repair_detail .repair_status .repair-box:nth-child(5) {
  z-index: 6;
}
#repair_detail .repair_status .repair-box:nth-child(6) {
  z-index: 5;
}
#repair_detail .repair_status .repair-box:nth-child(7) {
  z-index: 4;
}
#repair_detail .repair_status .repair-box:nth-child(8) {
  z-index: 3;
}
#repair_detail .repair_status .repair-box:nth-child(9) {
  z-index: 2;
}
#repair_detail .repair_status .repair-box:nth-child(10) {
  z-index: 1;
}
#repair_detail .repair_status .repair-box span {
  position: absolute;
  top: 110px;
  right: 0;
  left: 0;
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 599px) {
  #repair_detail .repair_status .repair-box span {
    top: 70px;
    font-size: 11px;
    line-height: 1.6em;
  }
}
#repair_detail .repair_status .repair-box i {
  line-height: 0;
}
#repair_detail .repair_status .repair-box i img {
  width: 25px;
  height: auto;
}
#repair_detail #dvMessage {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 70px;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #f0f0f0;
}
@media print, screen and (max-width: 1439px) {
  #repair_detail #dvMessage {
    padding: 0 40px;
  }
}
@media print, screen and (max-width: 1279px) {
  #repair_detail #dvMessage {
    padding: 0 20px;
  }
}
#repair_detail #dvMessage i {
  padding: 0 30px 0 0;
  line-height: 0;
}
#repair_detail #dvMessage i img {
  width: 32px;
  height: auto;
}
#repair_detail #dvMessage p {
  overflow: hidden;
  padding: 0;
  width: calc(100% - 54px);
  text-align: justify;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #repair_detail #dvMessage p {
    line-height: 1.6em;
  }
}
#repair_detail #dvMessage p span {
  display: block;
  transition: 1.4s ease 0.5s;
  transform: translateX(-100%);
}
#repair_detail #dvMessage p.on span {
  transform: translateX(0%);
}
#repair_detail .repir_info {
  margin: 0 auto;
  padding: 50px;
  max-width: 1100px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repir_info {
    padding: 50px 30px;
  }
}
#repair_detail .repir_info h2 {
  margin: 0 0 40px;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
}
#repair_detail .repir_info .repair-inquiry-shipping ul.repair_date {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 0 40px;
  padding: 0;
  border: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_date {
    flex-wrap: wrap;
  }
}
#repair_detail .repir_info .repair-inquiry-shipping ul.repair_date li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 40px;
  width: 33.3333%;
  height: 100px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_date li {
    width: 50%;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_date li {
    padding: 0 30px;
    width: 100%;
    height: 60px;
    border-right: none;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_date li {
    padding: 0 20px;
    height: 50px;
  }
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_date li:first-child {
    width: 100%;
    border-right: none;
    border-bottom: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_date li:nth-child(2) {
    border-bottom: #f0f0f0 solid 1px;
  }
}
#repair_detail .repir_info .repair-inquiry-shipping ul.repair_date li:last-child {
  border-right: none;
}
#repair_detail .repir_info .repair-inquiry-shipping ul.repair_date li dl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_date li dl {
    font-size: 13px;
  }
}
#repair_detail .repir_info .repair-inquiry-shipping ul.repair_date li dl dt {
  margin: 0;
  padding: 0;
  width: 60px;
}
#repair_detail .repir_info .repair-inquiry-shipping ul.repair_date li dl dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 60px);
  text-align: right;
}
#repair_detail .repir_info .repair-inquiry-shipping ul.repair_data {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 40px;
  padding: 0;
  border-top: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
#repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 70px;
  width: 50%;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li {
    min-height: 50px;
    width: 100%;
  }
}
#repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li dl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li dl {
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li dl {
    flex-direction: column;
  }
}
#repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 10px 0;
  width: 160px;
  height: 100%;
  border-right: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li dl dt {
    justify-content: flex-start;
    padding: 10px 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li dl dt {
    justify-content: flex-start;
    padding: 20px;
    width: 100%;
    border-right: none;
    background-color: #ffffff;
    font-weight: 700;
    font-size: 12px;
  }
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li dl dt::before {
    content: "■ ";
  }
}
#repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li dl dd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 10px 40px;
  width: calc(100% - 160px);
  height: 100%;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li dl dd {
    padding: 10px 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repir_info .repair-inquiry-shipping ul.repair_data li dl dd {
    justify-content: flex-start;
    padding: 0 20px 20px;
    width: 100%;
  }
}
#repair_detail .repir_info .repair-inquiry-shipping .repair_request {
  margin: 0 0 40px;
  padding: 0;
}
#repair_detail .repir_info .repair-inquiry-shipping .repair_request dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 0 -1px;
  padding: 0;
  width: 100%;
  border: #f0f0f0 solid 1px;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repir_info .repair-inquiry-shipping .repair_request dl {
    flex-direction: column;
  }
}
#repair_detail .repir_info .repair-inquiry-shipping .repair_request dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 214px;
  border-right: #f0f0f0 solid 1px;
  line-height: 1.8em;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .repir_info .repair-inquiry-shipping .repair_request dl dt {
    width: 160px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repir_info .repair-inquiry-shipping .repair_request dl dt {
    justify-content: flex-start;
    padding: 30px 30px 0;
    width: 100%;
    border-right: none;
    font-weight: 700;
    font-size: 12px;
  }
  #repair_detail .repir_info .repair-inquiry-shipping .repair_request dl dt::before {
    content: "■ ";
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repir_info .repair-inquiry-shipping .repair_request dl dt {
    padding: 20px;
  }
}
#repair_detail .repir_info .repair-inquiry-shipping .repair_request dl dd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 40px;
  width: calc(100% - 214px);
  line-height: 1.8em;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .repir_info .repair-inquiry-shipping .repair_request dl dd {
    width: calc(100% - 160px);
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repir_info .repair-inquiry-shipping .repair_request dl dd {
    padding: 10px 30px 30px;
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repir_info .repair-inquiry-shipping .repair_request dl dd {
    padding: 0 20px 20px;
  }
}
#repair_detail .repir_info .repair-inquiry-shipping .repair_request dl dd .photo {
  overflow: hidden;
  margin: 0 5px 0 0;
  max-width: 150px;
  border: #f0f0f0 solid 1px;
  aspect-ratio: 1/1;
}
#repair_detail .repir_info .repair-inquiry-shipping .repair_request dl dd .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#repair_detail .delive_kit {
  margin: 0 auto;
  padding: 50px 50px 30px;
  max-width: 1100px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .delive_kit {
    padding: 50px 30px 0;
  }
}
#repair_detail .delive_kit h2 {
  margin: 0 0 40px;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .delive_kit h2 {
    margin: 0 0 20px;
  }
}
#repair_detail .delive_kit p.read {
  margin: 0 0 30px;
  padding: 0;
  text-align: center;
  line-height: 2em;
}
#repair_detail .delive_kit .update {
  margin: 50px 0 20px;
  padding: 20px;
  background: #323232;
  color: #ffffff;
  text-align: center;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .delive_kit .update {
    margin: 30px 0 -50px;
    padding: 14px;
    text-align: center;
    font-size: 12px;
  }
}
#repair_detail .delive_kit dl {
  margin: 0 0 30px;
  padding: 0;
}
#repair_detail .delive_kit dl dt {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 13px;
}
#repair_detail .delive_kit dl dd {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .delive_kit .submit a.next {
    width: 100%;
  }
}
#repair_detail .delive_kit .delive_kit__address {
  margin: 50px 0 0;
}
#repair_detail .delive_kit .delive_kit__address dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border-top: #f0f0f0 solid 1px;
  border-right: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .delive_kit .delive_kit__address dl {
    flex-direction: column;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .delive_kit .delive_kit__address dl {
    margin: 0;
  }
}
#repair_detail .delive_kit .delive_kit__address dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 218px;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
  line-height: 2em;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .delive_kit .delive_kit__address dl dt {
    justify-content: flex-start;
    padding: 20px 40px;
    width: 100%;
    border-right: none;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .delive_kit .delive_kit__address dl dt {
    padding: 20px 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .delive_kit .delive_kit__address dl dt {
    padding: 20px;
  }
}
#repair_detail .delive_kit .delive_kit__address dl dd {
  display: block;
  margin: 0;
  padding: 0;
  width: calc(100% - 218px);
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .delive_kit .delive_kit__address dl dd {
    width: 100%;
  }
}
#repair_detail .delive_kit .delive_kit__address dl dd dl {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  border: none;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .delive_kit .delive_kit__address dl dd dl {
    flex-direction: row;
  }
}
#repair_detail .delive_kit .delive_kit__address dl dd dl dt {
  display: block;
  margin: 0;
  padding: 20px 40px;
  width: 140px;
  border-right: 0;
  border-bottom: #f0f0f0 solid 1px;
  background-color: #ffffff;
  text-align: left;
  line-height: 2m;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .delive_kit .delive_kit__address dl dd dl dt {
    padding: 20px 30px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .delive_kit .delive_kit__address dl dd dl dt {
    padding: 20px 0 20px 30px;
    width: 100px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .delive_kit .delive_kit__address dl dd dl dt {
    padding: 20px 0 20px 20px;
  }
}
#repair_detail .delive_kit .delive_kit__address dl dd dl dd {
  margin: 0;
  padding: 20px 40px;
  width: calc(100% - 140px);
  border-bottom: #f0f0f0 solid 1px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .delive_kit .delive_kit__address dl dd dl dd {
    padding: 20px 30px 20px 20px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .delive_kit .delive_kit__address dl dd dl dd {
    padding: 20px 20px 20px 0;
  }
}
#repair_detail .delive_kit .delive_kit__address dl dd dl dd br {
  display: none;
}
#repair_detail .kit_delive__status {
  padding: 50px;
  border-bottom: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .kit_delive__status {
    padding: 30px;
  }
}
#repair_detail .kit_delive__status dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 0 -1px;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .kit_delive__status dl {
    flex-direction: column;
  }
}
#repair_detail .kit_delive__status dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 235px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1439px) {
  #repair_detail .kit_delive__status dl dt {
    width: 180px;
  }
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .kit_delive__status dl dt {
    justify-content: flex-start;
    padding: 30px 30px 0;
    width: 100%;
    font-weight: 700;
    font-size: 12px;
  }
  #repair_detail .kit_delive__status dl dt::before {
    content: "■ ";
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .kit_delive__status dl dt {
    padding: 30px 20px 0;
  }
}
#repair_detail .kit_delive__status dl dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  min-height: 90px;
  width: calc(100% - 235px);
  line-height: 1.8em;
}
@media print, screen and (max-width: 1439px) {
  #repair_detail .kit_delive__status dl dd {
    width: calc(100% - 180px);
  }
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .kit_delive__status dl dd {
    width: 100%;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .kit_delive__status dl dd {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .kit_delive__status dl dd {
    padding: 20px 20px 30px;
  }
}
#repair_detail .kit_delive__status dl dd div {
  width: 100%;
}
#repair_detail .kit_delive__status dl dd p {
  margin: 0;
  padding: 0;
  width: calc(100% - 180px);
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .kit_delive__status dl dd p {
    margin: 0 0 10px;
    width: 100%;
  }
}
#repair_detail .kit_delive__status dl dd a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  max-width: 160px;
  width: 100%;
  height: 50px;
  border: none;
  background-color: #353535;
  color: #ffffff;
  font-size: 13px;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .kit_delive__status dl dd a {
    margin: 0 auto;
    max-width: 160px;
    width: 100%;
    height: 40px;
  }
}
#repair_detail .kit_delive__status dl dd a.next {
  background-color: #e67e0f;
}
#repair_detail .repair-inquiry-center .cancel_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  max-width: 130px;
  width: 100%;
  height: 50px;
  border: none;
  background-color: #353535;
  color: #ffffff;
  font-size: 13px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repair-inquiry-center .cancel_btn {
    margin: 0 auto;
  }
}
#repair_detail .estimate {
  margin: 0 auto;
  padding: 50px;
  max-width: 1100px;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .estimate {
    padding: 50px 50px 0;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .estimate {
    padding: 50px 30px 0;
  }
}
#repair_detail .estimate .estimate_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 40px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .estimate .estimate_title {
    align-items: flex-start;
    flex-direction: column;
  }
}
#repair_detail .estimate .estimate_title h2 {
  margin: 0;
  padding: 0;
  text-align: left;
  font-weight: 500;
  font-size: 20px;
}
#repair_detail .estimate .estimate_title .expiration {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  width: 340px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .estimate .estimate_title .expiration {
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    width: auto;
    line-height: 2em;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .estimate .estimate_title .expiration {
    flex-direction: row;
    margin: 20px 0 0;
    padding: 10px 0;
    width: 100%;
    border: none;
    border-bottom: #f0f0f0 solid 1px;
  }
}
#repair_detail .estimate .estimate_title .expiration span {
  font-size: 14px;
}
#repair_detail .estimate .dvEstimate_heeader {
  margin: 0 auto 20px 0;
  width: 150px;
  text-align: center;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .estimate .dvEstimate_heeader {
    width: 100px;
  }
}
#repair_detail .estimate p {
  margin: 0 0 30px;
  text-align: left;
  line-height: 2em;
}
#repair_detail .estimate .dvEstimate {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 0 30px;
  padding: 0;
  border: #f0f0f0 solid 1px;
  font-size: 13px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .estimate .dvEstimate {
    font-size: 12px;
  }
}
#repair_detail .estimate .dvEstimate .select {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  background-color: #f9f9f9;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .estimate .dvEstimate .select {
    width: 100px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .estimate .dvEstimate .select {
    width: 50px;
  }
}
#repair_detail .estimate .dvEstimate .estimate_details {
  width: calc(100% - 150px);
  border-left: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .estimate .dvEstimate .estimate_details {
    width: calc(100% - 100px);
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .estimate .dvEstimate .estimate_details {
    width: calc(100% - 50px);
  }
}
#repair_detail .estimate .dvEstimate .estimate_details .name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 20px;
  min-height: 50px;
  width: 100%;
  border-bottom: #f0f0f0 solid 1px;
  line-height: 2em;
}
#repair_detail .estimate .dvEstimate .estimate_details .flex {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .estimate .dvEstimate .estimate_details .flex {
    display: block;
  }
}
#repair_detail .estimate .dvEstimate .estimate_details .flex .cost {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  min-height: 50px;
  width: 50%;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  line-height: 2em;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .estimate .dvEstimate .estimate_details .flex .cost {
    width: 100%;
    border-right: none;
  }
}
#repair_detail .estimate .dvEstimate .estimate_details .flex .period {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  min-height: 50px;
  width: 50%;
  border-bottom: #f0f0f0 solid 1px;
  line-height: 2em;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .estimate .dvEstimate .estimate_details .flex .period {
    width: 100%;
  }
}
#repair_detail .estimate .dvEstimate .estimate_details .detail {
  padding: 10px 20px;
  min-height: 50px;
  width: 100%;
  line-height: 2em;
}
#repair_detail .estimate p.read {
  text-align: center;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .estimate p.read {
    margin: 20px 0 0;
    text-align: center;
    font-size: 13px;
    line-height: 1.8em;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .estimate .submit {
    margin: 20px 0 0;
  }
}
#repair_detail .estimate .submit a[disabled] {
  background-color: #b6b6b6 !important;
}
#repair_detail .repaired {
  margin: 0 auto;
  padding: 50px;
  max-width: 1100px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repaired {
    padding: 50px 30px;
  }
}
#repair_detail .repaired h2 {
  margin: 0 0 40px;
  padding: 0;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
}
#repair_detail .repaired .repaired_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 40px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repaired .repaired_title {
    flex-direction: column;
  }
}
#repair_detail .repaired .repaired_title h2 {
  margin: 0;
  text-align: left;
}
#repair_detail .repaired .repaired_title .expiration {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  width: 340px;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repaired .repaired_title .expiration {
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    width: auto;
    line-height: 2em;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repaired .repaired_title .expiration {
    flex-direction: row;
    margin: 20px 0 0;
    padding: 10px 0;
    width: 100%;
    border: none;
    border-bottom: #f0f0f0 solid 1px;
  }
}
#repair_detail .repaired .repaired_title .expiration span {
  font-size: 14px;
}
#repair_detail .repaired #dvEstimate ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-top: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
#repair_detail .repaired #dvEstimate ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 20px 40px;
  min-height: 70px;
  width: 50%;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repaired #dvEstimate ul li {
    padding: 20px 30px;
    min-height: 50px;
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repaired #dvEstimate ul li {
    padding: 20px;
  }
}
#repair_detail .repaired #dvEstimate ul li:first-child {
  width: 100%;
  background-color: #f9f9f9;
}
#repair_detail .repaired #dvEstimate ul li:last-child {
  width: 100%;
}
#repair_detail .repaired #dvEstimate ul li:last-child p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 2em;
}
#repair_detail .repaired #dvEstimate ul li:last-child p b {
  font-weight: 700;
}
#repair_detail .repaired #dvEstimate ul li dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#repair_detail .repaired #dvEstimate ul li dl dt {
  margin: 0;
  padding: 0;
  width: 100px;
}
#repair_detail .repaired #dvEstimate ul li dl dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 100px);
  text-align: right;
}
#repair_detail .repaired .repaired_payment ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-top: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
#repair_detail .repaired .repaired_payment ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 20px 40px;
  min-height: 70px;
  width: 33.33333%;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  font-size: 14px;
}
#repair_detail .repaired .repaired_payment ul li:first-child {
  width: 100%;
  background-color: #f9f9f9;
}
#repair_detail .repaired .repaired_payment ul li.full {
  width: 100%;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .repaired .repaired_payment ul li {
    min-height: 50px;
    width: 100%;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repaired .repaired_payment ul li {
    padding: 20px 30px;
    min-height: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .repaired .repaired_payment ul li {
    padding: 20px;
  }
}
#repair_detail .repaired .repaired_payment ul li p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 2em;
}
#repair_detail .repaired .repaired_payment ul li p b {
  font-weight: 700;
}
#repair_detail .repaired .repaired_payment ul li dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#repair_detail .repaired .repaired_payment ul li dl dt {
  margin: 0;
  padding: 0;
  width: 100px;
}
#repair_detail .repaired .repaired_payment ul li dl dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 100px);
  text-align: right;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repaired .repaired_payment .submit {
    margin: 20px 0 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .repaired .repaired_payment .submit a.next {
    width: 100%;
  }
}
#repair_detail .return_address__input {
  margin: 0 auto;
  padding: 0 50px 50px;
  max-width: 1100px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .return_address__input {
    padding: 0 30px 30px;
  }
}
#repair_detail .return_address__input h2 {
  margin: 0 0 40px;
  padding: 0;
  text-align: left;
  font-weight: 500;
  font-size: 20px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .return_address__input h2 {
    margin: 0 0 20px;
    text-align: center;
  }
}
#repair_detail .return_address__input p {
  margin: 0 0 20px;
  padding: 0;
  font-size: 14px;
  line-height: 2em;
}
#repair_detail .return_address__input dl {
  margin: 0 0 30px;
  padding: 0;
}
#repair_detail .return_address__input dl dt {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
  font-size: 12px;
}
#repair_detail .return_address__input dl dd {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .return_address__input dl dd .pref {
    width: 125px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .return_address__input .submit {
    margin: 20px 0 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .return_address__input .submit a.next {
    width: 100%;
  }
}
#repair_detail .deliv_status {
  margin: 0 auto;
  padding: 0 50px 50px;
  max-width: 1100px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .deliv_status {
    padding: 0 30px 0;
  }
}
#repair_detail .deliv_status .delive_update {
  margin: 0 0 20px;
  padding: 20px;
  background: #323232;
  color: #ffffff;
  text-align: center;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .deliv_status .delive_update {
    margin: 0 0 0;
    padding: 14px;
    font-size: 12px;
  }
}
#repair_detail .deliv_status .deliv_status__box {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .deliv_status .deliv_status__box {
    flex-direction: column;
  }
}
#repair_detail .deliv_status .deliv_status__box h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 218px;
  border-right: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .deliv_status .deliv_status__box h2 {
    justify-content: flex-start;
    padding: 30px 40px;
    width: 100%;
    border-right: none;
    border-bottom: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .deliv_status .deliv_status__box h2 {
    padding: 20px 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .deliv_status .deliv_status__box h2 {
    padding: 20px;
  }
}
#repair_detail .deliv_status .deliv_status__box ul {
  margin: 0;
  padding: 0;
  width: calc(100% - 218px);
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .deliv_status .deliv_status__box ul {
    width: 100%;
  }
}
#repair_detail .deliv_status .deliv_status__box ul li {
  padding: 30px 40px;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .deliv_status .deliv_status__box ul li {
    padding: 20px 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .deliv_status .deliv_status__box ul li {
    padding: 20px;
  }
}
#repair_detail .deliv_status .deliv_status__box ul li:first-child {
  border-bottom: #f0f0f0 solid 1px;
}
#repair_detail .deliv_status .deliv_status__box ul li dl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .deliv_status .deliv_status__box ul li dl {
    flex-direction: column;
  }
}
#repair_detail .deliv_status .deliv_status__box ul li dl dt {
  margin: 0;
  padding: 0;
  width: 160px;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .deliv_status .deliv_status__box ul li dl dt {
    margin: 0 0 10px;
    width: 100%;
    text-align: left;
    font-weight: 700;
    font-size: 12px;
  }
  #repair_detail .deliv_status .deliv_status__box ul li dl dt::before {
    content: "■ ";
  }
}
#repair_detail .deliv_status .deliv_status__box ul li dl dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 160px);
  text-align: left;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .deliv_status .deliv_status__box ul li dl dd {
    width: 100%;
  }
}
#repair_detail .deliv_status .deliv_status__box ul li dl dd dl.return_shipping {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#repair_detail .deliv_status .deliv_status__box ul li dl dd dl.return_shipping dt {
  margin: 0;
  padding: 0;
  width: 100px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .deliv_status .deliv_status__box ul li dl dd dl.return_shipping dt::before {
    display: none;
  }
}
#repair_detail .deliv_status .deliv_status__box ul li dl dd dl.return_shipping dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 100px);
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .deliv_status .deliv_status__box ul li dl dd dl.return_shipping dd {
    margin: 0 0 10px;
  }
}
#repair_detail .deliv_status .deliv_status__box ul li dl dd dl.return_shipping dd br {
  display: none;
}
#repair_detail .deliv_status .deliv_status__box ul li .return_address {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: #f0f0f0 solid 1px;
}
#repair_detail .deliv_status .deliv_status__box ul li .return_address dl {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#repair_detail .deliv_status .deliv_status__box ul li .return_address dl dt {
  margin: 0;
  padding: 0;
  width: 100px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .deliv_status .deliv_status__box ul li .return_address dl dt::before {
    display: none;
  }
}
#repair_detail .deliv_status .deliv_status__box ul li .return_address dl dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 100px);
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .deliv_status .deliv_status__box ul li .return_address dl dd {
    margin: 0 0 10px;
  }
}
#repair_detail .deliv_status .deliv_status__box ul li .return_address dl dd br {
  display: none;
}
#repair_detail .last_address {
  margin: 0 auto;
  padding: 0 50px 50px;
  max-width: 1100px;
}
@media print, screen and (max-width: 767px) {
  #repair_detail .last_address {
    padding: 0 30px;
  }
}
#repair_detail .last_address dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border-top: #f0f0f0 solid 1px;
  border-right: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .last_address dl {
    flex-direction: column;
  }
}
#repair_detail .last_address dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 218px;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
  line-height: 2em;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .last_address dl dt {
    justify-content: flex-start;
    padding: 20px 40px;
    width: 100%;
    border-right: none;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .last_address dl dt {
    padding: 20px 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #repair_detail .last_address dl dt {
    padding: 20px;
  }
}
#repair_detail .last_address dl dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 218px);
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .last_address dl dd {
    width: 100%;
  }
}
#repair_detail .last_address dl dd .repair-inquiry-shipping {
  width: 100%;
}
#repair_detail .last_address dl dd dl {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  border: none;
}
@media print, screen and (max-width: 1279px) {
  #repair_detail .last_address dl dd dl {
    flex-direction: row;
  }
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .last_address dl dd dl {
    flex-direction: column;
  }
}
#repair_detail .last_address dl dd dl dt {
  display: block;
  margin: 0;
  padding: 20px 40px;
  width: 140px;
  border-right: 0;
  border-bottom: #f0f0f0 solid 1px;
  background-color: #ffffff;
  text-align: left;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .last_address dl dd dl dt {
    padding: 20px 30px 0;
    border-bottom: none;
    font-weight: 700;
    font-size: 12px;
  }
  #repair_detail .last_address dl dd dl dt::before {
    content: "■ ";
  }
}
#repair_detail .last_address dl dd dl dd {
  margin: 0;
  padding: 20px 40px;
  width: calc(100% - 140px);
  border-bottom: #f0f0f0 solid 1px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #repair_detail .last_address dl dd dl dd {
    padding: 0 30px 20px;
    width: 100%;
  }
}
#repair_detail .last_address dl dd dl dd br {
  display: none;
}

/*@keyframes fadeIcon {
	0% {
		opacity:0;
	}
	30% {
		opacity:1;
	}
	60% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}*/
#web_repair {
  margin: 0 0 0 1px;
  padding: 120px 0 0;
  background-color: #ffffff;
}
@media print, screen and (max-width: 1179px) {
  #web_repair {
    padding: 80px 0 0;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair {
    margin: 0 -30px;
    padding: 0;
  }
}
#web_repair .webrepair_kv {
  position: relative;
  margin: 0;
  padding: 0 80px 120px;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .webrepair_kv {
    padding: 0 50px 120px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .webrepair_kv {
    padding: 0 50px 80px 0;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .webrepair_kv {
    padding: 0 0 80px 0;
  }
}
#web_repair .webrepair_kv::before {
  position: absolute;
  top: calc(50% - 186px);
  right: 0;
  bottom: 0;
  left: 25%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.03);
  content: "";
}
@media print, screen and (max-width: 767px) {
  #web_repair .webrepair_kv::before {
    display: none;
  }
}
#web_repair .webrepair_kv .repair_kv__flex {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1120px;
}
@media print, screen and (max-width: 799px) {
  #web_repair .webrepair_kv .repair_kv__flex {
    align-items: flex-start;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .webrepair_kv .repair_kv__flex {
    flex-direction: column;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .repair_kv__title {
  margin: 0;
  padding: 0;
  width: 45%;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title {
    width: calc(52% - 50px);
  }
}
@media print, screen and (max-width: 799px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title {
    padding: 50px 0 0;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title {
    padding: 50px 30px;
    width: 100%;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .repair_kv__title p.en {
  margin: 0 0 16px;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4em;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title p.en {
    letter-spacing: normal;
    font-size: 16px;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .repair_kv__title h1 {
  margin: 0 0 40px;
  letter-spacing: 4px;
  font-weight: 700;
  font-size: 32px;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title h1 {
    letter-spacing: 3px;
    font-size: 26px;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .repair_kv__title p {
  margin: 0 0 40px;
  padding: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.2em;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title p {
    font-size: 13px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title p {
    margin: 0 0 20px;
  }
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title p br {
    display: none;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul {
    flex-direction: column;
    gap: 10px;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li {
  width: 190px;
}
@media print, screen and (max-width: 1439px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li {
    width: 150px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li {
    width: 100%;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li.estimate {
  width: calc(100% - 195px);
}
@media print, screen and (max-width: 1439px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li.estimate {
    width: calc(100% - 155px);
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li.estimate {
    width: 100%;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li.estimate a {
  background-color: #e6de0f;
  color: #363030;
  font-weight: 700;
}
#web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li.estimate a i {
  padding: 0 0 0 20px;
}
@media print, screen and (max-width: 1439px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li.estimate a i {
    padding: 0 0 0 10px;
  }
}
@media print, screen and (max-width: 1439px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li.estimate a i img {
    width: 12px;
    height: auto;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 75px;
  background-color: #2d2d2d;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 15px;
}
@media print, screen and (max-width: 1439px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li a {
    font-size: 14px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .webrepair_kv .repair_kv__flex .repair_kv__title ul li a {
    height: 50px;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .photo {
  position: relative;
  box-sizing: border-box;
  padding: 0;
  width: 48%;
  line-height: 0;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .webrepair_kv .repair_kv__flex .photo {
    width: 50%;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .webrepair_kv .repair_kv__flex .photo {
    width: 100%;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .photo img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
}
#web_repair .webrepair_kv .repair_kv__flex .photo img.pc {
  display: block;
}
@media print, screen and (max-width: 767px) {
  #web_repair .webrepair_kv .repair_kv__flex .photo img.pc {
    display: none;
  }
}
#web_repair .webrepair_kv .repair_kv__flex .photo img.sp {
  display: none;
}
@media print, screen and (max-width: 767px) {
  #web_repair .webrepair_kv .repair_kv__flex .photo img.sp {
    display: block;
  }
}
#web_repair .repair_flow {
  margin: 0;
  padding: 100px 80px 0;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow {
    padding: 100px 50px 0;
  }
}
@media print, screen and (max-width: 1179px) {
  #web_repair .repair_flow {
    padding: 80px 50px 0;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow {
    padding: 0 30px 0;
  }
}
#web_repair .repair_flow .repair_flow__frow {
  margin: 0 auto 20px;
  padding: 0;
  max-width: 1120px;
}
#web_repair .repair_flow .repair_flow__frow h2 {
  margin: 0 0 36px;
  padding: 0;
  letter-spacing: 4px;
  font-weight: 700;
  font-size: 30px;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow h2 {
    letter-spacing: 2px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow .repair_flow__frow h2 {
    margin: 0 0 30px;
    font-size: 20px;
  }
}
#web_repair .repair_flow .repair_flow__frow p.read {
  margin: 0 0 80px;
  font-weight: 500;
  font-size: 15px;
  line-height: 2.4em;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow p.read {
    margin: 0 0 40px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow .repair_flow__frow p.read {
    line-height: 2em;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow p.read br {
    display: none;
  }
}
#web_repair .repair_flow .repair_flow__frow figure {
  margin: 0;
  padding: 0;
  line-height: 0;
}
#web_repair .repair_flow .repair_flow__frow figure img {
  width: 100%;
  height: auto;
}
#web_repair .repair_flow .repair_flow__frow .type_select {
  margin: 0;
  padding: 0;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1179px) {
  #web_repair .repair_flow .repair_flow__frow .type_select {
    margin: 0 -50px;
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow .repair_flow__frow .type_select {
    margin: 0 -30px;
    padding: 0 30px;
  }
}
#web_repair .repair_flow .repair_flow__frow .type_select .tab {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow .repair_flow__frow .type_select .tab {
    gap: 10px;
  }
}
#web_repair .repair_flow .repair_flow__frow .type_select .tab li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 10px;
  max-width: 450px;
  width: 100%;
  height: 76px;
  border-top: #e9e9e9 solid 1px;
  border-right: #e9e9e9 solid 1px;
  border-left: #e9e9e9 solid 1px;
  letter-spacing: 1px;
  font-size: 15px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .type_select .tab li {
    max-width: 430px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow .repair_flow__frow .type_select .tab li {
    font-size: 12px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow .repair_flow__frow .type_select .tab li {
    height: 100px;
    background-color: #f7f7f7;
  }
}
#web_repair .repair_flow .repair_flow__frow .type_select .tab li:nth-child(2) {
  margin-left: -1px;
}
#web_repair .repair_flow .repair_flow__frow .type_select .tab li.js-active {
  padding: 10px 10px 0;
  height: 100px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow .repair_flow__frow .type_select .tab li.js-active {
    background-color: #ffffff;
  }
}
#web_repair .repair_flow .repair_flow__frow .type_select .tab li.js-active::before {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 0;
  left: 10px;
  z-index: 3;
  background-color: #f7f7f7;
  content: "";
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow .repair_flow__frow .type_select .tab li.js-active::before {
    display: none;
  }
}
#web_repair .repair_flow .repair_flow__frow .type_select .tab li.js-active:after {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  z-index: 2;
  height: 4px;
  background-color: #ffffff;
  content: "";
}
#web_repair .repair_flow .repair_flow__frow .type_select .tab li span {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow .repair_flow__frow .type_select .tab li span {
    padding: 0 15px;
    text-align: justify;
    letter-spacing: normal;
    font-weight: 700;
    font-size: 12px;
  }
  #web_repair .repair_flow .repair_flow__frow .type_select .tab li span br {
    display: none;
  }
}
#web_repair .repair_flow .repair_flow__frow .type_select .tab li span i {
  margin: 0 10px 0 0;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow .repair_flow__frow .type_select .tab li span i {
    display: none;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content {
  display: none;
  margin: 0;
  padding: 100px 0;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content {
    overflow: hidden;
    margin: 0 -50px;
    padding: 50px 0 0;
    height: 630px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content {
    margin: 0 -30px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content.js-active {
  display: block;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow_scroll {
    overflow: auto;
    padding: 0 0 120px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow {
    flex-wrap: nowrap;
    padding: 30px 50px;
    width: 2350px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 {
  display: flex;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 {
    width: 2062px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 .card.card02 {
    margin: 0 50px 0 0;
    width: calc((100% - 550px) / 6);
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 .card:nth-of-type(3) {
  margin: 0 0 100px;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 .card:nth-of-type(3) {
    margin: 0 50px 0 0;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 .card:nth-of-type(3)::before {
  display: none;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 .card:nth-of-type(3)::after {
  display: none;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 .card:nth-of-type(4) {
  margin: 0 50px 0 0;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 .card:nth-of-type(4) {
    margin: 0 30px 0 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 .card:nth-of-type(4) {
    margin: 0 50px 0 0;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 .card:nth-of-type(4)::before {
  display: none;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 .card:nth-of-type(8) {
  margin: 0;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow.flow_02 .card:nth-of-type(8)::before {
  display: none;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .bg {
  background-image: linear-gradient(-45deg, #f5f5f5 25%, transparent 25%, transparent 50%, #f5f5f5 50%, #f5f5f5 75%, transparent 75%, transparent);
  background-size: 6px 6px;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card {
  position: relative;
  margin: 0 50px 100px 0;
  padding: 50px 30px 50px;
  width: calc((100% - 150px) / 4);
  border: #e9e9e9 solid 1px;
  border-radius: 5px;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card {
    margin: 0 30px 100px 0;
    padding: 50px 25px 50px;
    width: calc((100% - 90px) / 4);
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card {
    margin: 0 50px 0 0;
    width: calc((100% - 600px) / 7);
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card.card02 {
  margin: 0 50px 0 0;
  width: calc((100% - 400px) / 3);
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card.card02 {
    margin: 0 30px 0 0;
    width: calc((100% - 280px) / 3);
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card.card02 {
    margin: 0 50px 0 0;
    width: calc((100% - 600px) / 7);
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card.card03 {
  margin: 0 50px 100px 0;
  width: calc((100% - 100px) / 3);
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card.card03 {
    margin: 0 30px 100px 0;
    width: calc((100% - 60px) / 3);
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card.card03 {
    margin: 0 50px 0 0;
    width: calc((100% - 550px) / 6);
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card::before {
  position: absolute;
  top: 50%;
  right: -50px;
  left: 100%;
  height: 1px;
  background-color: #e9e9e9;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card::before {
    right: -30px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card::before {
    right: -50px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(3)::after {
  position: absolute;
  top: 50%;
  right: -50px;
  z-index: 2;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid transparent;
  border-right: 0;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #929292;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(3)::after {
    right: -30px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(3)::after {
    display: none;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(4) {
  margin: 0 0 100px;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(4) {
    margin: 0 50px 0 0;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(4)::before {
  display: none;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(4)::before {
    display: block;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(5)::before {
  display: none;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(7)::after {
  position: absolute;
  top: 50%;
  right: -50px;
  z-index: 2;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid transparent;
  border-right: 0;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #929292;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(7)::after {
    right: -30px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(7)::after {
    right: -50px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(9) {
  margin: 0;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card:nth-of-type(9)::before {
  display: none;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card .num {
  position: absolute;
  top: -20px;
  left: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: #e9e9e9 solid 1px;
  border-radius: 100%;
  background: #ffffff;
  font-size: 24px;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card i {
  display: block;
  margin: 0 auto 20px;
  width: 100px;
  border-radius: 100px;
  background: #ffffff;
  text-align: center;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card .item {
  margin: 0 0 30px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.8em;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card p {
  margin: 0;
  padding: 0;
  text-align: justify;
  font-size: 13px;
  line-height: 2em;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card a {
  position: absolute;
  right: 30px;
  bottom: -25px;
  left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background-color: #e6de0f;
  color: #363030;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 13px;
}
@media print, screen and (max-width: 1439px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .card a {
    right: 20px;
    left: 20px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 0 50px 0 0;
  width: 100px;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch {
    margin: 0 30px 0 0;
    width: 80px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch {
    margin: 0 50px 0 0;
    width: 100px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .result {
  position: absolute;
  top: 50%;
  left: -43px;
  margin-top: -30px;
  font-size: 18px;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .result {
    left: -27px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .result {
    left: -43px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes {
  position: relative;
  margin: 0 0 80px;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes .circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border: #e9e9e9 solid 1px;
  border-radius: 100px;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes .circle {
    width: 80px;
    height: 80px;
    font-size: 13px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes .circle {
    width: 100px;
    height: 100px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes::before {
  position: absolute;
  top: 50%;
  left: -50px;
  width: 45px;
  height: 1px;
  background-color: #e9e9e9;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes::before {
    left: -30px;
    width: 25px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes::before {
    left: -50px;
    width: 45px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes::after {
  position: absolute;
  top: 50%;
  right: -50px;
  left: 100%;
  height: 1px;
  background-color: #e9e9e9;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes::after {
    right: -30px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes::after {
    right: -50px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes .ar_01 {
  position: absolute;
  top: 50%;
  left: -15px;
  z-index: 2;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid transparent;
  border-right: 0;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #929292;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes .ar_01 {
    left: -10px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes .ar_01 {
    left: -15px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes .ar_02 {
  position: absolute;
  top: 50%;
  right: -50px;
  z-index: 2;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid transparent;
  border-right: 0;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #929292;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes .ar_02 {
    right: -30px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .yes .ar_02 {
    right: -50px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .no {
  position: relative;
  margin: 0;
  width: 100%;
  text-align: center;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .no::before {
  position: absolute;
  top: 50%;
  left: -50px;
  width: 45px;
  height: 1px;
  background-color: #e9e9e9;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .no::before {
    left: -30px;
    width: 25px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .no::before {
    left: -50px;
    width: 45px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .no .ar_01 {
  position: absolute;
  top: 50%;
  left: -15px;
  z-index: 2;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid transparent;
  border-right: 0;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #929292;
  content: "";
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .no .cancel {
  margin: 0 -30px 0 5px;
  text-align: left;
  font-size: 14px;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .branch .no .cancel {
    font-size: 13px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 50px 0 0;
  width: 100px;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done {
    margin: 0 30px 0 0;
    width: 80px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done {
    margin: 0 50px 0 0;
    width: 100px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done .circle {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: 100px;
  border: #e9e9e9 solid 1px;
  border-radius: 100px;
  font-size: 13px;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done .circle {
    width: 80px;
    height: 80px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done .circle {
    width: 100px;
    height: 100px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done .circle i {
  margin: 0 0 10px;
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done::before {
  position: absolute;
  top: 50%;
  right: -50px;
  left: 100%;
  height: 1px;
  background-color: #e9e9e9;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done::before {
    right: -30px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done::before {
    right: -50px;
  }
}
#web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done::after {
  position: absolute;
  top: 50%;
  right: -50px;
  z-index: 2;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid transparent;
  border-right: 0;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #929292;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done::after {
    right: -30px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_flow .repair_flow__frow .repair_flow__content .flow .done::after {
    right: -50px;
  }
}
#web_repair .repair_menu {
  margin: 0;
  padding: 120px 80px;
  background-color: #f9f9f9;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_menu {
    padding: 120px 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_menu {
    padding: 100px 50px 80px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu {
    padding: 80px 30px 70px;
  }
}
#web_repair .repair_menu .attention {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
  font-size: 13px;
}
#web_repair .repair_menu a.estimate {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 340px;
  height: 100px;
  background-color: #e6de0f;
  color: #363030;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 15px;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_menu a.estimate {
    width: 260px;
    height: 80px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_menu a.estimate {
    width: 260px;
    height: 60px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu a.estimate {
    width: 100%;
    height: 50px;
  }
}
#web_repair .repair_menu a.estimate i {
  padding: 0 0 0 20px;
}
#web_repair .repair_menu p.en {
  margin: 0 0 16px;
  text-align: center;
  letter-spacing: 3px;
  font-weight: 600;
  font-size: 55px;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_menu p.en {
    font-size: 45px;
  }
}
#web_repair .repair_menu h2 {
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
  letter-spacing: 4px;
  font-weight: 700;
  font-size: 16px;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_menu h2 {
    letter-spacing: 3px;
    font-size: 15px;
  }
}
#web_repair .repair_menu .menu_list {
  margin: 0 auto;
  max-width: 840px;
  width: 100%;
  border-top: #e8e8e8 solid 1px;
}
#web_repair .repair_menu .menu_list dl {
  margin: 0;
  padding: 0 0 30px;
  border-bottom: #e8e8e8 solid 1px;
}
#web_repair .repair_menu .menu_list dl dt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 10px 0;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list dl dt {
    flex-wrap: wrap;
  }
}
#web_repair .repair_menu .menu_list dl dt.on i img {
  transform: rotate(90deg);
}
#web_repair .repair_menu .menu_list dl dt i {
  padding: 0 20px 0 0;
}
#web_repair .repair_menu .menu_list dl dt i img {
  width: 6px;
  height: auto;
  transition: transform 0.5s ease;
}
#web_repair .repair_menu .menu_list dl dt span {
  display: block;
  margin: 0 0 0 auto;
  font-size: 14px;
}
#web_repair .repair_menu .menu_list dl dt span.en {
  font-size: 18px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list dl dt span.en {
    display: block;
    padding: 10px 0 0 26px;
    width: 100%;
    font-size: 18px;
  }
}
#web_repair .repair_menu .menu_list dl dd {
  display: grid;
  margin: 0;
  padding: 0;
  transition: grid-template-rows 0.5s ease;
  grid-template-rows: 0fr;
}
#web_repair .repair_menu .menu_list dl dd.on {
  grid-template-rows: 1fr;
}
#web_repair .repair_menu .menu_list dl dd .repair_detail {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 30px 0 0;
  padding: 40px;
  background-color: rgba(235, 235, 235, 0.54);
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex {
    flex-direction: column;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex {
    padding: 40px 30px;
  }
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .description {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 50px 0 0;
  width: calc(100% - 280px);
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .description {
    padding: 0 0 30px;
    width: 100%;
  }
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .description p {
  margin: 0;
  padding: 0;
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .description .time {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .description .time span {
  padding: 0 20px 0 0;
  font-weight: 500;
  font-size: 14px;
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .description .time span b {
  font-weight: 600;
  font-size: 20px;
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .menu {
  margin: 0;
  padding: 0;
  width: 280px;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .menu {
    width: 100%;
  }
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 50px auto;
  max-width: 240px;
  width: 100%;
  height: 54px;
  background-color: #2d2d2d;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .menu a {
    margin: 0 auto;
    height: 50px;
  }
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .menu a i {
  padding: 0 0 0 20px;
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .menu a i img {
  width: 12px;
  height: auto;
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .menu .sub_price {
  margin: 0;
  padding: 0;
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .menu .sub_price li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 0;
  padding: 0;
  font-weight: 500;
  font-size: 13px;
}
#web_repair .repair_menu .menu_list dl dd .repair_detail .repair_detail__flex .menu .sub_price li span {
  font-weight: 600;
  font-size: 20px;
}
#web_repair .repair_menu .menu_list .note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 80px;
  padding: 40px 0 0;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_menu .menu_list .note {
    align-items: flex-start;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .note {
    flex-direction: column;
    margin: 0 0 50px;
  }
}
#web_repair .repair_menu .menu_list .note p.commission {
  padding: 20px 0 10px;
  font-size: 15px;
  line-height: 2.2em;
}
#web_repair .repair_menu .menu_list .note p.commission span {
  background: linear-gradient(transparent 45%, rgba(255, 250, 125, 0.86) 0%);
}
#web_repair .repair_menu .menu_list .note p {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 2.2em;
}
@media print, screen and (max-width: 1129px) {
  #web_repair .repair_menu .menu_list .note p {
    font-size: 11px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .note p {
    font-size: 12px;
  }
}
#web_repair .repair_menu .menu_list .note a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 240px;
  height: 66px;
  background-color: #2d2d2d;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_menu .menu_list .note a {
    width: 220px;
    height: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .note a {
    width: 100%;
  }
}
#web_repair .repair_menu .menu_list .note .note_detail {
  width: calc(100% - 270px);
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .note .note_detail {
    margin: 0 0 30px;
    width: 100%;
  }
}
#web_repair .repair_menu .menu_list .service {
  margin: 0 0 70px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .service {
    margin: 0 0 30px;
  }
}
#web_repair .repair_menu .menu_list .service h2 {
  margin: 0 0 30px;
  text-align: left;
  letter-spacing: 2px;
  font-size: 24px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .service h2 {
    font-size: 20px;
  }
}
#web_repair .repair_menu .menu_list .service p.info {
  margin: 0 0 50px;
  font-size: 14px;
  line-height: 2.2em;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .service p.info {
    margin: 0 0 30px;
    text-align: justify;
    line-height: 2em;
  }
  #web_repair .repair_menu .menu_list .service p.info br {
    display: none;
  }
}
#web_repair .repair_menu .menu_list .service .plan {
  position: relative;
  margin: 0 0 30px;
  padding: 30px 40px 30px;
  background-color: rgba(0, 0, 0, 0.08);
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .service .plan {
    margin: 0 0 20px;
    padding: 30px 20px 30px;
  }
}
#web_repair .repair_menu .menu_list .service .plan p {
  margin: 0 0 20px;
  padding: 0;
  font-size: 14px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .service .plan p {
    font-size: 12px;
    line-height: 1.8em;
  }
}
#web_repair .repair_menu .menu_list .service .plan figure {
  margin: 0 0 20px;
  padding: 0;
}
#web_repair .repair_menu .menu_list .service .plan figure img {
  width: 100%;
  height: auto;
}
#web_repair .repair_menu .menu_list .service .plan .price {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
#web_repair .repair_menu .menu_list .service .plan .price span {
  font-weight: 700;
  font-size: 19px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .service .plan .price span {
    font-size: 14px;
  }
}
#web_repair .repair_menu .menu_list .service .plan .price span.en {
  padding: 0 10px;
  font-weight: 600;
  font-size: 38px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .service .plan .price span.en {
    font-size: 24px;
  }
}
#web_repair .repair_menu .menu_list .service .protection {
  margin: 0 0 60px;
  padding: 30px 40px;
  background-color: rgba(0, 0, 0, 0.08);
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .service .protection {
    margin: 0 0 30px;
    padding: 20px;
  }
}
#web_repair .repair_menu .menu_list .service .protection p {
  margin: 0;
  padding: 20px;
  background-color: #ffffff;
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .service .protection p {
    font-size: 18px;
  }
}
#web_repair .repair_menu .menu_list .service .protection p span {
  font-size: 17px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .service .protection p span {
    display: inline-block;
    font-size: 14px;
    line-height: 1.8em;
  }
}
#web_repair .repair_menu .menu_list .service .note {
  display: block;
  margin: 0;
  padding: 0;
}
#web_repair .repair_menu .menu_list .service .note p {
  margin: 0 0 20px;
  padding: 0;
  text-align: justify;
  font-size: 14px;
  line-height: 2.2em;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_menu .menu_list .service .note p {
    font-size: 13px;
    line-height: 2em;
  }
}
#web_repair .repair_menu .menu_list .service .note p b {
  font-weight: 700;
}
#web_repair .repair_technician {
  margin: 0;
  padding: 120px 100px 0;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_technician {
    padding: 120px 50px 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_technician {
    padding: 80px 50px 0;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_technician {
    padding: 50px 0 0;
  }
}
#web_repair .repair_technician .repair_technician__wrapper {
  position: relative;
  margin: 0 auto;
  max-width: 1120px;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_technician .repair_technician__wrapper {
    margin: 0 auto -110px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_technician .repair_technician__wrapper {
    margin: 0;
  }
}
#web_repair .repair_technician .repair_technician__wrapper h2 {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  letter-spacing: 6px;
  font-weight: 900;
  font-size: 30px;
  line-height: 1.6em;
  writing-mode: vertical-rl;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_technician .repair_technician__wrapper h2 {
    font-size: 26px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_technician .repair_technician__wrapper h2 {
    position: static;
    margin: 0 0 30px;
    padding: 0 30px;
    letter-spacing: 4px;
    font-weight: 700;
    font-size: 20px;
    line-height: 2em;
    writing-mode: horizontal-tb;
  }
  #web_repair .repair_technician .repair_technician__wrapper h2 br {
    display: none;
  }
}
#web_repair .repair_technician .repair_technician__wrapper h2 span {
  display: none;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_technician .repair_technician__wrapper h2 span {
    display: inline;
  }
}
#web_repair .repair_technician .repair_technician__wrapper .photo {
  margin: 0 0 50px -100px;
  padding: 0 350px 0 0;
  line-height: 0;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_technician .repair_technician__wrapper .photo {
    display: flex;
    overflow: hidden;
    align-items: flex-end;
    justify-content: center;
    margin: 0 0 0 -50px;
    padding: 0 200px 0 0;
    height: 450px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_technician .repair_technician__wrapper .photo {
    padding: 0 150px 0 0;
    height: auto;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_technician .repair_technician__wrapper .photo {
    margin: 0;
    padding: 0;
    width: 100%;
  }
}
#web_repair .repair_technician .repair_technician__wrapper .photo img {
  width: 100%;
  height: auto;
}
#web_repair .repair_technician .repair_technician__wrapper .support {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_technician .repair_technician__wrapper .support {
    padding: 40px 30px 0;
  }
}
#web_repair .repair_technician .repair_technician__wrapper .support .bannar {
  margin: 0;
  padding: 0;
  width: 460px;
}
#web_repair .repair_technician .repair_technician__wrapper .support .bannar a {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
#web_repair .repair_technician .repair_technician__wrapper .support .bannar a .photo {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 150px;
  height: 150px;
}
#web_repair .repair_technician .repair_technician__wrapper .support .bannar a .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#web_repair .repair_technician .repair_technician__wrapper .support .bannar a .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: calc(100% - 150px);
  background-color: #e6de0f;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 17px;
}
#web_repair .repair_technician .repair_technician__wrapper .support .bannar a .btn i {
  padding: 0 0 0 20px;
}
#web_repair .repair_technician .repair_technician__wrapper .support .enrolled {
  box-sizing: border-box;
  margin: -320px 0 0;
  padding: 80px 0 0 50px;
  width: calc(100% - 460px);
  background-color: #ffffff;
}
@media print, screen and (max-width: 1439px) {
  #web_repair .repair_technician .repair_technician__wrapper .support .enrolled {
    margin: -280px 0 0;
    padding: 50px 0 0 50px;
    width: calc(100% - 560px);
  }
}
@media print, screen and (max-width: 1359px) {
  #web_repair .repair_technician .repair_technician__wrapper .support .enrolled {
    margin: -240px 0 0;
    width: 450px;
  }
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_technician .repair_technician__wrapper .support .enrolled {
    margin: 0;
    padding: 50px 0 0;
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_technician .repair_technician__wrapper .support .enrolled {
    padding: 0;
  }
}
#web_repair .repair_technician .repair_technician__wrapper .support .enrolled p {
  margin: 0 0 20px;
  text-align: right;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 20px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_technician .repair_technician__wrapper .support .enrolled p {
    text-align: left;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_technician .repair_technician__wrapper .support .enrolled p {
    letter-spacing: 1px;
    font-size: 18px;
  }
}
#web_repair .repair_technician .repair_technician__wrapper .support .enrolled p br.any {
  display: none;
}
@media print, screen and (max-width: 1439px) {
  #web_repair .repair_technician .repair_technician__wrapper .support .enrolled p br.any {
    display: block;
  }
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_technician .repair_technician__wrapper .support .enrolled p br.any {
    display: none;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_technician .repair_technician__wrapper .support .enrolled p br.any {
    display: block;
  }
}
#web_repair .repair_technician .repair_technician__wrapper .support .enrolled p span {
  padding: 0 4px 0 0;
  font-weight: 600;
  font-size: 27px;
}
#web_repair .repair_technician .repair_technician__wrapper .support .enrolled dl {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 20px auto;
  padding: 0;
  width: 245px;
  font-weight: 500;
  font-size: 15px;
  line-height: 2.4em;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_technician .repair_technician__wrapper .support .enrolled dl {
    margin: 0 0 20px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_technician .repair_technician__wrapper .support .enrolled dl {
    width: 100%;
  }
}
#web_repair .repair_technician .repair_technician__wrapper .support .enrolled dl dt {
  margin: 0;
  padding: 0;
  width: calc(100% - 40px);
  line-height: 2.4em;
}
#web_repair .repair_technician .repair_technician__wrapper .support .enrolled dl dd {
  width: 40px;
  text-align: right;
  line-height: 2.4em;
}
#web_repair .repair_technician p.note {
  position: relative;
  z-index: 5;
  margin: 5px auto 0;
  max-width: 1120px;
  text-align: right;
  letter-spacing: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 2em;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_technician p.note {
    text-align: left;
    font-size: 12px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_technician p.note {
    padding: 0 30px;
  }
}
#web_repair .repair_faq {
  padding: 80px 100px 50px;
}
@media print, screen and (max-width: 1279px) {
  #web_repair .repair_faq {
    padding: 120px 50px 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_faq {
    padding: 80px 50px 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_faq {
    padding: 80px 30px 10px;
  }
}
#web_repair .repair_faq .repair_faq__title {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  margin: 0 auto 80px;
  max-width: 940px;
  width: 100%;
}
@media print, screen and (max-width: 1023px) {
  #web_repair .repair_faq .repair_faq__title {
    margin: 0 auto 40px;
  }
}
#web_repair .repair_faq .repair_faq__title p.en {
  margin: 0;
  padding: 0;
  letter-spacing: 4px;
  font-weight: 600;
  font-size: 50px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_faq .repair_faq__title p.en {
    font-size: 40px;
  }
}
#web_repair .repair_faq .repair_faq__title h2 {
  margin: 0;
  padding: 0 0 0 30px;
  font-weight: 700;
  font-size: 16px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_faq .repair_faq__title h2 {
    padding: 0 0 0 10px;
    letter-spacing: 1px;
    font-size: 14px;
  }
}
#web_repair .repair_faq .repair_faq__wrapper {
  margin: 0 auto 60px;
  max-width: 940px;
  width: 100%;
  border-top: #f0f0f0 solid 1px;
}
#web_repair .repair_faq .repair_faq__wrapper dl {
  margin: 0;
  padding: 0 0 25px;
  border-bottom: #f0f0f0 solid 1px;
}
#web_repair .repair_faq .repair_faq__wrapper dl dt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 25px 10px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.8em;
  cursor: pointer;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_faq .repair_faq__wrapper dl dt {
    padding: 25px 0 0;
  }
}
#web_repair .repair_faq .repair_faq__wrapper dl dt::before {
  position: absolute;
  top: calc(50% + 10px);
  right: 22px;
  margin-top: -6px;
  width: 2px;
  height: 14px;
  background-color: #000000;
  content: "";
  transition: 0.4s ease;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_faq .repair_faq__wrapper dl dt::before {
    display: none;
  }
}
#web_repair .repair_faq .repair_faq__wrapper dl dt::after {
  position: absolute;
  top: calc(50% + 10px);
  right: 16px;
  width: 14px;
  height: 2px;
  background-color: #000000;
  content: "";
  transition: 0.4s ease;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_faq .repair_faq__wrapper dl dt::after {
    display: none;
  }
}
#web_repair .repair_faq .repair_faq__wrapper dl dt.on::before {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
#web_repair .repair_faq .repair_faq__wrapper dl dt.on::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}
#web_repair .repair_faq .repair_faq__wrapper dl dt span {
  padding: 0 20px 0 0;
  font-weight: 600;
  font-size: 30px;
}
#web_repair .repair_faq .repair_faq__wrapper dl dd {
  display: grid;
  margin: 0;
  padding: 0;
  transition: grid-template-rows 0.5s ease;
  grid-template-rows: 0fr;
}
#web_repair .repair_faq .repair_faq__wrapper dl dd.on {
  grid-template-rows: 1fr;
}
#web_repair .repair_faq .repair_faq__wrapper dl dd .answer {
  overflow: hidden;
}
#web_repair .repair_faq .repair_faq__wrapper dl dd .answer .answer_wrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 20px 0 0 10px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_faq .repair_faq__wrapper dl dd .answer .answer_wrapper {
    padding: 20px 0 0 0;
  }
}
#web_repair .repair_faq .repair_faq__wrapper dl dd .answer .answer_wrapper span {
  padding: 0 20px 0 0;
  font-weight: 600;
  font-size: 30px;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_faq .repair_faq__wrapper dl dd .answer .answer_wrapper span {
    display: none;
  }
}
#web_repair .repair_faq .repair_faq__wrapper dl dd .answer .answer_wrapper p {
  margin: 0;
  padding: 0;
  width: calc(100% - 50px);
  text-align: justify;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.2em;
}
@media print, screen and (max-width: 767px) {
  #web_repair .repair_faq .repair_faq__wrapper dl dd .answer .answer_wrapper p {
    width: 100%;
    line-height: 2em;
  }
}
#web_repair .repair_faq p.read {
  margin: 0 0 50px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 2.4em;
}
#web_repair .repair_faq ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
  width: 560px;
  gap: 30px;
}
#web_repair .repair_faq ul li {
  width: calc(50% - 15px);
}
#web_repair .repair_faq ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  font-weight: 500;
  font-size: 15px;
}
#web_repair .repair_faq ul li a.go_shoplist {
  background-color: #2d2d2d;
  color: #ffffff;
}
#web_repair .repair_faq ul li a.go_webrepair {
  background-color: #d9d20e;
  color: #000000;
}
#web_repair .repair_faq ul li a i {
  padding: 0 0 0 20px;
}

body.on #brands .brands_header {
  top: 0;
}
@media print, screen and (max-width: 1023px) {
  body.on #brands .brands_header {
    top: 60px;
  }
}
body.on #brands .brands_header .title .en {
  font-size: 32px;
}
@media print, screen and (max-width: 1023px) {
  body.on #brands .brands_header .title .en {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 767px) {
  body.on #brands .brands_header .title .en {
    font-size: 38px;
  }
}

#brands {
  position: relative;
  margin: 0 0 110px 1px;
  padding: 0;
  background: #ffffff;
}
#brands::before {
  position: fixed;
  top: 0;
  right: 81px;
  left: 81px;
  z-index: 9;
  height: 140px;
  background-color: #ffffff;
  content: "";
}
@media print, screen and (max-width: 1279px) {
  #brands::before {
    right: 61px;
    left: 61px;
  }
}
@media print, screen and (max-width: 1023px) {
  #brands::before {
    right: 51px;
    left: 51px;
  }
}
@media print, screen and (max-width: 767px) {
  #brands::before {
    display: none;
  }
}
@media print, screen and (max-width: 767px) {
  #brands {
    margin: 0 -30px;
  }
}
#brands .brands_header {
  position: -webkit-sticky;
  position: sticky;
  top: 189px;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0;
  padding: 50px;
  height: 141px;
  border-bottom: #f0f0f0 solid 1px;
  background: #ffffff;
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (max-width: 1279px) {
  #brands .brands_header {
    top: 160px;
  }
}
@media print, screen and (max-width: 1023px) {
  #brands .brands_header {
    top: 60px;
    padding: 30px 40px;
    height: 121px;
  }
}
@media print, screen and (max-width: 767px) {
  #brands .brands_header {
    position: static;
    padding: 50px 30px;
    height: auto;
  }
}
#brands .brands_header .title {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
@media print, screen and (max-width: 1023px) {
  #brands .brands_header .title {
    flex-direction: column;
  }
}
#brands .brands_header .title .en {
  margin: 0;
  padding: 0;
  letter-spacing: 3px;
  font-weight: 600;
  font-size: 40px;
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media print, screen and (max-width: 1023px) {
  #brands .brands_header .title .en {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #brands .brands_header .title .en {
    font-size: 38px;
  }
}
#brands .brands_header .title h1 {
  margin: 0;
  padding: 0 0 0 30px;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 13px;
}
@media print, screen and (max-width: 1023px) {
  #brands .brands_header .title h1 {
    padding: 14px 0 0;
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  #brands .brands_header .kana {
    display: none;
  }
}
#brands .brands_header .kana ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#brands .brands_header .kana ul li {
  margin: 0;
  padding: 0 0 0 20px;
}
#brands .b_list .kana {
  padding: 0 50px;
  font-size: 20px;
}
@media print, screen and (max-width: 767px) {
  #brands .b_list .kana {
    padding: 0 30px;
    font-size: 18px;
  }
}
#brands .b_list .brand_line {
  margin: 0;
  padding: 30px 0 0;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #brands .b_list .brand_line {
    padding: 20px 0 0;
  }
}
#brands .b_list ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 30px 0 -1px !important;
  border-top: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #brands .b_list ul {
    margin: 20px 0 -1px !important;
  }
}
#brands .b_list ul li {
  margin: 0;
  padding: 0;
  width: 12.5%;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1679px) {
  #brands .b_list ul li {
    width: 16.66666%;
  }
}
@media print, screen and (max-width: 1279px) {
  #brands .b_list ul li {
    width: 20%;
  }
}
@media print, screen and (max-width: 1023px) {
  #brands .b_list ul li {
    width: 25%;
  }
}
@media print, screen and (max-width: 767px) {
  #brands .b_list ul li {
    width: 33.3333%;
  }
}
#brands .b_list ul li:nth-child(8n) {
  border-right: none;
}
@media print, screen and (max-width: 1679px) {
  #brands .b_list ul li:nth-child(8n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1679px) {
  #brands .b_list ul li:nth-child(6n) {
    border-right: none;
  }
}
@media print, screen and (max-width: 1279px) {
  #brands .b_list ul li:nth-child(6n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1279px) {
  #brands .b_list ul li:nth-child(5n) {
    border-right: none;
  }
}
@media print, screen and (max-width: 1023px) {
  #brands .b_list ul li:nth-child(5n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1023px) {
  #brands .b_list ul li:nth-child(4n) {
    border-right: none;
  }
}
@media print, screen and (max-width: 767px) {
  #brands .b_list ul li:nth-child(4n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #brands .b_list ul li:nth-child(3n) {
    border-right: none;
  }
}
#brands .b_list ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 0 20px;
  aspect-ratio: 5/8;
}
#brands .b_list ul li a .brand_logo {
  padding: 0 30px;
}
@media print, screen and (max-width: 767px) {
  #brands .b_list ul li a .brand_logo {
    padding: 0 20px;
  }
}
#brands .b_list ul li a .brand_logo img {
  width: 100%;
  height: auto;
}
#brands .b_list ul li a .brand-title {
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  padding: 0 30px;
  text-align: center;
  word-break: break-word;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 767px) {
  #brands .b_list ul li a .brand-title {
    padding: 0 20px;
    font-size: 10px;
  }
}

#revew_list {
  margin: -189px 0 0 -80px;
  padding: 189px 0 0;
  background-color: #ffffff;
}
@media print, screen and (max-width: 1279px) {
  #revew_list {
    margin: -160px 0 0 -60px;
    padding: 160px 0 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #revew_list {
    margin: -160px -50px 0 -50px;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_list {
    margin: -142px -30px 0 -30px;
    padding: 142px 0 0;
  }
}
@media print, screen and (max-width: 599px) {
  #revew_list {
    margin: -97px -30px 0 -30px;
    padding: 97px 0 0;
  }
}
#revew_list .revew_list__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px 60px 50px 80px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #revew_list .revew_list__title {
    padding: 50px 40px 50px 60px;
  }
}
@media print, screen and (max-width: 1023px) {
  #revew_list .revew_list__title {
    padding: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_list .revew_list__title {
    padding: 15px 30px;
  }
}
#revew_list .revew_list__title .title {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
@media print, screen and (max-width: 767px) {
  #revew_list .revew_list__title .title {
    justify-content: space-between;
    width: 100%;
  }
}
#revew_list .revew_list__title .title .en {
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 36px;
}
@media print, screen and (max-width: 1279px) {
  #revew_list .revew_list__title .title .en {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_list .revew_list__title .title .en {
    letter-spacing: normal;
    font-size: 24px;
  }
}
#revew_list .revew_list__title .title h1 {
  margin: 0;
  padding: 0 0 0 30px;
  font-weight: 500;
  font-size: 15px;
}
@media print, screen and (max-width: 767px) {
  #revew_list .revew_list__title .title h1 {
    font-size: 12px;
  }
}
#revew_list ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#revew_list ul li {
  width: 20%;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1539px) {
  #revew_list ul li {
    width: 25%;
  }
}
@media print, screen and (max-width: 1179px) {
  #revew_list ul li {
    width: 33.3333%;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_list ul li {
    width: 50%;
  }
}
#revew_list ul li:nth-child(5n) {
  border-right: none;
}
@media print, screen and (max-width: 1539px) {
  #revew_list ul li:nth-child(5n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1539px) {
  #revew_list ul li:nth-child(4n) {
    border-right: none;
  }
}
@media print, screen and (max-width: 1179px) {
  #revew_list ul li:nth-child(4n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1539px) {
  #revew_list ul li:nth-child(3n) {
    border-right: none;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_list ul li:nth-child(3n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_list ul li:nth-child(2n) {
    border-right: none;
  }
}
#revew_list ul li .card {
  margin: 0;
  padding: 50px;
}
@media print, screen and (max-width: 767px) {
  #revew_list ul li .card {
    padding: 30px;
  }
}
#revew_list ul li .card a {
  display: block;
  margin: 0;
  padding: 0;
}
#revew_list ul li .card a .thumb {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
  width: 100%;
  border-radius: 5px;
  aspect-ratio: 3/4;
}
#revew_list ul li .card a .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#revew_list ul li .card a .caption {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media print, screen and (max-width: 767px) {
  #revew_list ul li .card a .caption {
    flex-direction: column;
  }
}
#revew_list ul li .card a .caption .photo {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  aspect-ratio: 1/1;
}
#revew_list ul li .card a .caption .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#revew_list ul li .card a .caption .staff_info {
  padding: 0 0 0 20px;
  width: calc(100% - 50px);
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #revew_list ul li .card a .caption .staff_info {
    padding: 10px 0 0;
    width: 100%;
  }
}
#revew_list ul li .card a .caption .staff_info .name {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 767px) {
  #revew_list ul li .card a .caption .staff_info .name {
    text-align: center;
  }
}
#revew_list ul li .card a .caption .staff_info .shop {
  font-size: 10px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 767px) {
  #revew_list ul li .card a .caption .staff_info .shop {
    text-align: center;
  }
}
#revew_list #pagination {
  margin: -1px 0 0;
  padding: 0;
}
#revew_list #pagination .product_pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 1px;
  padding: 0;
  height: 112px;
  border-top: #f0f0f0 solid 1px;
  background: #ffffff;
}
@media print, screen and (max-width: 1439px) {
  #revew_list #pagination .product_pager {
    height: 80px;
  }
}
#revew_list #pagination .product_pager .total {
  display: none;
}
#revew_list #pagination .product_pager .pager {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 112px;
  border-bottom: none;
  gap: 30px;
}
@media print, screen and (max-width: 1439px) {
  #revew_list #pagination .product_pager .pager {
    height: 80px;
  }
}
@media print, screen and (max-width: 1023px) {
  #revew_list #pagination .product_pager .pager {
    gap: 20px;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_list #pagination .product_pager .pager {
    gap: 5px;
  }
}
#revew_list #pagination .product_pager .pager .prev {
  position: relative;
  overflow: hidden;
  margin: 0 auto 0 0;
  width: 25%;
  height: 112px;
  border-right: #f0f0f0 solid 1px;
  text-indent: -9999px;
}
@media print, screen and (max-width: 1439px) {
  #revew_list #pagination .product_pager .pager .prev {
    height: 80px;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_list #pagination .product_pager .pager .prev {
    width: 60px;
  }
}
#revew_list #pagination .product_pager .pager .prev::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: url(../../../Contents/Common/arrow_slider_left.svg);
  background-position: center center;
  background-size: 10px auto;
  background-repeat: no-repeat;
  content: "";
  opacity: 0.1;
}
#revew_list #pagination .product_pager .pager .prev a {
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  height: 112px;
  background-image: url(../../../Contents/Common/arrow_slider_left.svg);
  background-position: center center;
  background-size: 10px auto;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1439px) {
  #revew_list #pagination .product_pager .pager .prev a {
    height: 80px;
  }
}
#revew_list #pagination .product_pager .pager .next {
  position: relative;
  overflow: hidden;
  margin: 0 0 0 auto;
  width: 25%;
  height: 112px;
  border-left: #f0f0f0 solid 1px;
  text-indent: -9999px;
}
@media print, screen and (max-width: 1439px) {
  #revew_list #pagination .product_pager .pager .next {
    height: 80px;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_list #pagination .product_pager .pager .next {
    width: 60px;
  }
}
#revew_list #pagination .product_pager .pager .next::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: url(../../../Contents/Common/arrow_slider_right.svg);
  background-position: center center;
  background-size: 10px auto;
  background-repeat: no-repeat;
  content: "";
  opacity: 0.1;
}
#revew_list #pagination .product_pager .pager .next a {
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  height: 112px;
  background-image: url(../../../Contents/Common/arrow_slider_right.svg);
  background-position: center center;
  background-size: 10px auto;
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1439px) {
  #revew_list #pagination .product_pager .pager .next a {
    height: 80px;
  }
}
#revew_list #pagination .product_pager span {
  border: none;
  background-color: transparent;
  font-weight: 600;
  font-size: 26px;
}
#revew_list #pagination .product_pager a {
  border: none;
  background-color: transparent;
  color: #a9a9a9;
  font-weight: 600;
  font-size: 26px;
}

#revew_detail {
  margin: -189px 0 0 -80px;
  padding: 0;
  background-color: #ffffff;
}
@media print, screen and (max-width: 1279px) {
  #revew_detail {
    margin: -160px 0 0 -60px;
    padding: 0;
    background-color: #ffffff;
  }
}
@media print, screen and (max-width: 1023px) {
  #revew_detail {
    margin: -160px -50px 0 -50px;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_detail {
    margin: -142px -30px 0 -30px;
  }
}
@media print, screen and (max-width: 599px) {
  #revew_detail {
    margin: -96px -30px 0 -30px;
  }
}
#revew_detail #dvProductDetailArea {
  margin: 0 auto;
  padding: 187px 0 0;
  /*max-width:1280px;
  border-right:#f0f0f0 solid 1px;
  border-left:#f0f0f0 solid 1px;*/
}
@media print, screen and (max-width: 1279px) {
  #revew_detail #dvProductDetailArea {
    padding: 158px 0 0;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_detail #dvProductDetailArea {
    padding: 140px 0 0;
  }
}
@media print, screen and (max-width: 599px) {
  #revew_detail #dvProductDetailArea {
    padding: 92px 0 0;
  }
}
#revew_detail #dvProductDetailArea #review_flex {
  display: flex;
  align-items: stretch;
  flex-direction: row-reverse;
  justify-content: space-between;
  border-top: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1023px) {
  #revew_detail #dvProductDetailArea #review_flex {
    flex-direction: column;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailImage {
  padding: 0 0 80px;
  width: calc(100% - 600px);
}
@media print, screen and (max-width: 1279px) {
  #revew_detail #dvProductDetailArea #review_flex #detailImage {
    width: 50%;
  }
}
@media print, screen and (max-width: 1023px) {
  #revew_detail #dvProductDetailArea #review_flex #detailImage {
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_detail #dvProductDetailArea #review_flex #detailImage {
    padding: 0;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailImage .detail_slider {
  overflow: hidden;
}
#revew_detail #dvProductDetailArea #review_flex #detailImage .detail_slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 80px 50px;
}
@media print, screen and (max-width: 1279px) {
  #revew_detail #dvProductDetailArea #review_flex #detailImage .detail_slider .swiper-slide {
    padding: 80px 50px 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  #revew_detail #dvProductDetailArea #review_flex #detailImage .detail_slider .swiper-slide {
    padding: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_detail #dvProductDetailArea #review_flex #detailImage .detail_slider .swiper-slide {
    padding: 50px 30px;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailImage .detail_slider .swiper-slide .fit {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  max-width: 600px;
  width: 100%;
  aspect-ratio: 1/1;
}
@media print, screen and (max-width: 1023px) {
  #revew_detail #dvProductDetailArea #review_flex #detailImage .detail_slider .swiper-slide .fit {
    max-width: 500px;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailImage .detail_slider .swiper-slide .fit img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media print, screen and (max-width: 1023px) {
  #revew_detail #dvProductDetailArea #review_flex #detailImage .detail_slider .swiper-slide .fit img {
    max-width: 500px;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailImage .thumb_slider {
  overflow: hidden;
  margin: 0 auto;
  padding: 0 80px;
  max-width: 800px;
}
@media print, screen and (max-width: 1279px) {
  #revew_detail #dvProductDetailArea #review_flex #detailImage .thumb_slider {
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_detail #dvProductDetailArea #review_flex #detailImage .thumb_slider {
    display: none;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailImage .thumb_slider .swiper-wrapper {
  align-items: center;
  justify-content: center;
}
#revew_detail #dvProductDetailArea #review_flex #detailImage .thumb_slider .swiper-slide .thumb {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border: #f0f0f0 solid 1px;
  border-radius: 50%;
  cursor: pointer;
}
#revew_detail #dvProductDetailArea #review_flex #detailImage .thumb_slider .swiper-slide .thumb img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne {
  position: relative;
  margin: 0;
  padding: 80px;
  width: 600px;
  border-right: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #revew_detail #dvProductDetailArea #review_flex #detailOne {
    padding: 80px 50px;
    width: 50%;
  }
}
@media print, screen and (max-width: 1023px) {
  #revew_detail #dvProductDetailArea #review_flex #detailOne {
    padding: 50px;
    width: 100%;
    border-top: #f0f0f0 solid 1px;
    border-right: none;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_detail #dvProductDetailArea #review_flex #detailOne {
    padding: 50px 30px 0;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailOne p.en {
  margin: 0 0 20px;
  letter-spacing: 0.5px;
  font-size: 18px;
}
@media print, screen and (max-width: 767px) {
  #revew_detail #dvProductDetailArea #review_flex #detailOne p.en {
    margin: 0 0 10px;
    font-size: 16px;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailOne h1 {
  margin: 0 0 40px;
  padding: 0;
  text-align: left;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 767px) {
  #revew_detail #dvProductDetailArea #review_flex #detailOne h1 {
    font-size: 20px;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .cd_message {
  margin: 30px 0 30px;
  padding: 0;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .cd_message p {
  margin: 0;
  padding: 0;
  text-align: justify;
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  #revew_detail #dvProductDetailArea #review_flex #detailOne .cd_message p br {
    display: none;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .coordinateImage {
  margin: 40px 0 0;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .coordinateImage ul li {
  display: block;
  margin: 0 0 10px;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .coordinateImage p.en {
  margin: 0 0 20px;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .coordinateImage a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .coordinateImage a .thumb {
  padding: 10px;
  width: 80px;
  height: auto;
  border: #f0f0f0 solid 1px;
  aspect-ratio: 1/1;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .coordinateImage a .thumb img {
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .coordinateImage a .caption {
  padding: 0 0 0 30px;
  width: calc(100% - 80px);
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .coordinateImage a .caption .name {
  margin: 0 0 5px;
  padding: 0;
  font-size: 14px;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .coordinateImage a .caption .productPrice {
  font-size: 12px;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 80px -80px 0;
  padding: 50px 80px;
  border-top: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1279px) {
  #revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box {
    margin: 80px -60px 0;
    padding: 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  #revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box {
    margin: 50px -50px 0;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box {
    margin: 50px -30px 0;
    padding: 40px 30px;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box h3 {
  position: absolute;
  top: -12px;
  left: 60px;
  padding: 0 20px;
  background: #ffffff;
  font-size: 20px;
}
@media print, screen and (max-width: 1279px) {
  #revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box h3 {
    left: 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box h3 {
    left: 10px;
  }
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box .beforefollow {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 36px;
  border-bottom: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
  border-bottom-left-radius: 10px;
  background-color: #ffffff;
  color: #464646;
  font-weight: 500;
  font-size: 11px;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box .afterfollow {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 36px;
  border-bottom-left-radius: 10px;
  background-color: #353535;
  color: #ffffff;
  font-weight: 500;
  font-size: 11px;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box .photo {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  aspect-ratio: 1/1;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box .staff_info {
  padding: 0 0 0 20px;
  width: calc(100% - 50px);
  line-height: 2em;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box .staff_info .name {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.8em;
}
#revew_detail #dvProductDetailArea #review_flex #detailOne .staff_box .staff_info .shop {
  font-size: 11px;
  line-height: 1.8em;
}

.StaffList {
  margin: 0 0 0 -80px;
  padding: 40px 0 0;
  border-top: #f0f0f0 solid 1px;
  background-color: #ffffff;
}
@media print, screen and (max-width: 1279px) {
  .StaffList {
    margin: 0 0 0 -60px;
  }
}
@media print, screen and (max-width: 1023px) {
  .StaffList {
    margin: 0 -50px;
    padding: 30px 0 0;
  }
}
@media print, screen and (max-width: 767px) {
  .StaffList {
    margin: 0 -30px 0 -30px;
    padding: 20px 0 0;
  }
}
.StaffList .MoreList .title {
  margin: 0;
  padding: 0 80px 40px;
  border-bottom: #f0f0f0 solid 1px;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 24px;
}
@media print, screen and (max-width: 1279px) {
  .StaffList .MoreList .title {
    padding: 0 50px 40px;
  }
}
@media print, screen and (max-width: 1023px) {
  .StaffList .MoreList .title {
    padding: 0 50px 30px;
  }
}
@media print, screen and (max-width: 767px) {
  .StaffList .MoreList .title {
    padding: 0 30px 20px;
    font-size: 20px;
  }
}
.StaffList .MoreList ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 -1px;
}
.StaffList .MoreList ul li {
  width: 20%;
  border-right: #f0f0f0 solid 1px;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 1539px) {
  .StaffList .MoreList ul li {
    width: 25%;
  }
}
@media print, screen and (max-width: 1179px) {
  .StaffList .MoreList ul li {
    width: 33.3333%;
  }
}
@media print, screen and (max-width: 767px) {
  .StaffList .MoreList ul li {
    width: 50%;
  }
}
.StaffList .MoreList ul li:nth-child(5n) {
  border-right: none;
}
@media print, screen and (max-width: 1539px) {
  .StaffList .MoreList ul li:nth-child(5n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1539px) {
  .StaffList .MoreList ul li:nth-child(4n) {
    border-right: none;
  }
}
@media print, screen and (max-width: 1179px) {
  .StaffList .MoreList ul li:nth-child(4n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 1539px) {
  .StaffList .MoreList ul li:nth-child(3n) {
    border-right: none;
  }
}
@media print, screen and (max-width: 767px) {
  .StaffList .MoreList ul li:nth-child(3n) {
    border-right: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  .StaffList .MoreList ul li:nth-child(2n) {
    border-right: none;
  }
}
.StaffList .MoreList ul li .card {
  margin: 0;
  padding: 50px;
}
@media print, screen and (max-width: 767px) {
  .StaffList .MoreList ul li .card {
    padding: 30px;
  }
}
.StaffList .MoreList ul li .card a {
  display: block;
  margin: 0;
  padding: 0;
}
.StaffList .MoreList ul li .card a .thumb {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
  width: 100%;
  border-radius: 5px;
  aspect-ratio: 3/4;
}
.StaffList .MoreList ul li .card a .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.StaffList .MoreList ul li .card a .caption {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media print, screen and (max-width: 767px) {
  .StaffList .MoreList ul li .card a .caption {
    flex-direction: column;
  }
}
.StaffList .MoreList ul li .card a .caption .photo {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  aspect-ratio: 1/1;
}
.StaffList .MoreList ul li .card a .caption .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.StaffList .MoreList ul li .card a .caption .staff_info {
  padding: 0 0 0 20px;
  width: calc(100% - 50px);
  line-height: 2em;
}
@media print, screen and (max-width: 767px) {
  .StaffList .MoreList ul li .card a .caption .staff_info {
    padding: 10px 0 0;
    width: 100%;
  }
}
.StaffList .MoreList ul li .card a .caption .staff_info .name {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 767px) {
  .StaffList .MoreList ul li .card a .caption .staff_info .name {
    text-align: center;
  }
}
.StaffList .MoreList ul li .card a .caption .staff_info .shop {
  font-size: 10px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 767px) {
  .StaffList .MoreList ul li .card a .caption .staff_info .shop {
    text-align: center;
  }
}

#guide {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 0 0 -80px;
  padding: 0 70px 100px 0;
  background-color: #ffffff;
}
@media print, screen and (max-width: 1279px) {
  #guide {
    margin: 0 0 0 -60px;
    padding: 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide {
    margin: 0 -50px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide {
    display: block;
    margin: 0 -30px;
  }
}
#guide #guide_menu {
  padding: 100px 70px 70px;
  width: 360px;
}
@media print, screen and (max-width: 1439px) {
  #guide #guide_menu {
    padding: 100px 50px 70px;
    width: 300px;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_menu {
    padding: 50px 50px 70px;
    width: 260px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_menu {
    position: fixed;
    top: 100%;
    left: 0;
    z-index: 9999;
    overflow: auto;
    padding: 0 0 0 30px;
    width: 100%;
    height: calc(100svh - 56px);
    background: #ffffff;
    transition: top 0.7s cubic-bezier(0.26, 0.63, 0, 0.99);
  }
  #guide #guide_menu.js-open {
    top: 56px;
  }
}
#guide #guide_menu .guide_menu__close {
  display: none;
}
@media print, screen and (max-width: 767px) {
  #guide #guide_menu .guide_menu__close {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    right: 0;
    z-index: 5;
    display: flex;
    margin: 0 0 10px auto;
    padding: 0;
    width: 40px;
    height: 40px;
    border-bottom: #f0f0f0 solid 1px;
    border-left: #f0f0f0 solid 1px;
    background: #ffffff;
  }
  #guide #guide_menu .guide_menu__close::before {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 15px;
    height: 1px;
    background-color: #000000;
    content: "";
    transform: rotate(45deg);
  }
  #guide #guide_menu .guide_menu__close::after {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 15px;
    height: 1px;
    background-color: #000000;
    content: "";
    transform: rotate(-45deg);
  }
}
#guide #guide_menu .guide_title {
  margin: 0 0 50px;
  letter-spacing: 1px;
  font-size: 24px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_menu .guide_title {
    margin: 0 0 40px;
    letter-spacing: 1px;
    font-size: 22px;
  }
}
#guide #guide_menu ul {
  margin: 0 0 60px;
  padding: 0;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_menu ul {
    margin: 0 0 50px;
  }
}
#guide #guide_menu ul li {
  margin: 0 0 30px;
  padding: 0;
  font-size: 13px;
}
@media print, screen and (max-width: 767px) {
  #guide #guide_menu ul li {
    margin: 0;
    border-bottom: #f0f0f0 solid 1px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_menu ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
  }
}
#guide #guide_content {
  margin: 0 auto;
  padding: 100px 0 0;
  max-width: 1000px;
  width: calc(100% - 360px);
}
@media print, screen and (max-width: 1439px) {
  #guide #guide_content {
    width: calc(100% - 300px);
  }
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content {
    margin: 0 0 -1px;
    padding: 0;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content {
    width: calc(100% - 260px);
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content {
    width: 100%;
  }
}
#guide #guide_content #guideTitle {
  position: relative;
  display: none;
  align-items: flex-end;
  justify-content: space-between;
  padding: 15px 30px;
  width: 100%;
  border-bottom: #f0f0f0 solid 1px;
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content #guideTitle {
    display: flex;
  }
}
#guide #guide_content #guideTitle .title {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 22px;
}
#guide #guide_content #guideTitle .guide_menu__btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  font-size: 12px;
}
#guide #guide_content #guideTitle .guide_menu__btn i {
  margin: 0 10px 0 0;
}
#guide #guide_content h1 {
  margin: 0 0 40px;
  font-weight: 500;
  font-size: 18px;
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content h1 {
    margin: 0 0 30px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content h1 {
    margin: -50px -30px 40px;
    padding: 15px 30px;
    border-bottom: #f0f0f0 solid 1px;
    font-size: 16px;
  }
}
#guide #guide_content h2 {
  margin: 0 0 40px;
  font-weight: 500;
  font-size: 18px;
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content h2 {
    margin: 0 0 30px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content h2 {
    margin: 0 0 20px;
  }
}
#guide #guide_content h3 {
  margin: 0 0 30px;
  font-weight: 500;
  font-size: 16px;
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content h3 {
    font-size: 15px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content h3 {
    margin: 0 0 20px;
  }
}
#guide #guide_content .links {
  margin: 0 0 50px;
}
#guide #guide_content .links li {
  line-height: 2.2em;
}
#guide #guide_content .links li a {
  padding: 0 0 0 20px;
  background-image: url(../../Contents/Common/arrow_small_right_bk.svg);
  background-position: left center;
  background-repeat: no-repeat;
  text-decoration: underline;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .links li a {
    font-size: 13px;
  }
}
#guide #guide_content .guide_wrapper {
  margin: 0 0 30px;
  padding: 70px;
  border: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide_wrapper {
    margin: 0;
    padding: 50px;
    border-top: none;
    border-right: none;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide_wrapper {
    padding: 50px 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide_wrapper {
    margin: -1px 0 0;
    padding: 50px 30px 50px;
    border: none;
    border-top: #f0f0f0 solid 1px;
    background-color: #ffffff;
  }
}
#guide #guide_content .guide_wrapper .guide_box {
  position: relative;
  margin: 0 0 40px;
  padding: 50px;
  border: #f0f0f0 solid 1px;
  background-color: #ffffff;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide_wrapper .guide_box {
    padding: 50px 40px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide_wrapper .guide_box {
    padding: 0;
    border: none;
  }
}
#guide #guide_content .guide_wrapper .guide_box:last-of-type {
  margin: 0;
}
#guide #guide_content .guide_wrapper .guide_box p {
  text-align: justify;
  font-size: 14px;
  line-height: 2.2em;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide_wrapper .guide_box p {
    font-size: 13px;
  }
}
#guide #guide_content .guide_wrapper .guide_box p.note {
  font-size: 12px;
}
#guide #guide_content .guide_wrapper .guide_box p.mb {
  margin: 0 0 20px;
}
#guide #guide_content .guide_wrapper .guide_box p .underline {
  text-decoration: underline;
}
#guide #guide_content .guide_wrapper .guide_box p a {
  text-decoration: underline;
}
#guide #guide_content .guide_wrapper .guide_box .guide_box__title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide_wrapper .guide_box .guide_box__title {
    flex-direction: column;
    margin: 0 0 20px;
  }
  #guide #guide_content .guide_wrapper .guide_box .guide_box__title h3 {
    margin: 0 0 20px;
  }
}
#guide #guide_content .guide01 .guide_box {
  padding: 50px 0;
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide01 .guide_box {
    border: #f0f0f0 solid 1px;
  }
}
#guide #guide_content .guide01 .guide_box .step {
  position: absolute;
  top: -10px;
  left: -20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 70px;
  height: 70px;
  border: #f0f0f0 solid 1px;
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 13px;
}
#guide #guide_content .guide01 .guide_box .step span {
  padding-top: 3px;
  font-size: 26px;
}
#guide #guide_content .guide01 .guide_box .flow_flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 150px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide01 .guide_box .flow_flex {
    flex-direction: column;
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide01 .guide_box .flow_flex {
    padding: 0 30px;
  }
}
#guide #guide_content .guide01 .guide_box .flow_flex .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide01 .guide_box .flow_flex .icon {
    width: 180px;
  }
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide01 .guide_box .flow_flex .icon img {
    width: 50px;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide01 .guide_box .flow_flex .icon {
    padding: 30px 0 30px;
    width: 100%;
  }
}
#guide #guide_content .guide01 .guide_box .flow_flex .description {
  padding: 0 50px 0 0;
  width: calc(100% - 230px);
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide01 .guide_box .flow_flex .description {
    width: calc(100% - 180px);
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide01 .guide_box .flow_flex .description {
    padding: 0;
    width: 100%;
  }
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide01 .guide_box .flow_flex .description p br {
    display: none;
  }
}
#guide #guide_content .guide01 .guide_box .flow_flex .description p b {
  display: block;
}
#guide #guide_content .guide01 .guide_box .flow_flex .description ul li {
  line-height: 2.2em;
}
#guide #guide_content .guide01 .guide_box .flow_flex .description ul li a {
  padding: 0 0 0 20px;
  background-image: url(../../Contents/Common/arrow_small_right_bk.svg);
  background-position: left center;
  background-repeat: no-repeat;
  text-decoration: underline;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide01 .guide_box .flow_flex .description ul li a {
    font-size: 13px;
  }
}
#guide #guide_content .guide01 .guide_box.reserve {
  padding: 50px 50px 30px;
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide01 .guide_box.reserve {
    padding: 0;
    border: none;
  }
}
#guide #guide_content .guide01 .guide_box.reserve p {
  margin: 0 0 20px;
  text-align: justify;
  font-size: 14px;
  line-height: 2.2em;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide01 .guide_box.reserve p {
    font-size: 13px;
  }
}
#guide #guide_content .guide02 .delive_time {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto;
  max-width: 520px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide02 .delive_time {
    justify-content: space-between;
    max-width: inherit;
    gap: 5px;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide02 .delive_time li {
    width: calc(50% - 5px);
  }
}
#guide #guide_content .guide02 .delive_time li .time {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px 5px;
  width: 100px;
  height: 100px;
  border: #f0f0f0 solid 1px;
  border-radius: 100px;
  background-color: #f9f9f9;
  font-weight: 700;
  font-size: 13px;
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide02 .delive_time li .time {
    margin: 0 5px 5px;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide02 .delive_time li .time {
    width: 100%;
    height: 40px;
    border-radius: 0;
  }
}
#guide #guide_content .guide02 .delive_free {
  text-align: right;
  font-size: 13px;
}
#guide #guide_content .guide02 .delive_fee {
  border-top: #f0f0f0 solid 1px;
  border-right: #f0f0f0 solid 1px;
  border-left: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
}
#guide #guide_content .guide02 .delive_fee li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: 70px;
  border-bottom: #f0f0f0 solid 1px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide02 .delive_fee li {
    padding: 0 20px;
  }
}
#guide #guide_content .guide02 .delive_fee li span {
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide02 .delive_fee li span {
    font-size: 13px;
  }
}
#guide #guide_content .guide02 .delive_fee li br {
  display: none;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide02 .delive_fee li br {
    display: block;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide03 p br {
    display: none;
  }
}
#guide #guide_content .guide03 p br.tab {
  display: none;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide03 p br.tab {
    display: block;
  }
}
#guide #guide_content .guide03 .payment_box {
  margin: 70px 0 0;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide03 .payment_box {
    margin: 50px 0 0;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide03 .payment_box {
    margin: 20px 0 0;
    padding: 30px 20px;
    border: #f0f0f0 solid 1px;
  }
}
#guide #guide_content .guide03 .payment_box h4 {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 14px;
}
#guide #guide_content .guide03 .payment_box .payment_logo {
  margin: 30px 0 0;
  line-height: 0;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide03 .payment_box .payment_logo img {
    width: auto;
    height: 26px;
  }
}
@media print, screen and (max-width: 420px) {
  #guide #guide_content .guide03 .payment_box .payment_logo img {
    width: 100%;
    height: auto;
  }
}
#guide #guide_content .guide03 .payment_box .payment_logo_before {
  margin: 30px 0 10px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide03 .payment_box .payment_logo_before img {
    width: auto;
    height: 26px;
  }
}
#guide #guide_content .guide03 .payment_box .commission li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  height: 50px;
  border-bottom: #f0f0f0 solid 1px;
}
#guide #guide_content .guide03 .payment_box .commission li span {
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide03 .payment_box .commission li span {
    font-size: 13px;
  }
}
#guide #guide_content .guide03 .payment_box .commission li.header span {
  font-size: 12px;
}
#guide #guide_content .guide04 h3 {
  margin: 50px 0 20px;
}
#guide #guide_content .guide04 figure {
  margin: 10px 0 0;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide04 figure {
    margin: 20px 0 0;
  }
}
#guide #guide_content .guide04 figure img {
  max-width: 100%;
  height: auto;
}
#guide #guide_content .guide05 .service {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 50px 0 0;
  gap: 30px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide05 .service {
    gap: 10px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide05 .service {
    margin: 30px 0 0;
  }
}
#guide #guide_content .guide05 .service li {
  margin: 0;
  padding: 0;
  width: calc(50% - 15px);
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide05 .service li {
    width: calc(50% - 5px);
  }
}
#guide #guide_content .guide05 .service li a {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding: 0 0 50px;
  border: #f0f0f0 solid 1px;
  background-color: #f9f9f9;
  aspect-ratio: 1/1;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide05 .service li a {
    padding: 0 0 20px;
  }
}
#guide #guide_content .guide05 .service li a i img {
  width: 50px;
  height: auto;
}
@media print, screen and (max-width: 1179px) {
  #guide #guide_content .guide05 .service li a i img {
    width: 40px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide05 .service li a i img {
    width: 30px;
  }
}
#guide #guide_content .guide05 .service li a .caption {
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  padding: 0 20px;
  text-align: center;
  font-size: 13px;
  line-height: 2em;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide05 .service li a .caption {
    bottom: 20px;
    left: 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1.6em;
  }
}
#guide #guide_content .guide05 .service li a .caption span {
  font-size: 11px;
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide05 .service li a .caption span {
    font-size: 10px;
  }
}
#guide #guide_content .guide05 .service li a .free {
  position: absolute;
  top: 25px;
  right: -60px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 30px;
  background-color: #e14141;
  color: #ffffff;
  transform: rotate(45deg);
  transform-origin: center;
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide05 .service li a .free {
    top: 17px;
    right: -65px;
    font-size: 12px;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide05 .service li a .free {
    top: 10px;
    right: -75px;
    font-size: 12px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide05 .service li a .free {
    height: 22px;
  }
}
#guide #guide_content .guide05 .service li a .only {
  position: absolute;
  top: 25px;
  right: -60px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 30px;
  background-color: #3f3f3f;
  color: #ffffff;
  transform: rotate(45deg);
  transform-origin: center;
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide05 .service li a .only {
    top: 17px;
    right: -65px;
    font-size: 12px;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide05 .service li a .only {
    top: 10px;
    right: -75px;
    font-size: 12px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide05 .service li a .only {
    height: 22px;
  }
}
#guide #guide_content .guide06 .guide_box {
  padding: 70px;
}
@media print, screen and (max-width: 1439px) {
  #guide #guide_content .guide06 .guide_box {
    padding: 50px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide06 .guide_box {
    padding: 0;
  }
}
#guide #guide_content .guide06 .guide_kv {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 50px;
  padding: 0;
}
@media print, screen and (max-width: 860px) {
  #guide #guide_content .guide06 .guide_kv {
    flex-direction: column-reverse;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide06 .guide_kv {
    flex-direction: column-reverse;
    margin: 50px auto 0;
    padding: 0 30px;
  }
}
#guide #guide_content .guide06 .guide_kv .card {
  margin: 0;
  width: 50%;
}
@media print, screen and (max-width: 1100px) {
  #guide #guide_content .guide06 .guide_kv .card {
    width: 35%;
  }
}
@media print, screen and (max-width: 860px) {
  #guide #guide_content .guide06 .guide_kv .card {
    margin: 0 0 0 -40px;
    width: 80%;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide06 .guide_kv .card {
    margin: 0 0 0 -50px;
    max-width: 450px;
    width: 100%;
  }
}
#guide #guide_content .guide06 .guide_kv .card img {
  margin: 0 -10%;
  width: 120%;
  height: auto;
}
@media print, screen and (max-width: 1100px) {
  #guide #guide_content .guide06 .guide_kv .card img {
    margin: 0 0 0 -40%;
    width: 180%;
  }
}
@media print, screen and (max-width: 860px) {
  #guide #guide_content .guide06 .guide_kv .card img {
    margin: 0;
    width: 100%;
  }
}
#guide #guide_content .guide06 .guide_kv .card_title {
  margin: 0;
  padding: 0 0 0 50px;
  width: 50%;
  text-align: right;
  letter-spacing: 3px;
  font-weight: 700;
  font-size: 14px;
  line-height: 2.4em;
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide06 .guide_kv .card_title {
    letter-spacing: 1px;
    font-size: 12px;
  }
}
@media print, screen and (max-width: 1100px) {
  #guide #guide_content .guide06 .guide_kv .card_title {
    padding: 0 0 0 30px;
    width: 65%;
  }
}
@media print, screen and (max-width: 860px) {
  #guide #guide_content .guide06 .guide_kv .card_title {
    padding: 0 0 30px;
    width: 100%;
    text-align: center;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide06 .guide_kv .card_title {
    margin: 0 0 40px;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
  }
}
#guide #guide_content .guide06 .guide_kv .card_title span {
  letter-spacing: 2px;
  font-size: 14px;
}
#guide #guide_content .guide06 .guide_kv .card_title span.en {
  color: #000000;
  letter-spacing: 2px;
  font-size: 2.6vw;
  line-height: 1.1em;
}
@media print, screen and (max-width: 1679px) {
  #guide #guide_content .guide06 .guide_kv .card_title span.en {
    font-size: 3vw;
  }
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide06 .guide_kv .card_title span.en {
    letter-spacing: 1px;
    font-size: 3.5vw;
  }
}
@media print, screen and (max-width: 860px) {
  #guide #guide_content .guide06 .guide_kv .card_title span.en {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 1099px) {
  #guide #guide_content .guide06 p br {
    display: none;
  }
}
#guide #guide_content .guide06 .tokuten {
  margin: 20px 0 50px;
}
#guide #guide_content .guide06 .tokuten li {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: justify;
  line-height: 2.2em;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide06 .tokuten li {
    font-size: 13px;
  }
}
#guide #guide_content .guide06 .tokuten li::before {
  content: "● ";
}
#guide #guide_content .guide06 .rank_up {
  margin: 40px 0 0;
}
#guide #guide_content .guide06 .rank_up ul li {
  margin: 0 0 20px;
}
#guide #guide_content .guide06 .rank_up ul li.header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 60px 0 200px;
  line-height: 1.6em;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide06 .rank_up ul li.header {
    padding: 0 20px 0 100px;
  }
}
#guide #guide_content .guide06 .rank_up ul li.header span {
  font-size: 13px;
}
#guide #guide_content .guide06 .rank_up ul li.header span small {
  font-size: 11px;
}
#guide #guide_content .guide06 .rank_up ul li.rank01 .rank_bar {
  background-color: #e8e8e6;
}
#guide #guide_content .guide06 .rank_up ul li.rank01 .rank_name {
  background-color: #ffffff;
}
#guide #guide_content .guide06 .rank_up ul li.rank01 .rank_condition {
  color: #6c6c6c;
}
#guide #guide_content .guide06 .rank_up ul li.rank01 .rank_tokuten {
  color: #6c6c6c;
}
#guide #guide_content .guide06 .rank_up ul li.rank02 .rank_bar {
  background-color: #c7c7c7;
}
#guide #guide_content .guide06 .rank_up ul li.rank02 .rank_name {
  background-color: #9b9b9b;
  color: #ffffff;
}
#guide #guide_content .guide06 .rank_up ul li.rank02 .rank_condition {
  color: #6b6b6b;
}
#guide #guide_content .guide06 .rank_up ul li.rank02 .rank_tokuten {
  color: #6b6b6b;
}
#guide #guide_content .guide06 .rank_up ul li.rank03 .rank_bar {
  background-color: #c3bc9e;
}
#guide #guide_content .guide06 .rank_up ul li.rank03 .rank_name {
  background-color: #564923;
  color: #ffffff;
}
#guide #guide_content .guide06 .rank_up ul li.rank03 .rank_condition {
  color: #564923;
}
#guide #guide_content .guide06 .rank_up ul li.rank03 .rank_tokuten {
  color: #564923;
}
#guide #guide_content .guide06 .rank_up ul li.rank04 .rank_bar {
  background-color: #434343;
}
#guide #guide_content .guide06 .rank_up ul li.rank04 .rank_name {
  background-color: #000000;
  color: #e6e6e6;
}
#guide #guide_content .guide06 .rank_up ul li.rank04 .rank_condition {
  color: #e6e6e6;
}
#guide #guide_content .guide06 .rank_up ul li.rank04 .rank_tokuten {
  color: #e6e6e6;
}
#guide #guide_content .guide06 .rank_up ul li .rank_bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 30px;
  border-radius: 10px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar {
    padding: 20px;
  }
}
#guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  font-size: 16px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_name {
    width: 80px;
    height: 80px;
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_name {
    width: 70px;
    height: 70px;
  }
}
#guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_condition {
  margin: 0 0 0 80px;
  padding: 0;
  width: 140px;
}
@media print, screen and (max-width: 11179px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_condition {
    margin: 0 0 0 50px;
  }
}
@media print, screen and (max-width: 1099px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_condition {
    margin: 0 0 0 40px;
    width: 100px;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_condition {
    margin: 0 0 0 30px;
    width: 80px;
  }
}
@media print, screen and (max-width: 850px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_condition {
    margin: 0 0 0 20px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_condition {
    margin: 0 10px;
    width: 70px;
    text-align: center;
    font-size: 11px;
  }
}
#guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_condition b {
  padding: 0 10px 0 0;
  font-weight: 600;
  font-size: 40px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_condition b {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_condition b {
    padding: 0 5px 0 0;
    font-size: 26px;
  }
}
#guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_tokuten {
  margin: 0 0 0 auto;
  text-align: right;
  font-size: 15px;
  line-height: 2em;
}
@media print, screen and (max-width: 1099px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_tokuten {
    width: calc(100% - 190px);
    font-size: 12px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide06 .rank_up ul li .rank_bar .rank_tokuten {
    width: calc(100% - 160px);
    font-size: 12px;
  }
}
#guide #guide_content .guide07 h3 {
  margin: 50px 0 20px;
}
@media print, screen and (max-width: 1179px) {
  #guide #guide_content .guide07 p br {
    display: none;
  }
}
#guide #guide_content .guide07 .tokuten_box {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  margin: 0 0 30px;
  padding: 50px 0;
  border: #f0f0f0 solid 1px;
}
#guide #guide_content .guide07 .tokuten_box .free {
  position: absolute;
  top: 25px;
  right: -60px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 30px;
  background-color: #e14141;
  color: #ffffff;
  transform: rotate(45deg);
  transform-origin: center;
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide07 .tokuten_box .free {
    top: 17px;
    right: -65px;
    font-size: 12px;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide07 .tokuten_box .free {
    top: 10px;
    right: -75px;
    font-size: 12px;
  }
}
#guide #guide_content .guide07 .tokuten_box dl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide07 .tokuten_box dl {
    flex-direction: column;
  }
}
#guide #guide_content .guide07 .tokuten_box dl dt {
  margin: 0;
  padding: 0;
  width: 184px;
  text-align: center;
}
@media print, screen and (max-width: 1179px) {
  #guide #guide_content .guide07 .tokuten_box dl dt {
    width: 124px;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide07 .tokuten_box dl dt {
    margin: 0 0 40px;
    width: 100%;
  }
}
#guide #guide_content .guide07 .tokuten_box dl dt img {
  width: 60px;
  height: auto;
}
@media print, screen and (max-width: 1179px) {
  #guide #guide_content .guide07 .tokuten_box dl dt img {
    width: 50px;
  }
}
#guide #guide_content .guide07 .tokuten_box dl dd {
  padding: 0 50px 0 0;
  width: calc(100% - 184px);
}
@media print, screen and (max-width: 1179px) {
  #guide #guide_content .guide07 .tokuten_box dl dd {
    width: calc(100% - 124px);
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide07 .tokuten_box dl dd {
    padding: 0 30px;
    width: 100%;
  }
}
@media print, screen and (max-width: 1179px) {
  #guide #guide_content .guide07 .tokuten_box dl dd p br {
    display: block;
  }
}
#guide #guide_content .guide08 h3 {
  margin: 50px 0 20px;
}
@media print, screen and (max-width: 1099px) {
  #guide #guide_content .guide08 p.mb br {
    display: none;
  }
}
#guide #guide_content .guide08 .adjust {
  margin: 50px 0 0;
}
#guide #guide_content .guide08 .adjust ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide08 .adjust ul {
    gap: 10px;
  }
}
#guide #guide_content .guide08 .adjust ul li {
  width: calc((100% - 40px) / 3);
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide08 .adjust ul li {
    gwidth: calc((100% - 20px) / 3);
  }
}
#guide #guide_content .guide08 .adjust ul li .photo {
  margin: 0 0 20px;
  padding: 0;
}
#guide #guide_content .guide08 .adjust ul li .photo img {
  width: 100%;
  height: auto;
}
#guide #guide_content .guide08 .adjust ul li .size {
  text-align: center;
}
#guide #guide_content .guide08 .adjust ul li .size span {
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide08 .adjust ul li .size span {
    font-size: 13px;
  }
}
#guide #guide_content .guide08 .adjust ul li .size .adjust_size {
  padding: 10px 0 0;
  text-align: center;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide08 .adjust ul li .size .adjust_size {
    font-size: 13px;
  }
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide08 .adjust ul li .size .adjust_size {
    font-size: 12px;
  }
}
#guide #guide_content .guide08 .adjust ul li .size .adjust_size span {
  padding: 0 0 0 5px;
  font-size: 16px;
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide08 .adjust ul li .size .adjust_size span {
    padding: 0;
  }
}
#guide #guide_content .guide08 .adjust ul li .size .adjust_size span b {
  font-weight: 600;
  font-size: 24px;
}
@media print, screen and (max-width: 767px) {
  #guide #guide_content .guide08 .adjust ul li .size .adjust_size span b {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide09 {
    height: 100%;
  }
}
@media print, screen and (max-width: 1279px) {
  #guide #guide_content .guide09 .guide_wrapper {
    height: 100%;
  }
}
@media print, screen and (max-width: 1129px) {
  #guide #guide_content .guide09 p br {
    display: none;
  }
}
#guide #guide_content .guide09 .wrapping_image {
  margin: 50px 0 0 auto;
  max-width: 450px;
}
@media print, screen and (max-width: 1439px) {
  #guide #guide_content .guide09 .wrapping_image {
    max-width: 350px;
  }
}
#guide #guide_content .guide09 .wrapping_image img {
  width: 100%;
  height: auto;
}
@media print, screen and (max-width: 1099px) {
  #guide #guide_content .guide10 p br {
    display: none;
  }
}
#guide #guide_content .guide10 .how_to {
  margin: 40px 0 0;
}
#guide #guide_content .guide10 .how_to ul {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
}
@media print, screen and (max-width: 1439px) {
  #guide #guide_content .guide10 .how_to ul {
    display: block;
  }
}
#guide #guide_content .guide10 .how_to ul li {
  padding: 40px;
  width: calc(50% - 10px);
  border: #f0f0f0 solid 1px;
  background: #f9f9f9;
}
@media print, screen and (max-width: 1439px) {
  #guide #guide_content .guide10 .how_to ul li {
    margin: 0 0 30px;
    width: 100%;
  }
  #guide #guide_content .guide10 .how_to ul li:last-child {
    margin: 0;
  }
}
#guide #guide_content .guide10 .how_to ul li .case_title {
  margin: 0 0 30px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
}
@media print, screen and (max-width: 1439px) {
  #guide #guide_content .guide10 .how_to ul li .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide10 .how_to ul li .flex {
    flex-direction: column;
  }
}
#guide #guide_content .guide10 .how_to ul li .image {
  margin: 0 0 20px;
  padding: 0 40px;
  width: 100%;
}
#guide #guide_content .guide10 .how_to ul li .image img {
  width: 100%;
  height: auto;
}
@media print, screen and (max-width: 1439px) {
  #guide #guide_content .guide10 .how_to ul li .image {
    padding: 0;
    width: 180px;
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide10 .how_to ul li .image {
    width: 160px;
  }
}
#guide #guide_content .guide10 .how_to ul li p {
  padding: 0 20px;
  font-size: 13px;
  line-height: 2em;
}
@media print, screen and (max-width: 1439px) {
  #guide #guide_content .guide10 .how_to ul li p {
    padding: 0 0 0 40px;
    width: calc(100% - 180px);
  }
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide10 .how_to ul li p {
    padding: 0;
    width: 100%;
  }
}
#guide #guide_content .guide10 .how_to ul li p a {
  display: block;
  margin: 10px 0 0;
  padding: 0 0 0 20px;
  background-image: url(../../Contents/Common/arrow_small_right_bk.svg);
  background-position: left center;
  background-repeat: no-repeat;
  text-decoration: underline;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide10 .how_to ul li p a {
    font-size: 13px;
  }
}
@media print, screen and (max-width: 1099px) {
  #guide #guide_content .guide11 p br {
    display: none;
  }
}
#guide #guide_content .guide11 .photo {
  margin: 0 0 50px;
}
#guide #guide_content .guide11 .photo img {
  width: 100%;
  height: auto;
}
#guide #guide_content .guide11 .links {
  margin: 10px 0 0;
}
#guide #guide_content .guide11 .links li {
  line-height: 2.2em;
}
#guide #guide_content .guide11 .links li a {
  padding: 0 0 0 20px;
  background-image: url(../../Contents/Common/arrow_small_right_bk.svg);
  background-position: left center;
  background-repeat: no-repeat;
  text-decoration: underline;
  font-weight: 500;
  font-size: 14px;
}
@media print, screen and (max-width: 1023px) {
  #guide #guide_content .guide11 .links li a {
    font-size: 13px;
  }
}
#guide #guide_content .guide11 h2 {
  margin: 0 0 20px;
}
#guide #guide_content .guide11 h3 {
  margin: 50px 0 20px;
}
/*# sourceMappingURL=custom.css.map */