@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap");
.fa-brands {
  font-size: 2em;
}

a {
  text-decoration: underline;
  color: #1B3F6D;
}
a:hover, a:active {
  color: #D3AE50;
  text-decoration: none;
}

.link_btn_right {
  padding: 3em 0;
  text-align: right;
}

.link_btn_center {
  padding: 3em 0;
  text-align: center;
}

.link_btn_left {
  padding: 1em 0;
  text-align: left;
}

/*----------------------- */
/*	全ページ共通
/* ---------------------- */
main,
article {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 100px;
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
@media (max-width: 992px) {
  main,
  article {
    padding-top: 80px;
  }
}
main p,
article p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
main img,
article img {
  width: 100%;
  height: auto;
}
main h1,
main h2,
main h3,
main dt,
article h1,
article h2,
article h3,
article dt {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
}
main .cmn_ttl_01,
article .cmn_ttl_01 {
  display: block;
  font-size: 2em;
  color: #1B3F6D;
  position: relative;
  width: fit-content;
  padding: 0.5em;
  margin: 0 auto;
  border-bottom: 2px solid #1B3F6D;
}
@media (max-width: 390px) {
  main .cmn_ttl_01,
  article .cmn_ttl_01 {
    font-size: 1.5em;
  }
}
main .cmn_ttl_01::after,
article .cmn_ttl_01::after {
  content: "";
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  width: 30px;
  height: 1.5px;
  box-sizing: border-box;
  background-color: #1B3F6D;
  box-shadow: 0 0.5px 0 #ffffff, 0 -0.5px 0 #ffffff;
  rotate: 50deg;
  translate: -25%;
}
main .cmn_ttl_01.wht,
article .cmn_ttl_01.wht {
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}
main .cmn_ttl_01.wht::after,
article .cmn_ttl_01.wht::after {
  background-color: #ffffff;
}
@media (max-width: 390px) {
  main h2,
  article h2 {
    font-size: 1.25em;
  }
}
main span,
article span {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
  color: #1B3F6D;
}
main section,
main div,
article section,
article div {
  width: 100%;
  color: #291902;
}
main section .section_inner_lg,
main div .section_inner_lg,
article section .section_inner_lg,
article div .section_inner_lg {
  width: 1320px;
  padding: 2em 1em;
  margin-inline: auto;
  margin-top: 3em;
  box-sizing: border-box;
}
@media (max-width: 1400px) {
  main section .section_inner_lg,
  main div .section_inner_lg,
  article section .section_inner_lg,
  article div .section_inner_lg {
    width: 1140px;
  }
}
@media (max-width: 1200px) {
  main section .section_inner_lg,
  main div .section_inner_lg,
  article section .section_inner_lg,
  article div .section_inner_lg {
    width: 960px;
  }
}
@media (max-width: 992px) {
  main section .section_inner_lg,
  main div .section_inner_lg,
  article section .section_inner_lg,
  article div .section_inner_lg {
    width: 720px;
  }
}
@media (max-width: 768px) {
  main section .section_inner_lg,
  main div .section_inner_lg,
  article section .section_inner_lg,
  article div .section_inner_lg {
    width: 540px;
  }
}
@media (max-width: 540px) {
  main section .section_inner_lg,
  main div .section_inner_lg,
  article section .section_inner_lg,
  article div .section_inner_lg {
    width: 100%;
  }
}
main section .section_inner_sd,
main div .section_inner_sd,
article section .section_inner_sd,
article div .section_inner_sd {
  width: 1320px;
  padding: 2em;
  margin-inline: auto;
  box-sizing: border-box;
}
@media (max-width: 1400px) {
  main section .section_inner_sd,
  main div .section_inner_sd,
  article section .section_inner_sd,
  article div .section_inner_sd {
    width: 1140px;
  }
}
@media (max-width: 1200px) {
  main section .section_inner_sd,
  main div .section_inner_sd,
  article section .section_inner_sd,
  article div .section_inner_sd {
    width: 960px;
  }
}
@media (max-width: 992px) {
  main section .section_inner_sd,
  main div .section_inner_sd,
  article section .section_inner_sd,
  article div .section_inner_sd {
    width: 720px;
  }
}
@media (max-width: 768px) {
  main section .section_inner_sd,
  main div .section_inner_sd,
  article section .section_inner_sd,
  article div .section_inner_sd {
    width: 540px;
  }
}
@media (max-width: 540px) {
  main section .section_inner_sd,
  main div .section_inner_sd,
  article section .section_inner_sd,
  article div .section_inner_sd {
    width: 100%;
  }
}
main section .section_inner_md,
main div .section_inner_md,
article section .section_inner_md,
article div .section_inner_md {
  width: 720px;
  padding: 0 10px;
  margin-inline: auto;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  main section .section_inner_md,
  main div .section_inner_md,
  article section .section_inner_md,
  article div .section_inner_md {
    width: 540px;
  }
}
@media (max-width: 540px) {
  main section .section_inner_md,
  main div .section_inner_md,
  article section .section_inner_md,
  article div .section_inner_md {
    width: 100%;
  }
}
main section .section_inner_sm,
main div .section_inner_sm,
article section .section_inner_sm,
article div .section_inner_sm {
  width: 540px;
  padding: 0 10px;
  margin-inline: auto;
  box-sizing: border-box;
}
@media (max-width: 540px) {
  main section .section_inner_sm,
  main div .section_inner_sm,
  article section .section_inner_sm,
  article div .section_inner_sm {
    width: 100%;
  }
}

table {
  width: 100%;
  border-spacing: 0;
}
table tbody tr th,
table tbody tr td {
  border-bottom: 1px solid #1B3F6D;
  padding: 0.8em;
  text-align: left;
}
table tbody tr th {
  width: 20%;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 390px) {
  table tbody tr th {
    width: 25%;
    padding-right: 0;
  }
}
table tbody tr td {
  width: 80%;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.sp_br {
  display: none;
}
@media (max-width: 540px) {
  .sp_br {
    display: block;
  }
}

@media (max-width: 540px) {
  .pc_br {
    display: none;
  }
}

.mgr_10 {
  margin-left: 0.5em;
}

/* ------------------------------------- */
/*	ヘッダー
/* ------------------------------------- */
#header {
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #ffffff;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 992px) {
  #header {
    height: 80px;
  }
}
#header .header_outer {
  padding: 1em 0;
}
@media (max-width: 992px) {
  #header .header_outer {
    padding: 0;
  }
}
#header .header_outer .header_inner {
  width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
@media (max-width: 992px) {
  #header .header_outer .header_inner {
    width: 100%;
  }
}
#header .header_outer .header_inner .header_logo_block {
  flex-shrink: 0;
  z-index: 1;
}
#header .header_outer .header_inner .header_logo_block .header_title {
  margin-left: 1em;
}
@media (max-width: 540px) {
  #header .header_outer .header_inner .header_logo_block .header_title .header_logo {
    display: block;
    width: 250px;
  }
}
#header .header_outer .header_inner .header_logo_block .header_title .header_logo img {
  width: 100%;
}
#header .header_outer .header_inner .header_logo_block .header_title .header_logo:hover {
  opacity: 0.5;
}
#header .header_outer .menu {
  display: flex;
  justify-content: space-between;
  justify-content: end;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 992px) {
  #header .header_outer .menu {
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.8);
    flex-direction: column;
    width: 100%;
  }
}
#header .header_outer .menu ul {
  display: flex;
}
@media (max-width: 992px) {
  #header .header_outer .menu ul {
    display: block;
  }
}
#header .header_outer .menu ul li {
  list-style: none;
}
@media (max-width: 992px) {
  #header .header_outer .menu ul li {
    border-bottom: 2px dashed #1B3F6D;
  }
}
#header .header_outer .menu ul li a {
  display: block;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
}
#header .header_outer .menu #main_nav li a {
  padding: 0 1rem;
  color: #291902;
}
@media (max-width: 992px) {
  #header .header_outer .menu #main_nav li a {
    padding: 1rem;
  }
}
#header .header_outer .menu #main_nav li a:hover {
  color: #D3AE50;
}
#header .header_outer .menu #sub_nav li:last-child {
  border-bottom: none;
}
#header .header_outer .menu #sub_nav li a {
  padding: 0 0.5rem;
  color: #291902;
}
@media (max-width: 992px) {
  #header .header_outer .menu #sub_nav li a {
    padding: 0.5rem;
  }
}
#header .header_outer .menu #sub_nav li a:hover {
  color: #D3AE50;
}
#header .header_outer .menu #sub_nav .fa-brands {
  font-size: 2em;
}
#header .toggle_btn {
  display: none;
}
@media (max-width: 992px) {
  #header .toggle_btn {
    display: block;
    position: relative;
    margin-left: auto;
    background-color: #1B3F6D;
    width: 50px;
    height: 50px;
    transition: all 0.5s;
    cursor: pointer;
    z-index: 3;
  }
}
#header .toggle_btn span {
  position: absolute;
  width: 25px;
  height: 2px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #ffffff;
  transition: all 0.5s;
}
#header .toggle_btn span:nth-child(1) {
  top: 1.2em;
}
#header .toggle_btn span:nth-child(2) {
  top: 1.8em;
}
#header .toggle_btn span:nth-child(3) {
  bottom: 0.5em;
}
#header .toggle_btn .menu_txt {
  width: 100%;
  position: absolute;
  top: 0.4em;
  font-size: 0.5em;
  color: #ffffff;
  text-align: center;
  z-index: 100;
}
#header .toggle_btn.open span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
#header .toggle_btn.open span:nth-child(2) {
  opacity: 0;
}
#header .toggle_btn.open span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
  bottom: 0.5em;
}

/* ------------------------------------- */
/*	フッター
/* ------------------------------------- */
footer {
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9em;
  background-color: #1B3F6D;
  margin-top: 4em;
  /*========= ページトップのためのCSS ===============*/
  /*リンクの形状*/
  /*リンクを右下に固定*/
  /*上に上がる動き*/
  /*下に下がる動き*/
}
footer dt {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
}
footer #page-top a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1B3F6D;
  border-radius: 5px;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s;
  font-size: 2em;
}
@media (max-width: 540px) {
  footer #page-top a {
    width: 50px;
    height: 50px;
  }
}
footer #page-top a:hover {
  background: #D3AE50;
}
footer #page-top {
  position: fixed;
  right: 10px;
  z-index: 300;
  /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}
footer #page-top.UpMove {
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
footer #page-top.DownMove {
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(100px);
  }
}
@media (max-width: 992px) {
  footer {
    background-size: 90% auto;
  }
}
@media (max-width: 540px) {
  footer {
    background-image: none;
  }
}
footer .footer_inner {
  width: 90%;
  padding: 20px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  gap: 2em;
}
@media (max-width: 540px) {
  footer .footer_inner {
    width: 100%;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 540px) {
  footer .footer_inner .footer_logo {
    display: flex;
    justify-content: center;
  }
}
footer .footer_inner .footer_logo img {
  width: 80%;
}
@media (max-width: 540px) {
  footer .footer_inner .footer_logo img {
    width: 50%;
  }
}
footer .footer_inner th,
footer .footer_inner td {
  border-bottom: none;
  color: #ffffff;
  vertical-align: top;
}
@media (max-width: 540px) {
  footer .footer_inner th,
  footer .footer_inner td {
    padding: 0.5em;
    width: 100%;
    text-align: center;
  }
}
footer .footer_inner th {
  text-align: left;
  width: 10%;
}
@media (max-width: 540px) {
  footer .footer_inner th {
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 540px) {
  footer .footer_inner tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
  }
}
footer .footer_inner .btn_area a {
  display: inline-block;
  position: relative;
  padding: 0.5em 2.5em 0.5em 1.5em;
  color: #000000;
  background-color: #ffffff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  text-decoration: none;
}
footer .footer_inner .btn_area a i {
  position: absolute;
  right: 1.5em;
  top: 1em;
  font-size: 0.9em;
  transition: all 0.2s;
}
footer .footer_inner .btn_area a:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  border: 1px solid #E7EDF4;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  transition: all 0.2s;
  mix-blend-mode: multiply;
}
footer .footer_inner .btn_area a:hover {
  box-sizing: border-box;
  background-color: #D3AE50;
  color: #000000;
}
footer .footer_inner .btn_area a:hover i {
  right: 1em;
}
footer .footer_inner .btn_area a:hover:after {
  top: 0;
  left: 0;
  opacity: 0;
}
footer .footer_inner .information_inner {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  width: 50%;
}
@media (max-width: 540px) {
  footer .footer_inner .information_inner {
    align-items: center;
    width: 100%;
  }
}
footer .footer_inner .information_inner .phone_link {
  color: #D3AE50;
}
footer .footer_inner .information_inner .phone_link:hover {
  color: #ffffff;
}
footer .footer_inner .sns_menu ul {
  justify-content: flex-start;
}
footer .footer_inner .sns_menu a {
  color: #fff;
}

/* ---------------------------------------*/
/*	TOP
/* ---------------------------------------*/
body.top main {
  position: relative;
  overflow: hidden;
}
body.top main section {
  box-sizing: border-box;
}

/* --------------------------*/
/*	SNSリスト
/* --------------------------*/
.sns_menu {
  margin-right: 1em;
  margin-top: 1em;
  position: relative;
  z-index: 100;
  display: inline-block;
}
@media (max-width: 768px) {
  .sns_menu {
    order: 2;
    margin-top: 0;
    margin-right: 0;
  }
}
@media (max-width: 390px) {
  .sns_menu {
    margin-top: 0;
  }
}
.sns_menu ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 1rem;
}
@media (max-width: 768px) {
  .sns_menu ul {
    order: 2;
    justify-content: center;
    margin-top: 1em;
  }
}
.sns_menu ul li {
  list-style: none;
  margin: 0 0.6em;
  letter-spacing: 0.02em;
}
.sns_menu ul a {
  color: #1B3F6D;
  font-weight: bold;
  padding: 0.5em 0;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
}
.sns_menu ul a:hover {
  color: #D3AE50;
}
@media (max-width: 992px) {
  .sns_menu ul a {
    padding: 1em 0;
  }
}

/* --------------------------*/
/*	店舗情報
/* --------------------------*/
.store_information {
  background-color: #E7EDF4;
  clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
}

.section_inner_lg h1,
.section_inner_sd h1 {
  margin: 0 auto;
}

.store_contents_block {
  display: flex;
  margin-top: 3em;
  gap: 2em;
}
.store_contents_block .btn_area a {
  display: inline-block;
  position: relative;
  padding: 0.5em 2.5em 0.5em 1.5em;
  color: white;
  background-color: #1B3F6D;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  text-decoration: none;
  margin-top: 1.5em;
  text-decoration: none;
}
.store_contents_block .btn_area a i {
  position: absolute;
  right: 1.5em;
  top: 1em;
  font-size: 0.9em;
  transition: all 0.2s;
}
.store_contents_block .btn_area a:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  border: 1px solid #E7EDF4;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  transition: all 0.2s;
  mix-blend-mode: multiply;
}
.store_contents_block .btn_area a:hover {
  box-sizing: border-box;
  background-color: #D3AE50;
  color: #000000;
}
.store_contents_block .btn_area a:hover i {
  right: 1em;
}
.store_contents_block .btn_area a:hover:after {
  top: 0;
  left: 0;
  opacity: 0;
}
@media (max-width: 768px) {
  .store_contents_block {
    display: flex;
    flex-wrap: wrap;
  }
}

.location_map iframe {
  display: block;
  width: 100%;
}
.location_map .btn_area {
  display: flex;
  justify-content: center;
}

.information {
  margin-bottom: 1em;
}
.information .phone_link {
  color: #1B3F6D;
}
.information .phone_link:hover {
  color: #D3AE50;
}
@media (max-width: 768px) {
  .information td,
  .information th {
    display: block;
    width: 100%;
    border-bottom: none;
  }
}
@media (max-width: 768px) {
  .information th {
    background-color: #fff;
  }
}

@media (max-width: 768px) {
  .information-text {
    border-top: 1px solid #1B3F6D;
    padding: 1em;
  }
}

/* --------------------------*/
/*	 新着情報&日本酒ニュース
/* --------------------------*/
.news {
  margin-top: -50px;
  background-image: url(/images/illust/img_illust_wave_left.webp), url(/images/illust/img_illust_wave_right.webp);
  background-repeat: no-repeat, no-repeat;
  background-size: 15%;
  background-position: top left, bottom right;
}
@media (max-width: 390px) {
  .news {
    background-size: 20%;
  }
}

.news_contents_block {
  padding: 3em;
}
@media (max-width: 992px) {
  .news_contents_block {
    padding: 1em;
  }
}
@media (max-width: 768px) {
  .news_contents_block {
    padding: 0;
  }
}
.news_contents_block .news_contents_block_inner {
  padding: 2em 1em;
}
@media (max-width: 768px) {
  .news_contents_block .news_contents_block_inner {
    padding: 2em 0;
    margin-top: 2em;
  }
}
@media (max-width: 768px) {
  .news_contents_block .news_contents_block_inner td,
  .news_contents_block .news_contents_block_inner th {
    display: block;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .news_contents_block .news_contents_block_inner th {
    background-color: #E7EDF4;
    border-bottom: none;
    border-top: 2px dashed #1B3F6D;
  }
}
@media (max-width: 768px) {
  .news_contents_block .news_contents_block_inner td {
    border-bottom: none;
    margin-bottom: 1em;
  }
}

.preparing_photo {
  display: flex;
  justify-content: center;
}
.preparing_photo img {
  width: 20%;
}
@media (max-width: 540px) {
  .preparing_photo img {
    width: 40%;
  }
}

/* --------------------------*/
/*	 店主の酒蔵訪問記
/* --------------------------*/
.idx_sakagura {
  clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 calc(100% - 50px));
  margin: 5rem 0 8rem 0;
  background-image: url(/images/sakagura/15/06.jpeg);
  background-size: cover;
  background-position: left top 50%;
  background-color: rgb(165, 165, 165);
  background-blend-mode: multiply;
}
@media (max-width: 540px) {
  .idx_sakagura {
    margin: 0 0 3rem 0;
  }
}
.idx_sakagura .sakagura_container {
  padding: 3em 0;
  margin-inline: auto;
}
@media (max-width: 540px) {
  .idx_sakagura .sakagura_container {
    width: 100%;
  }
}
.idx_sakagura .sakagura_container .txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
}
.idx_sakagura .sakagura_container .btn_area {
  display: flex;
  justify-content: center;
}
.idx_sakagura .sakagura_container .btn_area a {
  display: inline-block;
  position: relative;
  padding: 0.5em 2.5em 0.5em 1.5em;
  color: white;
  background-color: #1B3F6D;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  text-decoration: none;
  margin-top: 1.5em;
  text-decoration: none;
  background-color: #D3AE50;
  color: #291902;
}
.idx_sakagura .sakagura_container .btn_area a i {
  position: absolute;
  right: 1.5em;
  top: 1em;
  font-size: 0.9em;
  transition: all 0.2s;
}
.idx_sakagura .sakagura_container .btn_area a:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  border: 1px solid #E7EDF4;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  transition: all 0.2s;
  mix-blend-mode: multiply;
}
.idx_sakagura .sakagura_container .btn_area a:hover {
  box-sizing: border-box;
  background-color: #D3AE50;
  color: #000000;
}
.idx_sakagura .sakagura_container .btn_area a:hover i {
  right: 1em;
}
.idx_sakagura .sakagura_container .btn_area a:hover:after {
  top: 0;
  left: 0;
  opacity: 0;
}
.idx_sakagura .sakagura_container .btn_area a:hover {
  background-color: #1B3F6D;
  color: #ffffff;
}

/* --------------------------*/
/*	 当店について
/* --------------------------*/
.about_our_store {
  background-image: url(/images/photo/pct_bg.webp);
  background-repeat: repeat;
  margin-top: 2em;
  padding-bottom: 12em;
}

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

.noren_contents_block img {
  width: 100%;
  margin-top: -3rem;
}
@media (max-width: 1050px) {
  .noren_contents_block img {
    margin-top: -40px;
  }
}
@media (max-width: 768px) {
  .noren_contents_block img {
    margin-top: -30px;
  }
}
@media (max-width: 540px) {
  .noren_contents_block img {
    margin-top: -20px;
  }
}

.iijimasan_animation {
  display: flex;
  justify-content: flex-end;
  padding: 1em 3em;
  margin-top: -50px;
}
.iijimasan_animation img {
  width: 15%;
}
@media (max-width: 768px) {
  .iijimasan_animation {
    display: flex;
    justify-content: center;
    padding: 1em;
  }
  .iijimasan_animation img {
    width: 20%;
  }
}
@media (max-width: 540px) {
  .iijimasan_animation {
    margin-top: -20px;
  }
  .iijimasan_animation img {
    width: 30%;
  }
}

.fadeUpTrigger {
  opacity: 0;
}

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.section_inner_sd {
  background-color: #fff;
  border-bottom: 10px dashed #1B3F6D;
  border-top: 10px dashed #1B3F6D;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .section_inner_sd {
    border-bottom: 5px dashed #1B3F6D;
    border-top: 5px dashed #1B3F6D;
  }
}

.about_contents_list {
  display: flex;
}

.about_contents_list_item,
.about_contents_list_item_rignt {
  display: flex;
  gap: 2em;
  margin-top: 3em;
}
@media (max-width: 768px) {
  .about_contents_list_item,
  .about_contents_list_item_rignt {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5em;
  }
}

.about_text_contents p {
  line-height: 1.8em;
}

.about_title_contents,
.about_contents_list_item_photo {
  width: 50%;
}
@media (max-width: 768px) {
  .about_title_contents,
  .about_contents_list_item_photo {
    width: 100%;
  }
}

.about_contents_list_item_photo {
  display: flex;
  align-items: center;
}
.about_contents_list_item_photo img {
  width: 40%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .about_contents_list_item_photo img {
    width: 30%;
    margin-top: 1em;
  }
}

@media (max-width: 768px) {
  .about_contents_list_item_rignt .about_text_contents {
    order: 2;
  }
  .about_contents_list_item_rignt .about_contents_list_item_photo {
    order: 1;
  }
}

/* --------------------------*/
/*	店主について
/* --------------------------*/
.about_owner::before {
  content: "";
  clip-path: polygon(0 89%, 100% 0%, 100% 99%, 0% 100%);
  background-color: #ffffff;
  display: block;
  height: 200px;
  position: relative;
  top: -198px;
  left: 0;
  right: 0;
  z-index: 10;
}
.about_owner::after {
  content: "";
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 14%);
  background-color: #ffffff;
  display: block;
  height: 200px;
  position: relative;
  left: 0;
  right: 0;
  z-index: 10;
}
.about_owner .section_inner_lg {
  margin-top: -300px;
  position: relative;
  z-index: 20;
}

.about_owner_introduction_contents_block {
  display: grid;
  grid-template-columns: 40% auto 60%;
  grid-template-rows: 0.5fr auto 1fr;
}
@media (max-width: 768px) {
  .about_owner_introduction_contents_block {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    gap: 1em;
  }
}

.about_owner_introduction_innner {
  grid-column: 1;
  grid-row: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .about_owner_introduction_innner {
    align-items: end;
    grid-row: 2;
  }
}

.about_owner_photo_contents_block img {
  display: block;
  width: 80%;
}
@media (max-width: 768px) {
  .about_owner_photo_contents_block img {
    width: 100%;
  }
}

.about_owner_name_contents_block {
  display: flex;
  justify-content: center;
  background-color: #1B3F6D;
  position: relative;
  z-index: 200;
  padding: 0.2em;
  width: 80%;
  margin-top: -15px;
}
.about_owner_name_contents_block p {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8em;
  color: #fff;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.8em;
  margin: 0;
}

.about_owner_introduction_title {
  grid-column: 3;
  grid-row: 1;
}
@media (max-width: 768px) {
  .about_owner_introduction_title {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 2em;
  }
}

.about_owner_introduction_text {
  grid-column: 3;
  grid-row: 3;
}
@media (max-width: 768px) {
  .about_owner_introduction_text {
    grid-column: 1;
  }
}

.about_owner_sns_innner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  margin-top: 3em;
}
.about_owner_sns_innner h2 {
  color: #1B3F6D;
}

.about_owner_sns_list {
  display: flex;
  gap: 1em;
  width: 80%;
  padding: 1.5em;
  border-bottom: 5px dashed #1B3F6D;
  border-top: 5px dashed #1B3F6D;
}
@media (max-width: 768px) {
  .about_owner_sns_list {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1em;
  }
}

.about_owner_sns_list_nakaguro,
.about_owner_sns_list_iijimasan {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nakaguro_button,
.iijimasan_button {
  display: inline-block;
  margin-top: auto;
  text-align: center;
}
.nakaguro_button a,
.iijimasan_button a {
  display: inline-block;
  position: relative;
  padding: 0.5em 2.5em 0.5em 1.5em;
  color: white;
  background-color: #1B3F6D;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  text-decoration: none;
}
.nakaguro_button a i,
.iijimasan_button a i {
  position: absolute;
  right: 1.5em;
  top: 1em;
  font-size: 0.9em;
  transition: all 0.2s;
}
.nakaguro_button a:after,
.iijimasan_button a:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  border: 1px solid #E7EDF4;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  transition: all 0.2s;
  mix-blend-mode: multiply;
}
.nakaguro_button a:hover,
.iijimasan_button a:hover {
  box-sizing: border-box;
  background-color: #D3AE50;
  color: #000000;
}
.nakaguro_button a:hover i,
.iijimasan_button a:hover i {
  right: 1em;
}
.nakaguro_button a:hover:after,
.iijimasan_button a:hover:after {
  top: 0;
  left: 0;
  opacity: 0;
}
@media (max-width: 768px) {
  .nakaguro_button a,
  .iijimasan_button a {
    width: 100%;
  }
  .nakaguro_button a i,
  .iijimasan_button a i {
    position: static;
    margin-left: 0.5em;
  }
}
@media (max-width: 390px) {
  .nakaguro_button a i,
  .iijimasan_button a i {
    position: static;
    margin-left: 0.5em;
  }
}

.about_owner_photo_innner {
  margin-top: 2em;
}
.about_owner_photo_innner img {
  width: 20%;
}
@media (max-width: 768px) {
  .about_owner_photo_innner img {
    display: block;
    margin-inline: auto;
    width: 30%;
  }
}

/* --------------------------*/
/*	取扱銘柄一覧
/* --------------------------*/
.handling_brand_list {
  background-image: url(/images/photo/pct_bg.webp);
  background-repeat: repeat;
  margin-top: -2em;
}
.handling_brand_list .section_inner_lg {
  position: relative;
  z-index: 200;
  margin-top: -180px;
  padding-bottom: 5em;
}
.handling_brand_list .section_inner_lg h2 {
  margin-bottom: 2em;
}
@media (max-width: 768px) {
  .handling_brand_list .section_inner_lg h2 {
    order: 2;
    margin-bottom: 0;
  }
}

.handling_brand_list_contents_block {
  display: flex;
  flex-direction: column;
}

dl.brand_list_contents_block_inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5em 1em;
}
@media (max-width: 768px) {
  dl.brand_list_contents_block_inner {
    grid-template-columns: repeat(2, 1fr);
    order: 3;
  }
}
@media (max-width: 540px) {
  dl.brand_list_contents_block_inner {
    grid-template-columns: repeat(1, 1fr);
  }
}

.brand_list_item {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
}
@media (max-width: 540px) {
  .brand_list_item {
    grid-template-rows: auto;
    /*アイコンの＋と×*/
    /*　closeというクラスがついたら形状変化　*/
  }
  .brand_list_item li {
    margin: 10px 0;
  }
  .brand_list_item .region_title {
    position: relative;
    /*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size: 1.25em;
    padding: 3% 3% 3% 50px;
    transition: all 0.5s ease;
    border-bottom: 3px dashed #1B3F6D;
  }
  .brand_list_item .region_title::before,
  .brand_list_item .region_title::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 2px;
    background-color: #1B3F6D;
  }
  .brand_list_item .region_title::before {
    top: 48%;
    left: 15px;
    transform: rotate(0deg);
  }
  .brand_list_item .region_title::after {
    top: 48%;
    left: 15px;
    transform: rotate(90deg);
  }
  .brand_list_item .region_title.close::before {
    transform: rotate(45deg);
  }
  .brand_list_item .region_title.close::after {
    transform: rotate(-45deg);
  }
  .brand_list_item .region_list {
    display: none;
    /*はじめは非表示*/
    margin: 0 3% 3% 3%;
    padding: 3%;
  }
}

dt.region_title {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 0.5em;
}

dd.region_list {
  background-color: #ffffff;
  border-bottom: 3px dashed #1B3F6D;
  border-top: 3px dashed #1B3F6D;
  padding: 2em 1.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 540px) {
  dd.region_list {
    border-bottom: none;
    border-top: none;
  }
}
dd.region_list ul {
  list-style: none;
}
dd.region_list ul li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 0.5em;
}
dd.region_list ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #000000;
  border-radius: 5px;
}

.region_list_reparing {
  align-items: center;
}
.region_list_reparing img {
  width: 50%;
}
@media (max-width: 540px) {
  .region_list_reparing img {
    display: block;
    margin-inline: auto;
  }
}

.brand_list_photo_contents_block {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  margin-top: 2em;
}
.brand_list_photo_contents_block img {
  width: 15%;
}
@media (max-width: 768px) {
  .brand_list_photo_contents_block {
    display: flex;
    justify-content: center;
    order: 1;
    margin-bottom: 2em;
  }
  .brand_list_photo_contents_block img {
    width: 20%;
  }
}
@media (max-width: 768px) and (max-width: 390px) {
  .brand_list_photo_contents_block img {
    width: 30%;
  }
}

.list_download_button {
  display: flex;
  justify-content: center;
  margin-top: 4em;
}
.list_download_button a {
  display: inline-block;
  position: relative;
  padding: 0.5em 2.5em 0.5em 1.5em;
  color: white;
  background-color: #1B3F6D;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  text-decoration: none;
}
.list_download_button a i {
  position: absolute;
  right: 1.5em;
  top: 1em;
  font-size: 0.9em;
  transition: all 0.2s;
}
.list_download_button a:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  border: 1px solid #E7EDF4;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  transition: all 0.2s;
  mix-blend-mode: multiply;
}
.list_download_button a:hover {
  box-sizing: border-box;
  background-color: #D3AE50;
  color: #000000;
}
.list_download_button a:hover i {
  right: 1em;
}
.list_download_button a:hover:after {
  top: 0;
  left: 0;
  opacity: 0;
}
@media (max-width: 390px) {
  .list_download_button a i {
    position: static;
    margin-left: 0.5em;
  }
}

/* --------------------------*/
/*	角打ち
/* --------------------------*/
.kakuuchi_contents_block {
  width: 80%;
  margin-inline: auto;
}
.kakuuchi_contents_block h2 {
  margin-bottom: 2em;
}

.kakuuchi .section_inner_lg {
  margin-top: -2em;
}

.kakuuchi_photo_contents_block {
  display: flex;
  justify-content: center;
}
.kakuuchi_photo_contents_block img {
  width: 15%;
}
@media (max-width: 768px) {
  .kakuuchi_photo_contents_block img {
    width: 20%;
  }
}
@media (max-width: 390px) {
  .kakuuchi_photo_contents_block img {
    width: 30%;
  }
}

.kakuuchi_inner {
  display: flex;
  gap: 1em;
}
.kakuuchi_inner img {
  width: 50%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
@media (max-width: 768px) {
  .kakuuchi_inner {
    display: flex;
    flex-direction: column;
  }
  .kakuuchi_inner img {
    width: 100%;
  }
}

/* --------------------------*/
/*	SNS
/* --------------------------*/
.sns_list_contents_block {
  display: flex;
  flex-direction: column;
}

.sns_list_contents_block_inner {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

.sns_list_contents_block_inner .sns_menu ul {
  justify-content: center;
}
.sns_list_contents_block_inner .sns_menu .fa-brands {
  font-size: 3em;
}
@media (max-width: 390px) {
  .sns_list_contents_block_inner .sns_menu .fa-brands {
    font-size: 2em;
  }
}

.sns_list_photo_contents_block {
  display: flex;
  justify-content: end;
  padding-right: 2em;
  margin-top: -150px;
}
.sns_list_photo_contents_block img {
  width: 20%;
}
@media (max-width: 768px) {
  .sns_list_photo_contents_block {
    justify-content: center;
    padding-right: 0;
    padding: 2em;
    margin-top: 1em;
  }
  .sns_list_photo_contents_block img {
    width: 40%;
  }
}
@media (max-width: 390px) {
  .sns_list_photo_contents_block img {
    width: 50%;
  }
}/*# sourceMappingURL=core.css.map */