@charset "utf-8";
html {
  font-size: 62.5%;
  overflow: visible !important;
}

@media screen and (min-width: 751px) {
}

@media screen and (max-width: 750px) {
}

/*--------------------------------------*/

body {
  /* font-family: 'Noto Sans SC', sans-serif; */
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1.5 !important;
  overflow: visible !important;
  transition: none !important;
}

@media screen and (min-width: 751px) {
  body {
  }
}

@media screen and (max-width: 750px) {
  body {
  }
  body.active {
    position: fixed;
    width: 100%;
  }
}

/*--------------------------------------*/

#wrapper {
  position: relative;
}

@media screen and (min-width: 751px) {
  #wrapper {
  }
}

@media screen and (max-width: 750px) {
  #wrapper {
  }
}

/*--------------------------------------*/

header {
}

header .logo {
  height: 40px;
  box-sizing: border-box;
}

header .logo a {
  padding-left: 1em;
}

header {
  max-width: 100vw;
  position: sticky;
  top: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.97);
}

header.fixed .area_tag {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.96);
}

header .gnavi {
  position: absolute;
  margin: 0;
  display: none;
  right: 0;
  top: 50px;
}

header .gnavi.active {
  display: block;
}

@media screen and (min-width: 751px) {
  header {
  }
  header .links a {
    margin: 0 1em;
  }
}

@media screen and (max-width: 750px) {
  .cbp-spmenu .menu_list a {
    color: #555;
  }
}

/*--------------------------------------------------------------------*/

#layer {
  display: none;
}

.menu {
  position: relative;
  align-items: stretch;
  display: inline-block;
  background: rgba(255, 255, 255, 0.9);
  z-index: 3;
}

.menu .button {
  position: relative;
  z-index: 1100;
  height: 100%;
}

.menu button {
  border: 0;
  background-color: transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  z-index: 1101;
}

.menu .button .line {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background-color: #da172b;
  border-radius: 4px;
  transition: all 0.3s;
}

.menu .button .line:first-of-type {
  top: -6px;
}

.menu .button .line:last-of-type {
  bottom: -6px;
}

header.active .menu .button .line:first-of-type {
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

header.active .menu .button .line:last-of-type {
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

header.active + #layer {
  display: block;
  z-index: 2;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.-ui-head-action {
  border-left: 1px solid #e8e8e8;
  height: 40px;
  width: 40px;
  padding: 10px;
  box-sizing: border-box;
}

header .tel {
  margin-left: auto;
}

@media screen and (min-width: 751px) {
  header .area_tag .wrap {
    width: 1200px;
    max-width: 100vw;
    margin: 0 auto;
    align-items: center;
    height: 70px;
  }
  .-ui-head-action {
    display: none !important;
  }
}

@media screen and (max-width: 750px) {
}

/*--------------------------------------*/

#main {
  width: auto;
  float: none;
}

@media screen and (min-width: 751px) {
  #main {
  }
}

@media screen and (max-width: 750px) {
  #main {
  }
}

/*--------------------------------------*/

#contents {
}

@media screen and (min-width: 751px) {
  #contents {
  }
}

@media screen and (max-width: 750px) {
  #contents {
  }
}

/*--------------------------------------------------------------------*/

@media screen and (min-width: 751px) {
  .buy-style-head {
    padding: 2em 0 1em 0;
  }
  .frame {
    max-width: 1030px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 20px;
  }
  .frame .maincontent {
    width: 800px;
  }
}

@media screen and (max-width: 750px) {
}

/*--------------------------------------------------------------------*/

#sidebar a {
  line-height: inherit;
}

#sidebar a:hover {
  opacity: 1;
  text-decoration: underline !important;
}

/*--------------------------------------------------------------------*/

.commonHead {
  background-image: url("../img/gold-kaitori/bg_commonIndex.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  min-height: 147px;
  font-weight: bold;
  margin: 2em 0 0 0;
  max-width: 100%;
  overflow: hidden;
}

.commonHead .index {
  position: relative;
}

.commonHead .logo {
  margin-bottom: 1.5em;
}

.commonHead .sub {
  margin-bottom: 0.2em;
}

.commonHead .en {
  padding-top: 1em;
}

.commonHead .hs img {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -100%) rotate(13.5deg);
  transform-origin: center bottom;
  backface-visibility: hidden;
}

@media screen and (min-width: 751px) {
  .commonHead {
    background-image: url("../img/gold-kaitori/bg_commonIndex_jp.png");
    min-height: 279px;
    margin-bottom: 1.5em;
    padding-top: 3em;
  }
  .commonHead .logo img {
    width: 140px !important;
  }
  .commonHead .sub {
    font-size: 2.3rem;
  }
  .commonHead .main {
    font-size: 4.3rem;
  }
  .commonHead .en {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 750px) {
}

/*--------------------------------------------------------------------*/

.breadcrumbs {
  padding: 1em;
  padding-bottom: 13px;
  background-image: url("../img/bg_breadcrumbs.png");
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: auto 13px;
}

.breadcrumbs .wrap {
  padding-bottom: 1em;
}

.breadcrumbs a {
  margin-right: -1em;
}

.breadcrumbs a .ico_arrow:before {
  border-width: 1px;
}

@media screen and (min-width: 751px) {
  .breadcrumbs .wrap {
    width: 1030px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
}

/*--------------------------------------*/

#sidebar {
}

@media screen and (min-width: 751px) {
  #sidebar {
  }
}

@media screen and (max-width: 750px) {
  #sidebar {
  }
}

/*--------------------------------------*/

footer {
}

footer .red_label {
  color: #fff;
  background-color: #d01427;
  padding: 1em;
}

@media screen and (min-width: 751px) {
  footer {
    margin-top: 50px;
  }
  footer .inner {
    padding: 70px 0;
    color: #fff;
    background-color: #da172b;
  }
  footer .inner .wrap {
    width: 1030px;
    margin: 0 auto;
  }
  footer .inner .index {
    font-size: 2rem;
    margin-bottom: 1.2em;
  }
  footer .inner .lists .area_tag {
    font-size: 1.5rem;
    width: 10em;
    margin: 0.3em 0;
  }
  footer .inner .lists .prefs li {
    display: inline-block;
    margin-right: 1.5em;
  }
  footer .inner .lists .prefs li a {
    text-decoration: underline !important;
    font-size: 1.3rem;
  }
  footer .bottom {
    background-color: #efefef;
  }
  footer .bottom a {
    color: #444b54;
    font-size: 1.3rem;
    display: inline-block;
    margin-right: 2em;
  }
  footer .bottom .national img {
    width: 23px;
    padding-right: 0.5em;
  }
  footer .bottom .national a:last-of-type {
    margin-right: 0;
  }
  footer .copyright {
    font-size: 1rem;
    padding: 20px 0 30px 0;
  }
}

@media screen and (max-width: 750px) {
  footer {
  }
}

/*--------------------------------------------------------------------*/

footer .head.links {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}

footer .head.links a {
  color: #444b54;
  padding: 1em;
  border-bottom: 1px solid #d0d0d0;
}

footer .head.links a:last-of-type {
  border-bottom: 0;
}

footer .head.links a .ico_arrow:before {
  border-color: #717171;
  width: 6px;
  height: 6px;
}

footer .head.links a .ico {
  margin-right: 0.5em;
}

footer .head.links a .ico img {
  width: 25px;
}

@media screen and (min-width: 751px) {
}

@media screen and (max-width: 750px) {
}

/*--------------------------------------------------------------------*/

footer .scroll_top {
  padding: 2em 1.2em;
}

footer .scroll_top a {
  display: inline-block;
  padding: 0.5em 3em;
  border-radius: 3em;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  color: #333333;
}

footer .scroll_top a .ico {
  margin-right: 1.2em;
}

footer .scroll_top a .ico img {
  height: 2em;
  width: auto;
}

@media screen and (min-width: 751px) {
  footer .scroll_top {
    margin-bottom: 20px;
  }
  footer .scroll_top a {
    padding: 0.7em 4em;
  }
}

@media screen and (max-width: 750px) {
}

/*--------------------------------------------------------------------*/

footer .middle.links {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  padding: 3px 0;
}

footer .middle.links table {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  width: 100%;
}

footer .middle.links table td {
  border: 1px solid #d0d0d0;
  width: 50%;
}

footer .middle.links table tr td:first-of-type {
  border-left: 0;
}

footer .middle.links table tr td:last-of-type {
  border-right: 0;
}

footer .middle.links table a {
  padding: 1.4em;
}

/*--------------------------------------------------------------------*/

footer .sub {
  padding: 1.5em 0;
}

footer .sub .bottom.links {
  flex: 1;
}

footer .sub .bottom.links a {
  padding: 1em;
  border-bottom: 1px solid #d0d0d0;
}

footer .sub .bottom.links a .ico {
  margin-right: 1.3em;
}

/*--------------------------------------------------------------------*/

.kriesi .pagination {
  text-align: center;
}

.kriesi .pagination a,
.kriesi .pagination span {
  border: 1px solid #999;
  padding: 3px 4px;
  margin: 5px;
  font-size: 1.2rem;
}

.kriesi .pagination span {
  color: #999;
  border: 1px solid #ddd;
}

.kriesi .pagination a:hover {
  opacity: 0.6;
}

/*--------------------------------------*/

@media screen and (min-width: 751px) {
  .sp {
    display: none !important;
  }
  img {
  }
}

@media screen and (max-width: 750px) {
  .pc {
    display: none !important;
  }
}

@media screen and (max-width: 750px) {
  img {
    width: 100%;
  }
  picture img {
    /* opacity: 0; */
    opacity: 1;
  }
}

/* 装飾 */

.blue {
  color: #3cf !important;
}

.ease1s * {
  -webkit-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}

.ease2s * {
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

.ease3s * {
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.ease4s * {
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}

.ease5s * {
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.tal {
  text-align: left !important;
}

/*--------------------------------------------------------------------*/

.flex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.flex.-wrap {
  flex-wrap: wrap;
}

.flex.-alstretch {
  align-items: stretch;
}

.flex.-alstart {
  align-items: flex-start;
}

.flex.-jsstart {
  justify-content: flex-start;
}

.flex.-jscenter {
  justify-content: center;
}

.flex.-fdrreverse {
  flex-direction: row-reverse;
}

.flex.-fdcreverse {
  flex-direction: column-reverse;
}

.flex.c4 > * {
  width: 24%;
  box-sizing: border-box;
}

.flex.c3 > * {
  width: 31%;
  box-sizing: border-box;
}

.flex.c2 > * {
  width: 48%;
  box-sizing: border-box;
}

@media screen and (min-width: 751px) {
}

@media screen and (max-width: 750px) {
  .flex.-spcolumn {
    flex-direction: column;
  }
  .flex.-spcolumn > * {
    width: 100% !important;
  }
}

.ico_arrow {
  position: relative;
  padding-right: 1em;
}

.ico_arrow:before {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotateZ(45deg);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.before:before,
.after:after {
  content: "";
  display: block;
  position: absolute;
}

a,
a:link {
  transition: all 0.3s;
  display: block;
  line-height: 1;
  text-decoration: none !important;
  color: inherit;
}

a:hover {
  opacity: 0.6;
}

.ff_midashigo {
  font-family: "A-OTF 見出ゴMB31 Pro", MidashiGoPro-MB31, "Noto Sans Japanese" !important;
  font-weight: 700;
}

.ff_shingo {
  font-family: "A-OTF 新ゴ Pro", A-OTF Shin Go Pro, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", sans-serif !important;
  font-weight: 800;
}

.ff_yugo {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "小塚ゴシック",
    KozukaGothic, "Yu Gothic", "Noto Sans Japanese", sans-serif !important;
  font-weight: 500 !important;
}

.ff_serif {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN",
    "Yu Mincho", "MS PMincho", serif !important;
}

.visible {
  overflow: hidden;
  position: relative;
}

.visible img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.before,
.after {
  position: relative;
}

.before:before,
.after:after {
  content: "";
  display: block;
  position: absolute;
}

.fc_red {
  color: #da172b !important;
}

.fc_blue {
  color: #0078ff !important;
}

.fw_400 {
  font-weight: 400;
}

.fw_700 {
  font-weight: 700;
}

.fw_900 {
  font-weight: 900;
}

/*　フォントサイズ　*/

.fs_11 {
  font-size: 11px;
  font-size: 1.1rem;
}

.fs_12 {
  font-size: 12px;
  font-size: 1.2rem;
}

.fs_13 {
  font-size: 13px;
  font-size: 1.3rem;
}

.fs_14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.fs_15 {
  font-size: 15px;
  font-size: 1.5rem;
}

.fs_16 {
  font-size: 16px;
  font-size: 1.6rem;
}

.fs_17 {
  font-size: 17px;
  font-size: 1.7rem;
}

.fs_18 {
  font-size: 18px;
  font-size: 1.8rem;
}

.fs_19 {
  font-size: 19px;
  font-size: 1.9rem;
}

.fs_20 {
  font-size: 20px;
  font-size: 2rem;
}

@media screen and (min-width: 751px) {
  .fs_24 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 750px) {
  .fs_07 {
    font-size: 7px;
    font-size: 0.7rem;
  }
  .fs_09 {
    font-size: 9px;
    font-size: 0.9rem;
  }
  .fs_10 {
    font-size: 10px;
    font-size: 1rem;
  }
  .fs_11 {
    font-size: 9px;
    font-size: 0.9rem;
  }
  .fs_12 {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .fs_13 {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .fs_14 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fs_15 {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .fs_16 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .fs_17 {
    font-size: 17px;
    font-size: 1.7rem;
  }
  .fs_18 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .fs_20 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .fs_21 {
    font-size: 21px;
    font-size: 2.1rem;
  }
  .fs_22 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .fs_23 {
    font-size: 23px;
    font-size: 2.3rem;
  }
  .fs_24 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .fs_25 {
    font-size: 25px;
    font-size: 2.5rem;
  }
  .fs_26 {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .fs_28 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

.ls_15 {
  letter-spacing: 0.15em;
}

.fw_t {
  font-weight: 100;
}

.fw_l {
  font-weight: 300;
}

.fw_r {
  font-weight: 400;
}

.fw_m {
  font-weight: 500;
}

.fw_b {
  font-weight: 700;
}

.fw_bl {
  font-weight: 900;
}

.lh_17 {
  line-height: 1.7;
}

.lh_18 {
  line-height: 1.8;
}

.lh_20 {
  line-height: 2;
}

.lh_22 {
  line-height: 2.2;
}

.fss {
  font-size: 80%;
}

/* インナー */

@media screen and (min-width: 751px) {
  .inner880 {
    width: 880px;
    margin: 0 auto;
  }
  .inner900 {
    width: 900px;
    margin: 0 auto;
  }
  .inner920 {
    width: 920px;
    margin: 0 auto;
  }
  .inner940 {
    width: 940px;
    margin: 0 auto;
  }
  .inner950 {
    width: 950px;
    margin: 0 auto;
  }
  .inner960 {
    width: 960px;
    margin: 0 auto;
  }
  .inner980 {
    width: 980px;
    margin: 0 auto;
  }
  .inner1000 {
    width: 1000px;
    margin: 0 auto;
  }
  .inner1030 {
    width: 1030px;
    margin: 0 auto;
  }
  .inner1200 {
    width: 1200px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
  .-cushion {
    padding: 6.6vw;
  }
  .-cushion + .-cushion {
    padding-top: 0;
  }
}

.anchor {
  margin-top: -120px;
  padding-top: 120px;
}

/* seo h1 title  */

.seoheader {
  margin: auto;
  padding-top: 5px;
}

.seoheader h1 {
  font-size: 1rem;
  color: #777777;
  line-height: 1;
}

@media screen and (min-width: 751px) {
  .seoheader {
    width: 1180px;
  }
}

@media screen and (max-width: 750px) {
  .seoheader h1 {
    font-size: 0.7rem;
    padding-left: 10px;
  }
  .seoheader {
    width: 100%;
  }
}

.wp-pagenavi a {
  display: initial;
}

/* new footer from main.css */

footer {
  margin-top: 60px;
}

footer .section-inner {
  padding: 14px 0 27px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner {
    padding: 60px 0 30px;
  }
}

footer .section-inner .footer-txt {
  font-size: 8px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-txt {
    font-size: 14px;
  }
}

footer .section-inner img.footer-logo {
  width: 199px;
  margin-top: 4px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner img.footer-logo {
    width: 334px;
  }
}

footer .section-inner ul.footer-nav {
  width: auto;
  margin: 20px 0 8px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner ul.footer-nav {
    max-width: none;
    margin: 37px 0 27px;
  }
}

footer .section-inner ul.footer-nav li {
  display: inline-block;
  margin: 8px 0 0;
  padding: 0 8px;
  line-height: 1;
  border-right: 1px solid #323232;
}

footer .section-inner ul.footer-nav li:first-of-type {
  border-left: 1px solid #323232;
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  footer .section-inner ul.footer-nav li {
    padding: 0 4px;
  }
}

@media screen and (min-width: 1000px) {
  footer .section-inner ul.footer-nav li {
    margin: 16px 0 0;
    padding: 0 16px;
  }
  footer .section-inner ul.footer-nav li:first-of-type {
    border-left: 1px solid #323232;
  }
}

footer .section-inner ul.footer-nav li a {
  font-size: 12px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner ul.footer-nav li a {
    font-size: 14px;
  }
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-recruit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

footer .section-inner .footer-recruit a {
  display: inline-block;
  font-size: 14px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-recruit a + a {
    margin-left: 20px;
  }
}

@media screen and (max-width: 500px) {
  footer .section-inner .footer-recruit a + a {
    margin-top: 4px;
  }
}

footer .section-inner .footer-recruit .recruit-office:before {
  width: 9px;
  padding: 0 12px 0 5px;
  vertical-align: sub;
  content: url("../../assets/images/icon/recruit-office-icon.svg");
}

footer .section-inner .footer-recruit .recruit-shop:before {
  width: 19px;
  padding-right: 8px;
  vertical-align: sub;
  content: url("../../assets/images/icon/recruit-shop-icon.svg");
}

footer .section-inner .footer-shop ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-shop ul {
    margin-top: 24px;
  }
}

footer .section-inner .footer-shop ul li {
  width: 48%;
  margin: 0 4px 4px 0;
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-shop ul li {
    width: 23%;
    margin: 0 12px 20px 0;
  }
}

footer .section-inner .footer-shop p {
  font-size: 14px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-shop p {
    font-size: 1rem;
  }
}

footer .section-inner .footer-shop hr {
  margin: 8px 0 12px;
  color: #323232;
}

footer .section-inner .footer-shop-ja {
  margin-top: 30px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-shop-ja {
    margin-top: 100px;
  }
}

footer .section-inner .footer-shop-ja .shop-ja-area {
  font-weight: bold;
}

footer .section-inner .footer-shop-ja .shop-ja-area p {
  width: 140px;
  color: #8f8f8f;
  font-size: 14px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-shop-ja .shop-ja-area p {
    color: #323232;
  }
}

footer .section-inner .footer-shop-ja .shop-ja-area .shop-ja-area-box {
  margin-bottom: 12px;
}

footer
  .section-inner
  .footer-shop-ja
  .shop-ja-area
  .shop-ja-area-box
  .footer-shop-list {
  margin-top: 4px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-shop-ja .shop-ja-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  footer .section-inner .footer-shop-ja .shop-ja-area .shop-ja-area-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 12px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  footer
    .section-inner
    .footer-shop-ja
    .shop-ja-area
    .shop-ja-area-box
    .footer-shop-list {
    width: 70%;
    margin-top: 0;
  }
}

footer .section-inner .footer-shop-ja .shop-ja-area a {
  position: relative;
  padding-right: 20px;
  color: #323232;
  font-size: 14px;
}

footer .section-inner .footer-shop-ja .shop-ja-area a:after {
  position: absolute;
  display: inline-block;
  top: 50%;
  bottom: 0;
  right: 8px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  border-top: solid 2px #323232;
  border-right: solid 2px #323232;
}

footer .section-inner .footer-shop-ja ul li {
  display: inline-block;
  margin-bottom: 4px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-shop-ja ul li {
    margin: 0 8px 8px 0;
  }
}

footer .section-inner .footer-shop-os {
  margin-top: 22px;
}

@media screen and (max-width: 500px) {
  footer .section-inner .footer-shop-os ul {
    display: block;
  }
}

footer .section-inner .footer-shop-os ul li {
  width: auto;
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-shop-os ul li {
    width: 24%;
  }
}

@media screen and (max-width: 500px) {
  footer .section-inner .footer-shop-os ul li a.red-bdr-btn {
    display: inline-block;
    padding: 15px 24px 15px 12px;
  }
}

@media screen and (min-width: 1000px) {
  footer .section-inner .footer-shop-os {
    margin-top: 39px;
  }
}

footer .section-inner .copyright {
  margin-top: 27px;
}

@media screen and (min-width: 1000px) {
  footer .section-inner .copyright {
    margin-top: 39px;
  }
}

@media screen and (max-width: 500px) {
  footer .base-btn {
    padding: 12px 0;
    min-width: 137px;
    font-size: 12px;
  }
}

@media screen and (min-width: 501px) and (max-width: 960px) {
  footer .only-pc {
    display: block !important;
  }
  footer .only-sp {
    display: none !important;
  }
}

.footer-shop-nav {
  position: fixed;
  z-index: 1;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 501px) {
  .footer-shop-nav {
    display: none;
  }
}

.footer-shop-nav .footer-shop-nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 -4px 0 -2px;
}

.footer-shop-nav .footer-shop-nav-menuWrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-shop-nav .footer-shop-nav-menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #de1122;
  background: #fff;
  border-radius: 2px 2px 0 0;
  padding: 0;
  z-index: 1;
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
  width: calc(100% / 3 - 4px);
  margin: 0 2px;
}

.footer-shop-nav .footer-shop-nav-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  white-space: nowrap;
  line-height: 2;
  letter-spacing: 0.15em;
  font-size: 1.25rem;
  font-weight: bold;
  color: #de1122;
}

.footer-shop-nav .footer-shop-nav-menu li a .js-svg {
  height: 1rem;
  margin-right: 4px;
  margin-top: 2px;
}

.footer-shop-nav .footer-shop-nav-menu li a .js-svg path {
  fill: #de1122;
}

.footer-shop-nav .footer-shop-nav-menu li a span {
  font-size: 12.5px;
}

.footer-shop-nav .footer-shop-nav-menu .footer-shop-nav-menu-tel {
  background: #de1122;
}

.footer-shop-nav .footer-shop-nav-menu .footer-shop-nav-menu-tel a {
  color: #fff;
}

.footer-shop-nav .footer-shop-nav-menu .footer-shop-nav-menu-tel a .js-svg {
  height: 1rem;
  margin-right: 4px;
  margin-top: 3px;
}

.footer-shop-nav
  .footer-shop-nav-menu
  .footer-shop-nav-menu-tel
  a
  .js-svg
  path {
  fill: #fff;
}

.section-inner {
  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .section-inner {
    width: 90vw;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .section-inner {
    padding: 0 20px;
  }
}

.color-red {
  color: #de1122 !important;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

.red-bdr-btn {
  position: relative;
  display: block;
  padding: 15px 0 15px 12px;
  color: #323232;
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #de1122;
  border-radius: 4px;
  background: #fff;
}

.ptb-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.bg-pink {
  background: #fef8f8;
}

.footer-nav a,
.footer-nav a:link {
  color: #323232 !important;
}