@charset "UTF-8";

@font-face {
  font-family: "LINE Seed JP";
  src: url("/font/LINESeedJP_OTF_Rg.woff") format("woff"), url("/font/LINESeedJP_OTF_Bd.woff") format("woff"), url("/font/LINESeedJP_OTF_Eb.woff") format("woff"), url("/font/LINESeedJP_OTF_Th.woff") format("woff"), url("/font/LINESeedJP_OTF_Eb.woff2") format("woff2"), url("/font/LINESeedJP_OTF_Bd.woff2") format("woff2"), url("/font/LINESeedJP_OTF_Rg.woff2") format("woff2"), url("/font/LINESeedJP_OTF_Th.woff2") format("woff2");
}

/* ///////////////////////////// */
/* スムーススクロール */
html {
  scroll-behavior: smooth;
}

/* ///// variable ///////////////////////////////// */
:root {
  --color-base: #251713;
  --color-white: #ffffff;
  /*  */
  --color-blue: #403f82;
  --color-brown: #251713;
  --color-gray: #eaebeb;
}

/* ///// founfation /////////////////////////////////  */
.f_default {
  position: relative;
  font-family: "LINE Seed JP", sans-serif;
}

.f_default img:not(:where(.l_cart img)) {
  max-width: 100%;
  max-height: 100%;
}

.f_default a:not(:where(.l_cart a)) {
  display: block;
  position: initial;
  padding: initial;
  color: inherit;
  text-align: inherit;
  text-decoration: none;
  font-size: inherit;
  cursor: pointer;
  transition: 0.3s;
}

.f_default a:not(:where(.l_cart a)):hover {
  opacity: 0.5;
  transform: translate(1px, 1px);
}

.f_default a[href^=""]:not(:where(.l_cart a)) {
  pointer-events: none;
}

.f_default *:not(:where(.l_cart *)) {
  box-sizing: border-box;
  color: var(--color-base);
  letter-spacing: 0.03vw;
  font-weight: 500;
  font-size: min(3.9vw, 16px);
  font-family: inherit;
  line-height: 1.5;
}

.mada {
  display: none !important;
}

/* ///// layout /////////////////////////////////  */
.l_body {
  margin: 0 auto;
  width: min(100%, 2000px);
  background-color: var(--color-white);
}

.l_main {
  position: relative;
  margin: 0 auto;
  width: min(100%, 900px);
  background-color: var(--color-white);
}

@media (max-width: 769px) {
  .l_main {
    max-width: 900px;
  }
}

@media (min-width: 1500px) {
  .l_main {
    width: min(100%, 1300px);
  }
}

/* section */
.l_sectioninnner {
  position: relative;
  padding: 7% 5%;
}

/* footer */
.l_fotter {
  padding-top: 5%;
  background-color: var(--color-gray);
}

/* ///// component ///////////////////////////////// */
/* text-align */
.c_txta_c {
  text-align: center;
}

/* position */
.c_position_r {
  position: relative;
}

/* btn */
.c_btn {
  position: absolute;
}

.c_btn_c {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* boxline */
.c_boxline {
  padding: 4%;
  border: solid 1px var(--color-base);
}

/* boxlayout */
.c_boxlayout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.c_boxlayout>div {
  position: relative;
  margin-top: 5%;
  width: 100%;
}

.c_boxlayout>div.c_bl_half {
  width: 49%;
}

.c_boxlayout>div.c_bl_half_2 {
  width: 49%;
}

.c_accordion {
  transition: 0.5s;
}

.c_accordion summary {
  margin: 3% auto;
  padding: 2% 0;
  width: 80%;
  background-color: var(--color-base);
  color: var(--color-white);
  text-align: center;
  font-size: inherit;
  font-family: inherit;
}

/* ///// project ///////////////////////////////// */
.p_info_btn {
  display: flex;
  /* width: fit-content; */
  margin: 5% auto 0;
  justify-content: center;
  align-items: end;
  width: 50%;
  bottom: 10%;
  position: absolute;
}

.p_info_btn a {
  width: calc(calc(100% - calc(4% * 3)) /4);
}

.p_info_btn a:not(:first-child) {
  margin-left: 4%;
}

/* melonpan */
.p_melonpan_img {
  top: 34%;
  left: 64%;
  width: 31%;
}

/* postcard */

.p_postcard_img {
  position: absolute;
  width: 40%;
  display: flex;
  top: 28%;
  right: 4.3%;
}

/* 6daitokuten */
.p_6dai_half {
  top: 26%;
  width: 64%;
}

.p_6dai_half_2 {
  top: 18%;
  width: 47%;
}

.p_6dai_5000 {
  display: flex;
  top: 27%;
  align-items: center;
  width: 80%;
}

.p_6dai_5000 a {
  width: 90%;
}

.p_6dai_5000 a:not(:first-child) {
  margin-left: 4%;
  width: 90%;
}

.p_6dai_5000_2 {
  position: absolute;
  display: flex;
  width: 87%;
  top: 62%;
  left: 7%;
}

.p_6dai_5000_2 a {
  margin: 0 1.3% 0 2.6%;
}

.p_6dai_attention {
  margin: 0 auto;
  margin-top: 7%;
  width: 95%;
}

/* omaturi */
.p_omaturi {
  display: flex;
  top: 34%;
  left: 38%;
  align-items: center;
  justify-content: space-between;
  width: 58%;
}

.p_omaturi>div {
  display: flex;
  justify-content: space-around;
  width: 44%;
}

.p_omaturi>div a {
  width: 41%;
}

.p_omaturi_half {
  top: 8%;
  width: 60%;
}

.p_omaturi_half_2 {
  top: 7%;
  width: 36%;
}

/* support fair */
.p_support_01_img {
  top: 17%;
  left: 56%;
  width: 39%;
}

/* x-camp */
.p_x_postbtn {
  margin: 0 auto;
  width: 100%;
}

/* limitedgoods */
.p_lg_acrylickeyholder {
  top: 4%;
  width: 84%;
}

.p_lg_acrylstand {
  top: 16%;
  width: 80%;
}

.p_lg_uribou {
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* novelty */
.p_novelty_img {
  top: 23%;
  left: 64%;
  width: 32%;
}

.p_novelty_img_02 {
  width: 27.3%;
  top: 27%;
  left: 62%;
}

/* other */
.p_other_btn {
  width: 100%;
}

.p_other_btn:not(:first-child) {
  margin-top: 2%;
}

/* footer */
.p_fotter_menu {
  display: flex;
  padding: 6% 5%;
  background-color: var(--color-brown);
}

.p_fotter_menu>div {
  display: flex;
  flex-direction: column;
}

.p_fotter_menu>div:not(:first-child) {
  margin-left: 8%;
}

.p_fotter_menu>div p:not(:first-child) {
  margin-top: 5%;
}

.p_fotter_menu>div p a {
  height: 2vh;
}

@media (max-width: 769px) {
  .p_fotter_menu>div p a {
    height: 1.2vh;
  }
}

.p_footer_foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3% 5%;
  background-color: var(--color-white);
}

.p_foot_logo {
  width: 20%;
}

.p_foot_xandtopbtn {
  display: flex;
  align-items: center;
}

.p_foot_xandtopbtn p {
  display: flex;
  align-items: center;
  font-size: clamp(10px, 1.9vw, 20px);
  font-feature-settings: "palt";
}

.p_foot_xandtopbtn p:not(:first-child) {
  margin-left: 2vw;
  font-feature-settings: "palt";
}

.p_foot_xandtopbtn p:not(:first-child)::before {
  position: relative;
  left: -1vw;
  color: var(--color-brown);
  content: "|";
  font-size: inherit;
  font-family: inherit;
}

.p_foot_xandtopbtn a {
  height: 3vh;
  font-feature-settings: "palt";
}

@media (max-width: 769px) {
  .p_foot_xandtopbtn a {
    height: 2vh;
    font-feature-settings: "palt";
  }

  .p_footer_foot{
    padding: 3% 5% 90px;
  }
}

/* margin-top */
.u_mt5 {
  margin-top: 5%;
}

.u_mt10 {
  margin-top: 10%;
}

/* margin-bottom */
.u_mb5 {
  margin-bottom: 5%;
}

/* ///// animation ///////////////////////////////// */

a.kira_01,
a.kira_02 {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.kira_01::before,
.kira_02::before {
  /*絶対配置でキラッと光るの位置を決める*/
  position: absolute;
  top: 0;
  left: -75%;
  /*キラッと光る形状*/
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  content: "";
  transform: skewX(-25deg);
  animation: shine 2s infinite;
}

/* .kira_01 {
  width: 50%;
}

.kira_02 {
  width: 25%;
} */

@keyframes shine {
  100% {
    left: 125%;
  }
}

/* ///// responsive ///////////////////////////////// */
.sp {
  display: none;
}

.pc {
  display: block;
}

@media (max-width: 900px) {
  .sp {
    display: block;
  }

  .pc {
    display: none;
  }

  .br {
    display: block;
  }
}

.limited_border{
  border: solid 1px #231815;
}

.limited_border img{
padding: 4%;
}

.limited_btn{
  width: clamp(180px,2vw,400px);
  margin: 0 auto 3%;
}