@charset "UTF-8";
@font-face {
  font-family: 'number';
  font-style: normal;
  font-weight: 400;
  src: local("arial");
  unicode-range: U+0030-0039;
}

.pc_mode {
  display: block;
}

.sp_mode {
  display: none;
}

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

.mb80 {
  margin-bottom: 80px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb150 {
  margin-bottom: 150px;
}

.mt25 {
  margin-top: 25px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.m50 {
  margin: 50px auto;
}

.pb10 {
  padding-bottom: 10px;
}

.pl64 {
  padding-left: 64px;
}

.w_100p {
  width: 100%;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.d_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.no_wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.row_reverce {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.space_around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.space_between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.space_center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex_end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex_1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.item_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item_baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.visible {
  overflow: visible;
}

.line_h_1 {
  line-height: 1;
}

.line_h_0 {
  line-height: 0;
}

.inner_width {
  width: 95%;
  max-width: 1450px;
  margin: 0 auto;
}

a {
  color: #AD9153;
}

a.btn {
  width: 23.31034vw;
  text-align: center;
  display: block;
  color: #ffffff;
  background-color: #AD9153;
  font-size: 2.06897vw;
  letter-spacing: 0.06em;
  margin: 0 auto;
  padding: 0.27586vw 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}

a.btn:hover {
  background-color: #7a663a;
}

a.btn_2 {
  width: 47%;
  max-width: 423px;
  text-align: center;
  display: block;
  color: #AD9153;
  font-size: 0.96552vw;
  letter-spacing: 0.06em;
  margin: 0 auto;
  padding: 0.55172vw 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #AD9153;
}

a.btn_2:hover {
  color: #ffffff;
  background-color: #AD9153;
}

a.btn_3 {
  width: 23.31034vw;
  text-align: center;
  display: block;
  color: #ffffff;
  background-color: #CEC17C;
  font-size: 0.96552vw;
  letter-spacing: 0.06em;
  margin: 0 auto;
  padding: 0.27586vw 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  border: 1px solid #AD9153;
}

a.btn_3:hover {
  background-color: #7a663a;
}

/***共通***/
#sp_header {
  display: none;
}

body {
  font-family: number,Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 1.24138vw;
  line-height: 1.75;
  position: relative;
  color: #AD9153;
  background-color: #F4F1EC;
  letter-spacing: 0.15em;
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  background-color: #ffffff;
  z-index: 100;
}

header .header_inner {
  width: 93%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0;
}

header .header_inner a img {
  width: 100%;
  margin-right: 0;
  padding: 0 0.82759vw;
  max-width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

header .header_inner a.anime {
  font-size: 0.96552vw;
  color: #AD9153;
  letter-spacing: 0.17em;
  padding: .75rem;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

header .header_inner a.anime::after {
  position: absolute;
  bottom: -calc-w(2)vw;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  content: '';
  width: 80%;
  height: 1px;
  background: #AD9153;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}

header .header_inner a.anime:hover::after {
  bottom: 0.41379vw;
  opacity: 1;
  visibility: visible;
}

footer {
  background-color: #ffffff;
  padding-top: 4.13793vw;
}

footer .footer_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer .footer_menu a.anime {
  font-size: 0.96552vw;
  color: #AD9153;
  letter-spacing: 0.17em;
  margin: 0 1.37931vw;
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding-bottom: .75rem;
}

footer .footer_menu a.anime::after {
  position: absolute;
  bottom: -calc-w(2)vw;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  content: '';
  width: 80%;
  height: 1px;
  background: #AD9153;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}

footer .footer_menu a.anime:hover::after {
  bottom: 0.41379vw;
  opacity: 1;
  visibility: visible;
}

footer .footer_mid {
  width: 90%;
  max-width: 1500px;
  margin: 3.44828vw auto 0vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 2.06897vw;
}

footer .footer_mid .footer_shop_info h2 {
  font-size: 1.51724vw;
  margin-bottom: 0.68966vw;
}

footer .footer_mid .footer_shop_info p {
  font-size: 0.96552vw;
}

footer .footer_mid .footer_logo {
  width: 30%;
}

footer .footer_mid .footer_logo img {
  width: 80%;
  height: auto;
}

footer .footer_mid .footer_shop_info {
  width: 35%;
  color: #000000;
}

footer .footer_mid .footer_shop_info .footer_shop_sns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.68966vw;
}

footer .footer_mid .footer_shop_info .footer_shop_sns a {
  margin-right: 1.10345vw;
  display: block;
  width: 1.72414vw;
}

footer .footer_mid .footer_shop_info .footer_shop_sns img {
  width: 100%;
}

footer .copy_right p {
  font-size: 0.68966vw;
  text-align: center;
  padding-bottom: 2.06897vw;
}

@media (max-width: 960px) {
  #sp_header {
    display: block;
  }
  .pc_mode {
    display: none;
  }
  .sp_mode {
    display: block;
  }
  #sp_header {
    position: fixed;
    top: 0;
    z-index: 100;
    background-color: #ffffff;
    width: 100%;
  }
  #sp_header .sp_header_inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.66667vw 0 2.66667vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #sp_header .sp_header_inner .sp_header_inner_logo {
    -webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0;
line-height: 0;
width: 30%;
margin: 0 auto;
  }
  #sp_header .sp_header_inner .sp_header_inner_logo img {
    width: 100%;
  }
  #sp_header .sp_header_inner .sp_header_inner_btn_right {
    width: 8.53333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*margin-right: 3.2vw;*/
    left: 3.2vw;
position: absolute;
top: 20px;
  }
  #sp_header .sp_header_inner .sp_header_inner_btn_right .sp_header_inner_open_btn {
    width: 8.53333vw;
    text-align: center;
    z-index: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #sp_header .sp_header_inner .sp_header_inner_btn_right .sp_header_inner_open_btn > div {
    width: 8.53333vw;
    margin: 0 auto;
    position: relative;
    height: 6.13333vw;
  }
  #sp_header .sp_header_inner .sp_header_inner_btn_right .sp_header_inner_open_btn > div > span {
    width: 100%;
    height: 2px;
    background-color: #000000;
    position: absolute;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  #sp_header .sp_header_inner .sp_header_inner_btn_right .sp_header_inner_open_btn > div > span:nth-of-type(1) {
    top: 0;
  }
  #sp_header .sp_header_inner .sp_header_inner_btn_right .sp_header_inner_open_btn > div > span:nth-of-type(2) {
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
  }
  #sp_header .sp_header_inner .sp_header_inner_btn_right .sp_header_inner_open_btn > div > span:nth-of-type(3) {
    bottom: 0;
  }
  #sp_header .sp_header_inner .sp_header_inner_btn_right .sp_header_inner_open_btn.open > div > span:nth-of-type(1) {
    top: 48%;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
  }
  #sp_header .sp_header_inner .sp_header_inner_btn_right .sp_header_inner_open_btn.open > div > span:nth-of-type(2) {
    opacity: 0;
  }
  #sp_header .sp_header_inner .sp_header_inner_btn_right .sp_header_inner_open_btn.open > div > span:nth-of-type(3) {
    top: 48%;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  .sp_header_menu {
    position: fixed;
    top: -200%;
    left: 0;
    background-color: #ffffff;
    z-index: 100;
    width: 100%;
    -webkit-transition: 1s;
    transition: 1s;
    height: auto;
    overflow: auto;
    padding: 4vw 0 1.33333vw;
  }
  .sp_header_menu .sp_header_menu_inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 3.2vw 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sp_header_menu.open {
    top: 0;
  }
  .sp_header_menu .sp_header_menu_inner .sp_header_menu_link a {
    font-size: 4.26667vw;
      font-size: 11pt;
  }
  .sp_header_menu .sp_header_menu_inner .sp_header_menu_link ul li:first-of-type {
    text-align: center;
  }
  .sp_header_menu .sp_header_menu_inner .sp_header_menu_link ul li {
    padding: 3.2vw 0;
  }
  .sp_header_menu .sp_header_menu_inner .sp_header_menu_link a p {
    color: #AD9153;
    font-size: 4.26667vw;
    line-height: 1;
    margin: 0;
    letter-spacing: 0.1em;
  }
  .sp_header_menu .sp_header_menu_inner .sp_header_menu_link a .sp_header_menu_link_title_img {
    line-height: 0;
    padding-left: 3.125vw;
    padding-right: 6.25vw;
  }
  footer .footer_menu {
    display: none;
  }
  footer .footer_mid {
    width: 86.66667vw;
    margin: 12vw auto 0vw;
    display: block;
    padding-bottom: 0;
  }
  footer .footer_mid .footer_logo {
    margin-bottom: 5.33333vw;
  }
  footer .footer_mid .footer_logo img {
    width: 100%;
  }
  footer .footer_mid .footer_shop_info {
    margin-bottom: 13.33333vw;
  }
  footer .footer_mid .footer_shop_info h2 {
    font-size: 5.86667vw;
    margin-bottom: 2.66667vw;
  }
  footer .footer_mid .footer_shop_info p {
    font-size: 3.73333vw;
  }
  footer .copy_right p {
    font-size: 2.66667vw;
    padding-bottom: 9.33333vw;
    color: #000000;
    letter-spacing: 0.15em;
  }
  footer .footer_mid .footer_shop_info .footer_shop_sns a {
    margin-right: 2.66667vw;
    display: block;
    width: 8.53333vw;
    margin-top: 2.66667vw;
  }
  #overray {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
  }
  #overray.open {
    display: block;
  }
}

* {
  min-height: 0;
  min-width: 0;
}

.list_temp_001 {
  width: 122.75862vw;
  margin: 0 auto;
}

.list_temp_001 a {
  display: block;
  width: 27.58621vw;
}

.list_temp_001 a img {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-object-fit: cover;
     object-fit: cover;
}

.list_temp_001 a:hover .list_temp_001_img img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

.list_temp_001 a:hover {
  opacity: .7;
}

.list_temp_001 a h2 {
  font-size: 1.24138vw;
  margin: 0.68966vw 0 0.34483vw;
  letter-spacing: 0.06em;
}

.list_temp_001 a p {
  font-size: 0.82759vw;
  letter-spacing: 0.17em;
}

.list_temp_002 {
  width: 93%;
  max-width: 1450px;
  margin: 0 auto;
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list_temp_002 a {
  display: block;
  width: 20%;
  background-color: #ffffff;
  margin: 0 1%;
}

.list_temp_002 a .list_temp_002_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.list_temp_002 a img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-object-fit: cover;
     object-fit: cover;
}

.list_temp_002 a:hover .list_temp_002_img img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

.list_temp_002 a:hover {
  opacity: .7;
}

.list_temp_002 a .list_temp_002_text {
  width: 90%;
  margin: 1.03448vw auto;
}

.list_temp_002 a h3 {
  font-size: 0.68966vw;
}

.list_temp_002 a h2 {
  font-size: 1.10345vw;
  letter-spacing: 0.03em;
}

.list_temp_002 a p {
  font-size: 0.82759vw;
  letter-spacing: 0.17em;
}

.concept_title_temp {
  margin-top: 6.89655vw;
  color: #000;
}

.concept_title_temp h2 {
  font-size: 0.68966vw;
  margin-bottom: 0.34483vw;
}

.concept_title_temp p {
  font-size: 1.7931vw;
  letter-spacing: 0.2em;
}

/*
    TOPページ
*/
.page_main_wrap {
  /*margin-top: 8.96552vw;*/
  /*margin-top: 126px;*/
  margin-top: 158px;
}

.top_main_img {
  width: 93%;
  margin: 0 auto 2.06897vw;
  max-width: 1450px;
}

#wrap .list_temp_001 {
  width: 95%;
  margin: 40px auto;
  max-width: 1450px;
  display: block;
}

#wrap .list_temp_001 a {
  width: 25%;
  margin: 0 1%;
}

#wrap .list_temp_001 a .list_temp_001_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#wrap .list_temp_001 a .list_temp_001_img img {
  width: 100%;
  height: 100%;
}

#wrap .list_temp_001 a:hover .list_temp_001_img img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

#wrap .sec_03 {
  width: 80%;
  max-width: 1200px;
  margin: 6.89655vw auto 0;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2.75862vw 0 1.37931vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#wrap .sec_03 .sec_03_title {
  width: 16.55172vw;
  font-size: 1.37931vw;
  text-align: center;
  color: #000;
}

#wrap .sec_03 .sec_03_kiji {
  width: 62.06897vw;
}

#wrap .sec_03 .sec_03_kiji a {
  font-size: 0.96552vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 0.03em;
}

#wrap .sec_03 .sec_03_kiji ul li {
  margin-bottom: 1.72414vw;
}

#wrap .sec_03 .sec_03_kiji ul li a span:first-of-type {
  width: 15.51724vw;
  text-align: center;
}

#wrap .sec_03 .sec_03_kiji ul li a span:last-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#wrap .sec_04 {
  width: 60%;
  margin: 6.89655vw auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#wrap .sec_04 a {
  padding: 0 2rem;
  text-align: center;
  background-size: 8.68966vw;
  padding-bottom: 0vw;
  letter-spacing: 0.08em;
  font-size: 1.65517vw;
}

#wrap .sec_04 a.anime::after {
  display: block;
  margin: 0 auto;
  content: '';
  width: 80%;
  max-width: 125px;
  height: 1px;
  background-color: #AD9153;
}

#wrap .sec_05.bg_2 {
  background-color: #ffffff;
}

#wrap .sec_05 {
  background-color: #EFEFEF;
  padding: 3.44828vw 0 6.89655vw;
}

#wrap .sec_05 .top_page_cat_img_warp {
  width: 93%;
  max-width: 1450px;
  margin: 0 auto;
  position: relative;
}

#wrap .sec_05 .top_page_cat_img_warp .top_page_cat_img_link_block {
  height: 100%;
  width: 40%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #ffffff;
}

#wrap .sec_05 .top_page_cat_img_warp .top_page_cat_img_link_block > div {
  width: 100%;
}

#wrap .sec_05 .top_page_cat_img_warp .top_page_cat_img_link_block h2 {
  font-size: 2.48276vw;
  letter-spacing: 0.08em;
}

#wrap .sec_05 .top_page_cat_img_warp .top_page_cat_img_link_block p {
  font-size: 0.96552vw;
  letter-spacing: 0.08em;
  margin-bottom: 4.13793vw;
  width: 65%;
  margin: 0 auto;
  text-align: left;
}

#wrap .sec_05 .top_page_cat_img_warp .top_page_cat_img_link_block a.btn {
  width: 40%;
  padding: 0.68966vw 0;
  text-align: center;
  color: #fff;
  display: block;
  margin: 0.68966vw auto 0 auto;
  font-size: 0.96552vw;
  background-color: #D0B885;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}

#wrap .sec_05 .top_page_cat_img_warp .top_page_cat_img_link_block a.btn:hover {
  background-color: #AD9153;
}

#wrap .sec_05 h2.sec_05_title {
  width: 93%;
  max-width: 1450px;
  margin: 6.89655vw auto 0;
  font-size: 1.7931vw;
  letter-spacing: 0.08em;
  padding: 0 0 1.37931vw 1%;
}

#wrap .sec_05 .sec_5_btn_wrap {
  width: 70%;
  max-width: 900px;
  margin: 6.89655vw auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#wrap .sec_06 {
  width: 85%;
  margin: 0vw auto 0;
  padding: 2.06897vw 0 8.27586vw;
}

#wrap .sec_06 h2 {
  text-align: center;
  font-size: 2.48276vw;
  letter-spacing: 0.08em;
  padding: 5.51724vw 0 3.44828vw;
}

#wrap .sec_06 .shop_block {
  width: 45%;
  max-width: 350px;
  margin: 0 1.5%;
}

#wrap .sec_06 .shop_block .shop_block_text {
  color: #333333;
}

#wrap .sec_06 .shop_block h3 {
  color: #333333;
  font-size: 1.65517vw;
  letter-spacing: 0.08em;
  margin-bottom: 0.68966vw;
}

#wrap .sec_06 .shop_block .shop_block_text p {
  color: #333333;
  font-size: 0.96552vw;
  letter-spacing: 0.08em;
}

#wrap .sec_06 .shop_block a.btn_2 {
  margin-left: 0;
  width: auto;
  font-size: 0.96552vw;
  letter-spacing: 0.06em;
  margin-top: 1.37931vw;
  padding: 0.34483vw 4.82759vw;
  display: inline-block;
}

.top_main_img_sp {
  display: none;
}

#top-bana {
  border-top: solid 1px #666;
  padding: 50px 0;
  width: 85%;
  max-width: 1450px;
  margin: 50px auto 0 auto;
}

#top-bana ul.bana-area {
  justify-content: space-between;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
  justify-content: space-between;
}

#top-bana ul.bana-area li {
  width: 23%;
  margin: 0 1% 20px 1%;
}

#top-bana ul.bana-area li a {
  display: block;
  width: 100%;
  overflow: hidden;
  height: 100%;
  line-height: 0;
}

#top-bana ul.bana-area li img {
  width: 100%;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}

#top-bana ul.bana-area li a:hover img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

@media (max-width: 960px) {
  .top_main_img {
    display: none;
  }
  .top_main_img_sp {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  #wrap .list_temp_001 {
    width: 80%;
  }
  #wrap .list_temp_001 a {
    display: inline-block;
    margin: 0;
  }
  #wrap .list_temp_001 a .list_temp_001_img {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  #wrap .list_temp_001 a .list_temp_001_img img {
    width: 100%;
    height: auto;
  }
  #wrap .sec_03 {
    width: 100%;
    margin: 0 auto 0;
    padding: 5.33333vw 7.5%;
    display: block;
  }
  #wrap .sec_03 .sec_03_title {
    width: 100%;
    font-size: 5.33333vw;
    margin: 0 auto 0vw;
    text-align: left;
  }
  #wrap .sec_03 .sec_03_kiji a {
    font-size: 3.2vw;
    display: block;
  }
  #wrap .sec_03 .sec_03_kiji a span:last-of-type {
    font-size: 4.26667vw;
    display: block;
  }
  #wrap .sec_03 .sec_03_kiji ul li {
    margin-bottom: 8vw;
  }
  #wrap .sec_04 {
    width: 100%;
    margin: 18.66667vw auto;
    display: block;
  }
  #wrap .sec_04 a {
    display: block;
    min-width: 28.26667vw;
    font-size: 8vw;
    margin-bottom: 10.66667vw;
    line-height: 1;
  }
  #wrap .sec_04 a.anime::after {
    height: 2.13333vw;
  }
  #wrap .sec_05 .top_page_cat_img_warp .top_page_cat_img_link_block {
    height: 100%;
    width: 100%;
    position: static;
    background-color: transparent;
    color: #ffffff;
  }
  #wrap .sec_05 .top_page_cat_img_warp {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  #wrap .sec_05 {
    background-color: #EFEFEF;
    padding: 0 0 4.94792vw;
  }
  #wrap .sec_05 .top_page_cat_img_warp .top_page_cat_img_link_block h2 {
    font-size: 9.6vw;
    color: #AD9153;
    padding: 5.33333vw 0;
    letter-spacing: 0.2em;
  }
  #wrap .sec_05 .top_page_cat_img_warp .top_page_cat_img_link_block p {
    font-size: 4.26667vw;
    margin-bottom: 0vw;
    color: #000000;
    text-align: left;
    width: 85%;
  }
  #wrap .sec_05 .top_page_cat_img_warp .top_page_cat_img_link_block a.btn {
    width: 85%;
    padding: 2.66667vw 0;
    margin: 2.66667vw auto 0 auto;
    font-size: 4.26667vw;
    background-color: #AD9153;
  }
  #wrap .sec_05 h2.sec_05_title {
    width: 85%;
    margin: 10.66667vw auto 5.33333vw;
    font-size: 6.93333vw;
    line-height: 1.7;
  }
  #wrap .sec_05 .sec_5_btn_wrap {
    width: 85%;
    margin: 8vw auto 13.33333vw;
    display: block;
  }
  #wrap .sec_05 .sec_5_btn_wrap a.btn_2 {
    margin-bottom: 5.33333vw;
  }
  #wrap .sec_06 {
    width: 85%;
    margin: 0vw auto 0;
    padding: 8vw 0 0;
  }
  #wrap .sec_06 > div {
    display: block;
  }
  #wrap .sec_06 h2 {
    font-size: 9.6vw;
    margin-bottom: 0;
    line-height: 1;
    padding: 8vw 0;
  }
  #wrap .sec_06 .shop_block {
    width: 100%;
    margin: 0 0 21.33333vw;
  }
  #wrap .sec_06 .shop_block h3 {
    font-size: 5.86667vw;
    margin-bottom: 0vw;
    margin-top: 1.33333vw;
  }
  #wrap .sec_06 .shop_block .shop_block_text p {
    font-size: 3.6vw;
  }
  #wrap .sec_06 .shop_block a.btn_2 {
    margin-left: 0;
    width: 100%;
    font-size: 4.26667vw;
    margin-top: 5.33333vw;
    padding: 2.13333vw 0;
  }
  #top-bana ul.bana-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #top-bana ul.bana-area li {
    width: 49%;
    margin: 0 0 2.66667vw;
  }
}

@media (max-width: 960px) {
  .list_temp_001 a h2 {
    font-size: 4.8vw;
    margin: 1.33333vw 0;
    letter-spacing: 0.06em;
  }
  .list_temp_001 a p {
    font-size: 3.2vw;
    letter-spacing: 0.17em;
  }
  .list_temp_001 a:not(:nth-of-type(1)),
  .list_temp_002 a:not(:nth-of-type(1)) {
    display: none;
  }
  .list_temp_001.slick-initialized a.slick-slide {
    display: inline-block;
    width: 100%;
  }
  .list_temp_002 {
    width: 84vw;
  }
  .list_temp_002 a .list_temp_002_img {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .list_temp_002.watch a img {
    height: auto;
    width: 100%;
  }
  .list_temp_002.watch a .list_temp_002_img {
    height: auto;
  }
  .list_temp_002 a img {
    width: 100%;
    height: auto;
  }
  .list_temp_002 a .list_temp_002_text {
    width: 90%;
    margin: 2.13333vw auto 5.33333vw;
  }
  .list_temp_002 a h3 {
    font-size: 3.2vw;
  }
  .list_temp_002 a h2 {
    font-size: 4.8vw;
  }
  .list_temp_002 a p {
    font-size: 4.26667vw;
  }
  .list_temp_002 a {
    display: block;
    width: 100%;
    background-color: #ffffff;
  }
  .list_temp_002.slick-initialized a.slick-slide {
    display: inline-block;
    width: 100%;
    margin: 0;
  }
  .concept_title_temp {
    width: 85%;
    margin: 10.66667vw auto;
    text-align: center;
  }
  .concept_title_temp h2 {
    font-size: 3.2vw;
    margin-bottom: 1.33333vw;
  }
  .concept_title_temp p {
    font-size: 5.6vw;
  }
  a.btn {
    width: 90.13333vw;
    font-size: 5.86667vw;
    padding: 1.06667vw 0;
  }
  a.btn_2 {
    width: 84vw;
    /*font-size: 4.26667vw;*/
    font-size: 4vw;
    padding: 2.13333vw 0;
  }
  a.btn_3 {
    width: 90.13333vw;
    font-size: 5.86667vw;
    padding: 1.06667vw 0;
  }
  footer .footer_mid {
    width: 85%;
    margin: 8vw auto;
  }
  footer .footer_mid .footer_logo {
    width: 100%;
    text-align: center;
  }
  footer .footer_mid .footer_logo img {
    width: 60%;
  }
  footer .footer_mid .footer_shop_info {
    width: 100%;
  }
  .page_main_wrap {
    margin-top: 16vw;
  }
}
/*# sourceMappingURL=style.css.map */


/*210621追記*/
/*時計詳細ページのスライド画像において少し次の画像が見えるということで修正タグ追加ののちCSS追加　時計詳細のPCのみ*/

/*---PC---*/
@media screen and (min-width:1024px) {
img.w_100p.w_100p_re {
    width: 99.9%;
    display: block;
    margin: 0 auto;
}
}



/*210812追記*/
/*時計詳細ページのスライド画像において少し次の画像が見えるということで修正タグ追加ののちCSS追加　時計詳細のPCのみ*/
.top-concept-new .top-concept-img {
    margin: 0 0 10px 0;
}
.top-concept-new .top-concept-img img {
    width: 100%;
    height: auto;
}
/*---PC---*/
@media screen and (min-width:1024px) {
.top-concept-new {
    align-items: center;
    /*margin: 20px 0 50px 0;*/
    width: 90%;
    margin: 20px auto 50px auto;
}
.top-concept-new .top-concept-img {
    width: 40%;
    margin: 0 0 0 0;
}
.top-concept-new .top-concept-txt {
    width: 48%;
    margin: 0 9% 0 0;
}
.concept_title_temp .top-concept-new .top-concept-txt p {
    text-align: left;
}
}


/*---PC---*/
@media screen and (min-width:1024px) {
  #top-bana ul.bana-area {
    justify-content: flex-start;
  }
}