/*
Theme Name: Lightning Child
Theme URI: https://lightning.vektor-inc.co.jp/en/
Template: lightning
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 14.24.0.1667520980
Updated: 2022-11-04 09:16:20

*/

/*
header
/////////////////////////
*/

.page-header{
    min-height: 0.4rem !important;
}


/*
contents
/////////////////////////
*/

.site-body{
	padding: 0;
}

.veu_card .veu_card_inner{
	align-items: center;
    display: flex;
    justify-content: space-between;
}

.metal-col .site-body-container{
    display: flex;

}

.metal-col .side-metal{
    width: 260px;
}

.metal-col .main-section{
    width: calc(100% - 200px);
    margin-left: 60px;;
}


.side-metal ul{
    margin-top: 30px;
}

.side-metal ul li{
    background: #fff;
}

.side-metal ul li a{
    font-weight: bold;
    padding: 20px 10px;
}

.page_top_btn{
    box-shadow:none;
}


/*
contact
/////////////////////////
*/

.must{
    background: #f00;
    color: #fff;
    padding: 2px;
    margin-left: 5px;
    font-size: 11px;
}

.wpcf7-not-valid-tip {
    padding: 10px 0px;
}

dl.contact7 dt{

}

dl.contact7 dd{
    margin-bottom: 1em;
    
}

/*
設備情報　/tech/machine/
/////////////////////////
*/

.metal-col .side-metal{
    overflow: hidden;
}

/*
レスポンシブ
/////////////////////////
*/

@media screen and (max-width: 990px) {
	/* 959px以下に適用されるCSS（タブレット用） */

    .side-metal{
        display: none;
    }

    .site-body-container{
        width: 100%;
        display: block !important;
    }

    .metal-col .side-metal {
        width: 100%;
    }

    .metal-col .main-section {
        width: 100%;
        margin-left: 0;
    }


}