@charset "UTF-8";

/*
Theme Name: H-Dressing Theme
Template: storefront
*/

/* ヘッダ */
/* ヘッダ領域を拡張 */
#site-navigation {
    width: 100%;
}

/* ショップページ */
/* ヘッダ領域を削除 */
.woocommerce-products-header {
    display: none !important;
}

/* ソート条件を削除 */
.woocommerce-ordering {
    display: none !important;
}

/* 件数を削除 */
.woocommerce-result-count {
    display: none !important;
}

/* 商品詳細ページ */
/* タブを非表示 */
.woocommerce-tabs .wc-tabs {
    display: none !important;
}

/* 商品のコンテナ */
.custom-product-container {
    text-align: left;
    border-bottom: 3px solid #ddd;
    padding-bottom: 20px;
}

/* サムネイルのサイズ */
.custom-product-image-wrapper {
    border: 3px solid #ddd;
    width: 50vw;
    margin: 0 auto 1em;

    img {
        width: 100%;
        height: auto;
        margin: 0 !important;
    }
}

/* サムネイル */
.custom-product-image {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
}

/* テキスト欄 */
.custom-product-text-wrapper {
    margin-left: 10px
}

ul.products {
    li {}

    a {
        color: #555;
        display: block;
        cursor: pointer;
    }
}

iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
}

#tab-description p {
    line-height: 1.8;
}

@media (min-width: 768px) {

    /* 商品のコンテナ */
    .custom-product-container {
        display: flex;
        text-align: left;
        padding-bottom: 40px;
    }

    ul.products li.product {
        margin-bottom: 40px !important;
    }

    /* サムネイルのサイズ */
    .custom-product-image-wrapper {
        width: 200px;
        margin: 0 20px 0 0;

        img {
            width: 200px;
            height: auto;
        }
    }

    /* テキスト欄 */
    .custom-product-text-wrapper {
        flex: 1;
    }

    .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        float: none;
        margin: 0 auto 40px;
        border: 3px solid #ddd;
        width: 50%;
    }

    .storefront-full-width-content.single-product div.product .summary {
        float: none;
        width: 100%;
    }


}