@charset "utf-8";.popUp .manof2025aw-style {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    font-family: "Zen Old Mincho", serif;
}
@media only screen and (min-width: 1281px) {
    .popUp .manof2025aw-style {
        width: 52%;
    }
}
body {
    overflow-x: hidden;
}

.manof2025aw-style .manof2025aw-style__contents .introduction__title h2 {
    font-size: 3.5rem;
}
@media only screen and (max-width: 768px) {
	.manof2025aw-style .manof2025aw-style__contents .introduction__title h2 {
		font-size: 2.8rem;
	}
}

.manof2025aw-style .manof2025aw-style__contents .introduction__title {
    margin: 60px auto;
}
@media only screen and (max-width: 768px) {
	.manof2025aw-style .manof2025aw-style__contents .introduction__lead {
		font-size: 11px;
	}
}

.manof2025aw-style .manof2025aw-style__contents .styles {
    margin-top: 150px;
}
.manof2025aw-style .manof2025aw-style__contents .styles h2 span {
    display: inline-block;
    margin: 40px auto;
}
@media only screen and (max-width: 768px) {
    .manof2025aw-style .manof2025aw-style__contents .styles h2 {
        font-size: 2rem;
    }
	.manof2025aw-style .manof2025aw-style__contents .styles h2 span  {
		margin: 25px auto;
	}
}
.concept-lead {
    font-size: 14px;
}
@media only screen and (max-width: 768px) {
	.concept-lead {
		font-size: 10px;
	}
}
.outfit-items {
    margin-top: 30px;
    margin-left: 30px;
    text-align: left;
    font-size: 12px;
    font-family: "Gothic A1", sans-serif;
    line-height: 1.8;
}
@media only screen and (max-width: 768px) {
	.outfit-items {
		font-size: 9px;
	}
}
.manof2025aw-style .manof2025aw-style__contents hr {
    border: none;
    border-top: 1px solid #999;
    height: 1px;
    margin: 80px auto;
    width: 50%;
    display: block;
}

.manof2025aw-style .manof2025aw-style__contents .look-image {
    width: 100%;
    max-width: 100%;
    text-align: initial;
    display: block;
    margin-top: 50px;
}
.manof2025aw-style .style-01 .look-image a {
    display: block;
}
.manof2025aw-style .style-01 .look-image img {
    display: block;
}
.manof2025aw-style .style-01 .look-image .img-01a {
    width: 100%;
}
.manof2025aw-style .style-01 .look-image .img-01b,
.manof2025aw-style .style-01 .look-image .img-01c {
    width: 75%;
}
.manof2025aw-style .style-01 .look-image .img-01b {
    margin: 50px auto 0 0;
}
.manof2025aw-style .style-01 .look-image .img-01c {
    margin: 50px 0 0 auto;
}

.manof2025aw-style .style-02 .look-image a {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px 10px;
}
.manof2025aw-style .style-02 .look-image .img-02a {
    grid-column: 1 / -1;
    margin: auto;
    width: 100%;
}
.manof2025aw-style .style-02 .look-image .img-02b {
    grid-column: 1;
}
.manof2025aw-style .style-02 .look-image .img-02c {
    grid-column: 2;
}
.manof2025aw-style .style-02 .look-image .img-02d {
    grid-column: 1 / -1;
    margin: auto;
    width: 75%;
}

.manof2025aw-style .style-03 .look-image a {
    display: block;
}
.manof2025aw-style .style-03 .look-image img {
    display: block;
}
.manof2025aw-style .style-03 .look-image .img-03a,
.manof2025aw-style .style-03 .look-image .img-03c,
.manof2025aw-style .style-03 .look-image .img-03d {
    width: 100%;
}
.manof2025aw-style .style-03 .look-image .img-03b {
    width: 75%;
    margin: 50px auto;
}

.manof2025aw-style .style-04 .look-image a {
    display: block;
}
.manof2025aw-style .style-04 .look-image img {
    display: block;
}
.manof2025aw-style .style-04 .look-image .img-04a {
    width: 100%;
}
.manof2025aw-style .style-04 .look-image .img-04b,
.manof2025aw-style .style-04 .look-image .img-04c {
    width: 75%;
}
.manof2025aw-style .style-04 .look-image .img-04b {
    margin: 50px 0 0 auto;
}
.manof2025aw-style .style-04 .look-image .img-04c {
    margin: 50px auto 0 0;
}

.manof2025aw-style .style-05 .look-image a {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
}
.manof2025aw-style .style-05 .look-image .img-05a {
    grid-column: 1 / -1;
    margin: auto;
    width: 100%;
}
.manof2025aw-style .style-05 .look-image .img-05b {
    grid-column: 1 / -1;
    width: 75%;
    margin: 50px auto;
}
.manof2025aw-style .style-05 .look-image .img-05c {
    grid-column: 1;
}
.manof2025aw-style .style-05 .look-image .img-05d {
    grid-column: 2;
}
.manof2025aw-style .style-05 .look-image .img-05e {
    grid-column: 1;
}
.manof2025aw-style .style-05 .look-image .img-05f {
    grid-column: 2;
}

.staff-credits {
    font-size: 10px;
    font-family: "Gothic A1", sans-serif;
}

/* 左右からのスライドイン */
.slide-in {
    opacity: 0;
}
.slide-left {
	transform: translateX(calc(0vw - 10%));
}
.slide-right {
	transform: translateX(0px);
}
.slide-left.slide-inview {
    animation-name: slide-fromLeft;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    animation-delay: 0.0s;
    animation-fill-mode: forwards;
}
.slide-right.slide-inview {
    animation: slide-fromRight 2s ease-out 0.0s forwards;
}

@keyframes slide-fromLeft {
    0% {
        transform: translateX(calc(0vw - 40%));
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-fromRight {
    0% {
        transform: translateX(70px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
   

/* その場でフェードイン */
.fade-in {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s,visibility 1s, transform 1s;
}
.fade-inview {
    animation-name: fade-inview;
    opacity: 1;
    visibility: visible;
    animation-duration: 3s;
}
@keyframes fade-inview {
    0% {
        opacity: 0;
    visibility: hidden;
    transition: opacity 1s,visibility 1s, transform 1s;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}