@charset "utf-8";#ec-header {
    display: none;
}
#wrapper {
    padding-top: 0px;
}

#wrapper {
    padding-top: 0px;
}
.crumbsList {
    display: none;
}

@charset "utf-8";@font-face {
	font-family: 'HelveticaBold';
	src: url('/assets/front/fonts/Helvetica-Bold.ttf') format('truetype');
}

.image {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

/* ボタン*/

section {
  margin: 0 auto;
  padding-top:15%;
  padding-bottom:3%;
}

.bton a {
    background: #211537;
    /* border-radius: 3px; */
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 300px;
    padding: 10px 25px;
    /* font-family: "Noto Sans Japanese"; */
    color: white;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

.bton a:hover {
    background: #333;
    color: #FFF;
}

.bton a:hover:after {
    border-color: #211537;
}

/*重ねロゴ*/
 .image-stack {
      position: relative;
}

.base-image {
      width: 100%;
      height: 100%;
      display: block;
}

.overlay-image {
    position: absolute;
    top: 190px;
    left: 100px;
    width: 70%;
}

/*BUY BUTTON*/

.item-info {
    text-align: end;
    font-size: 1.0em;
    line-height: 2;
    width: 65%;
    font-weight: bold;
    padding-top: 2%;
}

.item-info button {
    margin-left: 8px;
    padding: 1px 15px;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    cursor: pointer;
    font-size: 0.8em;
    font-weight: bold;
}

/*LOOK*/

.containercvt {
    display: grid;
    grid-template-columns: 0.45fr;
    grid-template-rows: 0.5fr 0.5fr;
    gap: 30px 30px;
    grid-auto-flow: row;
    justify-content: center;
    justify-items: center;
    grid-template-areas:
        "photoimage10"
        "photoimage20";
    padding-top: 10%;
}

.photoimage10 { grid-area: photoimage10; }

.photoimage20 {
    grid-area: photoimage20;
    width: 80%;
}

/*LOOK1枚*/

.parent {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
    justify-content: center;
    margin-top: 10%;
}

/* 1カラムクレジット*/

.containerCVT7 {
    display: grid;
    grid-template-columns: 0.2fr;
    grid-template-rows: 0.5fr 0.5fr 0.5fr;
    gap: 70px 0px;
    grid-auto-flow: row;
    justify-content: center;
    justify-items: center;
    grid-template-areas:
        "photoimage30"
        "textimage40"
        "photoimage50";
    padding-top: 15%;
}

.photoimage30 { grid-area: photoimage30; }

.textimage40 { grid-area: textimage40;
    text-align: center;
    font-size: 1.0em;
    line-height: 2;
    width: 100%;
    padding-top: 2%;
}

.photoimage50 { grid-area: photoimage50; }


/* 1カラムフッター*/
.parent03 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 0px;
}  

/* 1カラムフッターに重なるクレジット*/
.image-container {
  position: relative;
}

.image-container img {
  width: 100%;
  height: auto;
}

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.1em;
    text-align: center;
}
        
/*TOPアニメーション*/

.kenburns-bg {
    position: relative;
    width: 110vw;
    height: 90vh;
    overflow: hidden;
}

.kenburns-img {
    position: absolute;
    width: 120vw;
    height: 120vh;
    top: -5vh;
    left: -5vw;
    object-fit: cover;
    animation: kenburns-top-right 10s linear infinite;
}

@keyframes kenburns-top-right {
  0% {
    transform: scale(1) translate(0, 0);
  }
  100% {
    transform: scale(1.15) translate(-10vw, -10vh);
  }
}

@media (max-width: 1024px) {
.item-info {
    text-align: end;
    font-size: 1.0em;
    line-height: 2;
    width: 68%;
    font-weight: bold;
    padding-top: 2%;
}
}

@media (max-width: 768px) {
.containercvt {
    display: grid;
    grid-template-columns: 0.9fr;
    grid-template-rows: 0.5fr 0.5fr;
    gap: 30px 30px;
    grid-auto-flow: row;
    justify-content: center;
    justify-items: center;
    grid-template-areas:
        "photoimage10"
        "photoimage20";
    padding-top: 20%;
}

.item-info {
        text-align: end;
        font-size: 1.0em;
        line-height: 2;
        width: 80%;
        font-weight: bold;
        padding-top: 2%;
}
}

@media (max-width: 430px) {
.kenburns-bg {
    position: relative;
    width: 110vw;
    height: 80vh;
    overflow: hidden;
}

.kenburns-img {
    position: absolute;
    width: 110vw;
    height: 100vh;
    top: -5vh;
    left: -5vw;
    object-fit: cover;
    animation: kenburns-top-right 10s linear infinite;
}

.overlay-image {
        position: absolute;
        top: 200px;
        left: 0px;
        width: 90%;
}

.containerCVT7 {
    display: grid;
    grid-template-columns: 0.6fr;
    grid-template-rows: 0.5fr 0.5fr 0.5fr;
    gap: 70px 0px;
    grid-auto-flow: row;
    justify-content: center;
    justify-items: center;
    grid-template-areas:
        "photoimage30"
        "textimage40"
        "photoimage50";
    padding-top: 15%;
}

.item-info {
        text-align: end;
        font-size: 0.9em;
        line-height: 2;
        width: 90%;
        font-weight: bold;
        padding-top: 2%;
}

section {
    margin: 0 auto;
    padding-top: 20%;
    padding-bottom: 3%;
}
}
@media (max-width: 320px) {
}