@charset "UTF-8";

/*== section studio ==*/
#studio .container .row { margin-top: 3.84vw; }
#studio h2, #studio h3 { font-size: 4.26vw; }
.iwasan img { width: 150px; }
#studio .row { margin-top: 25px; }


/*== section news ==*/
#news .section-title::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/icon/icon-camera.png');
    background-size: contain;
    vertical-align: bottom;
}

.news-category { margin-bottom: .2rem; }
.news-category p {
    display: inline-block;
    padding: .2rem 1rem;
    background-color: #cea971;
    color: #fff;
    border-radius: 2rem;
}
.news-image img { width: 100%; border-radius: 10px; }
/* .news-image::after {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    bottom: 45px;
    right: 15px;
    background-color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
} */
.news-date p { color: #cea971; }
.news-title h4 { font-size: 3.413vw; }
.news-child-wrapper { position: relative; z-index: 1; pointer-events: none; margin: .3rem 0; margin-bottom: 30px; }
.news-child-wrapper a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
    pointer-events: auto;
}
.news-child-wrapper a ~ div { opacity: 1; margin: .2rem 0; }
.news-child-wrapper a:hover ~ div { opacity: 0.8; transition: 0.5s ease-in-out; }


#plan .section-title::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url('../images/icon/icon-plan.png');
    background-size: contain;
    vertical-align: bottom;
}

.plan-main { margin: 15px 0; }
.plan-sub .col-3 { padding-left: 5px; padding-right: 5px; }
.plan-image img { width: 100%; border-radius: 50%; }
#plan h4 { font-size: 3.413vw; text-align: center;}
.plan-name { font-size: 3.413vw; text-align: center; }
.plan-detail { margin: 10px 0; }
.fixed-price { font-size: 5.12vw; line-height: 3.7vw; font-weight: bold; text-align: center; }
span.tax { font-size: 2.13vw; }

.plan-child-wrapper { position: relative; z-index: 1; pointer-events: none; margin: .3rem 0; }
.plan-child-wrapper a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
    pointer-events: auto;
}
.plan-child-wrapper a ~ div { opacity: 1; }
.plan-child-wrapper a:hover ~ div { opacity: 0.8; transition: 0.5s ease-in-out; }

.studio-about-text h4 { font-size: 4.26vw; font-weight: bold; margin-bottom: 4.26vw; text-align: center; }
.studio-about-photos img { max-width: 100%; }
.studio-photos-item { margin-bottom: 4.26vw; }
.studio-photos-item img { max-width: 100%; border-radius: 10px; }

.studio-about-text { margin-bottom: 4.26vw; }
.studio-about-gallery-child { margin-top: 8.52vw; }


/*============
      PC
============*/
@media (min-width: 768px) {
    #studio h2, #studio h3 { font-size: 1.6rem; }
    #studio .row { margin-top: 50px; }

    .plan-sub .col-3 { padding-left: 15px; padding-right: 15px; }

    .news-category { margin-bottom: .4rem; }
    .news-title h4 { font-size: 1.28rem; }

    #plan .section-title::before { width: 60px; height: 60px; }

    #plan h4 { font-size: 1.6rem; text-align: center;}
    .plan-name { font-size: 1.6rem; text-align: center; }
    .plan-detail { margin: 10px 0; }
    .fixed-price { font-size: 2.14rem!important; line-height: 1.6rem; }
    span.tax { font-size: 1rem; }

    .studio-concept-text h4, .studio-about-text h4 { font-size: 1.6rem; margin-bottom: 1.6rem; text-align: left; }
    .studio-photos-item { margin-bottom: 1.6rem; }
    .studio-about-gallery-child { margin-top: 3.2rem; }
}

@media (min-width: 1200px) {
    /* #studio h2, #studio h3 { font-size: 1.2rem; } */
    /* .iwasan img { width: 200px; } */
}