@charset "utf-8";
@media (max-width: 768px) {

/* =======================================

    1.common.css
    2.header.css
    3.index.php

=========================================*/


/* ---------------------------------------

    common

---------------------------------------- */
    .sp_disp {
        display: block !important;
    }
    .pc_disp {
        display: none !important;
    }

    .sp_img {
        display: inline-block !important;
    }
    .pc_img {
        display: none !important;
    }

    .footer-nav {
        flex-direction: column;
        padding: 1rem;
    }

    .footer__list-item {
        margin-bottom: 1rem;
    }

    .copyright {
        padding: 1rem;
    }

    body {
        position: inherit;/*←相対位置*/
        padding-bottom: 0;
    }

    .footer {
        position: inherit;

    }

/* ---------------------------------------

    index.php

---------------------------------------- */
.new-arrival__list{
    flex-direction: column;
}

.new-arrival__list-item {
    width: 100%;
}

.new-arrival__list-img {
    width: 100%;
}

.relation__list {
    flex-wrap: wrap;
}

.relation__list-item {
	width: 48%;
}

/*  outlet
---------------------------------------- */

.outlet__list{
    flex-direction: column;
}

.outlet__list-item {
    width: 100%;
}

.outlet__list-img {
    width: 100%;
}

/*  collection
---------------------------------------- */
.collection__list-item {
    width: 48%;
}

/* ---------------------------------------

    about.php

---------------------------------------- */

/*  concept
---------------------------------------- */

.concept__img {
    display: none;
}

/*  greeting
---------------------------------------- */
.greeting__outer {
    flex-direction: column;
}

.greeting__inner {
    margin-bottom: 1rem;
}

.greeting__inner-img {
    margin-left: 0;
}

.greeting__inner-img img {
    width: 100%;
}

/*  access
---------------------------------------- */

.access__inner {
    padding: 0;
}

.access__outer {
    flex-direction: column-reverse;
}

.access__img img {
    width: 100%;
}

.dog__img {
    display: none;
}

/* ---------------------------------------

    contact.php

---------------------------------------- */
.contact-form__area {
    flex-direction: column;
}

.contact-form__item-title,
.contact-form__textarea {
    width: 100%;
}

.contact-form__textarea input, .contact-form__textarea textarea {
    width: 95%;
}

}