:root {
  --pc: 1600 * 100vw;
  --sp: 375 * 100vw;
}

* {
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
*::before, *::after {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  color: #181878;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  height: 100%;
}
body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

ul li {
  list-style: none;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  color: #000;
}

.sp {
  display: none;
}

.instagram {
  width: calc(21 / var(--pc));
  margin: 0 auto;
}

.footer-txt01 {
  width: calc(575 / var(--pc));
  margin: calc(37 / var(--pc)) auto 0;
}

.footer-txt02 {
  width: calc(771 / var(--pc));
  margin: calc(24 / var(--pc)) auto 0;
}

.footer-logo {
  width: calc(335 / var(--pc));
  margin: calc(71 / var(--pc)) auto 0;
}

.infinite {
  width: calc(218 / var(--pc));
  height: calc(119 / var(--pc));
  position: relative;
  margin: calc(36 / var(--pc)) auto 0;
}
.infinite img.infinite-img02, .infinite img.infinite-img03 {
  position: absolute;
}
.infinite img.infinite-img02 {
  width: calc(37 / var(--pc));
  top: calc(44 / var(--pc));
  left: calc(39 / var(--pc));
}
.infinite img.infinite-img03 {
  width: calc(49 / var(--pc));
  top: calc(39 / var(--pc));
  right: calc(31 / var(--pc));
}

.copyright {
  font-family: "Roboto Condensed", sans-serif;
  font-size: calc(15 / var(--pc));
  margin-top: calc(84 / var(--pc));
  text-align: center;
}

.title {
  margin: 0 auto;
}
.title img {
  width: auto;
  margin: 0 auto;
}
.title img.title-sub {
  margin-top: calc(20 / var(--pc));
}

.view-all {
  display: block;
  margin: 0 auto;
  width: calc(181 / var(--pc));
  height: calc(50 / var(--pc));
  background: url(../../images/martinique/home/btn-viewall.svg) no-repeat;
  background-size: contain;
}

.article-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(30 / var(--pc));
  margin: calc(70 / var(--pc)) 0;
}
.article-container .article-item {
  width: calc(305 / var(--pc));
  padding-bottom: calc(15 / var(--pc));
  border-bottom: 1px solid #C8C8C8;
}
.article-container .article-item p {
  color: #181878;
}
.article-container .article-item p:nth-of-type(1) {
  margin-top: calc(30 / var(--pc));
  font-size: calc(14 / var(--pc));
  font-weight: 500;
  line-height: 140%;
}
.article-container .article-item p:nth-of-type(2) {
  margin-top: calc(10 / var(--pc));
  font-size: calc(18 / var(--pc));
  line-height: 160%;
  letter-spacing: 0.02em;
}
.article-container .article-item p:nth-of-type(3) {
  font-family: "Roboto Condensed", sans-serif;
  margin-top: calc(10 / var(--pc));
  font-size: calc(10 / var(--pc));
  line-height: 160%;
  letter-spacing: 0.04em;
  text-align: right;
}

.splide__arrow {
  width: calc(30 / var(--pc)) !important;
  height: calc(30 / var(--pc)) !important;
  border-radius: 0 !important;
  background: url(../../images/martinique/common/arrow.webp) no-repeat !important;
  background-size: calc(30 / var(--pc)) calc(12 / var(--pc)) !important;
  background-position: center center;
  opacity: 1;
  transition: opacity 0.3s;
}
.splide__arrow svg {
  display: none;
}
.splide__arrow:hover {
  opacity: 0.8;
}
.splide__arrow.splide__arrow--prev {
  left: calc(-86 / var(--pc));
  transform: scale(-1, 1);
  top: 37%;
}
.splide__arrow.splide__arrow--next {
  right: calc(-86 / var(--pc));
  top: 41%;
}

.fade {
  opacity: 0;
}

.fade.active {
  animation: fade 1s ease-in-out forwards;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(365deg);
  }
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFF;
  z-index: 2;
  transition: transform 0.4s ease-out;
  z-index: 3;
}
header.visible {
  transform: translateY(0);
}
header:not(.visible) {
  transform: translateY(-100%);
}
header .header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(21 / var(--pc)) calc(52 / var(--pc)) calc(17 / var(--pc)) calc(50 / var(--pc));
  height: calc(75 / var(--pc));
}
header .header-top .logo {
  width: calc(31 / var(--pc));
}
header .header-top .center-txt {
  width: calc(375 / var(--pc));
  margin: calc(-4 / var(--pc)) 0 0 calc(9 / var(--pc));
}
header .header-top .menu-trigger {
  width: calc(40 / var(--pc));
  height: calc(40 / var(--pc));
  position: relative;
  cursor: pointer;
}
header .header-top .menu-trigger.active img {
  display: none;
}
header .header-top .menu-trigger.active::before, header .header-top .menu-trigger.active::after {
  display: block;
  content: "";
  width: calc(46 / var(--pc));
  height: 1px;
  border: 1px solid #181878;
  position: absolute;
  top: calc(18 / var(--pc));
  left: 0;
}
header .header-top .menu-trigger.active::before {
  transform: rotate(45deg);
}
header .header-top .menu-trigger.active::after {
  transform: rotate(-45deg);
}
header .header-top .menu-trigger img {
  position: absolute;
}
header .header-top .menu-trigger img:nth-of-type(1) {
  width: calc(18 / var(--pc));
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
header .header-top .menu-trigger img:nth-of-type(2) {
  width: calc(40 / var(--pc));
  top: 0;
  left: 0;
  animation: rotate 8s linear infinite;
}
header .menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  top: calc(75 / var(--pc));
  left: 0;
  width: 100%;
  height: 100vh;
  background: #FAD2C4;
  z-index: 3;
  transition: 0.6s;
  overflow-y: scroll;
  padding-bottom: calc(135 / var(--pc));
}
header .menu.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
header .menu ul {
  width: calc(1000 / var(--pc));
  margin: calc(40 / var(--pc)) auto 0;
  border-bottom: 1px solid #181878;
  padding-bottom: calc(30 / var(--pc));
}
header .menu ul li:nth-of-type(1) {
  border-bottom: 1px solid #181878;
}
header .menu ul li:nth-of-type(1) img {
  width: calc(130 / var(--pc));
  margin: 0 auto calc(31 / var(--pc));
}
header .menu ul li:nth-of-type(2) img, header .menu ul li:nth-of-type(3) img, header .menu ul li:nth-of-type(4) img, header .menu ul li:nth-of-type(5) img, header .menu ul li:nth-of-type(6) img {
  width: calc(320 / var(--pc));
  margin: calc(14 / var(--pc)) auto 0;
}
header .menu ul li:nth-of-type(2) img {
  margin: calc(30 / var(--pc)) auto 0;
}
header .menu .menu-footer {
  margin-top: calc(40 / var(--pc));
}
header .menu .menu-footer .instagram {
  width: calc(16 / var(--pc));
}
header .menu .menu-footer .footer-txt01 {
  width: calc(464 / var(--pc));
  margin-top: calc(20 / var(--pc));
}
header .menu .menu-footer .footer-txt02 {
  width: calc(618 / var(--pc));
  margin-top: calc(18 / var(--pc));
}
header .menu .menu-footer .footer-logo {
  width: calc(268 / var(--pc));
  margin-top: calc(30 / var(--pc));
}
header .menu .menu-footer .infinite {
  width: calc(174 / var(--pc));
  height: calc(95 / var(--pc));
  margin-top: calc(29 / var(--pc));
}
header .menu .menu-footer .infinite img.infinite-img02 {
  width: calc(30 / var(--pc));
  top: calc(35 / var(--pc));
  left: calc(31 / var(--pc));
}
header .menu .menu-footer .infinite img.infinite-img03 {
  width: calc(39 / var(--pc));
  top: calc(31 / var(--pc));
  right: calc(25 / var(--pc));
}
header .menu .menu-footer .copyright {
  font-size: calc(12 / var(--pc));
  margin-top: calc(57 / var(--pc));
}

.content {
  padding-top: calc(75 / var(--pc));
}

footer {
  background: #FAD2C4;
  padding: calc(54 / var(--pc)) calc(414 / var(--pc)) calc(33 / var(--pc)) calc(415 / var(--pc));
  margin-top: calc(140 / var(--pc));
}

@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .instagram {
    width: calc(20 / var(--sp));
  }
  .footer-txt01 {
    width: calc(166 / var(--sp));
    margin-top: calc(26 / var(--sp));
  }
  .footer-txt02 {
    width: calc(323 / var(--sp));
    margin-top: calc(13 / var(--sp));
  }
  .footer-logo {
    width: calc(181 / var(--sp));
    margin-top: calc(30 / var(--sp));
  }
  .infinite {
    width: calc(119 / var(--sp));
    height: calc(65 / var(--sp));
    margin-top: calc(20 / var(--sp));
  }
  .infinite img:nth-of-type(2) {
    width: calc(20 / var(--sp));
    top: calc(24 / var(--sp));
    left: calc(21 / var(--sp));
  }
  .infinite img:nth-of-type(3) {
    width: calc(27 / var(--sp));
    top: calc(21 / var(--sp));
    right: calc(17 / var(--sp));
  }
  .copyright {
    font-size: calc(10 / var(--sp));
    margin-top: calc(21 / var(--sp));
  }
  .title img.title-sub {
    margin-top: calc(15 / var(--sp));
  }
  .view-all {
    width: calc(161 / var(--sp));
    height: calc(45 / var(--sp));
  }
  .article-container {
    gap: 0;
    margin: calc(30 / var(--sp)) 0;
  }
  .article-container > .article-item:last-child:nth-child(odd) {
    border-right: none;
  }
  .article-container .article-item {
    width: calc(158 / var(--sp));
    padding-bottom: 0;
    padding-top: calc(12 / var(--sp));
    border-bottom: none;
  }
  .article-container .article-item:not(:nth-of-type(2n)) {
    padding-right: calc(16 / var(--sp));
    border-right: 1px solid #181878;
  }
  .article-container .article-item:nth-of-type(2n) {
    padding-left: calc(16 / var(--sp));
  }
  .article-container .article-item.no-border {
    border-right: none;
  }
  .article-container .article-item p:nth-of-type(1) {
    margin-top: calc(15 / var(--sp));
    font-size: calc(10 / var(--sp));
  }
  .article-container .article-item p:nth-of-type(2) {
    margin-top: calc(5 / var(--sp));
    font-size: calc(13 / var(--sp));
    line-height: 150%;
    letter-spacing: 0;
  }
  .article-container .article-item p:nth-of-type(3) {
    margin-top: calc(21 / var(--sp));
    font-size: calc(9 / var(--sp));
    line-height: 180%;
    letter-spacing: 0.02em;
    text-align: left;
    padding-bottom: calc(5 / var(--sp));
    border-bottom: 1px solid #C8C8C8;
  }
  .splide__arrow {
    width: calc(31 / var(--sp)) !important;
    height: calc(41 / var(--sp)) !important;
    background: url(../../images/martinique/common/arrow_sp.webp) no-repeat !important;
    background-size: contain !important;
  }
  .splide__arrow.splide__arrow--prev {
    left: calc(31 / var(--sp));
    top: 37%;
  }
  .splide__arrow.splide__arrow--next {
    right: calc(31 / var(--sp));
    top: 41%;
  }
  .splide__arrow:disabled {
    display: none;
  }
  header .header-top {
    height: calc(47 / var(--sp));
    padding: calc(15 / var(--sp)) calc(23 / var(--sp)) calc(15 / var(--sp)) calc(23 / var(--sp));
  }
  header .header-top .logo {
    width: calc(21 / var(--sp));
  }
  header .header-top .center-txt {
    width: calc(191 / var(--sp));
    margin: 0;
  }
  header .header-top .menu-trigger {
    width: calc(35 / var(--sp));
    height: calc(35 / var(--sp));
  }
  header .header-top .menu-trigger.active::before, header .header-top .menu-trigger.active::after {
    width: calc(24 / var(--sp));
    top: calc(18 / var(--sp));
    left: calc(6 / var(--sp));
  }
  header .header-top .menu-trigger img:nth-of-type(1) {
    width: calc(15 / var(--sp));
  }
  header .header-top .menu-trigger img:nth-of-type(2) {
    width: calc(35 / var(--sp));
  }
  header .menu {
    top: calc(47 / var(--sp));
    padding-bottom: calc(107 / var(--sp));
  }
  header .menu ul {
    width: calc(315 / var(--sp));
    margin-top: calc(30 / var(--sp));
    padding-bottom: calc(30 / var(--sp));
  }
  header .menu ul li:nth-of-type(1) img {
    width: calc(150 / var(--sp));
    margin-bottom: calc(24 / var(--sp));
  }
  header .menu ul li:nth-of-type(2) img, header .menu ul li:nth-of-type(3) img, header .menu ul li:nth-of-type(4) img, header .menu ul li:nth-of-type(5) img, header .menu ul li:nth-of-type(6) img {
    width: 100%;
    margin-top: calc(20 / var(--sp));
  }
  header .menu ul li:nth-of-type(2) img {
    margin-top: calc(30 / var(--sp));
  }
  header .menu .menu-footer {
    margin-top: calc(30 / var(--sp));
  }
  header .menu .menu-footer .instagram {
    width: calc(20 / var(--sp));
  }
  header .menu .menu-footer .footer-txt01 {
    width: calc(166 / var(--sp));
    margin-top: calc(26 / var(--sp));
  }
  header .menu .menu-footer .footer-txt02 {
    width: calc(323 / var(--sp));
    margin-top: calc(15 / var(--sp));
  }
  header .menu .menu-footer .footer-logo {
    width: calc(181 / var(--sp));
    margin-top: calc(30 / var(--sp));
  }
  header .menu .menu-footer .infinite {
    width: calc(119 / var(--sp));
    height: calc(65 / var(--sp));
    margin-top: calc(20 / var(--sp));
  }
  header .menu .menu-footer .infinite img.infinite-img02 {
    width: calc(20 / var(--sp));
    top: calc(24 / var(--sp));
    left: calc(21 / var(--sp));
  }
  header .menu .menu-footer .infinite img.infinite-img03 {
    width: calc(27 / var(--sp));
    top: calc(21 / var(--sp));
    right: calc(17 / var(--sp));
  }
  header .menu .menu-footer .copyright {
    font-size: calc(10 / var(--sp));
    margin-top: calc(23 / var(--sp));
  }
  .content {
    padding-top: calc(47 / var(--sp));
  }
  footer {
    padding: calc(52 / var(--sp)) calc(26 / var(--sp)) calc(12 / var(--sp)) calc(26 / var(--sp));
    margin-top: calc(80 / var(--sp));
  }
}/*# sourceMappingURL=base.css.map */