/*   
Theme Name: Architect Child Theme
Theme URI: 
Description: Use this theme to start your Architect Child Theme development.
Author: Victor Tihai
Author URI: https://wplook.com/
Template: thearchitect-wpl
Version: 2.0.0
*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
.tab { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
@media only screen and (max-width: 1024px){
.tb { display: block !important; }
}


body{
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000 !important;
}
header.header{background-color: #000 !important;}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}

h2, .h2 {
    font-size: 2.1em;
	text-transform: uppercase;
}
h3, .h3 {
    font-size: 1.8em;
	text-transform: uppercase;
}
h4, .h4 {
    font-size: 1.6em;
	text-transform: uppercase;
}
h5, .h5 {
    font-size: 1.4em;
	text-transform: uppercase;
}
h6, .h6 {
    font-size: 1.2em;
	text-transform: uppercase;
}

.txt-center{
	text-align: center;
}

span.m-alert{
	color:#bb3e3e;
	font-size:80%;
	margin-right:10px;
}

header.header .wrap .brand h2{
	display: none;
}
header.header{
	    background-color: #000;
}
.footer{
	background-color: #000;
}

@media only screen and (max-width: 767px) {
	header.header{
	min-height: 75px;
	}
	.mobile_menu_button {
    line-height: 75px;
	}
	nav.mobile_menu{
	top: 75px;
	}
	.huge-title{
		font-size: 30px;
	}
}

.mobile_menu_button span i{
		background-color: #000;
	}

.huge-title{
	font-weight: normal;	
}
.module-title h3{
	font-weight: normal;
}

.block-grid .block-item .text h1{
	text-shadow: 0 0 8px #000;
	font-weight: normal;
}
body.single-projects .project-cover .hero-title h1{
	    font-size: 300%;	
}

.huge-title{
	font-size: 60px;
	text-shadow: 0 0 8px #000;
}
.module-title h3 {
    font-size: 30px;
    text-transform: uppercase;
}
.module-title p{
	font-size: 16px;
	line-height: 24px;
}
.case-study h4{
	font-size: 0.8em;
    color: #999;
    font-weight: normal;
}
.project-meta li h4{
	font-size: 0.8em;
    color: #999;
    font-weight: normal;
}
.project-meta li .project-meta-cost{
	display: none;
}

.btn.black, .black.accent-btn, input.black[type="submit"], .comment-respond .black#submit{
    border-color: #000;
    background-color: #000;
}

ul.award li{
	font-size: 13px;
	min-height: 180px;
}

.module-title{
	background:none;
}

header.header .wrap .brand img{
	max-width: 100%;
}

.block-grid .block-item .text{width: 95%;}
.block-grid .block-item .text h1{max-width: 100%;}

.fa{
	font-size: 26px;
    vertical-align: sub;
}

@media only screen and (max-width: 1024px){
	.block-grid.columns-3 .block-item h1, .block-grid.columns-4 .block-item h1{
	font-size: 180%;
    max-width: 250px;
	}
	.huge-title{
		font-size: 46px;
	}
}

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

dl.company{
	font-size: 1.8rem;
}

.company dt {
clear: left;
float: left;
width: 20%;
font-weight: bold;
margin-bottom: 30px;
font-size: 1rem;
}
.company dd {
margin: 0 0 30px 20%;
font-size: 1rem;
line-height: 1.8;
}
/*#page dd:before { content: '……　'; }*/

@media screen and (max-width: 768px) {
	.company dt {
		clear: both;
		margin-bottom: 10px;
		width: 100%;
		font-size: 1rem;
	}
	.company dd{
		line-height: 1.3;
		margin: 0 0 30px 0;
		font-size: 1rem;
	}
}