/*
theme Name: YNK2026
Author: JIA
Description: Meet with Flowers in TOKYO YNK 2026
*/
@charset "UTF-8";
@import url(css/reset.css);

@font-face
{
  font-family: "zen";
  src: url("fonts/ZenKakuGothicNew-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face
{
  font-family: "zen";
  src: url("fonts/ZenKakuGothicNew-Medium.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face
{
  font-family: "zen";
  src: url("fonts/ZenKakuGothicNew-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face
{
  font-family: "en";
  src: url("fonts/Barlow-Thin.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face
{
  font-family: "en";
  src: url("fonts/Barlow-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face
{
  font-family: "en";
  src: url("fonts/Barlow-SemiBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

html
{
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  font-size: 62.5%;
  scroll-padding-top: calc((var(--headerHeight, 110px)) + 30px);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html::-webkit-scrollbar
{
  display: none;
}

body
{
  position: relative;
  width: 100%;
  font-size: 1.5rem;
  font-family: "zen";
  font-weight: 300;
  color: #000;
  line-height: 1.75;
  word-break: break-all;
  letter-spacing: 0.1em;
  background: #F4F4F4;
}

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

a
{
  display: block;
  color: #000;
  text-decoration-line: none;
  transition: all 0.3s 0s ease
}

.clear
{
  clear: both
}

.pc-none
{
  display: none
}

.sp-none
{
  display: block
}

a.anchor
{
  display: block;
  margin-top: -110px;
  padding-top: 110px
}

:root
{
  --border-color: #B5B5B5;
}

.container
{
  margin: 0 auto;
  width: 90%;
  max-width: 1000px
}

h1
{
  text-align: center;
  font-family: 'en';
  font-weight: bold;
  font-size: 9rem;
  line-height: 1;
  letter-spacing: 0;
}

h2
{
  font-family: 'en';
  font-weight: bold;
  font-size: 5rem;
  line-height: 1;
  color: #4DA4BF;
  text-align: center;
  padding-bottom: 4.2rem;
  letter-spacing: 0.2em;
}

h3
{
  font-family: 'en';
  letter-spacing: 0;
}

.map
{
  width: 57.75px;
  height: 17.41px;
}

#map h2
{
  padding-top: 11rem;
}

#map .css-15835x5
{
  width: 100%;
  height: 550px;
  pointer-events: auto;
  vertical-align: bottom;
}

#map .css-15835x5 .css-g91tv
{
  display: none;
}

@media screen and (max-width:768px)
{
  html
  {
    scroll-padding-top: calc((var(--headerHeight, 55px)) + 15px);
  }

  body
  {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.57;
    letter-spacing: 0;
  }

  .pc-none
  {
    display: block
  }

  .sp-none
  {
    display: none
  }

  a.anchor
  {
    margin-top: -55px;
    padding-top: 55px
  }

  h2
  {
    font-size: 2.5rem;
    padding-bottom: 2rem;
  }

  #map h2
  {
    padding-top: 5rem;
  }

  #map .css-15835x5
  {
    height: 500px;
  }
}