@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap");
html {
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  line-height: 1;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
}

p {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

a:not(:has(.underline)):hover {
  text-decoration: none;
}

li {
  list-style-type: none;
}

@media screen and (max-width: 575px) {
  .table-main thead,
  .table-main tbody,
  .table-main tr,
  .table-main th,
  .table-main td {
    display: block;
    width: 100%;
  }
  .table-main thead img,
  .table-main tbody img,
  .table-main tr img,
  .table-main th img,
  .table-main td img {
    max-width: 100%;
  }
  .table-main td {
    padding-top: 0;
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .table-requid tr,
  .table-requid th,
  .table-requid td {
    display: block;
    width: 100%;
  }
  .table-requid tr img,
  .table-requid th img,
  .table-requid td img {
    max-width: 100%;
  }
}
.head-ad {
  font-size: 0.9em;
}
.head-ad a {
  color: #222;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
}

.head-ad {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  background: #fddca3;
}

.heder-inner {
  display: flex;
  flex-wrap: nowrap;
  height: 60px;
  padding: 3px 15px;
  font-size: 0.9em;
}

#ShopTitle {
  margin: -4px 0 0;
  padding: 0;
}
#ShopTitle a {
  display: inline-block;
}
#ShopTitle img {
  width: auto;
  height: 60px;
}

p#ShopTitle {
  padding: 3px 0 0;
}

.gnav {
  gap: 15px;
  margin-left: auto;
}
.gnav ul {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 0;
  padding: 0;
  gap: 10px;
}
.gnav ul a {
  display: flex;
  align-items: center;
  line-height: 0;
}
.gnav .mainnav a {
  padding: 0 10px;
  color: #222;
}
.gnav .mainnav i {
  padding: 0 4px 0 0;
  font-size: 1.3em;
}
.gnav .mainnav .nav-guide i {
  color: #999;
}
.gnav .mainnav .nav-about i {
  color: #e0e881;
}
.gnav .mainnav .nav-search i {
  color: #de4646;
}
.gnav .mainnav .nav-cart i {
  color: #3e9ef0;
}
@media screen and (max-width: 991px) {
  .gnav .mainnav i {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 767px) {
  .gnav .mainnav {
    gap: 4px;
  }
  .gnav .mainnav a {
    padding: 0 6px;
  }
}
.gnav.spnav li a {
  color: #222;
}
.gnav.spnav li i {
  font-size: 1.7em;
}
.gnav.spnav .nav-bar {
  position: relative;
  display: block;
  width: 20px;
  height: 22px;
  cursor: pointer;
}
.gnav.spnav .nav-bar i {
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 3px;
  background: #222;
  border-radius: 10px;
  transition: all 0.4s ease;
}
.gnav.spnav .nav-bar i:before {
  position: absolute;
  content: "";
  top: -8px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #222;
  border-radius: 10px;
  transition: all 0.4s ease;
}
.gnav.spnav .nav-bar i:after {
  position: absolute;
  content: "";
  top: 8px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #222;
  border-radius: 10px;
  transition: all 0.4s ease;
}
.gnav.spnav .nav-bar.active i {
  background: #fff;
}
.gnav.spnav .nav-bar.active i:before {
  top: 0;
  transform: rotate(225deg);
}
.gnav.spnav .nav-bar.active i:after {
  top: 0;
  transform: rotate(-225deg);
}
.gnav .suvnav li a {
  justify-content: center;
  width: 140px;
  height: 40px;
  border-radius: 4px;
  background: #222;
  color: #fff;
}
.gnav .suvnav li a i {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .gnav .suvnav li a {
    width: 120px;
  }
}

.toggle-menu {
  position: fixed;
  top: 94px;
  left: -100%;
  width: 100%;
  height: calc(100vh - 94px);
  height: calc(100dvh - 94px);
  background: rgba(0, 0, 0, 0.9);
  overflow-y: auto;
  z-index: 9999;
  transition: all 0.5s ease;
}
.toggle-menu p {
  padding: 10px 0;
  font-size: 1.1em;
  font-weight: 700;
  color: #fff;
}
.toggle-menu ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid #fff;
}
.toggle-menu li {
  border-bottom: 1px solid #fff;
}
.toggle-menu li a {
  display: block;
  padding: 10px 0;
  color: #fff;
}
.toggle-menu.active {
  left: 0;
}

footer {
  padding: 60px 0 0;
  text-align: ceter;
}
footer .copy {
  padding: 4px;
  font-size: 11px;
  text-align: center;
  color: #fff;
  background: #79551a;
}

.footer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.footer-btn a {
  display: flex;
  align-items: center;
  width: calc(50% - 25px);
  height: 50px;
  max-width: 300px;
  padding: 0 25px;
  border: 1px solid #aaa;
  border-radius: 30px;
  color: #222;
  transition: all 0.3s ease;
}
.footer-btn a i {
  font-size: 1.6em;
  margin-right: 6px;
}
.footer-btn a span {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  font-style: normal;
  color: #ff9234;
}
.footer-btn a .font-small {
  display: flex;
  margin-left: auto;
  font-size: 0.9em;
}
.footer-btn a:hover {
  background: #e9e9e9;
}
@media screen and (max-width: 575px) {
  .footer-btn {
    flex-direction: column;
    padding: 0 15px;
  }
  .footer-btn a {
    width: 100%;
    max-width: 100%;
  }
}

.footer-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 0;
  padding: 20px 15px;
}
.footer-nav li a {
  color: #222;
  font-size: 0.8em;
}
@media screen and (max-width: 767px) {
  .footer-nav {
    flex-direction: column;
    gap: 0;
  }
  .footer-nav li {
    width: 100%;
    border-bottom: 1px solid #aaa;
  }
  .footer-nav li a {
    display: block;
    padding: 15px;
    font-size: 1em;
  }
  .footer-nav li:first-of-type {
    border-top: 1px solid #aaa;
  }
}

.footer-sns {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 0;
}
.footer-sns a {
  color: #222;
  font-size: 1.6em;
}

#MainSection .parts h2 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}
#MainSection .parts img.kodawari {
  max-width: 100px;
}

.fixed-margin {
  min-height: calc(100vh - 243px);
  min-height: calc(100dvh - 243px);
  padding-top: 94px;
}

#PartsSidebarSearch {
  padding: 30px 0;
}
#PartsSidebarSearch form {
  display: flex;
  width: calc(100% - 30px);
  max-width: 620px;
  margin: auto;
  padding: 0;
  border: 1px solid #aaa;
  border-radius: 30px;
  overflow: hidden;
}
#PartsSidebarSearch form select {
  position: relative;
  width: 110px;
  padding: 4px 10px;
  border: none;
  box-shadow: none;
  font-size: 0.9em;
  border-right: 1px solid #aaa;
  border-radius: 0;
  overflow: hidden;
}
#PartsSidebarSearch form input {
  width: calc(100% - 300px);
  padding: 10px;
  border: none;
  box-shadow: none;
  font-size: 0.9em;
}
#PartsSidebarSearch form button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  padding: 0;
  border: none;
  background: #ff9234;
}
#PartsSidebarSearch form button i {
  color: #fff;
}
@media screen and (max-width: 575px) {
  #PartsSidebarSearch form select {
    width: 90px;
  }
  #PartsSidebarSearch form input {
    width: calc(100% - 230px);
  }
  #PartsSidebarSearch form button {
    width: 50px;
  }
}

#Top #PartsSidebarSearch {
  padding: 0 0 30px;
}
@media screen and (max-width: 575px) {
  #Top {
    padding: 0;
  }
}
#Top #PartsTopNewarrival + #PartsSidebarSearch {
  margin: -50px 0 100px;
}

#PartsTopCarousel {
  padding: 0 0 30px;
}
#PartsTopCarousel ul {
  margin: 0;
  padding: 0;
}
#PartsTopCarousel li {
  padding: 0 7px;
}
#PartsTopCarousel li a {
  position: relative;
  display: block;
  border-radius: 8px;
  overflow: hidden;
}
#PartsTopCarousel li p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  font-size: 0.9em;
  border-radius: 0 0 8px 8px;
}
@media screen and (max-width: 575px) {
  #PartsTopCarousel li p {
    display: none;
  }
}
#PartsTopCarousel .slick-arrow {
  z-index: 99;
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 50%;
}
#PartsTopCarousel .slick-arrow:before {
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  width: 14px;
  height: 14px;
  background: #000;
  transform: rotate(45deg);
}
#PartsTopCarousel .slick-arrow:after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg);
}
#PartsTopCarousel .slick-prev {
  left: 425px;
}
#PartsTopCarousel .slick-prev:before {
  right: calc(50% - 9px);
}
#PartsTopCarousel .slick-prev:after {
  right: calc(50% - 12px);
}
#PartsTopCarousel .slick-next {
  right: 425px;
}
#PartsTopCarousel .slick-next:before {
  left: calc(50% - 9px);
}
#PartsTopCarousel .slick-next:after {
  left: calc(50% - 12px);
}
#PartsTopCarousel .slick-dots {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 8px;
  bottom: 10px;
}
#PartsTopCarousel .slick-dots li {
  width: 40px;
  height: 4px;
  background: rgba(0, 0, 0, 0.5);
}
#PartsTopCarousel .slick-dots li button:before {
  content: none;
}
#PartsTopCarousel .slick-dots li.slick-active {
  background: #000;
}
@media screen and (max-width: 1535px) {
  #PartsTopCarousel .slick-prev {
    left: 325px;
  }
  #PartsTopCarousel .slick-next {
    right: 325px;
  }
}
@media screen and (max-width: 1364px) {
  #PartsTopCarousel .slick-prev {
    left: 145px;
  }
  #PartsTopCarousel .slick-next {
    right: 145px;
  }
}
@media screen and (max-width: 1199px) {
  #PartsTopCarousel .slick-prev {
    left: 35px;
  }
  #PartsTopCarousel .slick-next {
    right: 35px;
  }
}
@media screen and (max-width: 767px) {
  #PartsTopCarousel .slick-arrow {
    width: 50px;
    height: 50px;
  }
  #PartsTopCarousel .slick-prev {
    left: 15px;
  }
  #PartsTopCarousel .slick-next {
    right: 15px;
  }
}

#PartsTopSpecial {
  margin: 100px 0 0;
  padding: 100px 15px;
  background: #faedd8;
}
#PartsTopSpecial h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: -190px auto 0;
  width: 230px;
  height: 160px;
  padding-top: 50px;
  border-radius: 120px 120px 0 0;
  background: #faedd8;
  text-align: center;
  font-size: 1.6em;
  color: #ff9234;
}
#PartsTopSpecial h2 i {
  font-size: 2em;
  color: #b2ba52;
}
#PartsTopSpecial h2 small {
  font-size: 0.7em;
  font-weight: 700;
  color: #222;
}
#PartsTopSpecial ul {
  padding: 20px 30px;
}
#PartsTopSpecial .slick-track {
  display: flex;
}
#PartsTopSpecial .slick-track:before, #PartsTopSpecial .slick-track:after {
  content: none;
}
#PartsTopSpecial li {
  display: flex;
  height: auto;
  padding: 10px;
}
#PartsTopSpecial li a {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 0 15px;
  background: #fff;
  color: #222;
  border-radius: 8px;
  overflow: hidden;
}
#PartsTopSpecial li a div {
  display: flex;
  flex-direction: row;
  gap: 3px;
  padding: 0 10px;
  font-size: 0.74em;
}
#PartsTopSpecial li a div span {
  display: inline-block;
  padding: 4px 12px;
  background: #aaa;
  color: #fff;
  border-radius: 2px;
}
#PartsTopSpecial li a h3 {
  margin: 0;
  padding: 0 10px;
  font-size: 1em;
  font-weight: 600;
}
#PartsTopSpecial li a p {
  padding: 0 10px;
  font-size: 0.8em;
}
@media screen and (min-width: 768px) {
  #PartsTopSpecial li a {
    transition: all 0.3s ease;
  }
  #PartsTopSpecial li a:hover {
    transform: scale(1.04);
  }
}
#PartsTopSpecial .slick-arrow {
  top: calc(50% - 15px);
  width: 24px;
  height: 24px;
  border: solid #222;
  border-width: 10px 10px 0 0;
  z-index: 99;
}
#PartsTopSpecial .slick-arrow:before {
  content: none;
}
#PartsTopSpecial .slick-prev {
  left: 0;
  transform: rotate(-135deg);
}
#PartsTopSpecial .slick-next {
  right: 0;
  transform: rotate(45deg);
}
@media screen and (max-width: 575px) {
  #PartsTopSpecial h2 {
    width: 160px;
    height: 80px;
    margin: -160px auto 30px;
    padding-top: 26px;
    font-size: 1.4em;
  }
  #PartsTopSpecial h2 i {
    font-size: 1.6em;
  }
}

#PartsTopNewarrival {
  margin: 10px 0 0;
  padding: 100px 15px;
  background: #fff;
}
#PartsTopNewarrival h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: -200px auto 0;
  width: 230px;
  height: 160px;
  padding-top: 50px;
  border-radius: 120px 120px 0 0;
  background: #fff;
  text-align: center;
  font-size: 1.6em;
  color: #ff9234;
}
#PartsTopNewarrival h2 i {
  font-size: 2em;
  color: #43a5bc;
}
#PartsTopNewarrival h2 small {
  font-size: 0.7em;
  font-weight: 700;
  color: #222;
}
#PartsTopNewarrival .item-list-area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  max-width: 980px;
  margin: auto;
  padding: 50px 0 30px;
}
#PartsTopNewarrival .item-list-area > li {
  position: relative;
  width: calc((100% - 60px) / 4);
}
@media screen and (max-width: 575px) {
  #PartsTopNewarrival h2 {
    width: 160px;
    height: 80px;
    margin: -160px auto 30px;
    padding-top: 26px;
    font-size: 1.4em;
  }
  #PartsTopNewarrival h2 i {
    font-size: 1.6em;
  }
  #PartsTopNewarrival .item-list-area > li {
    width: calc(50% - 10px);
  }
}

.item-info {
  position: relative;
}
.item-info .img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 6px;
  background: #f2f2f2;
  overflow: hidden;
}
.item-info .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.item-info .img-wrap:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: calc(50% - 10px);
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.item-info .icon {
  position: relative;
  padding: 6px 8px 0;
}
.item-info .icon span {
  padding: 2px 6px;
  font-size: 10px;
  color: #fff;
  background: #fca;
  border-radius: 2px;
}
.item-info .caption {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 2px 8px 0;
}
.item-info a {
  color: #222;
}
.item-info h3 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}
.item-info p {
  margin: 0;
}
.item-info .item-price {
  font-size: 0.94em;
  font-weight: 300;
  text-align: left;
}
.item-info #ItemTagList {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  top: 8px;
  left: 8px;
  padding: 0;
}
.item-info #ItemTagList li {
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 2px;
  color: #fff;
  background: #aaa;
}
.item-info .label-area {
  padding: 6px 0 2px;
}
.item-info .label-area object {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.item-info .label-area object:empty {
  height: 0;
}
.item-info .label-area object a {
  display: inline-block;
  padding: 2px 12px;
  color: #fff;
  font-size: 10px;
  border-radius: 3px;
}
.item-info .label-area object a.tag-pref {
  background: #d85454;
}
.item-info .label-area object a.tag-cat {
  background: #43a5bc;
}
.item-info .item-caption {
  font-size: 0.82em;
}

#PartsSidebarBasicCategory2 {
  margin: 0;
  padding: 100px 15px;
  background: #f0995f;
}
#PartsSidebarBasicCategory2 h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: -210px auto 0;
  width: 230px;
  height: 160px;
  padding-top: 50px;
  border-radius: 120px 120px 0 0;
  background: #f0995f;
  text-align: center;
  font-size: 1.6em;
  color: #ff9234;
}
#PartsSidebarBasicCategory2 h2 i {
  font-size: 2em;
  color: #fef8a8;
}
#PartsSidebarBasicCategory2 h2 span {
  color: #fff;
}
#PartsSidebarBasicCategory2 h2 small {
  font-size: 0.7em;
  font-weight: 700;
  color: #222;
}
#PartsSidebarBasicCategory2 #CategoryAccordion {
  display: flex;
  gap: 15px;
  width: 100%;
  max-width: 980px;
  margin: 80px auto 40px;
  padding: 25px 15px;
  border: none;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.12);
}
#PartsSidebarBasicCategory2 #CategoryAccordion > li {
  background: transparent;
  border: none;
  padding: 0;
}
#PartsSidebarBasicCategory2 #CategoryAccordion > li ul {
  padding: 0;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}
#PartsSidebarBasicCategory2 #CategoryAccordion > li ul li {
  border: none;
}
#PartsSidebarBasicCategory2 #CategoryAccordion > li a {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 15px;
  background: #fff;
  border-radius: 25px 25px 0 0;
  color: #222;
  transition: all 0.4s ease;
}
#PartsSidebarBasicCategory2 #CategoryAccordion > li a i {
  display: inline-block;
  margin-right: 4px;
  font-size: 1.8em;
  color: #25aa8f;
}
#PartsSidebarBasicCategory2 #CategoryAccordion > li a:hover {
  background: #e9e9e9;
}
#PartsSidebarBasicCategory2 #CategoryAccordion > li li {
  padding: 0 !important;
}
#PartsSidebarBasicCategory2 #CategoryAccordion > li li i {
  display: none;
}
#PartsSidebarBasicCategory2 #CategoryAccordion > li li a {
  border-radius: 25px;
  border-radius: 0;
}
#PartsSidebarBasicCategory2 #CategoryAccordion > li:has(ul[style="display: none;"]) a {
  border-radius: 25px;
}
@media screen and (max-width: 575px) {
  #PartsSidebarBasicCategory2 #CategoryAccordion {
    flex-direction: column;
  }
}
@media screen and (min-width: 992px) {
  #PartsSidebarBasicCategory2 #CategoryAccordion {
    padding: 25px 100px;
  }
}
@media screen and (min-width: 576px) {
  #PartsSidebarBasicCategory2 #CategoryAccordion {
    flex-direction: row;
    flex-wrap: wrap;
  }
  #PartsSidebarBasicCategory2 #CategoryAccordion > li {
    width: calc((100% - 30px) / 3);
  }
  #PartsSidebarBasicCategory2 #CategoryAccordion > li ul {
    position: absolute;
    width: 100%;
    z-index: 10;
  }
}
@media screen and (max-width: 575px) {
  #PartsSidebarBasicCategory2 h2 {
    width: 160px;
    height: 80px;
    margin: -160px auto 30px;
    padding-top: 26px;
    font-size: 1.4em;
  }
  #PartsSidebarBasicCategory2 h2 i {
    font-size: 1.6em;
  }
}

#PartsTopNews {
  margin: 0;
  padding: 100px 15px 60px;
  background: #faedd8;
}
#PartsTopNews h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: -190px auto 0;
  width: 230px;
  height: 160px;
  padding-top: 50px;
  border-radius: 120px 120px 0 0;
  background: #faedd8;
  text-align: center;
  font-size: 1.6em;
  color: #ff9234;
}
#PartsTopNews h2 i {
  font-size: 2em;
  color: #ba52aa;
}
#PartsTopNews h2 small {
  font-size: 0.7em;
  font-weight: 700;
  color: #222;
}
#PartsTopNews ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 730px;
  margin: auto;
  padding: 30px 0;
}
#PartsTopNews li {
  border-bottom: 1px solid #aaa;
}
#PartsTopNews li a {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 6px 0;
  color: #222;
}
#PartsTopNews li a .post-date {
  width: 100px;
}
#PartsTopNews li a .post-ttl {
  width: calc(100% - 100px);
}
@media screen and (max-width: 575px) {
  #PartsTopNews h2 {
    width: 160px;
    height: 80px;
    margin: -160px auto 30px;
    padding-top: 26px;
    font-size: 1.4em;
  }
  #PartsTopNews h2 i {
    font-size: 1.6em;
  }
}

.breadcrumb {
  display: flex;
  align-items: center;
  height: 38px;
  padding: 0 15px;
  background: #ff9234;
  font-size: 0.9em;
  border-radius: 0;
  color: #fff;
}
.breadcrumb li:not(:last-of-type):after {
  content: "＞";
  display: inline-block;
  padding: 6px;
}
.breadcrumb li a {
  color: #fff;
}
.breadcrumb li em {
  font-style: normal;
  font-weight: 300;
  color: #fff;
}

#Item .item-kv-area,
.special-shop .item-kv-area {
  display: flex;
  flex-wrap: nowrap;
}
#Item .item-kv-area img,
.special-shop .item-kv-area img {
  width: 33.3333333333%;
}
@media screen and (max-width: 575px) {
  #Item .item-kv-area,
  .special-shop .item-kv-area {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin: 0;
    padding: 0;
  }
  #Item .item-kv-area img,
  .special-shop .item-kv-area img {
    width: 100%;
  }
  #Item .item-kv-area img:first-of-type,
  .special-shop .item-kv-area img:first-of-type {
    grid-column: 1/3;
    grid-row: 1/3;
  }
}
#Item .item-main,
.special-shop .item-main {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 30px;
  width: calc(100% - 15px);
  max-width: 980px;
  margin: auto;
  padding: 25px;
  border: 1px solid #aaa;
  border-radius: 8px;
}
#Item .item-img-area,
.special-shop .item-img-area {
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}
#Item .img-area,
.special-shop .img-area {
  width: 44%;
}
#Item .btn-area,
.special-shop .btn-area {
  width: calc(56% - 30px);
}
#Item h1,
.special-shop h1 {
  margin: 0;
  padding: 0 0 6px;
  font-size: 1.1em;
  font-weight: 600;
}
#Item .item-price,
.special-shop .item-price {
  padding: 0 0 2px;
  text-align: left;
  font-size: 1.6em;
  font-weight: 500;
}
#Item #ItemTagList,
.special-shop #ItemTagList {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
#Item #ItemTagList .tag,
.special-shop #ItemTagList .tag {
  padding: 2px 6px;
  font-size: 10px;
  color: #fff;
  background: #999;
  border-radius: 2px;
}
#Item .item-select-area,
.special-shop .item-select-area {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
}
#Item .item-select-area label,
.special-shop .item-select-area label {
  justify-content: flex-start;
  width: 50px;
  font-size: 0.9em;
  font-weight: 600;
}
#Item .item-select-area > div,
.special-shop .item-select-area > div {
  width: calc(70% - 78px);
}
#Item .item-select-area > div select,
.special-shop .item-select-area > div select {
  width: 100%;
  border: none;
  border-bottom: 1px solid #aaa;
  border-radius: 0;
}
#Item .post-to-cart,
.special-shop .post-to-cart {
  display: block;
  width: 100%;
  max-width: 280px;
  padding: 12px 0;
  background: #25aa8f;
  color: #fff;
  border: none;
  border-radius: 30px;
  font-size: 0.9em;
  text-align: center;
}
#Item .add-to-favorite,
#Item .add-to-interest,
.special-shop .add-to-favorite,
.special-shop .add-to-interest {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 10px 0 0;
  padding: 6px 0;
  background: #999;
  color: #fff;
  border: none;
  border-radius: 30px;
  font-size: 0.9em;
  text-align: center;
}
#Item .item-attributes,
.special-shop .item-attributes {
  width: 100%;
}
#Item .item-attributes dl,
.special-shop .item-attributes dl {
  display: flex;
  gap: 15px;
  margin: 0 0 10px;
  padding: 25px;
  background: #e8e8e8;
  border-radius: 6px;
  font-size: 0.9em;
}
#Item .item-attributes dt,
.special-shop .item-attributes dt {
  width: 140px;
  margin: 0;
  border-right: 1px solid #666;
}
#Item .item-attributes dd,
.special-shop .item-attributes dd {
  width: calc(100% - 155px);
  margin: 0;
}
@media screen and (max-width: 575px) {
  #Item .item-attributes dl,
  .special-shop .item-attributes dl {
    flex-direction: column;
  }
  #Item .item-attributes dt,
  .special-shop .item-attributes dt {
    width: 100%;
    border: none;
    border-bottom: 1px solid #666;
  }
  #Item .item-attributes dd,
  .special-shop .item-attributes dd {
    width: 100%;
  }
}
#Item .btn-area-wrap-sticky,
.special-shop .btn-area-wrap-sticky {
  position: fixed;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  padding: 15px;
  background: #e9e9e9;
  z-index: 999;
}
#Item .btn-area-wrap-sticky h1,
#Item .btn-area-wrap-sticky .item-price,
#Item .btn-area-wrap-sticky .add-to-favorite,
#Item .btn-area-wrap-sticky .add-to-interest,
#Item .btn-area-wrap-sticky .item-option-wrap,
#Item .btn-area-wrap-sticky .item-point-area,
#Item .btn-area-wrap-sticky #ItemTagList,
#Item .btn-area-wrap-sticky #StockLabel,
#Item .btn-area-wrap-sticky .select-attr1,
#Item .btn-area-wrap-sticky .select-attr2,
.special-shop .btn-area-wrap-sticky h1,
.special-shop .btn-area-wrap-sticky .item-price,
.special-shop .btn-area-wrap-sticky .add-to-favorite,
.special-shop .btn-area-wrap-sticky .add-to-interest,
.special-shop .btn-area-wrap-sticky .item-option-wrap,
.special-shop .btn-area-wrap-sticky .item-point-area,
.special-shop .btn-area-wrap-sticky #ItemTagList,
.special-shop .btn-area-wrap-sticky #StockLabel,
.special-shop .btn-area-wrap-sticky .select-attr1,
.special-shop .btn-area-wrap-sticky .select-attr2 {
  display: none;
}
#Item .btn-area-wrap-sticky .item-select-area,
.special-shop .btn-area-wrap-sticky .item-select-area {
  margin: 0;
}
#Item .btn-area-wrap-sticky .item-select-area label,
.special-shop .btn-area-wrap-sticky .item-select-area label {
  width: 30px;
}
#Item .btn-area-wrap-sticky .item-select-area > div,
.special-shop .btn-area-wrap-sticky .item-select-area > div {
  width: 60px;
}
#Item .btn-area-wrap-sticky .item-select-area > div select,
.special-shop .btn-area-wrap-sticky .item-select-area > div select {
  border: 1px solid #aaa;
}
#Item .btn-area-wrap-sticky .post-to-cart,
.special-shop .btn-area-wrap-sticky .post-to-cart {
  width: 160px;
}
#Item .item-option-wrap,
.special-shop .item-option-wrap {
  margin: 20px 0;
  padding: 15px;
  border: 1px solid #aaa;
  border-radius: 6px;
}
#Item .item-option-wrap *,
.special-shop .item-option-wrap * {
  width: 100%;
}
#Item .item-option-wrap select,
#Item .item-option-wrap input,
#Item .item-option-wrap textarea,
.special-shop .item-option-wrap select,
.special-shop .item-option-wrap input,
.special-shop .item-option-wrap textarea {
  width: 100%;
  margin-top: 8px;
}
#Item .item-option-wrap .form-inline,
.special-shop .item-option-wrap .form-inline {
  margin: 0;
}
#Item .item-option-wrap label,
.special-shop .item-option-wrap label {
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 600;
}
#Item .item-option-wrap + .item-option-wrap,
.special-shop .item-option-wrap + .item-option-wrap {
  margin-top: 0;
}
@media screen and (max-width: 575px) {
  #Item .img-area,
  #Item .btn-area,
  .special-shop .img-area,
  .special-shop .btn-area {
    width: 100%;
  }
  #Item .item-select-area > div,
  .special-shop .item-select-area > div {
    width: calc(100% - 78px);
  }
  #Item .post-to-cart,
  #Item .add-to-favorite,
  .special-shop .post-to-cart,
  .special-shop .add-to-favorite {
    max-width: 100%;
  }
}
#Item .kodawari,
.special-shop .kodawari {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  margin: 0 auto 7px;
  padding: 0 15px;
}
#Item .kodawari img,
.special-shop .kodawari img {
  width: 80px;
  height: auto;
}
#Item .kodawari span,
.special-shop .kodawari span {
  text-align: left;
}

#PartsRelatedCategories {
  width: 100%;
  max-width: 100%;
  margin: 0 0 30px;
  padding: 30px 15px 20px;
  background: #e9e9e9;
}
#PartsRelatedCategories .panel-body {
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
  background: transparent;
}
#PartsRelatedCategories ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  text-align: center;
  font-size: 1em;
}
#PartsRelatedCategories li {
  display: inline-block;
  padding: 0 4px 8px;
}
#PartsRelatedCategories li a {
  display: block;
  padding: 6px 22px;
  border-radius: 30px;
  font-weight: 600;
  color: #fff;
}
#PartsRelatedCategories li a[href^="/category/"] {
  background: #43a5bc;
}
#PartsRelatedCategories li a[href^="/genre/"] {
  background: #d85454;
}
#PartsRelatedCategories li a[href^="/special/"] {
  background: #aaa;
}

.item-content {
  margin: 80px 0 120px;
}
.item-content > section {
  text-align: center;
}
.item-content > section h2 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  font-style: normal;
  color: #ff9234;
}
.item-content > section img {
  display: inline-block;
  width: 100%;
  max-width: 520px;
  margin: 20px auto 30px;
  border-radius: 8px;
}
.item-content > section p {
  width: 100%;
  max-width: 780px;
  margin: auto;
  padding: 0 15px;
  font-size: 1.1em;
}
.item-content .kodawari-list {
  margin: 40px 0;
  padding: 40px 15px;
  background: #f2f2f2;
  text-align: left;
}
.item-content .kodawari-list h3 {
  width: 100%;
  max-width: 500px;
  margin: auto;
  color: #25aa8f;
  font-size: 1.2em;
  font-weight: 700;
}
.item-content .kodawari-list h3 i {
  font-size: 1.2em;
}
.item-content .kodawari-list ul {
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 20px 0 0 20px;
}
.item-content .kodawari-list ul li a {
  position: relative;
  display: block;
  padding: 0 0 12px 20px;
  font-weight: 600;
  color: #222;
}
.item-content .kodawari-list ul i {
  position: absolute;
  color: #25aa8f;
  top: 4px;
  left: 0;
}
.item-content .point h3 {
  width: calc(100% - 30px);
  max-width: 780px;
  margin: auto;
  padding: 12px 16px;
  background: #ff9234;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  text-align: left;
  border-radius: 6px;
}
.item-content .point > div {
  display: flex;
  gap: 30px;
  width: calc(100% - 30px);
  max-width: 780px;
  margin: 0 auto 40px;
}
.item-content .point > div img {
  width: 36%;
}
.item-content .point > div p {
  width: calc(64% - 30px);
  text-align: left;
}
@media screen and (max-width: 575px) {
  .item-content .point > div {
    flex-direction: column;
  }
  .item-content .point > div img,
  .item-content .point > div p {
    width: 100%;
  }
}

#PartsItemReview {
  margin: 10px 0 0;
  padding: 100px 15px;
  background: #faedd8;
}
#PartsItemReview h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: -190px auto 0;
  width: 230px;
  height: 160px;
  padding-top: 50px;
  border-radius: 120px 120px 0 0;
  background: #faedd8;
  text-align: center;
  font-size: 1.6em;
  color: #ff9234;
}
#PartsItemReview h2 i {
  font-size: 2em;
  color: #ba52aa;
}
#PartsItemReview h2 small {
  font-size: 0.7em;
  font-weight: 700;
  color: #222;
}
#PartsItemReview ul {
  width: 100%;
  max-width: 780px;
  margin: auto;
  padding: 30px 0;
}
#PartsItemReview li {
  margin: 0 0 20px;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
}
#PartsItemReview li .review-post {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#PartsItemReview li .post-rank {
  width: 80px;
  color: #f5c320;
}
#PartsItemReview li h3 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.5;
  font-weight: 600;
}
#PartsItemReview li .post-date {
  display: none;
}
#PartsItemReview li .post-comment {
  width: 100%;
}
#PartsItemReview li .review-reply {
  margin: 10px 0 0;
  padding: 15px;
  background: #f2f2f2;
  border-radius: 6px;
}
#PartsItemReview li .review-reply ttl {
  font-weight: 600;
}
#PartsItemReview li .review-reply small {
  disply: none;
}
#PartsItemReview:empty {
  display: none;
}
@media screen and (max-width: 575px) {
  #PartsItemReview h2 {
    width: 160px;
    height: 80px;
    margin: -160px auto 30px;
    padding-top: 26px;
    font-size: 1.4em;
  }
  #PartsItemReview h2 i {
    font-size: 1.6em;
  }
}

.more,
.submit {
  padding: 0 15px 20px;
}
.more a,
.more button,
.more input[type=submit],
.submit a,
.submit button,
.submit input[type=submit] {
  display: block;
  width: 100%;
  max-width: 230px;
  margin: auto;
  padding: 12px 0;
  background: #25aa8f;
  color: #fff;
  border: none;
  border-radius: 30px;
  font-size: 0.9em;
  text-align: center;
  transition: all 0.2s ease;
}
.more a:hover,
.more button:hover,
.more input[type=submit]:hover,
.submit a:hover,
.submit button:hover,
.submit input[type=submit]:hover {
  background: #ff9234;
}
.more a[disabled=disabled],
.more button[disabled=disabled],
.more input[type=submit][disabled=disabled],
.submit a[disabled=disabled],
.submit button[disabled=disabled],
.submit input[type=submit][disabled=disabled] {
  background: #688781;
  pointer-events: none;
}

.more-alt a {
  background: #ff9234;
}
.more-alt a:hover {
  background: #25aa8f;
}

.more-prev a,
.more-prev button,
.more-prev input[type=submit] {
  padding: 8px 0;
  background: #666;
}
.more-prev a:hover,
.more-prev button:hover,
.more-prev input[type=submit]:hover {
  background: #aaa;
}

.pager {
  display: block;
  width: calc(100% - 30px);
  max-width: 1200px;
  margin: 30px auto;
  padding: 10px 0;
  border: solid #ccc;
  border-width: 1px 0;
}
.pager ul {
  margin: auto;
  text-align: center;
}
.pager ul a {
  display: inline-block;
  padding: 0 8px;
  color: #999;
  font-weight: 600;
}
.pager ul li {
  display: inline-block;
}
.pager ul li.active a {
  color: #333;
  cursor: default;
}
.pager ul .next a,
.pager ul .prev a {
  font-family: "Font Awesome 7 Free";
  font-weight: 600;
  color: #333;
}
.pager ul .next {
  float: right;
}
.pager ul .prev {
  float: left;
}
.pager ul .pagerNext,
.pager ul .pagerPrev {
  display: none;
}

#Item #Main + .parts,
#Item #PartsItemExplain2 + .parts {
  margin-top: 100px;
}

#Signup #Main,
#Signin #Main,
#ResetPassword #Main,
#Checkout #Main,
#Confirmation #Main,
#Thanks #Main,
#Account #Main,
#ChangeEmail #Main,
#AddressBook #Main,
#ChangePassword #Main,
#SearchCondition #Main,
#Special #Main {
  width: calc(100% - 30px);
  max-width: 780px;
  margin: auto;
}
#Signup #Main h1,
#Signin #Main h1,
#ResetPassword #Main h1,
#Checkout #Main h1,
#Confirmation #Main h1,
#Thanks #Main h1,
#Account #Main h1,
#ChangeEmail #Main h1,
#AddressBook #Main h1,
#ChangePassword #Main h1,
#SearchCondition #Main h1,
#Special #Main h1 {
  width: 100%;
  padding: 15px 0 0;
  font-size: 1.3em;
  font-weight: 600;
}
#Signup #Main h2,
#Signin #Main h2,
#ResetPassword #Main h2,
#Checkout #Main h2,
#Confirmation #Main h2,
#Thanks #Main h2,
#Account #Main h2,
#ChangeEmail #Main h2,
#AddressBook #Main h2,
#ChangePassword #Main h2,
#SearchCondition #Main h2,
#Special #Main h2 {
  width: 100%;
  padding: 15px 0 0;
  font-size: 1.1em;
  font-weight: 600;
}
#Signup #Main section,
#Signin #Main section,
#ResetPassword #Main section,
#Checkout #Main section,
#Confirmation #Main section,
#Thanks #Main section,
#Account #Main section,
#ChangeEmail #Main section,
#AddressBook #Main section,
#ChangePassword #Main section,
#SearchCondition #Main section,
#Special #Main section {
  padding-top: 30px;
}
#Signup #Main .card,
#Signin #Main .card,
#ResetPassword #Main .card,
#Checkout #Main .card,
#Confirmation #Main .card,
#Thanks #Main .card,
#Account #Main .card,
#ChangeEmail #Main .card,
#AddressBook #Main .card,
#ChangePassword #Main .card,
#SearchCondition #Main .card,
#Special #Main .card {
  padding: 24px;
}
#Signup #Main .card-signin .input,
#Signin #Main .card-signin .input,
#ResetPassword #Main .card-signin .input,
#Checkout #Main .card-signin .input,
#Confirmation #Main .card-signin .input,
#Thanks #Main .card-signin .input,
#Account #Main .card-signin .input,
#ChangeEmail #Main .card-signin .input,
#AddressBook #Main .card-signin .input,
#ChangePassword #Main .card-signin .input,
#SearchCondition #Main .card-signin .input,
#Special #Main .card-signin .input {
  max-width: 340px;
  margin: 0 auto 20px;
}
#Signup #Main .form-wrap,
#Signin #Main .form-wrap,
#ResetPassword #Main .form-wrap,
#Checkout #Main .form-wrap,
#Confirmation #Main .form-wrap,
#Thanks #Main .form-wrap,
#Account #Main .form-wrap,
#ChangeEmail #Main .form-wrap,
#AddressBook #Main .form-wrap,
#ChangePassword #Main .form-wrap,
#SearchCondition #Main .form-wrap,
#Special #Main .form-wrap {
  margin: 30px 0;
  padding: 25px 15px;
  background: #f2f2f2;
  border-radius: 8px;
}
#Signup #Main .form-wrap label,
#Signin #Main .form-wrap label,
#ResetPassword #Main .form-wrap label,
#Checkout #Main .form-wrap label,
#Confirmation #Main .form-wrap label,
#Thanks #Main .form-wrap label,
#Account #Main .form-wrap label,
#ChangeEmail #Main .form-wrap label,
#AddressBook #Main .form-wrap label,
#ChangePassword #Main .form-wrap label,
#SearchCondition #Main .form-wrap label,
#Special #Main .form-wrap label {
  margin: 0;
  font-size: 0.9em;
}
#Signup #Main .form-wrap .input label,
#Signin #Main .form-wrap .input label,
#ResetPassword #Main .form-wrap .input label,
#Checkout #Main .form-wrap .input label,
#Confirmation #Main .form-wrap .input label,
#Thanks #Main .form-wrap .input label,
#Account #Main .form-wrap .input label,
#ChangeEmail #Main .form-wrap .input label,
#AddressBook #Main .form-wrap .input label,
#ChangePassword #Main .form-wrap .input label,
#SearchCondition #Main .form-wrap .input label,
#Special #Main .form-wrap .input label {
  display: none;
}
#Signup #Main .form-wrap > .d-flex,
#Signin #Main .form-wrap > .d-flex,
#ResetPassword #Main .form-wrap > .d-flex,
#Checkout #Main .form-wrap > .d-flex,
#Confirmation #Main .form-wrap > .d-flex,
#Thanks #Main .form-wrap > .d-flex,
#Account #Main .form-wrap > .d-flex,
#ChangeEmail #Main .form-wrap > .d-flex,
#AddressBook #Main .form-wrap > .d-flex,
#ChangePassword #Main .form-wrap > .d-flex,
#SearchCondition #Main .form-wrap > .d-flex,
#Special #Main .form-wrap > .d-flex {
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 575px) {
  #Signup #Main .form-wrap > .d-flex,
  #Signin #Main .form-wrap > .d-flex,
  #ResetPassword #Main .form-wrap > .d-flex,
  #Checkout #Main .form-wrap > .d-flex,
  #Confirmation #Main .form-wrap > .d-flex,
  #Thanks #Main .form-wrap > .d-flex,
  #Account #Main .form-wrap > .d-flex,
  #ChangeEmail #Main .form-wrap > .d-flex,
  #AddressBook #Main .form-wrap > .d-flex,
  #ChangePassword #Main .form-wrap > .d-flex,
  #SearchCondition #Main .form-wrap > .d-flex,
  #Special #Main .form-wrap > .d-flex {
    flex-wrap: wrap;
  }
  #Signup #Main .form-wrap > .d-flex > label, #Signup #Main .form-wrap > .d-flex > div,
  #Signin #Main .form-wrap > .d-flex > label,
  #Signin #Main .form-wrap > .d-flex > div,
  #ResetPassword #Main .form-wrap > .d-flex > label,
  #ResetPassword #Main .form-wrap > .d-flex > div,
  #Checkout #Main .form-wrap > .d-flex > label,
  #Checkout #Main .form-wrap > .d-flex > div,
  #Confirmation #Main .form-wrap > .d-flex > label,
  #Confirmation #Main .form-wrap > .d-flex > div,
  #Thanks #Main .form-wrap > .d-flex > label,
  #Thanks #Main .form-wrap > .d-flex > div,
  #Account #Main .form-wrap > .d-flex > label,
  #Account #Main .form-wrap > .d-flex > div,
  #ChangeEmail #Main .form-wrap > .d-flex > label,
  #ChangeEmail #Main .form-wrap > .d-flex > div,
  #AddressBook #Main .form-wrap > .d-flex > label,
  #AddressBook #Main .form-wrap > .d-flex > div,
  #ChangePassword #Main .form-wrap > .d-flex > label,
  #ChangePassword #Main .form-wrap > .d-flex > div,
  #SearchCondition #Main .form-wrap > .d-flex > label,
  #SearchCondition #Main .form-wrap > .d-flex > div,
  #Special #Main .form-wrap > .d-flex > label,
  #Special #Main .form-wrap > .d-flex > div {
    width: 100%;
  }
  #Signup #Main .form-wrap > .d-flex > label .input, #Signup #Main .form-wrap > .d-flex > div .input,
  #Signin #Main .form-wrap > .d-flex > label .input,
  #Signin #Main .form-wrap > .d-flex > div .input,
  #ResetPassword #Main .form-wrap > .d-flex > label .input,
  #ResetPassword #Main .form-wrap > .d-flex > div .input,
  #Checkout #Main .form-wrap > .d-flex > label .input,
  #Checkout #Main .form-wrap > .d-flex > div .input,
  #Confirmation #Main .form-wrap > .d-flex > label .input,
  #Confirmation #Main .form-wrap > .d-flex > div .input,
  #Thanks #Main .form-wrap > .d-flex > label .input,
  #Thanks #Main .form-wrap > .d-flex > div .input,
  #Account #Main .form-wrap > .d-flex > label .input,
  #Account #Main .form-wrap > .d-flex > div .input,
  #ChangeEmail #Main .form-wrap > .d-flex > label .input,
  #ChangeEmail #Main .form-wrap > .d-flex > div .input,
  #AddressBook #Main .form-wrap > .d-flex > label .input,
  #AddressBook #Main .form-wrap > .d-flex > div .input,
  #ChangePassword #Main .form-wrap > .d-flex > label .input,
  #ChangePassword #Main .form-wrap > .d-flex > div .input,
  #SearchCondition #Main .form-wrap > .d-flex > label .input,
  #SearchCondition #Main .form-wrap > .d-flex > div .input,
  #Special #Main .form-wrap > .d-flex > label .input,
  #Special #Main .form-wrap > .d-flex > div .input {
    padding: 0;
  }
}
#Signup #Main .form-split,
#Signin #Main .form-split,
#ResetPassword #Main .form-split,
#Checkout #Main .form-split,
#Confirmation #Main .form-split,
#Thanks #Main .form-split,
#Account #Main .form-split,
#ChangeEmail #Main .form-split,
#AddressBook #Main .form-split,
#ChangePassword #Main .form-split,
#SearchCondition #Main .form-split,
#Special #Main .form-split {
  display: flex;
  gap: 10px;
}
#Signup #Main .form-split > div,
#Signin #Main .form-split > div,
#ResetPassword #Main .form-split > div,
#Checkout #Main .form-split > div,
#Confirmation #Main .form-split > div,
#Thanks #Main .form-split > div,
#Account #Main .form-split > div,
#ChangeEmail #Main .form-split > div,
#AddressBook #Main .form-split > div,
#ChangePassword #Main .form-split > div,
#SearchCondition #Main .form-split > div,
#Special #Main .form-split > div {
  width: calc(100% - 5px);
}
#Signup #Main .form-address,
#Signin #Main .form-address,
#ResetPassword #Main .form-address,
#Checkout #Main .form-address,
#Confirmation #Main .form-address,
#Thanks #Main .form-address,
#Account #Main .form-address,
#ChangeEmail #Main .form-address,
#AddressBook #Main .form-address,
#ChangePassword #Main .form-address,
#SearchCondition #Main .form-address,
#Special #Main .form-address {
  display: flex;
  align-items: center;
  gap: 10px;
}
#Signup #Main .form-address .search-zip,
#Signin #Main .form-address .search-zip,
#ResetPassword #Main .form-address .search-zip,
#Checkout #Main .form-address .search-zip,
#Confirmation #Main .form-address .search-zip,
#Thanks #Main .form-address .search-zip,
#Account #Main .form-address .search-zip,
#ChangeEmail #Main .form-address .search-zip,
#AddressBook #Main .form-address .search-zip,
#ChangePassword #Main .form-address .search-zip,
#SearchCondition #Main .form-address .search-zip,
#Special #Main .form-address .search-zip {
  background: #25aa8f;
  color: #fff;
}
@media screen and (min-width: 576px) {
  #Signup #Main .td-inner:has(small),
  #Signin #Main .td-inner:has(small),
  #ResetPassword #Main .td-inner:has(small),
  #Checkout #Main .td-inner:has(small),
  #Confirmation #Main .td-inner:has(small),
  #Thanks #Main .td-inner:has(small),
  #Account #Main .td-inner:has(small),
  #ChangeEmail #Main .td-inner:has(small),
  #AddressBook #Main .td-inner:has(small),
  #ChangePassword #Main .td-inner:has(small),
  #SearchCondition #Main .td-inner:has(small),
  #Special #Main .td-inner:has(small) {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #Signup #Main .radio label,
  #Signin #Main .radio label,
  #ResetPassword #Main .radio label,
  #Checkout #Main .radio label,
  #Confirmation #Main .radio label,
  #Thanks #Main .radio label,
  #Account #Main .radio label,
  #ChangeEmail #Main .radio label,
  #AddressBook #Main .radio label,
  #ChangePassword #Main .radio label,
  #SearchCondition #Main .radio label,
  #Special #Main .radio label {
    margin: 0 15px 0 0;
  }
}
@media screen and (max-width: 767px) {
  #Signup #Main tr,
  #Signup #Main th,
  #Signup #Main td,
  #Signin #Main tr,
  #Signin #Main th,
  #Signin #Main td,
  #ResetPassword #Main tr,
  #ResetPassword #Main th,
  #ResetPassword #Main td,
  #Checkout #Main tr,
  #Checkout #Main th,
  #Checkout #Main td,
  #Confirmation #Main tr,
  #Confirmation #Main th,
  #Confirmation #Main td,
  #Thanks #Main tr,
  #Thanks #Main th,
  #Thanks #Main td,
  #Account #Main tr,
  #Account #Main th,
  #Account #Main td,
  #ChangeEmail #Main tr,
  #ChangeEmail #Main th,
  #ChangeEmail #Main td,
  #AddressBook #Main tr,
  #AddressBook #Main th,
  #AddressBook #Main td,
  #ChangePassword #Main tr,
  #ChangePassword #Main th,
  #ChangePassword #Main td,
  #SearchCondition #Main tr,
  #SearchCondition #Main th,
  #SearchCondition #Main td,
  #Special #Main tr,
  #Special #Main th,
  #Special #Main td {
    display: block;
    width: 100%;
  }
  #Signup #Main td,
  #Signin #Main td,
  #ResetPassword #Main td,
  #Checkout #Main td,
  #Confirmation #Main td,
  #Thanks #Main td,
  #Account #Main td,
  #ChangeEmail #Main td,
  #AddressBook #Main td,
  #ChangePassword #Main td,
  #SearchCondition #Main td,
  #Special #Main td {
    border-top: none;
  }
  #Signup #Main .form-address,
  #Signin #Main .form-address,
  #ResetPassword #Main .form-address,
  #Checkout #Main .form-address,
  #Confirmation #Main .form-address,
  #Thanks #Main .form-address,
  #Account #Main .form-address,
  #ChangeEmail #Main .form-address,
  #AddressBook #Main .form-address,
  #ChangePassword #Main .form-address,
  #SearchCondition #Main .form-address,
  #Special #Main .form-address {
    flex-wrap: wrap;
  }
  #Signup #Main .form-address .tel,
  #Signin #Main .form-address .tel,
  #ResetPassword #Main .form-address .tel,
  #Checkout #Main .form-address .tel,
  #Confirmation #Main .form-address .tel,
  #Thanks #Main .form-address .tel,
  #Account #Main .form-address .tel,
  #ChangeEmail #Main .form-address .tel,
  #AddressBook #Main .form-address .tel,
  #ChangePassword #Main .form-address .tel,
  #SearchCondition #Main .form-address .tel,
  #Special #Main .form-address .tel {
    max-width: calc(100% - 95px);
  }
  #Signup #Main .form-address .search-zip,
  #Signin #Main .form-address .search-zip,
  #ResetPassword #Main .form-address .search-zip,
  #Checkout #Main .form-address .search-zip,
  #Confirmation #Main .form-address .search-zip,
  #Thanks #Main .form-address .search-zip,
  #Account #Main .form-address .search-zip,
  #ChangeEmail #Main .form-address .search-zip,
  #AddressBook #Main .form-address .search-zip,
  #ChangePassword #Main .form-address .search-zip,
  #SearchCondition #Main .form-address .search-zip,
  #Special #Main .form-address .search-zip {
    width: 85px;
  }
}
@media screen and (max-width: 767px) {
  #Signup #Main .radio label,
  #Signin #Main .radio label,
  #ResetPassword #Main .radio label,
  #Checkout #Main .radio label,
  #Confirmation #Main .radio label,
  #Thanks #Main .radio label,
  #Account #Main .radio label,
  #ChangeEmail #Main .radio label,
  #AddressBook #Main .radio label,
  #ChangePassword #Main .radio label,
  #SearchCondition #Main .radio label,
  #Special #Main .radio label {
    width: 100%;
    margin: 0 0 5px;
  }
}
#Signup .error-message,
#Signin .error-message,
#ResetPassword .error-message,
#Checkout .error-message,
#Confirmation .error-message,
#Thanks .error-message,
#Account .error-message,
#ChangeEmail .error-message,
#AddressBook .error-message,
#ChangePassword .error-message,
#SearchCondition .error-message,
#Special .error-message {
  font-size: 1.2em;
}

#SearchCondition #Main h1 {
  margin: 0;
  padding: 0 0 20px;
  font-size: 1.3em;
  text-align: center;
}
#SearchCondition #Main h1 small {
  font-size: 0.8em;
}
#SearchCondition #Main .search-area {
  margin: 30px 0;
  padding: 35px 25px;
  background: #f2f2f2;
  border-radius: 6px;
}
#SearchCondition #Main .search-area form {
  display: flex;
  max-width: 420px;
  margin: auto;
  border: 1px solid #ddd;
  border-radius: 20px;
  overflow: hidden;
}
#SearchCondition #Main .search-area form input {
  border: none;
  border-radius: 0;
}
#SearchCondition #Main .search-area form button {
  width: 80px;
  color: #fff;
  background: #ff9234;
  border-radius: 0;
}
#SearchCondition #Main .category-list,
#SearchCondition #Main .genre-list {
  max-width: 780px;
  margin: 20px auto;
  padding: 25px;
}
#SearchCondition #Main .category-list h2,
#SearchCondition #Main .genre-list h2 {
  text-align: center;
}
#SearchCondition #Main .category-list ul,
#SearchCondition #Main .genre-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 0;
}
#SearchCondition #Main .category-list li,
#SearchCondition #Main .genre-list li {
  width: calc((100% - 40px) / 3);
}
#SearchCondition #Main .category-list li a,
#SearchCondition #Main .genre-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  text-align: center;
  background: #25aa8f;
  color: #fff;
  border-radius: 20px;
}
#SearchCondition #Main .category-list li img,
#SearchCondition #Main .genre-list li img {
  display: none;
}
@media screen and (max-width: 767px) {
  #SearchCondition #Main .category-list li,
  #SearchCondition #Main .genre-list li {
    width: 100%;
  }
}

#Signup #Main .form-wrap .input,
#Checkout #Main .form-wrap .input,
#Confirmation #Main .form-wrap .input,
#Thanks #Main .form-wrap .input,
#Account #Main .form-wrap .input {
  width: 300px;
}
@media screen and (max-width: 575px) {
  #Signup #Main .form-wrap .input,
  #Checkout #Main .form-wrap .input,
  #Confirmation #Main .form-wrap .input,
  #Thanks #Main .form-wrap .input,
  #Account #Main .form-wrap .input {
    width: 100%;
  }
}
#Signup #Main .total-area,
#Checkout #Main .total-area,
#Confirmation #Main .total-area,
#Thanks #Main .total-area,
#Account #Main .total-area {
  margin: 30px auto 20px;
  padding: 25px;
  background: #f2f2f2;
  border-radius: 8px;
}
#Signup #Main .payment-name,
#Checkout #Main .payment-name,
#Confirmation #Main .payment-name,
#Thanks #Main .payment-name,
#Account #Main .payment-name {
  display: flex;
  gap: 2px;
}
#Signup #Main .card-no,
#Checkout #Main .card-no,
#Confirmation #Main .card-no,
#Thanks #Main .card-no,
#Account #Main .card-no {
  display: flex;
  align-items: center;
  gap: 4px;
}
#Signup #Main .card-no div,
#Checkout #Main .card-no div,
#Confirmation #Main .card-no div,
#Thanks #Main .card-no div,
#Account #Main .card-no div {
  width: 80px;
  max-width: calc((100% - 12px) / 4);
}
#Signup #Main .card-no div input,
#Checkout #Main .card-no div input,
#Confirmation #Main .card-no div input,
#Thanks #Main .card-no div input,
#Account #Main .card-no div input {
  width: 80px;
}
#Signup #Main .row,
#Checkout #Main .row,
#Confirmation #Main .row,
#Thanks #Main .row,
#Account #Main .row {
  margin: 0;
}
#Signup #Main .card-expire-month,
#Checkout #Main .card-expire-month,
#Confirmation #Main .card-expire-month,
#Thanks #Main .card-expire-month,
#Account #Main .card-expire-month {
  display: flex;
  align-items: center;
  width: 100px !important;
  max-width: none !important;
}
#Signup #Main .card-expire-month .input.select,
#Checkout #Main .card-expire-month .input.select,
#Confirmation #Main .card-expire-month .input.select,
#Thanks #Main .card-expire-month .input.select,
#Account #Main .card-expire-month .input.select {
  width: 100px !important;
  max-width: none !important;
}
#Signup #Main .card-expire-month .input.select input,
#Checkout #Main .card-expire-month .input.select input,
#Confirmation #Main .card-expire-month .input.select input,
#Thanks #Main .card-expire-month .input.select input,
#Account #Main .card-expire-month .input.select input {
  width: 80px;
}

#Signin #Main .d-split {
  gap: 20px;
  padding: 20px 0 0;
  text-align: center;
}
#Signin #Main .d-split > section, #Signin #Main .d-split > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(50% - 10px);
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 6px;
}
#Signin #Main .d-split > section .more, #Signin #Main .d-split > div .more {
  width: 100%;
}
#Signin #Main .d-split h3 {
  width: 100%;
  padding: 15px 0 0;
  font-size: 1.1em;
  font-weight: 600;
}
@media screen and (max-width: 575px) {
  #Signin #Main .d-split {
    flex-wrap: wrap;
  }
  #Signin #Main .d-split > section, #Signin #Main .d-split > div {
    width: 100%;
  }
}

#ItemList #Main h1,
#Special #Main h1 {
  width: calc(100% - 30px);
  max-width: 1200px;
  margin: auto;
  padding: 15px 0 0;
  font-size: 1.3em;
  font-weight: 600;
}
#ItemList #PartsItemList,
#Special #PartsItemList {
  display: block;
  width: calc(100% - 30px);
  max-width: 1200px;
  margin: auto;
}
#ItemList #PartsItemList nav,
#Special #PartsItemList nav {
  width: 100%;
  margin: 0 auto 30px;
  padding: 0;
  font-size: 0.86em;
}
#ItemList #PartsItemList nav p,
#Special #PartsItemList nav p {
  padding: 0;
}
#ItemList #PartsItemList nav #SortLink,
#Special #PartsItemList nav #SortLink {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
#ItemList #PartsItemList nav #SortLink a,
#Special #PartsItemList nav #SortLink a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  background: #ff9234;
  color: #fff;
  font-size: 10px;
  border-radius: 20px;
}
@media screen and (max-width: 575px) {
  #ItemList #PartsItemList nav #SortLink,
  #Special #PartsItemList nav #SortLink {
    padding: 15px 0 0;
  }
  #ItemList #PartsItemList nav #SortLink a,
  #Special #PartsItemList nav #SortLink a {
    width: calc((100% - 12px) / 3);
  }
}

#Special #Main {
  width: calc(100% - 30px);
  max-width: 1200px;
  margin: auto;
  padding-bottom: 100px;
}

#Inquiry h1,
#Questionnaire h1 {
  width: 100%;
  margin: auto;
  padding: 15px 0 0;
  font-size: 1.3em;
  font-weight: 600;
}
#Inquiry #Main,
#Questionnaire #Main {
  width: calc(100% - 30px);
  max-width: 870px;
  margin: auto;
  padding-bottom: 100px;
}
#Inquiry #Main th,
#Questionnaire #Main th {
  vertical-align: middle;
}
#Inquiry #Main .radio label,
#Questionnaire #Main .radio label {
  margin-right: 10px;
}
@media screen and (max-width: 575px) {
  #Inquiry #Main .radio label,
  #Questionnaire #Main .radio label {
    width: 100%;
    margin: 0 0 10px;
  }
}

#NewsList h1,
#NewsDetail h1 {
  width: 100%;
  margin: auto;
  padding: 15px 0 0;
  font-size: 1.3em;
  font-weight: 600;
}
#NewsList #Main,
#NewsDetail #Main {
  width: calc(100% - 30px);
  max-width: 870px;
  margin: auto;
  padding-bottom: 100px;
}
#NewsList #Main ul,
#NewsDetail #Main ul {
  margin: 10px 0 0;
  border: solid #aaa;
  border-width: 1px 0;
}
#NewsList #Main li,
#NewsDetail #Main li {
  padding: 0;
}
#NewsList #Main li a,
#NewsDetail #Main li a {
  display: flex;
  gap: 10px;
  padding: 10px 15px;
  color: #222;
  transition: all 0.2s ease;
}
#NewsList #Main li a:hover,
#NewsDetail #Main li a:hover {
  background: #f2f2f2;
}
#NewsList #Main li .txt,
#NewsDetail #Main li .txt {
  width: calc(100% - 100px);
  color: #222;
}
#NewsList #Main li .txt .date,
#NewsDetail #Main li .txt .date {
  width: 80px;
  font-size: 0.9em;
  line-height: 1em;
  color: #888;
}
#NewsList #Main li .txt h3,
#NewsDetail #Main li .txt h3 {
  display: inline-block;
  margin: 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 1em;
}
#NewsList #Main li .txt p,
#NewsDetail #Main li .txt p {
  width: 100%;
  padding-top: 10px;
  line-height: 1.4em;
}
#NewsList #Main li img,
#NewsDetail #Main li img {
  display: flex;
  width: 90px;
  height: auto;
  margin-left: auto;
}
@media screen and (max-width: 575px) {
  #NewsList #Main li .txt,
  #NewsList #Main li h3,
  #NewsDetail #Main li .txt,
  #NewsDetail #Main li h3 {
    width: 100%;
  }
  #NewsList #Main li img,
  #NewsDetail #Main li img {
    display: none;
  }
}

#NewsDetail .pagination {
  justify-content: center;
  margin-top: 40px !important;
  border-radius: 0;
}
#NewsDetail .pagination .prev {
  display: flex;
  margin-right: auto;
}
#NewsDetail .pagination .next {
  display: flex;
  margin-left: auto;
}
#NewsDetail .news-info {
  margin: 8px 0 40px;
  padding: 4px 12px;
  background: #f2f2f2;
  font-size: 0.9em;
}

#Special #Main h1 {
  width: 100%;
}
#Special #Main .special-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 10px 0;
}
#Special #Main .special-list li {
  width: calc((100% - 60px) / 3);
}
#Special #Main .special-list li a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 0;
  color: #222;
}
#Special #Main .special-list li img {
  width: 100%;
  order: 1;
}
#Special #Main .special-list li p {
  order: 2;
}
#Special #Main .special-list li .ttl {
  font-size: 1.2em;
  font-weight: 600;
}
@media screen and (max-width: 575px) {
  #Special #Main .special-list li {
    width: calc(50% - 15px);
  }
}

#Mypage .main-wrap,
#Favorite .main-wrap,
#PointHistory .main-wrap,
#PurchaseHistory .main-wrap,
#Account .main-wrap,
#ChangeEmail .main-wrap,
#ChangePassword .main-wrap,
#Review .main-wrap,
#AddressBook .main-wrap,
#Deactivation .main-wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  #Mypage .main-wrap,
  #Favorite .main-wrap,
  #PointHistory .main-wrap,
  #PurchaseHistory .main-wrap,
  #Account .main-wrap,
  #ChangeEmail .main-wrap,
  #ChangePassword .main-wrap,
  #Review .main-wrap,
  #AddressBook .main-wrap,
  #Deactivation .main-wrap {
    flex-direction: column;
  }
}
#Mypage #LeftSection,
#Favorite #LeftSection,
#PointHistory #LeftSection,
#PurchaseHistory #LeftSection,
#Account #LeftSection,
#ChangeEmail #LeftSection,
#ChangePassword #LeftSection,
#Review #LeftSection,
#AddressBook #LeftSection,
#Deactivation #LeftSection {
  width: 180px;
}
@media screen and (max-width: 991px) {
  #Mypage #LeftSection,
  #Favorite #LeftSection,
  #PointHistory #LeftSection,
  #PurchaseHistory #LeftSection,
  #Account #LeftSection,
  #ChangeEmail #LeftSection,
  #ChangePassword #LeftSection,
  #Review #LeftSection,
  #AddressBook #LeftSection,
  #Deactivation #LeftSection {
    width: 100%;
  }
}
#Mypage #PartsMypageMenu,
#Favorite #PartsMypageMenu,
#PointHistory #PartsMypageMenu,
#PurchaseHistory #PartsMypageMenu,
#Account #PartsMypageMenu,
#ChangeEmail #PartsMypageMenu,
#ChangePassword #PartsMypageMenu,
#Review #PartsMypageMenu,
#AddressBook #PartsMypageMenu,
#Deactivation #PartsMypageMenu {
  padding: 0 15px;
}
#Mypage #PartsMypageMenu a,
#Favorite #PartsMypageMenu a,
#PointHistory #PartsMypageMenu a,
#PurchaseHistory #PartsMypageMenu a,
#Account #PartsMypageMenu a,
#ChangeEmail #PartsMypageMenu a,
#ChangePassword #PartsMypageMenu a,
#Review #PartsMypageMenu a,
#AddressBook #PartsMypageMenu a,
#Deactivation #PartsMypageMenu a {
  color: #222;
}
#Mypage #PartsMypageMenu h2,
#Favorite #PartsMypageMenu h2,
#PointHistory #PartsMypageMenu h2,
#PurchaseHistory #PartsMypageMenu h2,
#Account #PartsMypageMenu h2,
#ChangeEmail #PartsMypageMenu h2,
#ChangePassword #PartsMypageMenu h2,
#Review #PartsMypageMenu h2,
#AddressBook #PartsMypageMenu h2,
#Deactivation #PartsMypageMenu h2 {
  width: 100%;
  padding: 15px 0 0;
  font-size: 1.1em;
  font-weight: 600;
}
#Mypage #PartsMypageMenu ul,
#Favorite #PartsMypageMenu ul,
#PointHistory #PartsMypageMenu ul,
#PurchaseHistory #PartsMypageMenu ul,
#Account #PartsMypageMenu ul,
#ChangeEmail #PartsMypageMenu ul,
#ChangePassword #PartsMypageMenu ul,
#Review #PartsMypageMenu ul,
#AddressBook #PartsMypageMenu ul,
#Deactivation #PartsMypageMenu ul {
  padding: 0;
  border: solid #ccc;
  border-width: 1px 0;
  font-size: 0.9em;
}
#Mypage #PartsMypageMenu ul li,
#Favorite #PartsMypageMenu ul li,
#PointHistory #PartsMypageMenu ul li,
#PurchaseHistory #PartsMypageMenu ul li,
#Account #PartsMypageMenu ul li,
#ChangeEmail #PartsMypageMenu ul li,
#ChangePassword #PartsMypageMenu ul li,
#Review #PartsMypageMenu ul li,
#AddressBook #PartsMypageMenu ul li,
#Deactivation #PartsMypageMenu ul li {
  padding: 0;
}
#Mypage #PartsMypageMenu ul li a,
#Favorite #PartsMypageMenu ul li a,
#PointHistory #PartsMypageMenu ul li a,
#PurchaseHistory #PartsMypageMenu ul li a,
#Account #PartsMypageMenu ul li a,
#ChangeEmail #PartsMypageMenu ul li a,
#ChangePassword #PartsMypageMenu ul li a,
#Review #PartsMypageMenu ul li a,
#AddressBook #PartsMypageMenu ul li a,
#Deactivation #PartsMypageMenu ul li a {
  display: block;
  padding: 8px 10px;
}
#Mypage #PartsMypageMenu ul li:not(:last-of-type),
#Favorite #PartsMypageMenu ul li:not(:last-of-type),
#PointHistory #PartsMypageMenu ul li:not(:last-of-type),
#PurchaseHistory #PartsMypageMenu ul li:not(:last-of-type),
#Account #PartsMypageMenu ul li:not(:last-of-type),
#ChangeEmail #PartsMypageMenu ul li:not(:last-of-type),
#ChangePassword #PartsMypageMenu ul li:not(:last-of-type),
#Review #PartsMypageMenu ul li:not(:last-of-type),
#AddressBook #PartsMypageMenu ul li:not(:last-of-type),
#Deactivation #PartsMypageMenu ul li:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}
#Mypage #MainSection,
#Favorite #MainSection,
#PointHistory #MainSection,
#PurchaseHistory #MainSection,
#Account #MainSection,
#ChangeEmail #MainSection,
#ChangePassword #MainSection,
#Review #MainSection,
#AddressBook #MainSection,
#Deactivation #MainSection {
  width: calc(100% - 30px);
  max-width: 980px;
}
@media screen and (max-width: 991px) {
  #Mypage #MainSection,
  #Favorite #MainSection,
  #PointHistory #MainSection,
  #PurchaseHistory #MainSection,
  #Account #MainSection,
  #ChangeEmail #MainSection,
  #ChangePassword #MainSection,
  #Review #MainSection,
  #AddressBook #MainSection,
  #Deactivation #MainSection {
    margin: auto;
  }
}
#Mypage #Main,
#Favorite #Main,
#PointHistory #Main,
#PurchaseHistory #Main,
#Account #Main,
#ChangeEmail #Main,
#ChangePassword #Main,
#Review #Main,
#AddressBook #Main,
#Deactivation #Main {
  width: calc(100% - 30px);
  max-width: 980px;
  margin: auto;
}
#Mypage #Main .mypage-head-info,
#Favorite #Main .mypage-head-info,
#PointHistory #Main .mypage-head-info,
#PurchaseHistory #Main .mypage-head-info,
#Account #Main .mypage-head-info,
#ChangeEmail #Main .mypage-head-info,
#ChangePassword #Main .mypage-head-info,
#Review #Main .mypage-head-info,
#AddressBook #Main .mypage-head-info,
#Deactivation #Main .mypage-head-info {
  margin: 6px 0;
  padding: 6px 12px;
  background: #f2f2f2;
  font-size: 0.8em;
}
#Mypage #Main .panel-default,
#Favorite #Main .panel-default,
#PointHistory #Main .panel-default,
#PurchaseHistory #Main .panel-default,
#Account #Main .panel-default,
#ChangeEmail #Main .panel-default,
#ChangePassword #Main .panel-default,
#Review #Main .panel-default,
#AddressBook #Main .panel-default,
#Deactivation #Main .panel-default {
  margin: 6px 0 15px;
  padding: 25px;
  background: #e8e8e8;
  border-radius: 6px;
  text-align: center;
}
#Mypage #Main .panel-default .panel-title,
#Favorite #Main .panel-default .panel-title,
#PointHistory #Main .panel-default .panel-title,
#PurchaseHistory #Main .panel-default .panel-title,
#Account #Main .panel-default .panel-title,
#ChangeEmail #Main .panel-default .panel-title,
#ChangePassword #Main .panel-default .panel-title,
#Review #Main .panel-default .panel-title,
#AddressBook #Main .panel-default .panel-title,
#Deactivation #Main .panel-default .panel-title {
  font-size: 1.2em;
  font-weight: 600;
}
#Mypage #Main .purchasehistory-items-area,
#Favorite #Main .purchasehistory-items-area,
#PointHistory #Main .purchasehistory-items-area,
#PurchaseHistory #Main .purchasehistory-items-area,
#Account #Main .purchasehistory-items-area,
#ChangeEmail #Main .purchasehistory-items-area,
#ChangePassword #Main .purchasehistory-items-area,
#Review #Main .purchasehistory-items-area,
#AddressBook #Main .purchasehistory-items-area,
#Deactivation #Main .purchasehistory-items-area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
#Mypage #Main .purchasehistory-items-area .img-area,
#Favorite #Main .purchasehistory-items-area .img-area,
#PointHistory #Main .purchasehistory-items-area .img-area,
#PurchaseHistory #Main .purchasehistory-items-area .img-area,
#Account #Main .purchasehistory-items-area .img-area,
#ChangeEmail #Main .purchasehistory-items-area .img-area,
#ChangePassword #Main .purchasehistory-items-area .img-area,
#Review #Main .purchasehistory-items-area .img-area,
#AddressBook #Main .purchasehistory-items-area .img-area,
#Deactivation #Main .purchasehistory-items-area .img-area {
  width: 120px;
}
#Mypage #Main .purchasehistory-items-area .img-area img,
#Favorite #Main .purchasehistory-items-area .img-area img,
#PointHistory #Main .purchasehistory-items-area .img-area img,
#PurchaseHistory #Main .purchasehistory-items-area .img-area img,
#Account #Main .purchasehistory-items-area .img-area img,
#ChangeEmail #Main .purchasehistory-items-area .img-area img,
#ChangePassword #Main .purchasehistory-items-area .img-area img,
#Review #Main .purchasehistory-items-area .img-area img,
#AddressBook #Main .purchasehistory-items-area .img-area img,
#Deactivation #Main .purchasehistory-items-area .img-area img {
  width: 100%;
}
#Mypage #Main .purchasehistory-items-area .txt-area,
#Favorite #Main .purchasehistory-items-area .txt-area,
#PointHistory #Main .purchasehistory-items-area .txt-area,
#PurchaseHistory #Main .purchasehistory-items-area .txt-area,
#Account #Main .purchasehistory-items-area .txt-area,
#ChangeEmail #Main .purchasehistory-items-area .txt-area,
#ChangePassword #Main .purchasehistory-items-area .txt-area,
#Review #Main .purchasehistory-items-area .txt-area,
#AddressBook #Main .purchasehistory-items-area .txt-area,
#Deactivation #Main .purchasehistory-items-area .txt-area {
  width: calc(100% - 140px);
}
@media screen and (max-width: 575px) {
  #Mypage #Main .purchasehistory-items-area .img-area,
  #Favorite #Main .purchasehistory-items-area .img-area,
  #PointHistory #Main .purchasehistory-items-area .img-area,
  #PurchaseHistory #Main .purchasehistory-items-area .img-area,
  #Account #Main .purchasehistory-items-area .img-area,
  #ChangeEmail #Main .purchasehistory-items-area .img-area,
  #ChangePassword #Main .purchasehistory-items-area .img-area,
  #Review #Main .purchasehistory-items-area .img-area,
  #AddressBook #Main .purchasehistory-items-area .img-area,
  #Deactivation #Main .purchasehistory-items-area .img-area {
    width: 100%;
  }
  #Mypage #Main .purchasehistory-items-area .img-area img,
  #Favorite #Main .purchasehistory-items-area .img-area img,
  #PointHistory #Main .purchasehistory-items-area .img-area img,
  #PurchaseHistory #Main .purchasehistory-items-area .img-area img,
  #Account #Main .purchasehistory-items-area .img-area img,
  #ChangeEmail #Main .purchasehistory-items-area .img-area img,
  #ChangePassword #Main .purchasehistory-items-area .img-area img,
  #Review #Main .purchasehistory-items-area .img-area img,
  #AddressBook #Main .purchasehistory-items-area .img-area img,
  #Deactivation #Main .purchasehistory-items-area .img-area img {
    width: 100%;
  }
  #Mypage #Main .purchasehistory-items-area .txt-area,
  #Favorite #Main .purchasehistory-items-area .txt-area,
  #PointHistory #Main .purchasehistory-items-area .txt-area,
  #PurchaseHistory #Main .purchasehistory-items-area .txt-area,
  #Account #Main .purchasehistory-items-area .txt-area,
  #ChangeEmail #Main .purchasehistory-items-area .txt-area,
  #ChangePassword #Main .purchasehistory-items-area .txt-area,
  #Review #Main .purchasehistory-items-area .txt-area,
  #AddressBook #Main .purchasehistory-items-area .txt-area,
  #Deactivation #Main .purchasehistory-items-area .txt-area {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  #Mypage #Main .table-requid,
  #Favorite #Main .table-requid,
  #PointHistory #Main .table-requid,
  #PurchaseHistory #Main .table-requid,
  #Account #Main .table-requid,
  #ChangeEmail #Main .table-requid,
  #ChangePassword #Main .table-requid,
  #Review #Main .table-requid,
  #AddressBook #Main .table-requid,
  #Deactivation #Main .table-requid {
    display: block;
    width: 100%;
  }
  #Mypage #Main .table-requid td,
  #Favorite #Main .table-requid td,
  #PointHistory #Main .table-requid td,
  #PurchaseHistory #Main .table-requid td,
  #Account #Main .table-requid td,
  #ChangeEmail #Main .table-requid td,
  #ChangePassword #Main .table-requid td,
  #Review #Main .table-requid td,
  #AddressBook #Main .table-requid td,
  #Deactivation #Main .table-requid td {
    display: block;
    width: 100%;
    border: none;
  }
}
#Mypage #Main h1,
#Favorite #Main h1,
#PointHistory #Main h1,
#PurchaseHistory #Main h1,
#Account #Main h1,
#ChangeEmail #Main h1,
#ChangePassword #Main h1,
#Review #Main h1,
#AddressBook #Main h1,
#Deactivation #Main h1 {
  width: 100%;
  padding: 15px 0 0;
  font-size: 1.3em;
  font-weight: 600;
}
#Mypage #Main h2,
#Favorite #Main h2,
#PointHistory #Main h2,
#PurchaseHistory #Main h2,
#Account #Main h2,
#ChangeEmail #Main h2,
#ChangePassword #Main h2,
#Review #Main h2,
#AddressBook #Main h2,
#Deactivation #Main h2 {
  width: 100%;
  margin: 15px 0 8px;
  padding: 6px 12px;
  background: #f2f2f2;
  font-size: 1em;
  font-weight: 600;
  border-radius: 4px;
}
#Mypage #Main .pager li,
#Favorite #Main .pager li,
#PointHistory #Main .pager li,
#PurchaseHistory #Main .pager li,
#Account #Main .pager li,
#ChangeEmail #Main .pager li,
#ChangePassword #Main .pager li,
#Review #Main .pager li,
#AddressBook #Main .pager li,
#Deactivation #Main .pager li {
  padding: 0 6px;
  text-align: right;
}
#Mypage #Main .pager li a,
#Favorite #Main .pager li a,
#PointHistory #Main .pager li a,
#PurchaseHistory #Main .pager li a,
#Account #Main .pager li a,
#ChangeEmail #Main .pager li a,
#ChangePassword #Main .pager li a,
#Review #Main .pager li a,
#AddressBook #Main .pager li a,
#Deactivation #Main .pager li a {
  color: #222;
}
#Mypage #Main .favorite-mypage > ul,
#Favorite #Main .favorite-mypage > ul,
#PointHistory #Main .favorite-mypage > ul,
#PurchaseHistory #Main .favorite-mypage > ul,
#Account #Main .favorite-mypage > ul,
#ChangeEmail #Main .favorite-mypage > ul,
#ChangePassword #Main .favorite-mypage > ul,
#Review #Main .favorite-mypage > ul,
#AddressBook #Main .favorite-mypage > ul,
#Deactivation #Main .favorite-mypage > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 0;
}
#Mypage #Main .favorite-mypage > ul > li,
#Favorite #Main .favorite-mypage > ul > li,
#PointHistory #Main .favorite-mypage > ul > li,
#PurchaseHistory #Main .favorite-mypage > ul > li,
#Account #Main .favorite-mypage > ul > li,
#ChangeEmail #Main .favorite-mypage > ul > li,
#ChangePassword #Main .favorite-mypage > ul > li,
#Review #Main .favorite-mypage > ul > li,
#AddressBook #Main .favorite-mypage > ul > li,
#Deactivation #Main .favorite-mypage > ul > li {
  width: calc((100% - 90px) / 4);
}
@media screen and (max-width: 991px) {
  #Mypage #Main .favorite-mypage > ul > li,
  #Favorite #Main .favorite-mypage > ul > li,
  #PointHistory #Main .favorite-mypage > ul > li,
  #PurchaseHistory #Main .favorite-mypage > ul > li,
  #Account #Main .favorite-mypage > ul > li,
  #ChangeEmail #Main .favorite-mypage > ul > li,
  #ChangePassword #Main .favorite-mypage > ul > li,
  #Review #Main .favorite-mypage > ul > li,
  #AddressBook #Main .favorite-mypage > ul > li,
  #Deactivation #Main .favorite-mypage > ul > li {
    width: calc((100% - 30px) / 2);
  }
}
#Mypage #Main #PurchaseHistoryList,
#Mypage #Main .fixed-table,
#Favorite #Main #PurchaseHistoryList,
#Favorite #Main .fixed-table,
#PointHistory #Main #PurchaseHistoryList,
#PointHistory #Main .fixed-table,
#PurchaseHistory #Main #PurchaseHistoryList,
#PurchaseHistory #Main .fixed-table,
#Account #Main #PurchaseHistoryList,
#Account #Main .fixed-table,
#ChangeEmail #Main #PurchaseHistoryList,
#ChangeEmail #Main .fixed-table,
#ChangePassword #Main #PurchaseHistoryList,
#ChangePassword #Main .fixed-table,
#Review #Main #PurchaseHistoryList,
#Review #Main .fixed-table,
#AddressBook #Main #PurchaseHistoryList,
#AddressBook #Main .fixed-table,
#Deactivation #Main #PurchaseHistoryList,
#Deactivation #Main .fixed-table {
  min-width: 760px;
  table-layout: fixed;
  overflow-x: auto;
}
#Mypage #Main #PurchaseHistoryList th,
#Mypage #Main #PurchaseHistoryList td,
#Mypage #Main .fixed-table th,
#Mypage #Main .fixed-table td,
#Favorite #Main #PurchaseHistoryList th,
#Favorite #Main #PurchaseHistoryList td,
#Favorite #Main .fixed-table th,
#Favorite #Main .fixed-table td,
#PointHistory #Main #PurchaseHistoryList th,
#PointHistory #Main #PurchaseHistoryList td,
#PointHistory #Main .fixed-table th,
#PointHistory #Main .fixed-table td,
#PurchaseHistory #Main #PurchaseHistoryList th,
#PurchaseHistory #Main #PurchaseHistoryList td,
#PurchaseHistory #Main .fixed-table th,
#PurchaseHistory #Main .fixed-table td,
#Account #Main #PurchaseHistoryList th,
#Account #Main #PurchaseHistoryList td,
#Account #Main .fixed-table th,
#Account #Main .fixed-table td,
#ChangeEmail #Main #PurchaseHistoryList th,
#ChangeEmail #Main #PurchaseHistoryList td,
#ChangeEmail #Main .fixed-table th,
#ChangeEmail #Main .fixed-table td,
#ChangePassword #Main #PurchaseHistoryList th,
#ChangePassword #Main #PurchaseHistoryList td,
#ChangePassword #Main .fixed-table th,
#ChangePassword #Main .fixed-table td,
#Review #Main #PurchaseHistoryList th,
#Review #Main #PurchaseHistoryList td,
#Review #Main .fixed-table th,
#Review #Main .fixed-table td,
#AddressBook #Main #PurchaseHistoryList th,
#AddressBook #Main #PurchaseHistoryList td,
#AddressBook #Main .fixed-table th,
#AddressBook #Main .fixed-table td,
#Deactivation #Main #PurchaseHistoryList th,
#Deactivation #Main #PurchaseHistoryList td,
#Deactivation #Main .fixed-table th,
#Deactivation #Main .fixed-table td {
  vertical-align: middle;
}
#Mypage #Main #PurchaseHistoryList th.purchase-num,
#Mypage #Main .fixed-table th.purchase-num,
#Favorite #Main #PurchaseHistoryList th.purchase-num,
#Favorite #Main .fixed-table th.purchase-num,
#PointHistory #Main #PurchaseHistoryList th.purchase-num,
#PointHistory #Main .fixed-table th.purchase-num,
#PurchaseHistory #Main #PurchaseHistoryList th.purchase-num,
#PurchaseHistory #Main .fixed-table th.purchase-num,
#Account #Main #PurchaseHistoryList th.purchase-num,
#Account #Main .fixed-table th.purchase-num,
#ChangeEmail #Main #PurchaseHistoryList th.purchase-num,
#ChangeEmail #Main .fixed-table th.purchase-num,
#ChangePassword #Main #PurchaseHistoryList th.purchase-num,
#ChangePassword #Main .fixed-table th.purchase-num,
#Review #Main #PurchaseHistoryList th.purchase-num,
#Review #Main .fixed-table th.purchase-num,
#AddressBook #Main #PurchaseHistoryList th.purchase-num,
#AddressBook #Main .fixed-table th.purchase-num,
#Deactivation #Main #PurchaseHistoryList th.purchase-num,
#Deactivation #Main .fixed-table th.purchase-num {
  width: 120px;
}
#Mypage #Main #PurchaseHistoryList th.purchase-date,
#Mypage #Main .fixed-table th.purchase-date,
#Favorite #Main #PurchaseHistoryList th.purchase-date,
#Favorite #Main .fixed-table th.purchase-date,
#PointHistory #Main #PurchaseHistoryList th.purchase-date,
#PointHistory #Main .fixed-table th.purchase-date,
#PurchaseHistory #Main #PurchaseHistoryList th.purchase-date,
#PurchaseHistory #Main .fixed-table th.purchase-date,
#Account #Main #PurchaseHistoryList th.purchase-date,
#Account #Main .fixed-table th.purchase-date,
#ChangeEmail #Main #PurchaseHistoryList th.purchase-date,
#ChangeEmail #Main .fixed-table th.purchase-date,
#ChangePassword #Main #PurchaseHistoryList th.purchase-date,
#ChangePassword #Main .fixed-table th.purchase-date,
#Review #Main #PurchaseHistoryList th.purchase-date,
#Review #Main .fixed-table th.purchase-date,
#AddressBook #Main #PurchaseHistoryList th.purchase-date,
#AddressBook #Main .fixed-table th.purchase-date,
#Deactivation #Main #PurchaseHistoryList th.purchase-date,
#Deactivation #Main .fixed-table th.purchase-date {
  width: 220px;
}
#Mypage #Main #PurchaseHistoryList th.purchase-stts,
#Mypage #Main .fixed-table th.purchase-stts,
#Favorite #Main #PurchaseHistoryList th.purchase-stts,
#Favorite #Main .fixed-table th.purchase-stts,
#PointHistory #Main #PurchaseHistoryList th.purchase-stts,
#PointHistory #Main .fixed-table th.purchase-stts,
#PurchaseHistory #Main #PurchaseHistoryList th.purchase-stts,
#PurchaseHistory #Main .fixed-table th.purchase-stts,
#Account #Main #PurchaseHistoryList th.purchase-stts,
#Account #Main .fixed-table th.purchase-stts,
#ChangeEmail #Main #PurchaseHistoryList th.purchase-stts,
#ChangeEmail #Main .fixed-table th.purchase-stts,
#ChangePassword #Main #PurchaseHistoryList th.purchase-stts,
#ChangePassword #Main .fixed-table th.purchase-stts,
#Review #Main #PurchaseHistoryList th.purchase-stts,
#Review #Main .fixed-table th.purchase-stts,
#AddressBook #Main #PurchaseHistoryList th.purchase-stts,
#AddressBook #Main .fixed-table th.purchase-stts,
#Deactivation #Main #PurchaseHistoryList th.purchase-stts,
#Deactivation #Main .fixed-table th.purchase-stts {
  width: calc(100% - 570px);
}
#Mypage #Main #PurchaseHistoryList th.purchase-amount,
#Mypage #Main .fixed-table th.purchase-amount,
#Favorite #Main #PurchaseHistoryList th.purchase-amount,
#Favorite #Main .fixed-table th.purchase-amount,
#PointHistory #Main #PurchaseHistoryList th.purchase-amount,
#PointHistory #Main .fixed-table th.purchase-amount,
#PurchaseHistory #Main #PurchaseHistoryList th.purchase-amount,
#PurchaseHistory #Main .fixed-table th.purchase-amount,
#Account #Main #PurchaseHistoryList th.purchase-amount,
#Account #Main .fixed-table th.purchase-amount,
#ChangeEmail #Main #PurchaseHistoryList th.purchase-amount,
#ChangeEmail #Main .fixed-table th.purchase-amount,
#ChangePassword #Main #PurchaseHistoryList th.purchase-amount,
#ChangePassword #Main .fixed-table th.purchase-amount,
#Review #Main #PurchaseHistoryList th.purchase-amount,
#Review #Main .fixed-table th.purchase-amount,
#AddressBook #Main #PurchaseHistoryList th.purchase-amount,
#AddressBook #Main .fixed-table th.purchase-amount,
#Deactivation #Main #PurchaseHistoryList th.purchase-amount,
#Deactivation #Main .fixed-table th.purchase-amount {
  width: 140px;
}
#Mypage #Main #PurchaseHistoryList th.purchase-btn,
#Mypage #Main .fixed-table th.purchase-btn,
#Favorite #Main #PurchaseHistoryList th.purchase-btn,
#Favorite #Main .fixed-table th.purchase-btn,
#PointHistory #Main #PurchaseHistoryList th.purchase-btn,
#PointHistory #Main .fixed-table th.purchase-btn,
#PurchaseHistory #Main #PurchaseHistoryList th.purchase-btn,
#PurchaseHistory #Main .fixed-table th.purchase-btn,
#Account #Main #PurchaseHistoryList th.purchase-btn,
#Account #Main .fixed-table th.purchase-btn,
#ChangeEmail #Main #PurchaseHistoryList th.purchase-btn,
#ChangeEmail #Main .fixed-table th.purchase-btn,
#ChangePassword #Main #PurchaseHistoryList th.purchase-btn,
#ChangePassword #Main .fixed-table th.purchase-btn,
#Review #Main #PurchaseHistoryList th.purchase-btn,
#Review #Main .fixed-table th.purchase-btn,
#AddressBook #Main #PurchaseHistoryList th.purchase-btn,
#AddressBook #Main .fixed-table th.purchase-btn,
#Deactivation #Main #PurchaseHistoryList th.purchase-btn,
#Deactivation #Main .fixed-table th.purchase-btn {
  width: 110px;
}
#Mypage #Main #PurchaseHistoryList .btn-more,
#Mypage #Main .fixed-table .btn-more,
#Favorite #Main #PurchaseHistoryList .btn-more,
#Favorite #Main .fixed-table .btn-more,
#PointHistory #Main #PurchaseHistoryList .btn-more,
#PointHistory #Main .fixed-table .btn-more,
#PurchaseHistory #Main #PurchaseHistoryList .btn-more,
#PurchaseHistory #Main .fixed-table .btn-more,
#Account #Main #PurchaseHistoryList .btn-more,
#Account #Main .fixed-table .btn-more,
#ChangeEmail #Main #PurchaseHistoryList .btn-more,
#ChangeEmail #Main .fixed-table .btn-more,
#ChangePassword #Main #PurchaseHistoryList .btn-more,
#ChangePassword #Main .fixed-table .btn-more,
#Review #Main #PurchaseHistoryList .btn-more,
#Review #Main .fixed-table .btn-more,
#AddressBook #Main #PurchaseHistoryList .btn-more,
#AddressBook #Main .fixed-table .btn-more,
#Deactivation #Main #PurchaseHistoryList .btn-more,
#Deactivation #Main .fixed-table .btn-more {
  padding: 4px 8px;
  background: #25aa8f;
  font-size: 0.84em;
  color: #fff;
  border-radius: 4px;
}

#Cart #Main {
  width: calc(100% - 30px);
  max-width: 1200px;
  margin: auto;
}
#Cart #Main h1 {
  width: 100%;
  padding: 15px 0 0;
  font-size: 1.3em;
  font-weight: 600;
}
@media screen and (max-width: 575px) {
  #Cart #Main table tr,
  #Cart #Main table th,
  #Cart #Main table td {
    display: block;
    width: 100%;
  }
}
#Cart #Main .ama-pay {
  text-align: right;
}
#Cart #Main .ama-pay h3 {
  font-size: 1em;
  font-weight: 600;
}
#Cart #Main .ama-pay p {
  margin-bottom: 10px;
  font-size: 0.9em;
}
#Cart #Main .ama-pay .btn-amazon {
  text-align: right;
}
#Cart #Main .ama-pay #AmazonPayButton2 {
  display: inline-block;
  width: 200px;
}

#Checkout .amazonpay-checkout-area,
#Confirmation .amazonpay-checkout-area {
  margin-bottom: 10px;
}
#Checkout .amazonpay-checkout-area h2, #Checkout .amazonpay-checkout-area h3,
#Confirmation .amazonpay-checkout-area h2,
#Confirmation .amazonpay-checkout-area h3 {
  padding-bottom: 8px;
  margin-bottom: 8px;
  font-size: 1.4em;
  border-bottom: 1px solid;
}
#Checkout .amazonpay-checkout-area .amazonpay-merchant-shadow-root-parent-element-for-executing-modal-script,
#Confirmation .amazonpay-checkout-area .amazonpay-merchant-shadow-root-parent-element-for-executing-modal-script {
  margin: 10px 0 40px;
}
#Checkout .amazonpay-checkout-area table,
#Confirmation .amazonpay-checkout-area table {
  margin-bottom: 20px;
}
#Checkout .amazonpay-checkout-area table tr td,
#Confirmation .amazonpay-checkout-area table tr td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}
#Checkout .amazonpay-checkout-area table tr td:first-child,
#Confirmation .amazonpay-checkout-area table tr td:first-child {
  font-weight: bold;
}

#Content h1,
#Page h1 {
  font-size: 1.3em;
  font-weight: 600;
}
#Content h2,
#Page h2 {
  font-size: 1.1em;
  font-weight: 600;
}
#Content h3,
#Page h3 {
  font-size: 1em;
  font-weight: 600;
}
#Content .hdln-num,
#Page .hdln-num {
  display: inline-block;
}
#Content .hdln-num:after,
#Page .hdln-num:after {
  content: "．";
}
#Content .content-asct,
#Page .content-asct {
  width: calc(100% - 30px);
  max-width: 780px;
  margin: auto;
}
#Content .content-list-num,
#Page .content-list-num {
  padding: 0;
  counter-reset: number 0;
}
#Content .content-list-num li,
#Page .content-list-num li {
  position: relative;
  padding: 4px 0 0 26px;
  counter-increment: number 1;
}
#Content .content-list-num li:before,
#Page .content-list-num li:before {
  position: absolute;
  content: counter(number) ".";
  left: 10px;
}
@media screen and (max-width: 575px) {
  #Content .table-content tr,
  #Content .table-content th,
  #Content .table-content td,
  #Page .table-content tr,
  #Page .table-content th,
  #Page .table-content td {
    display: block;
    width: 100%;
  }
  #Content .table-content td,
  #Page .table-content td {
    padding-top: 0;
    border: none;
  }
}
#Content .mail:before,
#Page .mail:before {
  content: "@";
}

#Page #Main {
  width: calc(100% - 30px);
  max-width: 780px;
  margin: auto;
}

#Content .about {
  background: #e0b6c9;
  background: linear-gradient(3deg, rgb(224, 182, 201) 0%, rgb(255, 243, 219) 71%);
}
#Content .content-about {
  width: calc(100% - 30px);
  max-width: 960px;
  margin: auto;
  padding: 30px 15px;
  background: rgba(255, 255, 255, 0.8);
}
#Content .content-about .about-inner {
  width: 100%;
  max-width: 720px;
  margin: auto;
}
#Content .content-about .lede-area {
  position: relative;
  padding: 40px 0 20px;
  font-size: 1.1em;
}
#Content .content-about .lede-area .lede-img {
  position: absolute;
  bottom: -60px;
  width: 160px;
  right: 0%;
}
#Content .content-about section {
  padding: 50px 0 0;
}
#Content .content-about h1,
#Content .content-about h2 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}
#Content .content-about h1 {
  padding: 30px 0;
  font-size: 2em;
}
#Content .content-about h2 {
  font-size: 1.4em;
  line-height: 1.5em;
}
#Content .content-about p {
  line-height: 1.8em;
}
#Content .content-about .txt-area {
  width: calc(100% - 180px);
  padding: 10px;
}
#Content .content-about .img-area {
  justify-content: center;
  width: 180px;
  padding: 10px;
}
#Content .content-about .about-img {
  display: block;
  width: 180px;
  margin: 60px auto 20px;
}
#Content .content-about .bold {
  font-size: 1.1em;
  font-weight: 600;
}
#Content .content-about .txt-em {
  background: linear-gradient(transparent 0%, transparent 60%, #ffb87a 60%);
}
@media screen and (min-width: 768px) {
  #Content .semi-split-area {
    max-width: 640px;
    margin: auto;
  }
  #Content .semi-split-area section:nth-of-type(2n+2) {
    text-align: right;
  }
  #Content .semi-split-img-area section:nth-of-type(2n+1) {
    padding-left: 60px;
  }
  #Content .semi-split-img-area section:nth-of-type(2n+2) {
    padding-right: 60px;
  }
}
@media screen and (max-width: 767px) {
  #Content .content-about h1 {
    font-size: 1.5em;
  }
  #Content .content-about .txt-area {
    width: 100%;
  }
  #Content .content-about .lede-area .lede-img {
    position: relative;
    bottom: auto;
    right: auto;
    display: block;
    margin-left: auto;
  }
}

/*# sourceMappingURL=style.css.map */