/*
Theme Name: monolith_tcd042 Child
Template: monolith_tcd042
*/


/*-------------------------------------------
    ▼テーマスタイルシート変更追記箇所▼
-------------------------------------------*/


/* ボックス　コンテンツ 追記編集20200407　横幅変更*/
.index_box_list .headline { display:table; width:100%; }


/* 詳細ページ 　追記　施工事例背景色変更*/
#project_related .headline { background:#2382B1; }


/* ヘッダー　130→90に変更*/
#header { height:90px; }
#header_inner { height:90px; }



/* グローバルメニュー 　高さ130→90に変更*/
.pc #global_menu > ul { height:90px; }
.pc #global_menu ul ul { top:90px; }



/* パンくずリンク margin15→0へ変更　TOP以外の高さ上げ*/
#bread_crumb { margin:0px 0 0; }


/* フッター下部 */
#footer_social_link li.twitter:hover:before { color:#16b9dc; }






/*-------------------------------------------
	▼基本追加スタイル▼
-------------------------------------------*/

#header {
	border-top: solid 6px #1A4391;
}

/* ドロップダウンメニューの区切り線 */
.pc #global_menu ul ul li {
    border-bottom: 1px #d9d9d9 dotted;
}

/* ヘッダー全体を基準にする */
#header {
    position: relative !important;
}

/* ヘッダー枠の高さを変えず、メニュー文字だけをロゴの中央〜下段へ下げる */
.pc #global_menu > ul > li > a {
    padding-top: 15px !important;    /* 下げ具合の調整（25px〜35pxでお好みに調整） */
    padding-bottom: 10px !important;
}

/* メニュー末尾の右余白を確保し、アイコンとの重なりを防止 */
.pc #global_menu > ul {
    padding-right: 60px !important;
}

/* Instagramアイコンの固定配置 */
#global_menu li.header-insta-link,
#global_menu #menu-item-2399 {
    position: absolute !important;
    top: 20px !important;    /* アイコンの上下位置 */
    right: 25px !important;  /* アイコンの右端位置 */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    z-index: 999 !important;
}

/* 32x32px アイコン画像設定 */
#global_menu li.header-insta-link a,
#global_menu #menu-item-2399 a {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    background-image: url('https://vintech.co.jp/image/bac_header.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
}

#post_title {
	color: #333;
	text-align: center;
}

h2 {
	text-align: center;
}

/* フォント */
.f_size_18 {
	font-size: 1.8em!important;
}

.f_right {
	text-align: right!important;
}

.f_red {
	color: #f00000;
}

/* カラー */
.f_bmidasi {
	color: #1f3134;
}

/*　カラム対応　*/
.mcolumn {
    display: flex;
    flex-flow: row wrap;
	/*align-items: center;*/
	background: #fff;
	box-sizing: border-box;
	row-gap: 60px;
}
/* 各ボックスの余白調整 */
.mcolumn > div {
    width: 45%;
    margin-left: auto;
    margin-right: auto;
}

/* スマホ表示時の段間余白 */
@media (max-width: 768px) {
.mcolumn {
     row-gap: 40px; /* スマホ時の段ごとの隙間 */
}
.mcolumn > div {
     width: 100%;
}
}

.mcolumn .item1{
 	order: 1;
}
.mcolumn .item2{
	order: 2;
}
.mcolumn .item3{
	order: 4;
}
.mcolumn .item4{
	order: 3;
}
.mcolumn .item5{
	order: 5;
}
.mcolumn .item6{
	order: 6;
}
.mcolumn .item7{
	order: 8;
}
.mcolumn .item8{
	order: 7;
}
.mcolumn .item9{
	order: 9;
}
.mcolumn .item10{
	order: 10;
}
.mcolumn .item11{
	order: 12;
}
.mcolumn .item12{
	order: 11;
}

.mcolumn p {
	padding: 5px 20px 0px 20px;
}

/*カラム*/
@media (max-width: 768px) {
.mcolumn {display: block;}
.mcolumn  div{width: 100%;}
}

/* 見出し（h1・h2）の下余白をギュッと詰める */
h1, h2,
.rich_font,
.item h2 {
	margin-top: 0 !important;
    margin-bottom: 5px !important; /* 初期値の広い下余白を5pxに圧縮 */
}

.tuiki {
	color: #555;
	text-align: center!important;
	margin: 0px auto 10px auto!important;
    padding: 0px;
	font-size: 18px;
	border-top: 1px #999 solid!important;
	display: inline-block;
}

.con_cen { 
	text-align: center!important;
	margin: 0px auto;
	box-sizing: border-box;
}

.con_cenlink a { 
	width: 80%;
	font-size: 0.8em;
	color: #333!important;
	text-align: center!important;
	margin: 0px auto 10px auto;
	padding: 10px 0px 10px 0px;
	border: 1px #999 solid;
	background: #eee;
	text-decoration: none;
	display: block;
}

.con_cenlink a:hover { 
	color: #fff!important;
	background: #ABCE2A;
	text-decoration: none!important;
	position:relative;
    top: 1px;
	display: block;
}

/*-------------------------------------------
	▼index▼
-------------------------------------------*/

.index_box_list li.box3 {
	margin:0;
}
.index_box_list .headline {
    /* 1. 箱が文字に合わせて縮むのを防ぎ、中央揃えにする設定 */
    display: flex !important;
    align-items: center; /* 縦の中央揃え */
    justify-content: center; /* 横の中央揃え */
    width: 100% !important;
    height: 130px;
    color: #fff !important;
    font-weight: bolder;
    
    /* 2. backgroundではなく「-image」をつけて初期化を防ぐ */
    background-image: url(https://vintech.co.jp/image/top_conbactitle.png) !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    
    /* 3. これが横幅いっぱいに広げる特効薬です */
    background-size: 100% 100% !important; 
}

.index_box_list .image a:hover span {
    background: #00698C!important;
	color: #fff!important;
}

#index_blog_image:hover {
   opacity: 0.8;
}

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

/*あんしん*/

#con_ansin {
	width: 90%;
	border: 1px #2382B1 solid;
	margin: 0px auto;
	padding: 10px 10px 20px 10px;
}

.num_ansin {
	display: inline-block;
    color: #FFF;
    background: #2382B1;
    padding: 20px;
    margin-right: 15px;
    line-height: 1.3;
    letter-spacing: .1rem;
}

h4 {
	display:inline-block;
}

.pc div.con_ansin {
	padding-left: 5em; 
}

.pc #con_ansin dl{
	margin: 0px 0px 20px 0px;
}

.pc #con_ansin dt{
	color: #2382B1!important;
	font-size: 1.2em;
	float: left;
	clear: left;
	padding: 0px;
	font-weight: bold;
	border-bottom: #1A4391 dotted 1px;
	box-sizing: border-box;
	display: inline-block;
}

#con_ansin dt{
	color: #2382B1!important;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom:  #1A4391 dotted 1px;
	box-sizing: border-box;
	display: inline-block;
}

.pc #con_ansin dd{
	margin: 0em;
	padding: 0.5em 0em 0em 0em;
}

.conan_column {display: block;}
.conan_column  div{
	width: 100%;
    border: 1px #1A4391 solid;
}

.conan_column_l {
	width: 30%;
	float: left;
}

.conan_column_r {
	width: 70%;
	float: left;
}

/* WB工房 */

.pc div.conweb_cen { 
	width: 80%;
	margin: 0px auto 60px auto;
	box-sizing: border-box;
}

.num_wb {
	display: inline-block;
    color: #FFF;
    background: #45a21f;
    padding: 20px;
    margin-right: 15px;
    line-height: 1.3;
    letter-spacing: .1rem;
}

/* ZEH */
.pc #con_zeh {
	width: 75%;
}

#con_zeh {
	border: 1px #1A4391 solid;
	margin: 0px auto;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
}

.zeh_table {
	margin: 20px auto 20px auto;
	border-collapse: collapse;
	border: 1px;
	border-color: #fff;
	padding: 0px;
}
.zeh_tr {
	text-align: center;	
	background-color: #44617b;
	color: #FFF;
	padding: 0px;
}
.zeh_td {
	text-align: center;	
	background-color: #eaedf7;
	vertical-align: middle;
	color: #555;
	padding: 0px;
}


/*-------------------------------------------
	▼company▼
-------------------------------------------*/

#company dl{
	width:100%;
	margin: 0px 0px 20px 0px;
}

#company dt{
	margin: 0px;
	padding: 0px;
	font-weight:bold;
	border-bottom:#666 dotted 1px;
	box-sizing:border-box;
	display: inline-block;
}

#company dd{
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
	margin-left: 1em;

}

/* 採用情報 */

.pc #recruit dl{
	width: 85%;
	margin: 0px 0px 20px 0px;
	padding-left: 15em;
}

.pc #recruit dt{
	font-size: 1.2em;
	float: left;
	clear: left;
	margin-left: -8em;
	padding: 0px;
	font-weight: bold;
	border-bottom: #666 dotted 1px;
	box-sizing: border-box;
	display: inline-block;
}

#recruit dt{
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: #666 dotted 1px;
	box-sizing: border-box;
	display: inline-block;
}

.pc #recruit dd{
	margin: 0em;
	width: 90%;
	padding: 0.5em 0em 0em 0em;
}


/*-------------------------------------------
	▼contact▼
-------------------------------------------*/
.conta_box {
	text-align: center;
    width: 90%;
    border: 1px #1A4391 solid;
	box-sizing: border-box;
}

.conta_box a:hover {
   opacity: 0.8;
}

/* プライバシポリシー */
.pc div.conta_cen { 
	width: 80%;
	margin: 0px auto 60px auto;
	box-sizing: border-box;
}

.num_pri {
	display: inline-block;
    color: #FFF;
    background: #2382B1;
    padding: 20px;
    margin-right: 15px;
    line-height: 1.3;
    letter-spacing: .1rem;
}

/* フォーム */

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

.list-inline .wpcf7-list-item {
	display: inline;
}

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

.wpcf7 {
	background: #fff!important;
	border: none!important;
	color: #333!important;
}

.wpcf7 div.koumoku {
	font-size: 1.3em!important;
	font-weight: bold;
	color: #2382B1!important;
	margin-bottom: 10px;
	padding: 0px 0px 5px 10px;
	width: 80%;
	border-left: 5px #2382B1 solid;
	border-bottom: 2px #2382B1 dotted;
}

.pc .wpcf7 p {
	margin: 0px 0px 50px 30px!important;
}

.asterisk {
	margin: 0 0 0 0.2em;
	color: #f00000!important;
}

.pc .wpcf7 input[name="simei"],
.pc .wpcf7 input[name="email"],
.pc .wpcf7 input[name="address"],
.pc .wpcf7 input[name="date-1"],
.pc .wpcf7 input[name="date-2"],
.pc .wpcf7 input[name="tel"]{
	 width: 40%;
     height: 35px !important;
	color: #333;
}

.pc .wpcf7 input[name="filetenpu1"]{
	width: 40%;
    height: 35px !important;
	color: #333;
}

.pc .wpcf7 input[name="filetenpu2"]{
	width: 40%;
    height: 35px !important;
	color: #333;
}

.pc .wpcf7 textarea[name="toiawase"] {
    width: 80%;
    height: 200px !important;
}

input[type="file"]{
    background:none!important;
	-webkit-appearance:none;
}

/* ========================================================
   1. ALL施工事例の見出し置換＆レスポンシブ文字サイズ調整
======================================================== */
body.term-port_all #archive_catchphrase h1.headline {
    font-size: 0 !important;
}

body.term-port_all #archive_catchphrase h1.headline::after {
    content: "設計から建築アフターケアまで全ておまかせください" !important;
    display: block !important;
    color: #00698c !important;
    font-size: 34px !important; /* PC用サイズ */
    line-height: 1.4 !important;
}

/* スマホ表示時（画面幅767px以下）の文字サイズ調整 */
@media screen and (max-width: 767px) {
    body.term-port_all #archive_catchphrase h1.headline::after {
        font-size: 20px !important; /* スマホに適したサイズに縮小 */
        line-height: 1.5 !important;
        padding: 0 10px !important;
    }
    #archive_catchphrase .desc {
        font-size: 13px !important;
        padding: 0 10px !important;
    }
}

/* 説明文ブロック全体の調整 */
#archive_catchphrase .desc {
    text-align: center !important;
    line-height: 1.8 !important;
    margin-top: 15px !important;
}

/* 施工事例メニューの先頭の「All」項目（liごと）を完全消去 */
#project_catgory_sort > li:first-child {
    display: none !important;
}