/*
Theme Name:shun_suzuki
Theme URI:http://www.shunsuzuki.jp
Description:鈴木俊建築設計のWEBサイト
Author:artboard
Author URI:http://artboard.co.jp/
Version:
Tags:
*/
/*@import "";
@import "";
@import "";*/
@charset "utf-8";
/* CSS Document */

/* clearfix */
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;    
clear: both; 
visibility:hidden;
}
.clearfix{
display: block;
} 
/* clearfix */

/* 微調整 */
.mar-0{ margin:0px; }
.mar-t0{ margin-top:0px; }
.mar-t05{ margin-top:5px; }
.mar-t10{ margin-top:10px; }
.mar-t15{ margin-top:15px; }
.mar-t20{ margin-top:20px; }
.mar-t30{ margin-top:30px; }
.mar-t40{ margin-top:40px; }

.mar-l0{ margin-left:0px; }
.mar-l05{ margin-left:5px; }
.mar-l10{ margin-left:10px; }
.mar-l15{ margin-left:15px; }
.mar-l20{ margin-left:20px; }
.mar-l30{ margin-left:30px; }

.mar-b0{ margin-bottom:0px; }
.mar-b05{ margin-bottom:5px; }
.mar-b10{ margin-bottom:10px; }
.mar-b15{ margin-bottom:15px; }
.mar-b20{ margin-bottom:20px; }
.mar-b30{ margin-bottom:30px; }
.mar-b40{ margin-bottom:40px; }
.mar-b50{ margin-bottom:50px; }
.mar-b53{ margin-bottom:53px; }
.mar-b60{ margin-bottom:60px; }

.mar-r0{ margin-right:0px; }
.mar-r05{ margin-right:5px; }
.mar-r10{ margin-right:10px; }
.mar-r15{ margin-right:15px; }
.mar-r20{ margin-right:20px; }
.mar-r30{ margin-right:30px; }

.pa-b10{ padding-bottom:10px; }
/* 微調整 */

/* リセット */
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color:#4b4848;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
a{
	text-decoration:none;
}
h2{
	font-size:17px;
}

h2,h3 {
	color:#4b4848;
}
	
/* リセット */

/* 基本文字 */
p ul, li, a{
	font-size:13px;
	color:#3e3a39;	
}
a:hover{
	opacity:0.6;
}
small{
	font-size:12px;
}
/* 基本文字 */

/* base */
img{
	width:100%;
}
/* base */


/*ここに680px以下を記述*/
header{
    margin: 26px auto;
    text-align: center;
    width: 100%;
}
header h1{
    margin: 26px auto 0;
    text-align: center;
    width: 63%;
}

/*slicknav用*/
/*Media Queries*/
.js .slicknav_menu {
	display:block;
}
.js .menu {
	display:none;
}
/*slicknav用終了*/

/* contentsWrap部分 */
.contentsWrap{
    margin: 0 auto 53px;
    max-width:95%;
}
.single-works1 .contentsWrap{
    max-width:100%;
}
.contentsWrap .mainContents {
	width:100%;
	margin-bottom:30px;	
}
.contentsWrap .subContents {
    width: 100%;
}
.contentsWrap .subContents h2{
    font-family: 'Open Sans', sans-serif;
	margin-bottom:20px;
}
.single-works1 .contentsWrap .subContents h2, .single-works1 .contentsWrap .subContents h3, .single-works1 .contentsWrap .subContents p{
	font-family: 'Open Sans', sans-serif;
	margin-bottom:5px;
	font-size:13px;
}
.subContents ul li{
	/*margin-bottom:20px;*/
	line-height:1.8em;
	font-size: 0.75em;
}
.contentsWrap .subContents h3{
	margin-bottom:13px;
}
.contentsWrap .subContents time{
    font-size:12px;
	font-weight:bold;
	color:#3e3a39;
	line-height:2.5em;
}
/* contentsWrap部分 */

/* globalFooter部分 */
.globalFooter{
    height: 97px;
    text-align: right;
    max-width: 95%;
}

.home .globalFooter p {
    position: absolute;
    bottom: 10px;
    /*left: 50%;
    margin-left: -100px;*/
	right:2.5%;
}

/*メインエリア*/
#portfolio{
	margin:0px;
	padding:0px;
	height:512px !important;
}
#portfolio li{
	list-style:none;
}
.globalHeader h1 {
	position: relative;
}
.globalHeader h1 a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s;
	opacity: 1;
}
.globalHeader h1 a.white {
	opacity: 1;
}
.globalHeader h1 a.black {
	/*opacity: 0;*/
}
/*.first-image .globalHeader h1 a.black {
	opacity: 1;
}
.first-image .globalHeader h1 a.white {
	opacity: 0;
}*/
.home a {
	color: #4b4848;
}
.first-image a {
	/*color: #3e3a39;*/
}
.home .globalFooter p {
	color: #4b4848;
	transition: all 0.3s;
}
.first-image .globalFooter p {
	/*color: #4b4848;*/
}
.home .globalNavi ul li a {
	color: #4b4848;
}
.first-image .globalNavi ul li a {
	/*color: #3e3a39;*/
	
}
.cate li span {
    color: #4b4848;
}
.first-image .cate li span {
	/*color: #4b4848;*/
}
.contentsWrap .subContents h2{
    color: #4b4848;
}
.first-image .contentsWrap .subContents h2{        
/*        color: #4b4848;*/
    }
@media screen and (min-width :680px){ 

  
/* header部分 */
header{
	/* max-width: 1080px;*/
	width:100%;
	margin: 0 0 73px 0;
}
header h1{
	float: left;
    margin-top: 30px;
	margin-left: 30px;
	/*margin-top: 46px;*/
    /*width: 21%;*/
	max-width: 227px;
}
.globalNavi{
	float: right;
    margin-top: 30px;
	/*margin-top: 46px;*/
    width: 40%;
}
.globalNavi ul{
    /*width:100%;*/
	margin-right: 30px;
	float:right;
	min-width:400px;
}
.globalNavi ul li {
    float: left;
    margin: 5px 6.7%;
}

.globalNavi ul li:last-child {
	margin-right:0;
}
.globalNavi ul li:first-child {
	margin-left:0;
}
.globalNavi ul li a {
	padding-bottom:5px;
	display: inline-block;
    position: relative;
	letter-spacing:2px;
    transition: all .3s;
}
.globalNavi ul li a::after {
	/*background-color: #3e3a39;*/
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
   /* transform: translateX(-50%);
    transition: all 0.3s ease 0s;*/
    width: 0;
}
.globalNavi ul li a:hover::after {
	width: 100%;
}
.globalNavi ul li a:hover{
	color: #3e3a39;
}

/*slicknav用*/
.js .slicknav_menu {
	display:none;
}
.js .menu {
	display:block;
}
/*slicknav用*/
/*ヘッダー部分終了*/

/* header部分 */

/* contentsWrap部分 */
.contentsWrap{
    margin: 0 auto 53px;
   /* max-width: 1080px;*/
}
.contentsWrap .mainContents {
	float:right;
	/*width:75.3%;*/
	width:100%;
	margin-bottom:0;
}
.page-template-news .contentsWrap .mainContents
 {
	width:75.3%;
}
.archive .contentsWrap .mainContents {
    float: right;
	width:75.3%;
}
.contentsWrap .subContents {
	width:216px;
}
.contentsWrap .mainContents.col_2 {
	margin-left: -300px;
	padding-left: 300px;
}
.contentsWrap .subContents h2{
    margin-bottom: 15px;
	letter-spacing:2px;
    color: #4b4848;
    transition: all .3s;
}
/* contentsWrap部分 */

/* globalFooter部分 */
.globalFooter{
    margin: 0 auto;
    /*max-width: 1080px;*/
}

/* aside部分 */
.boxA{
	width:100%;
}
.subContents .boxA h3{
	margin-bottom:45px;
}
.boxA h3{
	font-size: 89%;
    font-weight: 500;
    line-height: 1.7em;
}
.boxA p{
	color:#666;
}
.single-works1 .contentsWrap .subContents .post01{
	width:100%;
	margin: 0 0 45px 0px;
}

.single-works1 .contentsWrap .subContents .post01 p{
	font-size:0.75em;
	line-height: 1.8em;
	/*padding-right: 200px;*/
}	
.post01 p{
	width:100%;
}
.post02 p{
	width:100%;
	font-size:12px;
	line-height: 1.5em;
}


/*開閉式メニュー*/
	
label {
    color: #fff;
    padding-bottom:10px;
    display: block;
    margin: 0 0 15px 0;
    font-size:100%;
    font-weight:bold;
    border-bottom:1px #CCC solid;
}
.page-template-works1 dt {
    margin: 0 0 15px 0;
    font-weight:bold;

}
.page-template-works1 dd {
    margin: 0 0 15px 0;
    font-weight:bold;
}
.page-template-works1 .cate dl{
    margin-bottom: 40px;
}
input[type="checkbox"].on-off{
    display: none;
}

.cate li {
    padding: 10px 0;
    line-height:1.5em;
}
.cate li span {
    font-weight:bold;
    transition: all .3s;
}
.page-template-works1 .cate li {
    background-color:#FFF;
    padding: 10px;
}
input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul{
    height: auto;
}


/*works一覧*/
.mainContents_works{
	width: 90%;
	margin:0 auto;
}

.page-template-works1 h2, .page-template-page-profile h2 {
	letter-spacing: 2px;
    margin-bottom: 50px;
	display:block;
	width:100%;
	margin-bottom: 75px;
	font-family:"Open Sans",sans-serif;
}
.page-template-works1 h2 {
	width:90%;
}
.page-template-works1 .postWork{
	float: left;
    margin-bottom: 40px;
    margin-right: 5%;
    width: 30%;
	min-height:300px;
}
.page-template-works1 .postWork:nth-child(3n) { 
	margin-right: 0;	
}
.page-template-works1 .postWork img{
	margin-bottom: 10px; 
}
.page-template-works1 .postWork h2{
	margin-bottom: 5px; 
	font-size:13px;
}
.page-template-works1 .postWork li{
	line-height:1.5;
}
.page-template-works1 .pagenav{
	clear:both;
	margin:20px;
	text-align:right;
}


/*works個別ページ*/
.single-works1 li {
    line-height:1.5;
}
.slides li {
	padding:0 0 80px 0;
}
.single-works1 .contentsWrap .subContents {
	width:95%;
	margin:0 auto;
	position:relative;
	clear:both;
/*	float:none;
*/}
.single-works1 .con_wrap {
    width: 100%;
    float: left;
}
.single-works1 .subContents .col_s{
	width:216px;
	float: left;
    margin-left: -100%;
}
.single-works1 .subContents .col_l{
	float: left;
	margin: 0 300px;
	box-sizing: border-box;
}
.single-works1 .subContents .col_space{
	float: left;
    margin-left: -216px;
    width: 216px;
}

.single-works1 .contentsWrap h2{
		font-size:100%;	
		padding-bottom:10px;
		margin-bottom: 40px;
		margin-left:30px;
		color: #4b4848;
}

.single-works1 .contentsWrap .subContents h3{
	margin-bottom:30px;
}
/*works一覧*/


/*contact,plofile一覧*/
.page-template-page-profile .contentsWrap h2{
	line-height:1;
}
.page-template-page-profile .contentsWrap{
    font-size: 0.75em;
	line-height:1.8;
}
.page-template-page-profile .contentsWrap table{
    width:70%;
}
.page-template-page-contact .contentsWrap{
    font-size: 0.75em;
	line-height:1.8;
}
.page-template-page-profile .contentsWrap .subContents h2, 
.page-template-page-contact .contentsWrap .subContents .boxA h2{
	color: #4b4848;
	margin-bottom:20px;
	font-size:17px;
}
.page-template-page-contact .contentsWrap .subContents h3{
	font-size:14px;
}
.page-template-page-profile .boxA h3{
	font-size:14px;
}
.page-template-page-profile .boxA dl{
	margin-bottom:40px;
}

.wp-post-image{
	width:100%;
	height:auto;
}
.page-template-page-contact .contentsWrap h2{
    margin-bottom: 50px;
	color: #4b4848;
	letter-spacing: 2px;
}
.page-template-page-contact p{
    margin-bottom: 20px;
    line-height: 1.8em;
    width: 100%;
	
}



/*news一覧*/

.page-template-news h2, 
.archive h2 {
 	margin-bottom: 50px;
	overflow-wrap: break-word;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.page-template-news #sub h2, 
.archive  #sub h2 {
 	border-bottom: none;
	line-height: 24px;
	padding: 0px;
	color: #4b4848;
}
.page-template-news .con_right h3, 
.archive .con_right h3 {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom:20px;
}
.page-template-news .subContents .boxA h3, 
.archive .subContents .boxA h3 {
	margin-bottom:20px;
}
.page-template-news p.date, 
.archive p.date{
    color: #999;
	font-size: 11px;
	margin:30px 0px;
	text-transform: uppercase;
}
.page-template-news p, 
.archive p, 
.single-post p{
	font-size: 13px;
	margin: 0 0 25px;
	line-height:1.5;
}
.page-template-news .con_right,
.archive .con_right{
	margin:0px 300px 80px 0;
}
.con_right{
	margin:0px 0 80px 0;
	padding:20px 0 40px 0;
	border-top: 1px solid #e7e7e7;
}
.archive p.date_style{
    line-height: 24px;
    padding: 0;
	font-size:17px;
}
/*news一覧*/
.single-post .con_right h3 {
	font-size: 17px;
    margin-bottom: 20px;
	line-height: 24px;
	padding: 0 0 20px;
}
.single-post p.date {
	color: #999;
	font-size: 10px;
	margin: 0 0 25px;
	text-transform: uppercase;
}
.single-post p {
	font-size: 13px;
	line-height: 1.5;
	margin: 0 0 25px;
}


/*profileページ*/
.profile_left{
	float: left;
	max-width:330px;
	margin-right:100px;
}
}

/*ここに680px以下を記述*/
@media screen and (max-width: 780px){
/* header部分 */
header{
	height:80px;
}
h2{
margin-bottom:50px;	
letter-spacing: 2px;
}
p{
    font-size: 80%;
	line-height:1.8;
}
.page-template-news h3,
.archive h3
{
	margin-bottom:10px;
}
.page-template-works1 h2, 
.page-template-page-profile h2{
	letter-spacing: 2px;
    margin-bottom: 50px;
	display:block;
}
.single-works1 h2,
.single-works1 .post01 p,
.single-works1 .subContents .col_s{
	width:95%;
	margin-right:auto;
	margin-left:auto;
}
.single-works1 .slides li {
    padding: 0 0 40px;
}
.single-works1 .slides li:last-child {
    padding: 0 0 20px;
}
.page-template-works1 .postWork{
		margin-bottom:30px;
}
.page-template-works1 .postWork h2 {
    line-height: 1.5;
    margin-bottom: 10px;
}
.page-template-news .con_right img{
	margin:40px 0 60px;
}
.page-template-works1 img{
	margin: 0 0 10px;
}
.page-template-works1 .post{
	margin: 0 0 70px;
}
.single-works1 .subContents .col_s{
		margin-top: 40px;
}
.page-template-page-profile .cate img{
	height: auto;
}
.page-template-page-profile h3{
	margin-bottom: 20px;
}

.page-template-page-profile .contentsWrap table{
    width:100%;
}
.date{
	margin-bottom:20px;
	
}

/*開閉式メニュー*/
.cate li {
    padding: 10px 0;
    line-height:1.5em;
}
.cate li span {
    font-weight:bold;
    transition: all .3s;
}

/*メインエリア*/
#portfolio{
	height:450px !important;
}
.single-post .con_right h3 {
	line-height: 1.8;
	margin-bottom: 10px;
}
.single-post p.date {

}
.single-post p {
	font-size: 13px;
	line-height: 1.5;
	margin: 0 0 25px;
}
	
.subContents dt, .subContents dd{
	margin-bottom:20px;
}
.page-template-page-contact p {
    margin-bottom: 20px;
}
}

/*ここに680px以下を記述*/
@media screen and (max-width: 480px){
	#portfolio{
	height:250px !important;
}
}
@media screen (max-device-width: 320px){ /*ここに680px 〜 1023pxまでのcssを記述*/

.single-works1 .contentsWrap .subContents .post01 p{
	width:100%;
	font-size:100em;
	line-height: 4em;
}
}