@charset "UTF-8";
/*@mixin frame{*/
html {
  overflow: auto;
  height: 100%;
  /*スクロールバーが出ない高さの場合でもスクロールバーを出す*/
}
html.hide {
  overflow-y: hidden;
}

#wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: 0.5s;
  transition-delay: 0.5s;
}
#wrapper.go {
  opacity: 1;
}

#mainarea {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: 84px;
}
#mainarea:before {
  content: "";
  background-image: url("../media/images/common/bg03.jpg");
  background-repeat: repeat;
  background-position: left;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#mainarea #mainarea_inner .prologue_title {
  padding-top: 36px;
  padding-bottom: 30px;
}
#mainarea #mainarea_inner .prologue_title h1, #mainarea #mainarea_inner .prologue_title h2 {
  font-size: 24px;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  #mainarea #mainarea_inner .prologue_title h1, #mainarea #mainarea_inner .prologue_title h2 {
    font-size: 18px;
  }
}
#mainarea #mainarea_inner .content_2nd {
  max-width: 1020px;
  margin: 0 auto;
  width: auto;
  background-color: #fff;
}
@media only screen and (max-width: 1100px) {
  #mainarea #mainarea_inner .content_2nd {
    margin-left: 70px;
    margin-right: 70px;
  }
}
@media only screen and (max-width: 1023px) {
  #mainarea #mainarea_inner .content_2nd {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #mainarea #mainarea_inner .content_2nd {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 374px) {
  #mainarea #mainarea_inner .content_2nd {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#mainarea #mainarea_inner .content_2nd > .inner {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 54px;
  padding-bottom: 64px;
}
@media only screen and (max-width: 1023px) {
  #mainarea #mainarea_inner .content_2nd > .inner {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 34px;
    padding-bottom: 34px;
  }
}
@media only screen and (max-width: 767px) {
  #mainarea #mainarea_inner .content_2nd > .inner {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
#mainarea #mainarea_inner .content_2nd + .content_2nd {
  margin-top: 54px;
}
@media only screen and (max-width: 767px) {
  #mainarea #mainarea_inner .content_2nd + .content_2nd {
    margin-top: 34px;
  }
}

strong {
  /*マーカー*/
  background: linear-gradient(transparent 65%, #f4cda3 70%, #f4cda3 94%, transparent 95%);
}

strong.marker {
  color: #cc0000;
  background: linear-gradient(transparent 75%, #ffcccc 75%);
  font-weight: 500;
}

/*	header
===============================================*/
header#header > .inner #header_top {
  background-image: url("../media/images/common/hd_bg.gif");
  background-repeat: repeat;
  padding-top: 22px;
  padding-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  header#header > .inner #header_top {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
header#header > .inner #header_top > .inner {
  max-width: 960px;
  margin: 0 auto;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1100px) {
  header#header > .inner #header_top > .inner {
    margin-left: 70px;
    margin-right: 70px;
  }
}
@media only screen and (max-width: 1023px) {
  header#header > .inner #header_top > .inner {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  header#header > .inner #header_top > .inner {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 374px) {
  header#header > .inner #header_top > .inner {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  header#header > .inner #header_top > .inner {
    justify-content: flex-start;
  }
}
header#header > .inner #header_top > .inner #header_shop {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  header#header > .inner #header_top > .inner #header_shop {
    display: none;
  }
}
header#header > .inner #header_top > .inner #header_shop > .inner > h2 {
  font-family: "Noto Serif JP", serif;
  color: #432800;
  font-size: 17px;
  font-weight: 700;
  padding-bottom: 6px;
}
header#header > .inner #header_top > .inner #header_shop > .inner > ul {
  display: flex;
  margin: 0 -2px;
}
header#header > .inner #header_top > .inner #header_shop > .inner > ul > li {
  padding: 0 2px;
  width: 84px;
}
header#header > .inner #header_top > .inner #header_shop > .inner > ul > li a {
  display: block;
  background-color: #432800;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  padding: 4px 0;
  transition-duration: 0.5s;
}
header#header > .inner #header_top > .inner #header_shop > .inner > ul > li a:hover {
  transition-duration: 0.5s;
  opacity: 0.8;
}
header#header > .inner #header_top > .inner #header_shop > .inner > ul > li:nth-child(1) {
  width: 120px;
}
header#header > .inner #header_top > .inner #header_logo {
  flex: 1;
}
header#header > .inner #header_top > .inner #header_logo a {
  display: block;
}
header#header > .inner #header_top > .inner #header_logo a h1, header#header > .inner #header_top > .inner #header_logo a p {
  font-family: "Noto Serif JP", serif;
  color: #432800;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  header#header > .inner #header_top > .inner #header_logo a h1, header#header > .inner #header_top > .inner #header_logo a p {
    text-align: left;
    font-size: 12px;
  }
}
header#header > .inner #header_top > .inner #header_contact {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  header#header > .inner #header_top > .inner #header_contact {
    display: none;
  }
}
header#header > .inner #header_top > .inner #header_contact > .inner > h2 {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-size: 14px;
  color: #432800;
  text-align: right;
  line-height: 1.4;
}
header#header > .inner #header_top > .inner #header_contact > .inner > p {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 25px;
  color: #432800;
  text-align: right;
  padding-left: 30px;
  line-height: 1.4;
  position: relative;
}
header#header > .inner #header_top > .inner #header_contact > .inner > p:before {
  content: "";
  background-image: url("../media/images/common/icon_tel.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 16px;
  position: absolute;
  left: 10px;
  top: 10px;
}
header#header > .inner #header_top > .inner #header_contact > .inner > span {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-size: 12px;
  color: #432800;
  display: block;
  text-align: right;
  line-height: 1.4;
}
header#header > .inner #header_under {
  box-shadow: 0 -3px 14px rgba(11, 3, 6, 0.15), 0 3px 14px rgba(11, 3, 6, 0.15);
  -moz-box-shadow: 0 -3px 14px rgba(11, 3, 6, 0.15), 0 3px 14px rgba(11, 3, 6, 0.15);
  -webkit-box-shadow: 0 -3px 14px rgba(11, 3, 6, 0.15), 0 3px 14px rgba(11, 3, 6, 0.15);
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  header#header > .inner #header_under {
    display: none;
  }
}
header#header > .inner #header_under > .inner {
  max-width: 960px;
  margin: 0 auto;
  width: auto;
}
@media only screen and (max-width: 1100px) {
  header#header > .inner #header_under > .inner {
    margin-left: 70px;
    margin-right: 70px;
  }
}
@media only screen and (max-width: 1023px) {
  header#header > .inner #header_under > .inner {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  header#header > .inner #header_under > .inner {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 374px) {
  header#header > .inner #header_under > .inner {
    margin-left: 10px;
    margin-right: 10px;
  }
}
header#header > .inner #header_under > .inner #global_navi > ul {
  display: flex;
}
header#header > .inner #header_under > .inner #global_navi > ul > li {
  position: relative;
}
header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(1) {
  width: 238px;
}
@media only screen and (max-width: 1100px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(1) {
    width: 180px;
  }
}
@media only screen and (max-width: 1023px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(1) {
    width: 150px;
  }
}
header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(2) {
  width: 146px;
}
@media only screen and (max-width: 1100px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(2) {
    width: 130px;
  }
}
@media only screen and (max-width: 1023px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(2) {
    width: 100px;
  }
}
header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(3) {
  width: 192px;
}
@media only screen and (max-width: 1100px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(3) {
    width: 180px;
  }
}
@media only screen and (max-width: 1023px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(3) {
    width: 130px;
  }
}
header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(4) {
  width: 192px;
}
@media only screen and (max-width: 1100px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(4) {
    width: 180px;
  }
}
@media only screen and (max-width: 1023px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(4) {
    width: 130px;
  }
}
header#header > .inner #header_under > .inner #global_navi > ul > li:nth-child(5) {
  flex: 1;
}
header#header > .inner #header_under > .inner #global_navi > ul > li:before {
  content: "";
  background-color: #dddddd;
  width: 1px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 22px;
}
@media only screen and (max-width: 1023px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li:before {
    height: 14px;
    top: 20px;
  }
}
header#header > .inner #header_under > .inner #global_navi > ul > li:last-of-type:after {
  content: "";
  background-color: #dddddd;
  width: 1px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 22px;
}
@media only screen and (max-width: 1023px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li:last-of-type:after {
    height: 14px;
    top: 20px;
  }
}
header#header > .inner #header_under > .inner #global_navi > ul > li a {
  display: block;
  padding: 8px 0;
  transition-duration: 0.5s;
}
header#header > .inner #header_under > .inner #global_navi > ul > li a span {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  display: block;
  padding: 9px 0 10px;
  transition-duration: 0.5s;
  position: relative;
  margin: 0 8px;
}
@media only screen and (max-width: 1100px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li a span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1023px) {
  header#header > .inner #header_under > .inner #global_navi > ul > li a span {
    font-size: 10px;
  }
}
header#header > .inner #header_under > .inner #global_navi > ul > li a:hover {
  transition-duration: 0.5s;
}
header#header > .inner #header_under > .inner #global_navi > ul > li a:hover span {
  border-radius: 5px;
  background-image: url("../media/images/common/bg03.jpg");
  background-repeat: repeat;
  transition-duration: 0.5s;
}

/*	sidefix
===============================================*/
#sidefix {
  position: fixed;
  top: calc(50% - 119px);
  right: 0;
  background-color: #f5ecd4;
  width: 60px;
  z-index: 1000;
}
@media only screen and (max-width: 767px) {
  #sidefix {
    display: none;
  }
}
#sidefix > .inner {
  padding: 18px 14px 22px;
}
#sidefix > .inner > p {
  font-size: 12px;
  text-align: center;
  padding-bottom: 12px;
}
#sidefix > .inner > ul {
  border-bottom: 1px solid #bb884c;
  border-top: 1px solid #bb884c;
  padding: 8px 0;
}
#sidefix > .inner > ul > li {
  width: 100%;
  height: 100%;
  padding: 8px 0;
}
#sidefix > .inner > ul > li a {
  display: block;
  position: relative;
  height: 20px;
}
#sidefix > .inner > ul > li a:before {
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  top: 0;
  left: 8px;
}
#sidefix > .inner > ul > li:nth-child(1) a:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cpath fill='%23432800' d='M366.3 281.2l13.9-90.5h-86.8V132c0-24.8 12.1-48.9 51-48.9h39.5v-77S348.1 0 313.8 0c-71.5 0-118.2 43.3-118.2 121.8v69h-79.5v90.5h79.5V500h97.8V281.2h72.9z'/%3E%3C/svg%3E") center center/contain no-repeat;
}
#sidefix > .inner > ul > li:nth-child(2) a:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cpath fill='%23432800' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E") center center/contain no-repeat;
}
#sidefix > .inner > ul > li:nth-child(3) a:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cpath fill='%23432800' d='M224.17 109.18a114.9 114.9 0 10114.9 114.9 114.72 114.72 0 00-114.9-114.9zm0 189.6a74.7 74.7 0 1174.7-74.7 74.84 74.84 0 01-74.7 74.7zm146.4-194.3a26.8 26.8 0 11-26.8-26.8 26.74 26.74 0 0126.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9s-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2s34.4-58 36.2-93.9c2.1-37 2.1-147.8 0-184.8zm-47.8 224.5a75.63 75.63 0 01-42.6 42.6c-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9a75.63 75.63 0 01-42.6-42.6c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1a75.63 75.63 0 0142.6-42.6c29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9a75.63 75.63 0 0142.6 42.6c11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E") center center/contain no-repeat;
}
#sidefix > .inner > ul > li:nth-child(4) a:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Cpath fill='%23432800' d='M272.1 172.2v71.1a3.16 3.16 0 01-3.2 3.2h-11.4a3.31 3.31 0 01-2.6-1.3l-32.6-44v42.2a3.16 3.16 0 01-3.2 3.2h-11.4a3.16 3.16 0 01-3.2-3.2v-71.1a3.16 3.16 0 013.2-3.2H219a3 3 0 012.6 1.4l32.6 44v-42.2a3.16 3.16 0 013.2-3.2h11.4a3.16 3.16 0 013.3 3.1zm-82-3.2h-11.4a3.16 3.16 0 00-3.2 3.2v71.1a3.16 3.16 0 003.2 3.2h11.4a3.16 3.16 0 003.2-3.2v-71.1a3.22 3.22 0 00-3.2-3.2zm-27.5 59.6h-31.1v-56.4a3.16 3.16 0 00-3.2-3.2h-11.4a3.16 3.16 0 00-3.2 3.2v71.1a2.94 2.94 0 00.9 2.2 3.37 3.37 0 002.2.9h45.7a3.16 3.16 0 003.2-3.2v-11.4a3.2 3.2 0 00-3.1-3.2zM332.1 169h-45.7a3.22 3.22 0 00-3.2 3.2v71.1a3.22 3.22 0 003.2 3.2h45.7a3.16 3.16 0 003.2-3.2v-11.4a3.16 3.16 0 00-3.2-3.2H301v-12h31.1a3.16 3.16 0 003.2-3.2V202a3.16 3.16 0 00-3.2-3.2H301v-12h31.1a3.16 3.16 0 003.2-3.2v-11.4a3.36 3.36 0 00-3.2-3.2zM448 81.7V367c-.1 44.8-36.8 81.1-81.7 81H81c-44.8-.1-81.1-36.9-81-81.7V81C.1 36.2 36.9-.1 81.7 0H367c44.8.1 81.1 36.8 81 81.7zm-61.6 122.6c0-73-73.2-132.4-163.1-132.4S60.2 131.3 60.2 204.3c0 65.4 58 120.2 136.4 130.6 19.1 4.1 16.9 11.1 12.6 36.8-.7 4.1-3.3 16.1 14.1 8.8s93.9-55.3 128.2-94.7c23.6-26 34.9-52.3 34.9-81.5z'/%3E%3C/svg%3E") center center/contain no-repeat;
}

/*	bread
===============================================*/
body#home #under_nav > .inner {
  justify-content: flex-end;
}
body#home #under_nav > .inner #bread {
  display: none;
}

#under_nav {
  position: relative;
  top: -42px;
}
@media only screen and (max-width: 767px) {
  #under_nav {
    display: none;
  }
}
#under_nav > .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 960px;
  margin: 0 auto;
  width: auto;
}
@media only screen and (max-width: 1100px) {
  #under_nav > .inner {
    margin-left: 70px;
    margin-right: 70px;
  }
}
@media only screen and (max-width: 1023px) {
  #under_nav > .inner {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #under_nav > .inner {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 374px) {
  #under_nav > .inner {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#under_nav > .inner #bread {
  flex: 1;
}
#under_nav > .inner #bread ol {
  display: flex;
  margin: 0 -3px;
}
#under_nav > .inner #bread ol li {
  width: auto;
  padding: 0 3px;
}
#under_nav > .inner #bread ol li a {
  display: block;
  padding: 2px 6px;
  background-image: url("../media/images/common/bg.jpg");
  background-repeat: repeat;
  border-radius: 6px;
}
#under_nav > .inner #bread ol li a span {
  font-size: 12px;
  text-align: center;
  transition-duration: 0.5s;
}
#under_nav > .inner #bread ol li a:hover span {
  opacity: 0.8;
  transition-duration: 0.5s;
}
#under_nav > .inner #bread ol li > p {
  padding: 2px 6px;
  background-image: url("../media/images/common/bg.jpg");
  background-repeat: repeat;
  border-radius: 6px;
  font-size: 12px;
  text-align: center;
}
#under_nav > .inner #bread ol li:last-of-type {
  display: flex;
  padding: 2px 6px;
  background-image: url("../media/images/common/bg.jpg");
  background-repeat: repeat;
  border-radius: 6px;
  font-size: 12px;
  text-align: center;
  align-items: center;
}
#under_nav > .inner .pagetop {
  width: 174px;
  height: 42px;
}
#under_nav > .inner .pagetop a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-left: 14px;
  background-image: url("../media/images/common/bg.jpg");
  background-repeat: repeat;
  font-size: 12px;
  height: 100%;
  position: relative;
}
#under_nav > .inner .pagetop a:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 85'%3E%3Cpath fill='%23333' d='M42.8 66.8L4.5 23.9h76.6z'/%3E%3C/svg%3E") center center/contain no-repeat;
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  top: 16px;
  left: 40px;
  transform: rotate(180deg);
}

body#home #bread ol li:nth-of-type(n+2) {
  display: none;
}

/*	footer
===============================================*/
footer#footer {
  background-image: url("../media/images/common/bg.jpg");
  background-repeat: repeat;
  margin-top: -42px;
  padding-top: 40px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 767px) {
  footer#footer {
    margin-top: 0;
  }
}
footer#footer > .inner {
  max-width: 960px;
  margin: 0 auto;
  width: auto;
  display: flex;
}
@media only screen and (max-width: 1100px) {
  footer#footer > .inner {
    margin-left: 70px;
    margin-right: 70px;
  }
}
@media only screen and (max-width: 1023px) {
  footer#footer > .inner {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  footer#footer > .inner {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 374px) {
  footer#footer > .inner {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 1023px) {
  footer#footer > .inner {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  footer#footer > .inner {
    justify-content: center;
  }
}
footer#footer > .inner #footer_about {
  width: 190px;
  margin-right: 80px;
}
@media only screen and (max-width: 1023px) {
  footer#footer > .inner #footer_about {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  footer#footer > .inner #footer_about {
    margin-right: 0;
    width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  footer#footer > .inner #footer_about > .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
footer#footer > .inner #footer_about h2 {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: 32px;
  color: #432800;
  line-height: 1;
}
@media only screen and (max-width: 1023px) {
  footer#footer > .inner #footer_about h2 {
    font-size: 26px;
  }
}
footer#footer > .inner #footer_about h2 a {
  display: flex;
  align-items: center;
}
footer#footer > .inner #footer_about h2 a span {
  display: block;
  font-size: 20px;
  font-weight: 500;
  padding-right: 10px;
}
@media only screen and (max-width: 1023px) {
  footer#footer > .inner #footer_about h2 a span {
    font-size: 16px;
  }
}
footer#footer > .inner #footer_about #ft_ad {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  footer#footer > .inner #footer_about #ft_ad > ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  footer#footer > .inner #footer_about #ft_ad > ul li {
    width: auto;
    text-align: center;
  }
  footer#footer > .inner #footer_about #ft_ad > ul li:first-of-type {
    width: 100%;
  }
  footer#footer > .inner #footer_about #ft_ad > ul li:last-of-type {
    padding-left: 1em;
  }
}
footer#footer > .inner #footer_about #ft_ad > ul > li {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: 14px;
  color: #432800;
}
@media only screen and (max-width: 1023px) {
  footer#footer > .inner #footer_about #ft_ad > ul > li {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  footer#footer > .inner #footer_about #ft_ad > ul > li {
    font-size: 10px;
  }
}
footer#footer > .inner #footer_about #ft_sns {
  margin-top: 18px;
  margin-bottom: 30px;
}
footer#footer > .inner #footer_about #ft_sns > ul {
  display: flex;
  margin: 0 -3px;
}
footer#footer > .inner #footer_about #ft_sns > ul > li {
  padding: 0 3px;
  width: auto;
}
footer#footer > .inner #footer_about #ft_sns > ul > li a {
  display: block;
  position: relative;
  height: 22px;
  width: 22px;
}
footer#footer > .inner #footer_about #ft_sns > ul > li a:before {
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  top: 0;
  left: 8px;
}
footer#footer > .inner #footer_about #ft_sns > ul > li:nth-child(1) a:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cpath fill='%23432800' d='M400 0H48A48 48 0 000 48v352a48 48 0 0048 48h137.25V295.69h-63V224h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V224h68.78l-11 71.69h-57.78V448H400a48 48 0 0048-48V48a48 48 0 00-48-48z'/%3E%3C/svg%3E") center center/contain no-repeat;
}
footer#footer > .inner #footer_about #ft_sns > ul > li:nth-child(2) a:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Cpath fill='%23432800' d='M224 170.66A53.34 53.34 0 10277.36 224 53.34 53.34 0 00224 170.66zm124.71-41a54 54 0 00-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31 6.43a54 54 0 00-30.41 30.41c-8.28 21-6.43 71.05-6.43 94.33s-1.85 73.27 6.47 94.34a54 54 0 0030.41 30.41c21 8.29 71 6.43 94.31 6.43s73.24 1.93 94.3-6.43a54 54 0 0030.41-30.41c8.35-21 6.43-71.05 6.43-94.33s1.92-73.26-6.43-94.33zM224 306a81.9 81.9 0 11.2 0zm85.38-148.3a19.14 19.14 0 1119.13-19.15 19.1 19.1 0 01-19 19.18h-.07zM400 0H48A48 48 0 000 48v352a48 48 0 0048 48h352a48 48 0 0048-48V48a48 48 0 00-48-48zm-17.12 290c-1.29 25.63-7.14 48.34-25.85 67s-41.4 24.63-67 25.85c-26.41 1.49-105.59 1.49-132 0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61 0-132 1.29-25.63 7.07-48.34 25.85-67s41.47-24.56 67-25.78c26.41-1.49 105.59-1.49 132 0 25.63 1.29 48.33 7.15 67 25.85s24.63 41.42 25.85 67.05c1.49 26.32 1.49 105.44 0 131.88z'/%3E%3C/svg%3E") center center/contain no-repeat;
}
footer#footer > .inner #footer_about #ft_sns > ul > li:nth-child(3) a:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Cpath fill='%23432800' d='M400 0H48A48 48 0 000 48v352a48 48 0 0048 48h352a48 48 0 0048-48V48a48 48 0 00-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6A185.74 185.74 0 0164 324.5a138.17 138.17 0 0015.8.8 131.49 131.49 0 0081.4-28 65.67 65.67 0 01-61.3-45.5c10.1 1.5 19.2 1.5 29.6-1.2A65.59 65.59 0 0177 186.2v-.8a65.54 65.54 0 0029.6 8.3 65.44 65.44 0 01-29.2-54.6 64.77 64.77 0 018.9-33.1 186.22 186.22 0 00135.2 68.6c-9.3-44.5 24-80.6 64-80.6a65.35 65.35 0 0147.9 20.7A128.52 128.52 0 00375 98.9a65.41 65.41 0 01-28.8 36.1 130.52 130.52 0 0037.8-10.2 138 138 0 01-32.9 34z'/%3E%3C/svg%3E") center center/contain no-repeat;
}
footer#footer > .inner #footer_about #ft_sns > ul > li:nth-child(4) a:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Cpath fill='%23432800' d='M272.1 172.2v71.1a3.16 3.16 0 01-3.2 3.2h-11.4a3.31 3.31 0 01-2.6-1.3l-32.6-44v42.2a3.16 3.16 0 01-3.2 3.2h-11.4a3.16 3.16 0 01-3.2-3.2v-71.1a3.16 3.16 0 013.2-3.2H219a3 3 0 012.6 1.4l32.6 44v-42.2a3.16 3.16 0 013.2-3.2h11.4a3.16 3.16 0 013.3 3.1zm-82-3.2h-11.4a3.16 3.16 0 00-3.2 3.2v71.1a3.16 3.16 0 003.2 3.2h11.4a3.16 3.16 0 003.2-3.2v-71.1a3.22 3.22 0 00-3.2-3.2zm-27.5 59.6h-31.1v-56.4a3.16 3.16 0 00-3.2-3.2h-11.4a3.16 3.16 0 00-3.2 3.2v71.1a2.94 2.94 0 00.9 2.2 3.37 3.37 0 002.2.9h45.7a3.16 3.16 0 003.2-3.2v-11.4a3.2 3.2 0 00-3.1-3.2zM332.1 169h-45.7a3.22 3.22 0 00-3.2 3.2v71.1a3.22 3.22 0 003.2 3.2h45.7a3.16 3.16 0 003.2-3.2v-11.4a3.16 3.16 0 00-3.2-3.2H301v-12h31.1a3.16 3.16 0 003.2-3.2V202a3.16 3.16 0 00-3.2-3.2H301v-12h31.1a3.16 3.16 0 003.2-3.2v-11.4a3.36 3.36 0 00-3.2-3.2zM448 81.7V367c-.1 44.8-36.8 81.1-81.7 81H81c-44.8-.1-81.1-36.9-81-81.7V81C.1 36.2 36.9-.1 81.7 0H367c44.8.1 81.1 36.8 81 81.7zm-61.6 122.6c0-73-73.2-132.4-163.1-132.4S60.2 131.3 60.2 204.3c0 65.4 58 120.2 136.4 130.6 19.1 4.1 16.9 11.1 12.6 36.8-.7 4.1-3.3 16.1 14.1 8.8s93.9-55.3 128.2-94.7c23.6-26 34.9-52.3 34.9-81.5z'/%3E%3C/svg%3E") center center/contain no-repeat;
}
footer#footer > .inner #footer_about #ft_copy h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: 12px;
  color: #432800;
}
footer#footer > .inner #footer_navi {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  footer#footer > .inner #footer_navi {
    display: none;
  }
}
footer#footer > .inner #footer_navi .navi_head {
  position: relative;
  padding-bottom: 12px;
}
footer#footer > .inner #footer_navi .navi_head:before {
  content: "";
  background-image: url("../media/images/common/border01.png");
  width: 100%;
  height: 1px;
  background-repeat: repeat-x;
  position: absolute;
  left: 0;
  bottom: 0;
}
footer#footer > .inner #footer_navi .navi_head h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: 14px;
}
footer#footer > .inner #footer_navi .navi_list {
  padding-top: 6px;
}
footer#footer > .inner #footer_navi .navi_list > .inner {
  display: flex;
}
footer#footer > .inner #footer_navi .navi_list > .inner > .block {
  width: auto;
  margin-right: 40px;
  width: 140px;
}
@media only screen and (max-width: 1023px) {
  footer#footer > .inner #footer_navi .navi_list > .inner > .block {
    width: 110px;
    margin-right: 20px;
  }
  footer#footer > .inner #footer_navi .navi_list > .inner > .block:last-of-type {
    margin-right: 0;
  }
}
footer#footer > .inner #footer_navi .navi_list > .inner > .block > ul > li {
  line-height: 2;
}
footer#footer > .inner #footer_navi .navi_list > .inner > .block > ul > li a {
  font-size: 12px;
}
@media only screen and (max-width: 1023px) {
  footer#footer > .inner #footer_navi .navi_list > .inner > .block > ul > li a {
    font-size: 10px;
  }
}
footer#footer > .inner #footer_navi .navi_list > .inner > .block > ul > li a:hover {
  text-decoration: underline;
}
footer#footer > .inner #footer_navi .navi_list > .inner > .block:nth-child(2) {
  flex: 1;
}
footer#footer > .inner #footer_navi .navi_list > .inner > .block:nth-child(2) > ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
footer#footer > .inner #footer_navi .navi_list > .inner > .block:nth-child(2) > ul > li {
  width: calc(100% / 2);
  padding: 0 12px;
}
footer#footer > .inner #footer_navi .navi_list > .inner > .block:nth-child(2) > ul > li:first-of-type, footer#footer > .inner #footer_navi .navi_list > .inner > .block:nth-child(2) > ul > li:last-of-type {
  width: 100%;
}
footer#footer > .inner #footer_navi .navi_list > .inner > .block:nth-child(2) > ul > li:first-of-type {
  margin-left: -0.8em;
}

/*	bottom_fix
===============================================*/
#ft_tracking {
  padding: 18px 0 16px;
  background-image: url("../media/images/common/bg04.jpg");
  background-repeat: repeat;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
#ft_tracking > .inner {
  max-width: 960px;
  margin: 0 auto;
  width: auto;
  display: flex;
}
@media only screen and (max-width: 1100px) {
  #ft_tracking > .inner {
    margin-left: 70px;
    margin-right: 70px;
  }
}
@media only screen and (max-width: 1023px) {
  #ft_tracking > .inner {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #ft_tracking > .inner {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 374px) {
  #ft_tracking > .inner {
    margin-left: 10px;
    margin-right: 10px;
  }
}
#ft_tracking > .inner #tracking_nav {
  flex: 1;
}
#ft_tracking > .inner #tracking_nav > ul {
  display: flex;
  margin: 0 -6px;
}
#ft_tracking > .inner #tracking_nav > ul > li {
  margin: 0 6px;
  width: auto;
  background-color: #fff;
}
@media only screen and (max-width: 1023px) {
  #ft_tracking > .inner #tracking_nav > ul > li {
    width: calc(100% / 2);
  }
  #ft_tracking > .inner #tracking_nav > ul > li a {
    width: 100%;
  }
  #ft_tracking > .inner #tracking_nav > ul > li:nth-of-type(n+3) {
    display: none;
  }
}
#ft_tracking > .inner #tracking_nav > ul > li a {
  display: block;
  padding: 10px 0;
  text-align: center;
  transition-duration: 0.5s;
}
#ft_tracking > .inner #tracking_nav > ul > li a span {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  text-align: center;
  position: relative;
  display: inline-block;
  padding-left: 1em;
}
@media only screen and (max-width: 767px) {
  #ft_tracking > .inner #tracking_nav > ul > li a span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 374px) {
  #ft_tracking > .inner #tracking_nav > ul > li a span {
    font-size: 10px;
  }
}
#ft_tracking > .inner #tracking_nav > ul > li a span:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 85'%3E%3Cpath fill='%23fff' d='M62.3 42.5L22.7 77.9V7.1z'/%3E%3C/svg%3E") center center/contain no-repeat;
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  left: 0;
  top: 8px;
}
@media only screen and (max-width: 374px) {
  #ft_tracking > .inner #tracking_nav > ul > li a span:before {
    top: 4px;
  }
}
#ft_tracking > .inner #tracking_nav > ul > li a:hover {
  opacity: 0.8;
  transition-duration: 0.5s;
}
#ft_tracking > .inner #tracking_nav > ul > li:nth-child(1) a {
  background-color: #8d0000;
  width: 182px;
}
@media only screen and (max-width: 1023px) {
  #ft_tracking > .inner #tracking_nav > ul > li:nth-child(1) a {
    width: 100%;
  }
}
#ft_tracking > .inner #tracking_nav > ul > li:nth-child(2) a {
  width: 224px;
}
@media only screen and (max-width: 1023px) {
  #ft_tracking > .inner #tracking_nav > ul > li:nth-child(2) a {
    width: 100%;
  }
}
#ft_tracking > .inner #tracking_nav > ul > li:nth-child(3) a {
  width: 164px;
}
#ft_tracking > .inner #tracking_nav > ul > li:nth-child(4) a {
  width: 164px;
}
#ft_tracking > .inner #tracking_nav > ul > li:nth-of-type(n+2) a {
  background-image: url("../media/images/common/bg_ft.jpg");
  background-repeat: repeat;
}
#ft_tracking > .inner #tracking_tel {
  margin-left: 12px;
  width: 170px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  #ft_tracking > .inner #tracking_tel {
    display: none;
  }
}
#ft_tracking > .inner #tracking_tel:after {
  content: "";
  background-image: url("../media/images/common/ft_deco.png");
  width: 75px;
  height: 145px;
  position: absolute;
  right: -76px;
  bottom: -18px;
  z-index: 100;
  background-repeat: no-repeat;
  background-size: contain;
}
#ft_tracking > .inner #tracking_tel p {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  padding-left: 24px;
  position: relative;
}
#ft_tracking > .inner #tracking_tel p:before {
  content: "";
  background-image: url("../media/images/common/ft_tracking_deco.png");
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 4px;
}
#ft_tracking > .inner #tracking_tel span {
  color: #fff;
  font-size: 12px;
  display: block;
  padding-top: 8px;
}

/*	sp_menu
===============================================*/
#sp_menu_btn {
  position: absolute;
  top: 10px;
  right: 16px;
  display: none;
}
@media only screen and (max-width: 767px) {
  #sp_menu_btn {
    display: block;
  }
}
#sp_menu_btn #sp_menu_btn_inner .sp_menu_list ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -10px;
}
#sp_menu_btn #sp_menu_btn_inner .sp_menu_list ul li {
  width: 60px;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#sp_menu_btn #sp_menu_btn_inner .sp_menu_list ul li a {
  display: block;
}
#sp_menu_btn #sp_menu_btn_inner .sp_menu_list ul li a img {
  width: 34px;
}
#sp_menu_btn #sp_menu_btn_inner .sp_menu_list ul li span {
  display: block;
  font-size: 10px;
  color: #432800;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
}

#sp_slide_menu {
  opacity: 0;
  position: fixed;
  visibility: hidden;
  top: 0px;
  height: 100vh;
  width: 100%;
  background: rgba(187, 136, 76, 0.8);
  z-index: 9100;
  overflow-y: scroll;
  overflow-x: hidden;
}
#sp_slide_menu.active {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.5s;
}
@media only screen and (max-width: 767px) {
  #sp_slide_menu {
    transition-duration: 0.5s;
  }
}
#sp_slide_menu #sp_slide_menu_inner {
  padding: 26px 16px 150px;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  margin-top: 26px;
}
#sp_slide_menu #sp_slide_menu_inner #slide_menu_close {
  position: absolute;
  right: 16px;
  top: 2px;
}
#sp_slide_menu #sp_slide_menu_inner #slide_menu_close > span {
  display: inline-block;
  background-color: #fff;
  padding: 3px 20px;
  font-size: 10px;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block:nth-of-type(n+2) {
  margin-top: 16px;
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block:nth-child(2) > ul > li:first-of-type, #sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block:nth-child(3) > ul > li:first-of-type {
  width: 100%;
  padding: 0;
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block:nth-child(2) > ul > li:first-of-type > a, #sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block:nth-child(3) > ul > li:first-of-type > a {
  text-align: center;
  padding: 8px 4px;
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block:nth-child(2) > ul > li:nth-of-type(n+2), #sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block:nth-child(3) > ul > li:nth-of-type(n+2) {
  padding-top: 2px;
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block > ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1px;
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block > ul > li {
  padding: 0 1px;
  width: calc(100% / 2);
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block > ul > li:nth-of-type(n+3) {
  padding-top: 2px;
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block > ul > li > a {
  display: block;
  color: #fff;
  font-size: 10px;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  padding: 8px 4px 8px 12px;
  background-color: #3e1a0d;
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block > ul > li > .tel {
  background-color: #3e1a0d;
  padding: 12px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block > ul > li > .tel > p {
  text-align: center;
  color: #fff;
  font-size: 10px;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block > ul > li > .tel > a {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  padding-left: 26px;
  position: relative;
}
#sp_slide_menu #sp_slide_menu_inner .menu_group .menu_group_inner .menu_block > ul > li > .tel > a:before {
  content: "";
  background-image: url("../media/images/common/icon_sp_tel.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 12px;
}
#sp_slide_menu #sp_slide_menu_inner > .btn_group {
  margin-top: 20px;
}
#sp_slide_menu #sp_slide_menu_inner > .btn_group .btn_group_inner #btn_sns #btn_sns_inner > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 -5px;
}
#sp_slide_menu #sp_slide_menu_inner > .btn_group .btn_group_inner #btn_sns #btn_sns_inner > ul > li {
  padding: 0 5px;
}
#sp_slide_menu #sp_slide_menu_inner > .btn_group .btn_group_inner #btn_sns #btn_sns_inner > ul > li a {
  display: block;
}
#sp_slide_menu #sp_slide_menu_inner > .btn_group .btn_group_inner #btn_sns #btn_sns_inner > ul > li a img {
  width: 22px;
}

/*	スクロールでコンテンツをフェードインさせる
====================================================*/
/* 画面外にいる状態 */
.fade_in {
  opacity: 0;
  transform: translate(0, 80px);
  /*transition : all 1000ms;*/
  transition-duration: 1000ms;
}

/* 画面内に入った状態 */
.fade_in.go {
  opacity: 1;
  transform: translate(0, 0);
}

/*	ブラウザハック系
====================================================*/
@supports (-ms-ime-align: auto) {
  /*edgeハック*/
}
@-moz-document url-prefix() {
  /*firefoxハック*/
}
/*                modal
======================================================= */
/*	modal
===============================================*/
html.hide {
  overflow: hidden;
}

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  overflow-y: auto;
}
.modal .modal_bg {
  height: 100%;
  position: absolute;
  width: 100%;
}
.modal .modal_content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 750px;
  height: 100vh;
}
@media only screen and (max-width: 1023px) {
  .modal .modal_content {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .modal .modal_content {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .modal .modal_content {
    padding: 30px 40px 50px;
  }
}
@media only screen and (max-width: 480px) {
  .modal .modal_content {
    padding: 4px;
    width: 100%;
  }
}
.modal .modal_content .modal_content_inner {
  position: relative;
}
.modal .modal_content .modal_content_inner .modal_close {
  position: absolute;
  top: 30px;
  right: 30px;
  display: block;
  cursor: pointer;
  content: "";
  width: 40px;
  height: 40px;
  padding: 0;
  width: 60px;
  height: 60px;
  z-index: 8000;
}
@media only screen and (max-width: 767px) {
  .modal .modal_content .modal_content_inner .modal_close {
    right: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
  }
}
.modal .modal_content .modal_content_inner .modal_close span {
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  top: 28px;
  right: 4px;
}
@media only screen and (max-width: 767px) {
  .modal .modal_content .modal_content_inner .modal_close span {
    width: 30px;
    top: 18px;
  }
}
.modal .modal_content .modal_content_inner .modal_close span:nth-child(1) {
  transform: rotate(-135deg);
}
.modal .modal_content .modal_content_inner .modal_close span:nth-child(2) {
  transform: rotate(135deg);
}
.modal .modal_content .modal_content_inner .modal_inner {
  background-color: #fff;
  border-radius: 8px;
  padding: 90px 70px 94px;
  margin-top: 30%;
  margin-bottom: 5%;
}
@media only screen and (max-width: 767px) {
  .modal .modal_content .modal_content_inner .modal_inner {
    padding: 50px 20px;
  }
}
@media only screen and (max-width: 480px) {
  .modal .modal_content .modal_content_inner .modal_inner {
    padding: 40px 10px;
  }
}
.modal .modal_content .modal_content_inner .modal_inner .modal_title h2 {
  text-align: center;
}
.modal .modal_content .modal_content_inner .modal_inner .madori_wp {
  margin-top: 44px;
}
@media only screen and (max-width: 480px) {
  .modal .modal_content .modal_content_inner .modal_inner .madori_wp {
    margin-top: 30px;
  }
}
.modal .modal_content .modal_content_inner .modal_inner .madori_wp .madori_wp_inner .madori_photo img {
  width: 100%;
}
.modal .modal_content .modal_content_inner .modal_inner .madori_wp .madori_wp_inner .madori_word .more_btn {
  margin-top: 48px;
}
.modal .modal_content .modal_content_inner .modal_inner .madori_wp .madori_wp_inner .madori_word .more_btn a {
  display: block;
  text-decoration: underline;
}

/*                major
======================================================= */
/*}/*@mixin frame*/