@charset "utf-8";

.pc { display:block; }
.sp { display:none; }

a img:hover{otacity:0.7;}
  
.c-list_news tr:nth-child(odd) {
    background-color: rgba(234, 225, 81, 0.3);
}

.cssskin-_block_main img{border-bottom:none!important;}

#a-header{position: relative!important;}

#a-billboard {padding: 0!important;}

.c-space_normal .g-column>.-col4 {width: 20%;}
.c-space_normal .g-column>.-col8 {width: 75.9%;}

h4.c-small_headline {padding-top: 0.25em!important;}
h4.c-small_headline.c-left {padding-top: 0.25em;}

.in-contents-center{text-align: center;}
.in-contents-center .c-img{display: inline-block;}

.c-img{/*filter: drop-shadow(-5px 5px 5px #aaa);*/}
.no-filter{filter:none;}

.-dress_b12007s {color: #000000;font-size: 14px;font-family:YuMincho,Yu Mincho,'游明朝',"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝",MS PMincho,"MS 明朝",serif;}
.-dress_b12007s a {color: #333;}
.-dress_b12007s .c-list_news td {padding-right: 1em;}
.-dress_b12007s .c-list_news th{padding:1em;}
.-dress_b12007s .c-menu.-menu_d li a{font-size:1.2em;line-height: 2.25;padding: 1em 0.1em;}
.-dress_b12007s .c-img img {object-fit: contain;}
.-dress_b12007s .c-blog-category a{padding: 0.25em 1.25em;}
.-dress_b12007sGlobalmenu.b-both_diff .column.-col4 {
    background: -moz-radial-gradient(rgba(255,255,255,.8), rgba(255,255,255,0));
    background: -webkit-radial-gradient(rgba(255,255,255,.8), rgba(255,255,255,0));
    background: radial-gradient(rgba(255,255,255,.8), rgba(255,255,255,0));
}
.-dress_b12007s .a-billboard {
    border-top: solid 90px rgba(239, 238, 224,0);
    border-right: solid 0px #EFEEE0;
    border-bottom: solid 20px #EFEEE0;
    border-left: solid 0px #EFEEE0;
    margin-top: 2em;
}
.-dress_b12007s .c-blog-pagination a.c-blog-pagination-link.-current {
    color: #fff;
    background-color: #375717;
	pointer-events: none;
}
.-dress_b12007s .b-accordion .b-accordion_navigation a{
	pointer-events: none;
    cursor: pointer;
}
.c-list_news>tr>th, .c-list_news>tbody>tr>th {width: 10%;}

.cssskin-_block_billboard .c-page_title {text-shadow: 2px 2px 1px #fce5c4;}

.line-deco01{
    margin:  0;
    position:  relative;
    font-weight:  normal;
    margin-bottom: 15px;
    border-bottom: solid 4px rgba(76, 175, 80, 0.6);
    border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;
    text-indent: 1em;
}

.lines-on-sides, h2 {display: table;text-align: center;white-space: nowrap;}
.lines-on-sides:after, h2:after {border-left: 1em solid transparent;}
.lines-on-sides:before, h2:before {border-right: 1em solid transparent;}
.lines-on-sides:after, h2:after, .lines-on-sides:before, h2:before {content: '';display: table-cell;width: 50%;background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));-webkit-background-clip: padding;background-clip: padding;}

.-col5,-sp-col2{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.c-photo div,.c-body div,.c-none div{display: inline-block;margin: 8px 7px;}
#imageBlock img{
    display: inline-block!important;
    width: 195px;
    margin: 5px 5px 10px 5px;
    height: 146px!important;
    object-fit: contain;
    background-color:#ddd!important;
    cursor: pointer;
}
.c-blog-category a{pointer-events:none;}

#graydisplay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%!important;
  height: 100%;
  background: rgba(0,0,0,0.45);
  z-index:200;
}
#graydisplay img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
  max-height: 90%;
  height: 80%;
  filter: drop-shadow(6px 6px 3px #ddd);
  object-fit: contain;
}

#myform .glyphicon {color: #c00;}



/***Googleマップ表示***/
#map_block div#embed{width:90%;}
@media only screen and (max-width: 641px) {
    #map_block div#embed{width:100%;}
}

/***スライドショー***/
#slide_block div {margin: 5px 0;}
.bd-slide-carousel .images .item .image {background-color: #6987461a;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);}
.bd-slide-carousel .images .item .image img{object-fit: contain!important;}
.bd-slide-carousel .thums-area .thums .item{background-color: #6987461a;}
.bd-slide-carousel .thums-area .thums .item img{object-fit: contain!important;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);}

/***ヘッダ***/
header section .g-column .column:first-child{padding-top: 5px!important;width:20%!important;margin-top:15px;margin-left:15px;}
header section .g-column .column:last-child{width:78%!important;}
header section .g-column .column:first-child .c-body{padding-top:0!important;}

.-dress_b12007s .c-menu.-menu_d li .c-current {background-color: rgba(55, 87, 23, 0.8);}
.-dress_b12007s .c-menu.-menu_d li a:hover {background-color: rgba(234, 225, 81, 0.8);}
.-dress_b12007s .c-menu.-menu_d li a {background-color: #ffffffcc;}

#a-ghost_header ul.c-menu{text-align:center;}
#a-ghost_header ul.c-menu li {
	writing-mode: initial;
	margin-top: 0;
	font-size: 12px;
	width: 17%;
	margin-right: 0;
}
#a-ghost_header ul.c-menu li:nth-child(1),
#a-ghost_header ul.c-menu li:nth-child(5),
#a-ghost_header ul.c-menu li:nth-child(7),
#a-ghost_header ul.c-menu li:nth-child(8),
#a-ghost_header ul.c-menu li:nth-child(9){display:none;}

#a-ghost_header ul.c-menu li a{height:60px;}
#a-ghost_header ul.c-menu li a:hover {background-color: rgba(234, 225, 81, 0.8);}
#a-ghost_header nav{background-color: #fff;}
#a-ghost_header ul.c-menu li a,
#a-ghost_header nav{
	background: -moz-radial-gradient(rgba(255,255,255,.9), rgba(255,255,255,0));
	background: -webkit-radial-gradient(rgba(255,255,255,.9), rgba(255,255,255,0));
	background: radial-gradient(rgba(255,255,255,.9), rgba(255,255,255,0));
}
#a-ghost_header .g-column .column{height:60px;}
#a-ghost_header .g-column .column:first-child{width: 15%!important;min-width:150px;}
#a-ghost_header .g-column .column:last-child{width: 85%!important;margin-top: 15px;}
#a-ghost_header .c-menu.-menu_d li .c-current {color:#375717;}

/*フッター*/
#a-footer{position: relative!important;z-index: 0!important;}
.-dress_b12007s footer a {color: #ffffff;}

/*TOP*/
#top_blogs .c-body {padding-top: 0;}
#top_blogs .c-img{background-color:#ddd;width:331px;}

/*ブログ*/
span[data-press-category="blog"]{display:none;}

/*ブログ：一覧*/
body.blog_index .sjgken{padding:0 33%!important;max-width: 100%;}
body.blog_index .sjgken:before, .blog_index .sjgken:after {width:30%!important;}
body.blog_index .blog_list_title{line-height:1.6;font-size:16px;}
body.blog_index .c-list_news>tr>th, .c-list_news>tbody>tr>th {width: initial!important;}
body.blog_index .c-list_news td{padding-top:0!important;}
.-dress_b12007s .c-list_news th.archive_block-th {padding: 0;padding-top: 1em;border-bottom: 0;}
.-dress_b12007s .c-list_news tr.archive_block-tr {background-color:initial;}

body.blog_detail .c-hr,
body.news_index .c-hr,
body.news_detail .c-hr{margin-top: 1em!important;margin-bottom: 0!important;border-top: solid 1px #EAE151!important;}
/*省エネ*/
body.shop_index #page .bg-document {background-size: contain;}

/*木の家づくり*/
body.muku_index .c-photo div, .muku_index .c-body div, .muku_index .c-none div{width:100%;}
.sjgken img{margin:0 auto;}
.sjgken {
	position: relative;
	display: inline-block;
	padding: 0 45%;
	text-align: center;
	color:#375717;
	white-space: nowrap;
}
.sjgken:before, .sjgken:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45%;
	height: 1px;
	background-color: #375717 ;
}
.sjgken:before {left:0;background: linear-gradient(-45deg, transparent, #375717  10%, #375717  30%, transparent);}
.sjgken:after {right: 0;background: linear-gradient(-45deg, transparent, #375717  70%, #375717  90%, transparent);}

/*ブログ：詳細*/
body.blog_detail .c-photo div, .blog_detail .c-body div, .blog_detail .c-none div{width:100%;}

/*Studyroom本郷*/
body.about_studyroom .bd-slide-carousel .images {height: calc(100% - 131px)!important;}


/*施工事例：一覧*/
body.example_index #example_index_bk01 ul{margin: 30px 30px -25px;}
body.example_index #example_index_bk01 ul li {
	display: inline-block;
    margin: 0.5em 1em;
}
body.example_index #example_index_bk01 ul li:nth-child(1){display:none;}
body.example_index #example_index_bk02-1 .c-img img,
body.example_index #example_index_bk02-2 .c-img img,
body.example_index #example_index_bk02-3 .c-img img,
body.example_index #example_index_bk02-4 .c-img img,
body.example_index #example_index_bk02-5 .c-img img,
body.example_index #example_index_bk02-6 .c-img img,
body.example_index #example_index_bk02-7 .c-img img{
	margin: 0 auto -10px auto;
}


/*施工事例：詳細*/
body.example_detail #a-main section img{display: none;}
body.example_detail .c-photo div, .example_detail .c-body div, .example_detail .c-none div{margin: 8px 7px;}
body.example_detail .-js-bindZoom .c-img{display:none!important;}
body.example_detail span .smode{display:block!important;}
body.example_detail .imageBlock{display: inline-flex;width: 18%;background-color: #ddd!important;margin: 0.5%;max-height:100px;justify-content: center;}
body.example_detail .imageBlock img{object-fit:contain;cursor: pointer;}
body.example_detail .imageBlock img:hover{opacity:0.7;}

/*イベント：詳細*/
body.event_detail #a-main section img{display: none;}
body.event_detail .c-photo div, .example_detail .c-body div, .example_detail .c-none div{margin: 8px 7px;}
body.event_detail .-js-bindZoom .c-img{display:none!important;}
body.event_detail span .smode{display:block!important;}
body.event_detail .imageBlock{display: inline-flex;width: 31%;background-color: #ddd!important;margin: 0.5%;max-height:300px;justify-content: center;}
body.event_detail .imageBlock img{object-fit:contain;cursor: pointer;}
body.event_detail .imageBlock img:hover{opacity:0.7;}

/*お知らせい：一覧*/
#news_list_bk01 div.c-img img {display: flex!important;}

/*お知らせ：詳細*/
body.news_detail .c-photo div, .news_detail .c-body div, .news_detail .c-none div{width:100%;}
body.news_detail main sction div:nth-child(3) .column .c-body div.c-img{width: 195px;}
body.news_detail #a-main section img{display: none;}
body.news_detail main sction div:nth-child(3) img {display: flex!important;} 

/*カテゴリー別一覧ページ*/
body.news_detail .c-photo div, .example_detail .c-body div, .example_detail .c-none div{margin: 8px 7px;}
body.news_detail .-js-bindZoom .c-img{display:none!important;}
body.news_detail span .smode{display:block!important;}
body.news_detail .imageBlock{display: inline-flex;width: 31%;background-color: #ddd!important;margin: 0.5%;max-height:300px;}
body.news_detail .imageBlock img{object-fit:contain;cursor: pointer;}
body.news_detail .imageBlock img:hover{opacity:0.7;}

/*お問い合わせ*/
body[class$="_contact"] main section div:nth-child(4) .c-body{background: #fff;border: 1px solid #ddd;}
.glyphicon-asterisk:before {content: "\002a";color: #c00;}
.textarea-block{height: 10em;overflow-y: scroll;border: 2px solid #ddd;font-size: 12px;font-family: initial;padding: 5px 10px;line-height: 1.5;}
#myform{padding: 0 20px;}

/*よくあるご質問*/
body.faq_index .b-accordion .column {padding:0 1em 1em 1em;}
body.faq_index .b-accordion .b-accordion_navigation{
	outline: 1px dotted #fff;
	outline-offset: -5px;
	cursor: pointer;
}

/*お客様の声*/
.customer_lists .c-img{margin:0;}

/*スタッフ紹介*/
body.about_staff .g-column.-col5>.column{padding: 10px;}
body.about_staff main section div:nth-child(3) img{height:105px;}
body.about_staff main section div:nth-child(3) .g-column.-col5>.column{padding:0.5em;min-width:200px;}
body.about_staff main section div:nth-child(3) .g-column.-col5>.column:nth-child(odd){background-color: #EEEAB4;}

/***レスポンシブ カスタマイズ***/

@media only screen and (max-width: 1150px) {
	body.about_staff .c-space_normal .g-column.-col5>.column{width:23%;}
	body._ .c-space_normal .g-column.-col3>.column,
	body._index .c-space_normal .g-column.-col3>.column{width:47%;}
}

@media only screen and (max-width: 940px) {
	body.about_staff .c-space_normal .g-column.-col5>.column{width:31%;}
}

@media only screen and (max-width: 770px){
    body._ .c-space_normal .g-column.-col3>.column, body._index .c-space_normal .g-column.-col3>.column {
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
	body.about_staff .c-space_normal .g-column.-col5>.column{width:48%;}
}

@media only screen and (min-width: 642px) {
    .-dress_b12007s .c-large_headline {font-size: 1.8em;}
    .-dress_b12007s .c-small_headline {font-size: 1.3em;}
}

@media only screen and (max-width: 641px) {
	.-dress_b12007s{line-height: 1.5;}
	
    .d-large_font{font-size:120%}
    .-dress_b12007s .c-large_headline {font-size: 1.4em;}	
	
	header section .g-column .column:first-child {
    	width: 150px!important;
	}
	.example_index .c-sp-space_wide .g-column.-no_spacing.-col5>.column {width: 45%;}
	.example_index .c-sp-space_wide .g-column.-no_spacing.-col5>.column:nth-child(odd) {margin-right: 8%;}

    .-dress_b12007s .a-billboard {
    	border-top:0;
    	margin-top:0!important;
    }
    body._index .a-billboard,body._ .a-billboard{margin-top: 330px!important;}
    body._index #page .bg-document,body._ #page .bg-document {background-size: contain;}
    #a-billboard .column .c-body span{font-size:20px!important;white-space: nowrap;}

    body.about_staff main section div:nth-child(3)>div{padding-left: 30px;padding-right: 30px;}
    
    .pc { display:none; }
    .sp { display:inline-block; }

}