/*
Theme Name: Design
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

:root {
    --vk-color-text-body : #f7f7f7;
    --vk-color-text-link : #666666;
    --vk-color-border : #c39000;
    --vk-color-border-hr : #c39000;
    --vk-color-header-bg : #040507;
    --vk-color-footer-bg : #040507;
    --vk-size-text: 13px;
    --wp--preset--font-family--system-font: "Noto Serif JP","ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝","Yu Mincho","ＭＳ Ｐ明朝","	MS PMincho",serif ;
}
.global-nav-list li{
    font-size: 16px;
}
#menu-item-748 a{
    background: #c39000;
}

.page-header::after{
    content: "";
    border-bottom: 2px solid #C39000;
    width: 3em;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}
h2.wp-block-heading{
    border-bottom: 1px solid #C39000;
}

:where(.stock-list.is-layout-grid),
:where(.stock-items .wp-block-columns.is-layout-flex) {
    gap: 0;
}

.stock-list.wp-container-core-group-is-layout{
    container-type: inline-size;
}
    .stock-list > .wp-block-group{
        position: relative;
        padding: 10px;
    }
    
    .stock-list > .wp-block-group::after{
        content: '';
        width: 100%;
        height: auto;
        display: inline-block;
        border-bottom: 1px solid #9e9e9e;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .stock-list　.wp-container-content {
        grid-column: span 1;
        grid-row: span 1;
        border-style:none;
    }
    .stock-list .wp-block-group a {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        color: #f7f7f7;
    }
    
    .stock-list .wp-container-core-columns-is-layout,
    .stock-items .wp-container-core-columns-is-layout {
        flex-direction:column;
    }
    .stock-list .wp-container-core-columns-is-layout,
    .stock-items .wp-container-core-columns-is-layout{
        width: 50%;
        float: left;
    }

    .stock-list h3.wp-block-heading{
        background: #c39000;
        color: #f7f7f7;
        padding: 5px 10px;
        font-size: 1.25rem;
    }
    .stock-list h3.wp-block-heading span{
        position: absolute;
        right: 10px;
        display: inline-block;
    }
    .stock-list .wp-container-core-group-is-layout > .alignfull {
        margin-right: calc(10px * -1);
        margin-left: calc(10px * -1);
    }
    .wp-container-core-group-is-layout {
        grid-template-columns: repeat(auto-fill, minmax(min(22.5rem, 50%), 1fr));
        container-type: inline-size;
    }
    .stock-list .soldout img {
        -webkit-filter: grayscale(1); /* Webkit */
        filter: gray; /* IE6-9 */
        filter: grayscale(1); /* W3C */
        cursor: default;
    }
    .stock-list .wp-block-cover{
        padding:0px;
        min-height:150px;
        aspect-ratio:unset;
    }
    .stock-list .has-cyan-bluish-gray-background-color,
    .stock-items .has-cyan-bluish-gray-background-color{
        padding: 0 3px;
        color: #040507;
        margin: 0 10px 0 0;
    }
    .stock-list .has-vivid-red-background-color,
    .stock-items .has-vivid-red-background-color{
        padding: 0 5px;
        margin: 0 10px 0 0;
    }

span.wpcf7-list-item {
    display: block;
}

/* 個別ページ設定 */
#post-339 p,#post-184 p,#post-305 p{
  font-size: 16px;
}
#post-305 p input,
#post-305 p textarea{
  color: #666666;
  font-size: 16px;
}
#post-305 p input[type="file"]{
  color: #f7f7f7;
}
#post-305 p input[type="submit"]{
  color: #f7f7f7;
  font-weight: bold;
}

@media (min-width:  576px) {
    #head_main{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .header_scrolled .site-header-logo{
        display: block !important;
    }
    .stock-items .wp-container-core-columns-is-layout {
        flex-direction:row;
        justify-content: space-between;
    }
}
@media (min-width:  768px) {
    .stock-list .wp-block-group.wp-container-content{
        border-left: 1px solid #9e9e9e;
        border-right: 1px solid #9e9e9e;
    }
    .stock-list .wp-block-cover{
        min-height:220px;
    }
    .stock-list .wp-block-group.wp-container-content:nth-of-type(2n) {
        border-left: none;
    }
    .stock-list .wp-block-group.wp-container-content:nth-of-type(3n) {
        border-right: 1px solid #9e9e9e;
    }
}
@media (min-width: 992px) {
    .stock-list.wp-container-core-group-is-layout{
        grid-template-columns: repeat(auto-fill, minmax(min(33%, 100%), 1fr));
        container-type: inline-size;
    }
    .stock-list .wp-block-cover{
        padding:0px;
        min-height:280px;
        aspect-ratio:unset;
    }
    .stock-list .wp-block-group.wp-container-content{
        border-right: none;
    }
    .stock-list .wp-block-group.wp-container-content:nth-of-type(2n) {
        border-left: 1px solid #9e9e9e;
    }
    .stock-list .wp-block-group.wp-container-content:last-child {
        border-right: 1px solid #9e9e9e;
    }

}


@media (max-width: 575.98px) {
    .wp-block-table.is-style-vk-table-cell-vertical[data-cell-vertical-breakpoint=table-cell-vertical-mobile]:not(.is-style-stripes) table:where(:not(.has-border-color)) :is(th, td):first-of-type{
        background-color: #c39000;
    }
    .stock-items .has-text-align-center.vk_block-margin-0--margin-bottom{
        text-align: left;
    }
    .has-vivid-red-background-color .has-text-align-center.vk_block-margin-0--margin-bottom{
        background: none;
    }

    .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column-is-layout-flow[style*=flex-basis]:nth-of-type(2n){
        margin: 0 0 1em;
    }
}
@media (max-width: 991.98px) {

}