@charset "UTF-8";
/*
Theme Name:  eyelash_salon_on
*/
@media (min-width: 768px) {
  .pc_none {
    display: none;
  }
}
@media (max-width: 767px) {
  .sp_none {
    display: none;
  }
}
@media (min-width: 768px) {
  .pc_none {
    display: none;
  }
}
/* 100: Thin */
@font-face {
  font-family: "Lexend";
  src: url("../assets/font/Lexend/Lexend-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
/* 200: ExtraLight */
@font-face {
  font-family: "Lexend";
  src: url("../assets/font/Lexend/Lexend-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
/* 300: Light */
@font-face {
  font-family: "Lexend";
  src: url("../assets/font/Lexend/Lexend-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/* 400: Regular (標準) */
@font-face {
  font-family: "Lexend";
  src: url("../assets/font/Lexend/Lexend-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
/* 500: Medium */
@font-face {
  font-family: "Lexend";
  src: url("../assets/font/Lexend/Lexend-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/* 600: SemiBold */
@font-face {
  font-family: "Lexend";
  src: url("../assets/font/Lexend/Lexend-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
/* 700: Bold (太字) */
@font-face {
  font-family: "Lexend";
  src: url("../assets/font/Lexend/Lexend-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/* 800: ExtraBold */
@font-face {
  font-family: "Lexend";
  src: url("../assets/font/Lexend/Lexend-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
/* 900: Black */
@font-face {
  font-family: "Lexend";
  src: url("../assets/font/Lexend/Lexend-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/* 300: Light */
@font-face {
  font-family: "Rounded Mplus 1c";
  src: url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-light.eot");
  src: url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-light.eot?#iefix") format("embedded-opentype"), url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-light.woff") format("woff"), url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/* 400: Regular (標準) */
@font-face {
  font-family: "Rounded Mplus 1c";
  src: url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-regular.eot");
  src: url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-regular.eot?#iefix") format("embedded-opentype"), url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-regular.woff") format("woff"), url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
/* 500: Medium */
@font-face {
  font-family: "Rounded Mplus 1c";
  src: url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-medium.eot");
  src: url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-medium.eot?#iefix") format("embedded-opentype"), url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-medium.woff") format("woff"), url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/* 700: Bold (太字) */
@font-face {
  font-family: "Rounded Mplus 1c";
  src: url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-bold.eot");
  src: url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-bold.eot?#iefix") format("embedded-opentype"), url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-bold.woff") format("woff"), url("../assets/font/rounded-mplus-1c/rounded-mplus-1c-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
html,
body,
h1,
h2,
h3,
h4,
ul,
li,
p,
div,
section,
aside,
article,
a,
body,
p,
dl,
dt,
dd,
ol,
button {
  margin: 0;
  padding: 0;
}

ul,
li,
ol {
  list-style: none;
}

.rounded_mplus {
  font-family: "Rounded Mplus 1c" !important;
}

body {
  position: relative;
  width: 100%;
  letter-spacing: 1px;
  font-family: "Lexend";
  color: #4a4a4a;
}
a {
  text-decoration: none;
  word-break: break-all;
  color: #000;
  opacity: 1;
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.7;
}

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

@media (min-width: 768px) {
  .pc_none {
    display: none;
  }
}
.menu_list li {
  position: relative;
  padding-left: 1vw;
  font-size: 1vw;
}
@media (max-width: 767px) {
  .menu_list li {
    padding-left: 4vw;
    font-size: 3.6vw;
  }
}
.menu_list li::before {
  content: "◼︎";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #1d5c77;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.header_nav {
  padding: 0.4vw 0;
  background: rgba(0, 0, 0, 0.568627451);
}
@media (max-width: 767px) {
  .header_nav {
    padding: 1.2vw 0;
  }
}
.header_nav_list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4vw;
}
.header_nav_list li a {
  font-size: 1.2vw;
  font-weight: 600;
  color: #ffffff;
}
@media (max-width: 767px) {
  .header_nav_list li a {
    font-size: 3.2vw;
  }
}
.header_nav_list li a img {
  width: 2.4vw;
  height: auto;
}
@media (max-width: 767px) {
  .header_nav_list li a img {
    width: 5.2vw;
  }
}

.footer {
  background: #1d5c77;
  color: #fff;
}
.footer_inner {
  margin: 0 auto;
  padding: 6vw 0;
  display: flex;
  width: 80%;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer_inner {
    padding: 16vw 0;
    flex-direction: column;
    align-items: center;
    gap: 4vw;
  }
}
.footer_inner_logo {
  width: 8%;
}
@media (max-width: 767px) {
  .footer_inner_logo {
    width: 22%;
  }
}
.footer_inner_logo img {
  height: auto;
}
@media (max-width: 767px) {
  .footer_inner_txt {
    text-align: center;
  }
}
.footer_inner_txt h2 {
  margin-bottom: 0.4vw;
  font-size: 1.6vw;
}
@media (max-width: 767px) {
  .footer_inner_txt h2 {
    margin-bottom: 1vw;
    font-size: 4vw;
  }
}
.footer_inner_txt p {
  font-size: 1vw;
}
@media (max-width: 767px) {
  .footer_inner_txt p {
    font-size: 3.8vw;
  }
}
.footer_inner_access {
  margin: 2vw 0 0;
}
.footer_inner_access iframe {
  width: 100%;
  height: auto;
}

.salon_sec {
  margin: 8vw auto;
  width: 80%;
}
@media (max-width: 767px) {
  .salon_sec {
    width: 90%;
  }
}
.salon_sec_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1vw;
}
@media (max-width: 767px) {
  .salon_sec_list {
    gap: 2vw;
  }
}
.salon_sec_menu_other {
  margin: 6vw 0;
}
@media (max-width: 767px) {
  .salon_sec_menu_other {
    margin: 16vw 0;
  }
}
.salon_sec_menu_other h3 {
  font-size: 1.8vw;
  color: #1d5c77;
}
@media (max-width: 767px) {
  .salon_sec_menu_other h3 {
    font-size: 4vw;
  }
}
.salon_sec_menu_other ul {
  margin-top: 2vw;
}
.salon_sec_menu_other ul li {
  margin-bottom: 0.4vw;
  font-size: 1vw;
}
@media (max-width: 767px) {
  .salon_sec_menu_other ul li {
    font-size: 3.4vw;
  }
}
.salon_sec_menu_other p {
  margin-top: 1vw;
  font-size: 0.8vw;
  font-weight: 700;
}
@media (max-width: 767px) {
  .salon_sec_menu_other p {
    margin-top: 3vw;
    font-size: 3.4vw;
  }
}/*# sourceMappingURL=style.css.map */