@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #111;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

h1 {
  margin: 0 auto;
  font-family: "Noto Sans JP";
  text-align: center;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 2.7rem;
  }
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 50px;
    line-height: 4.7rem;
    padding: 40px 40px 10px;
  }
}

h2 {
  font-family: "Noto Sans JP";
  text-align: center;
  font-weight: 600;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 30px;
    line-height: 2rem;
    padding: 20px 10px 25px;
  }
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: 40px;
    line-height: 2.7rem;
    padding: 5px 20px 40px;
  }
}

h3 {
  font-family: "Noto Sans JP";
  text-align: center;
  font-weight: 600;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 15px;
    line-height: 2rem;
    padding: 20px 10px 25px;
  }
}
@media only screen and (min-width: 768px) {
  h3 {
    font-size: 25px;
    line-height: 2.7rem;
    padding: 35px 0 50px;
  }
}

figure {
  margin: 0;
  padding: 0;
}

.hero {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: url("/dir/img/event/hero-bg/hero-spr.jpg") no-repeat center/cover;
}
@media only screen and (max-width: 767px) {
  .hero {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) {
  .hero {
    height: 500px;
  }
}
.hero::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
}

.ttl {
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .ttl {
    width: 100%;
    padding: 30px 0;
  }
}
@media only screen and (min-width: 768px) {
  .ttl {
    padding: 40px 90px;
  }
}
.ttl h1 {
  color: #ffffff;
  text-shadow: rgb(23, 82, 97) 8px 0px 0px, rgb(23, 82, 97) 7.93758px 0.997398px 0px, rgb(23, 82, 97) 7.7513px 1.97923px 0px, rgb(23, 82, 97) 7.44406px 2.93018px 0px, rgb(23, 82, 97) 7.02066px 3.8354px 0px, rgb(23, 82, 97) 6.4877px 4.68078px 0px, rgb(23, 82, 97) 5.85351px 5.45311px 0px, rgb(23, 82, 97) 5.12797px 6.14035px 0px, rgb(23, 82, 97) 4.32242px 6.73177px 0px, rgb(23, 82, 97) 3.44941px 7.21814px 0px, rgb(23, 82, 97) 2.52258px 7.59188px 0px, rgb(23, 82, 97) 1.55638px 7.84714px 0px, rgb(23, 82, 97) 0.565898px 7.97996px 0px, rgb(23, 82, 97) -0.433417px 7.98825px 0px, rgb(23, 82, 97) -1.42597px 7.87189px 0px, rgb(23, 82, 97) -2.39627px 7.63269px 0px, rgb(23, 82, 97) -3.32917px 7.27438px 0px, rgb(23, 82, 97) -4.21013px 6.80256px 0px, rgb(23, 82, 97) -5.02539px 6.22459px 0px, rgb(23, 82, 97) -5.76223px 5.54948px 0px, rgb(23, 82, 97) -6.40915px 4.78778px 0px, rgb(23, 82, 97) -6.95606px 3.95136px 0px, rgb(23, 82, 97) -7.39442px 3.05329px 0px, rgb(23, 82, 97) -7.71739px 2.10757px 0px, rgb(23, 82, 97) -7.91994px 1.12896px 0px, rgb(23, 82, 97) -7.9989px 0.132735px 0px, rgb(23, 82, 97) -7.95304px -0.865561px 0px, rgb(23, 82, 97) -7.78307px -1.85035px 0px, rgb(23, 82, 97) -7.49165px -2.80627px 0px, rgb(23, 82, 97) -7.08333px -3.71839px 0px, rgb(23, 82, 97) -6.56448px -4.57249px 0px, rgb(23, 82, 97) -5.94318px -5.35524px 0px, rgb(23, 82, 97) -5.22915px -6.05442px 0px, rgb(23, 82, 97) -4.43352px -6.65912px 0px, rgb(23, 82, 97) -3.5687px -7.15991px 0px, rgb(23, 82, 97) -2.6482px -7.54898px 0px, rgb(23, 82, 97) -1.68637px -7.82024px 0px, rgb(23, 82, 97) -0.698222px -7.96947px 0px, rgb(23, 82, 97) 0.300817px -7.99434px 0px, rgb(23, 82, 97) 1.29516px -7.89446px 0px, rgb(23, 82, 97) 2.2693px -7.67139px 0px, rgb(23, 82, 97) 3.20802px -7.32862px 0px, rgb(23, 82, 97) 4.09668px -6.87148px 0px, rgb(23, 82, 97) 4.92142px -6.30711px 0px, rgb(23, 82, 97) 5.66936px -5.64432px 0px, rgb(23, 82, 97) 6.32883px -4.89346px 0px, rgb(23, 82, 97) 6.88954px -4.06623px 0px, rgb(23, 82, 97) 7.34274px -3.17555px 0px, rgb(23, 82, 97) 7.68136px -2.23532px 0px, rgb(23, 82, 97) 7.90012px -1.26021px 0px, rgb(23, 82, 97) 7.9956px -0.265434px 0px;
  margin: 0;
  line-height: 1.4;
  font-family: "Noto Sans JP";
  text-align: center;
  font-weight: 800;
  margin-block: calc((1em - 1lh) / 2);
}
@media only screen and (max-width: 767px) {
  .ttl h1 {
    font-size: 2rem;
    padding: 0 0 25px;
  }
}
@media only screen and (min-width: 768px) {
  .ttl h1 {
    font-size: 3.5rem;
    line-height: 1.4;
    padding: 0 0 35px;
  }
}

.hero-spr {
  background: url("https://www.mandarake.co.jp/dir/img/event/hero-bg/hero-spr.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.poster {
  position: relative;
  z-index: 50;
  max-width: 1200px;
  text-align: center;
  width: 100%;
  margin: 50px auto;
}

.intro {
  background-color: #fac796;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .intro {
    padding: 10px 0 30px 0;
  }
}
@media only screen and (min-width: 768px) {
  .intro {
    padding: 10px 0 50px 0;
  }
}
.intro__inner {
  position: relative;
  z-index: 5;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .intro__inner {
    padding: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .intro__inner {
    padding: 10px;
    max-width: 1100px;
    width: calc(100% - 30px);
    padding: 0;
  }
}
.intro__date {
  text-align: center;
  backdrop-filter: blur(10px);
  color: #175261;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  height: 50px;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 767px) {
  .intro__date {
    max-width: 400px;
    font-size: 1.07rem;
    margin: 0 auto 25px;
  }
}
@media only screen and (min-width: 768px) {
  .intro__date {
    max-width: 450px;
    font-size: 1.35rem;
    margin: 40px auto;
  }
}
.intro__date-pic {
  margin-right: 15px;
}
.intro__date-pic img {
  height: auto;
}
@media only screen and (max-width: 767px) {
  .intro__date-pic img {
    width: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .intro__date-pic img {
    width: 25px;
  }
}
.intro__date-ttl {
  margin-right: 13px;
  border-right: #175261 solid 3px;
  padding-right: 13px;
}
.intro__comment {
  color: #175261;
}
@media only screen and (min-width: 768px) {
  .intro__comment {
    margin: 40px 0 40px;
  }
}
.intro__comment p {
  border-radius: 10px;
  font-family: "Noto Sans JP";
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 500;
  backdrop-filter: blur(10px);
}
@media only screen and (max-width: 767px) {
  .intro__comment p {
    font-size: 1rem;
    line-height: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .intro__comment p {
    font-size: 1.5rem;
    line-height: 3rem;
    font-weight: 700;
  }
}

.topics {
  background: #9f5358;
}
@media only screen and (max-width: 767px) {
  .topics {
    padding: 35px 0 110px;
  }
}
@media only screen and (min-width: 768px) {
  .topics {
    padding: 60px 0 150px;
  }
}
.topics__inner {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .topics__inner {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) {
  .topics__inner {
    max-width: 1150px;
    width: calc(100% - 30px);
  }
}
.topics__ttl {
  text-align: center;
  font-family: "Noto Sans JP";
}
@media only screen and (max-width: 767px) {
  .topics__ttl {
    margin: 0 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .topics__ttl {
    margin: 0 0 50px;
  }
}
.topics__ttl-text {
  color: #fff;
  text-align: center;
  font-weight: 700;
  padding: 0;
  margin: 10px 0 8px;
  letter-spacing: 0.1rem;
}
@media only screen and (max-width: 767px) {
  .topics__ttl-text {
    font-size: 1.9rem;
  }
}
@media only screen and (min-width: 768px) {
  .topics__ttl-text {
    font-size: 2.2rem;
  }
}
.topics__ttl span {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .topics__ttl span {
    font-size: 0.85rem;
  }
}
@media only screen and (min-width: 768px) {
  .topics__ttl span {
    font-size: 0.95rem;
  }
}
.topics__icon img {
  filter: drop-shadow(0px 1000px 0 #fff);
  transform: translateY(-1000px);
}
.topics__nav {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .topics__nav {
    margin: 0 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .topics__nav {
    margin: 0 0 45px;
  }
}
.topics__nav .tab {
  text-align: center;
  font-size: 0.95rem;
  border-radius: 5px;
  font-weight: 600;
  background: #fff;
  color: #175261;
  border: #175261 solid 3px;
  box-sizing: border-box;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .topics__nav .tab {
    margin: 0 3px 10px;
    padding: 14px 0 12px;
    width: 110px;
  }
}
@media only screen and (min-width: 768px) {
  .topics__nav .tab {
    margin: 0 6px 17px;
    padding: 14px 0 13px;
    width: 145px;
  }
}
.topics__nav .tab:hover {
  background: #175261;
  color: #fff;
  transition: 0.4s;
}
@media only screen and (max-width: 767px) {
  .topics__nav .text_s {
    font-size: 0.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .topics__nav .text_s {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .topics__nav .text_ss {
    font-size: 0.7rem;
  }
}
@media only screen and (min-width: 768px) {
  .topics__nav .text_ss {
    font-size: 13px;
  }
}
.topics__nav .narrow-active {
  background: #175261;
  color: #fff;
}
.topics__nav .narrow-active:hover {
  opacity: 1;
}
.topics .narrow-hide {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .topics__area {
    margin: 0 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .topics__area {
    margin: 30px 0 20px;
  }
}
.topics__area ul {
  list-style: none;
  padding: 0;
  width: 100%;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .topics__area ul {
    margin: 0;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .topics__area ul {
    margin: 0 0 7px;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.topics__area ul .topic {
  background: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  position: relative;
}
@media only screen and (max-width: 767px) {
  .topics__area ul .topic {
    width: 48%;
    margin: 0 0 20px;
    padding: 15px 10px;
  }
}
@media only screen and (min-width: 768px) {
  .topics__area ul .topic {
    width: calc((100% - 64px) / 4);
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin: 0 8px 35px;
    padding: 15px 13px;
  }
}
.topics__area ul .topic:first-child {
  margin-top: 0;
}
.topics__area ul .topic:hover {
  box-shadow: 0 6px 13px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}
.topics__area ul .topic figure {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .topics__area ul .topic figure {
    height: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .topics__area ul .topic figure {
    height: 190px;
  }
}
.topics__area ul .topic figure a {
  display: block;
}
.topics__area ul .topic figure a img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.topics__area ul .topic figure .noimg {
  color: #97a5b7;
  font-size: 1.3rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .topics__area ul .topic figure .noimg {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 768px) {
  .topics__area ul .topic figure .noimg {
    font-size: 1.3rem;
  }
}
.topics__area ul .topic__caption {
  box-sizing: border-box;
  width: 100%;
  margin: 15px 0 0;
}
.topics__area ul .topic__category {
  display: inline-block;
  margin: 0;
  color: #175261;
  background: #EBEDF1;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .topics__area ul .topic__category {
    font-size: 11px;
    padding: 6px 12px;
  }
}
@media only screen and (min-width: 768px) {
  .topics__area ul .topic__category {
    font-size: 12px;
    padding: 6px 14px;
  }
}
.topics__area ul .topic__text {
  background: #fff;
  color: #333;
  font-weight: bold;
  width: 100%;
  padding: 0;
  margin: 10px 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .topics__area ul .topic__text {
    font-size: 14px;
    height: 66px;
    line-height: 23px;
  }
}
@media only screen and (min-width: 768px) {
  .topics__area ul .topic__text {
    padding: 0;
    font-size: 16px;
    height: 80px;
    overflow: hidden;
    line-height: 27px;
  }
}
.topics__area ul .topic__text:hover {
  text-decoration: none !important;
}
.topics__area ul .topic__text a {
  color: #111;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .topics__area ul .topic__text a {
    text-overflow: ellipsis;
    white-space: normal;
  }
}
.topics__area ul .topic__text a:hover {
  text-decoration: none !important;
}
.topics__area ul .topic__text a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}
.topics__area ul .topic__date {
  text-align: right;
  color: #666;
  letter-spacing: 0.07em;
}
@media only screen and (max-width: 767px) {
  .topics__area ul .topic__date {
    margin: 20px 0 0;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .topics__area ul .topic__date {
    margin: 28px 0 0;
    font-size: 0.85rem;
  }
}
.topics__area ul .topic__date-pic img {
  filter: drop-shadow(0px 1000px 0 #175261);
  transform: translateY(-1000px);
}
.topics__soon {
  text-align: center;
  font-family: "Noto Sans JP";
}
@media only screen and (max-width: 767px) {
  .topics__soon {
    margin: 30px 0 60px;
  }
}
@media only screen and (min-width: 768px) {
  .topics__soon {
    margin: 50px 0 80px;
    font-size: 1.1rem;
  }
}

.narrow-hide {
  display: none !important;
}

.shop {
  background: #585123;
  color: #fac796;
}
.shop__inner {
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .shop__inner {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) {
  .shop__inner {
    max-width: 1200px;
    width: calc(100% - 30px);
  }
}
.shop__ttl {
  font-family: "Raleway";
  position: absolute;
  top: -35px;
  background: #585123;
  border-radius: 10px 10px 0 0/10px 10px 0 0;
  height: 35px;
  text-align: center;
  color: #fac796;
  font-weight: 600;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 767px) {
  .shop__ttl {
    left: 10px;
    width: 200px;
    font-size: 14px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .shop__ttl {
    left: 0;
    width: 210px;
    font-size: 16px;
    line-height: 45px;
  }
}
.shop__container {
  display: grid;
}
@media only screen and (max-width: 767px) {
  .shop__container {
    flex-direction: column;
    padding: 0 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .shop__container {
    padding: 40px 0 60px;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .shop__item {
    width: 100%;
    margin: 0 0 35px;
  }
  .shop__item:last-child {
    margin: 0;
  }
}
.shop__item-ttl {
  font-family: "Noto Sans JP";
  color: #fac796;
  font-weight: 700;
  margin: 0 0 15px;
  letter-spacing: 0.07em;
}
@media only screen and (max-width: 767px) {
  .shop__item-ttl {
    font-size: 1.05rem;
  }
}
@media only screen and (min-width: 768px) {
  .shop__item-ttl {
    font-size: 1.2rem;
  }
}
.shop__item-ttl::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .shop__item-ttl::before {
    font-size: 1.1rem;
    top: 1px;
    margin-right: 8px;
  }
}
@media only screen and (min-width: 768px) {
  .shop__item-ttl::before {
    font-size: 1.3rem;
    top: 1px;
    margin-right: 10px;
  }
}
.shop__item-ttl.icon-access::before {
  content: "\f3c5";
}
.shop__item-ttl.icon-sns::before {
  content: "\f0ac";
}
.shop__item-icon img {
  width: 22px;
  margin-right: 3px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .shop__detail {
    padding: 30px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .shop__detail {
    padding: 0;
  }
}
.shop__detail-name {
  font-family: "Noto Sans JP";
  font-weight: 700;
  border-bottom: #fac796 solid 1px;
  margin: 0 0 15px;
  padding: 0 0 8px;
}
@media only screen and (max-width: 767px) {
  .shop__detail-name {
    font-size: 1.15rem;
  }
}
@media only screen and (min-width: 768px) {
  .shop__detail-name {
    font-size: 1.3rem;
  }
}
.shop__detail-item {
  margin: 0 0 15px;
}
.shop__detail-item:last-child {
  margin: 0;
}
.shop__detail-item p {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .shop__detail-item p {
    font-size: 0.9rem;
    line-height: 1.7rem;
  }
}
@media only screen and (min-width: 768px) {
  .shop__detail-item p {
    font-size: 0.9rem;
    line-height: 1.7rem;
  }
}
.shop__detail-link {
  position: relative;
  border: #fac796 solid 3px;
  text-align: center;
  border-radius: 5px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .shop__detail-link {
    margin: 15px 0 0;
    height: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .shop__detail-link {
    margin: 20px 0 0;
    height: 55px;
  }
}
.shop__detail-link:hover {
  background-color: #9f5358;
  transition: 0.5s;
}
.shop__detail-link:hover a {
  color: #fac796;
}
.shop__detail-link:hover .shop__detail-icon-hover {
  opacity: 1;
}
.shop__detail-link a {
  color: #fac796;
  text-decoration: none;
  font-weight: 600;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .shop__detail-link a {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width: 768px) {
  .shop__detail-link a {
    font-size: 0.95rem;
  }
}
.shop__detail-icon {
  position: relative;
  top: -4px;
}
.shop__detail-icon img {
  margin-right: 7px;
}
.shop__detail-icon-hover {
  position: absolute;
  left: 0;
  top: 4px;
  opacity: 0;
  transition: 0.5s;
}

@media only screen and (min-width: 768px) {
  .sponly {
    display: none;
  }
}

.global_head {
  margin: 0 !important;
  padding: 0;
}

footer {
  margin: 0;
  padding: 0;
  background: #05294b;
}
footer .global_foot {
  border: none;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  footer .global_foot {
    margin: 0 auto;
    padding: 30px 20px 10px;
  }
}
@media only screen and (min-width: 768px) {
  footer .global_foot {
    max-width: 1200px;
    width: calc(100% - 45px);
    margin: 0 auto;
    padding: 35px 0 25px;
  }
}
footer .global_foot .guide_container {
  display: flex;
}
@media only screen and (max-width: 767px) {
  footer .global_foot .guide_container {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  footer .global_foot .guide_list {
    width: 49%;
    margin: 0 0 18px;
  }
}
@media only screen and (min-width: 768px) {
  footer .global_foot .guide_list {
    margin-right: 50px;
  }
}
footer .global_foot ul {
  list-style: none;
  margin: 0;
  text-align: left;
}
footer .global_foot ul li {
  font-size: 13px !important;
  margin: 0 0 13px !important;
}
footer .global_foot ul li a {
  text-decoration: none;
  color: #fff;
}
footer .global_foot ul li a:hover {
  text-decoration: underline;
}
footer .global_foot .sns_area {
  display: flex;
}
@media only screen and (max-width: 767px) {
  footer .global_foot .sns_area .item {
    margin-right: 4px;
    text-align: left;
  }
  footer .global_foot .sns_area .item img {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  footer .global_foot .sns_area .item {
    margin-left: 5px;
    text-align: right;
  }
  footer .global_foot .sns_area .item img {
    width: 90%;
  }
  footer .global_foot .sns_area .item img:hover {
    opacity: 0.8;
  }
}
footer .global_foot .guide_top {
  display: flex;
}
@media only screen and (max-width: 767px) {
  footer .global_foot .guide_top {
    flex-direction: column;
    margin: 0 0 20px;
  }
}
@media only screen and (min-width: 768px) {
  footer .global_foot .guide_top {
    justify-content: space-between;
    margin: 0 0 40px;
  }
}
footer .global_foot .guide_middle .lang_area {
  display: flex;
}
@media only screen and (max-width: 767px) {
  footer .global_foot .guide_middle .lang_area {
    margin: 0 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  footer .global_foot .guide_middle .lang_area {
    margin: 0 0 15px;
  }
}
footer .global_foot .guide_middle .lang_area .item {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  footer .global_foot .guide_middle .lang_area .item {
    margin-right: 4px;
  }
}
@media only screen and (min-width: 768px) {
  footer .global_foot .guide_middle .lang_area .item {
    margin-right: 3px;
  }
}
footer .global_foot .guide_middle .lang_area .item img {
  border-radius: 50px;
}
@media only screen and (max-width: 767px) {
  footer .global_foot .guide_middle .lang_area .item img {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  footer .global_foot .guide_middle .lang_area .item img {
    width: 75%;
  }
  footer .global_foot .guide_middle .lang_area .item img:hover {
    opacity: 0.8;
  }
}
footer .global_foot .guide_bottom {
  display: flex;
}
@media only screen and (max-width: 767px) {
  footer .global_foot .guide_bottom {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  footer .global_foot .guide_bottom {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  footer .global_foot .guide_bottom .police {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  footer .global_foot .guide_bottom .copyright {
    text-align: center;
  }
}
footer .global_foot .guide_bottom p {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  footer .global_foot .guide_bottom p {
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) {
  footer .global_foot .guide_bottom p {
    font-size: 11px;
  }
}
footer .global_foot .guide_bottom p a {
  text-decoration: none;
  color: #fff;
}
footer .global_foot .guide_bottom p a:hover {
  text-decoration: underline;
}/*# sourceMappingURL=spr_fall.css.map */