@charset "utf-8";


/* 　連動ページCSS
----------------------------------------------------------------------------

		・お知らせ
		・新築・リフォーム施工実例
		・イベント情報
		・スタッフブログ
		・最新工事状況
		・更新履歴

--------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
		連動ページ共通部分
--------------------------------------------------------------------------*/
/*ページネーション　２つバージョン*/
div#page_two {
	width: 100%;
}

div#page_two.page_bar {
	padding: 50px 0 0;
	border-top: 1px solid #666666;
}

div#page_two ul {
	display: table;
	width: 100%;
	margin: 0 auto 0;
	max-width: 620px;
}

div#page_two ul li {
	display: table-cell;
	padding: 0 5px 0;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
}

div#page_two ul li a {
	display: block;
	padding: 8px;
	color: #ffffff;
	background: #8C0000;
	box-sizing: border-box;
}

div#page_two ul li.pt01 a {
}

div#page_two ul li.pt02 a {
}

div#page_two ul li a:hover,
div#page_two ul li a:active {
	opacity: 0.6;
}

/*エディター文字サイズ*/
.ql-align-center {
 text-align:center;
}

.ql-align-right {
 text-align:right;
}

.ql-size-small {
	font-size: 13px;
}

.ql-size-large {
	font-size: 18px;
}

.ql-size-huge {
	font-size: 22px;
}





/*--------------------------------------------------------------------------
		お知らせ
--------------------------------------------------------------------------*/
#contents_main.news #news_area {
	background: #ffffff;
}

#contents_main.news #news_area a {
	display: block;
	color: #393939;
	background: #D1D1D1;
}

#contents_main.news #news_area a:hover,
#contents_main.news #news_area a:active {
	opacity: 0.6;
}


#contents_main.news .news_item {
	display: table;
	table-layout: fixed;
	margin-bottom: 10px;
	padding: 15px;
	width: 100%;
	background: url(../img/icon_r-w36.png) right 10px center no-repeat;
	background-size: 12px;
	border-left: 5px solid #8C0000;
	box-sizing: border-box;
}

#contents_main.news .news_item > div {
	display: table-cell;
	vertical-align: top;
}

#contents_main.news .news_item > div.date {
	width: 150px;
	text-align: center;
}

#contents_main.news .news_item > div.text {
	padding: 0 50px 0;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*個別ページ*/
#news_page .titlebox {
	margin-bottom: 20px;
	padding: 20px 30px 20px;
	background: #D1D1D1;
	border-bottom: 2px solid #8C0000;
	box-sizing: border-box;
	font-size: 16px;
}

#news_page .titlebox p {
	padding: 0 0 5px;
	font-size: 13px;
}

#news_page .titlebox h2 {
	font-size: 16px;
}

#news_page .txbox .txcomment {
	margin-bottom: 20px;
}

#news_page .txbox .txcomment:last-child {
	margin-bottom: 0;
}

#news_page .txbox .txcomment p {
	margin-bottom: 0;
}

#news_page .txbox .txcomment p:last-child {
	margin-bottom: 0;
}

#news_page .txbox .txlink {
	display: table;
	width: 100%;
}

#news_page .txbox .txlink > div {
	display: table-cell;
	vertical-align: top;
}

#news_page .txbox .txlink > div:first-child {
	width: 100px;
}

#news_page .txbox .txlink .out_link {
	margin-bottom: 0;
	padding: 2px 0 2px;
	color: #ffffff;
	background: #8F7761;
	box-sizing: border-box;
	text-align: center;
}

#news_page .txbox .txlink .link {
	padding: 0 0 0 20px;
	box-sizing: border-box;
	word-break: break-all;
}

#news_page .txbox + .phbox {
	margin-top: 40px;
}

#news_page .phbox {
	overflow: hidden;
}

#news_page .phbox .item {
	float: left;
	padding: 0 5px 0;
	width: 33.33%;
	box-sizing: border-box;
	word-break: break-all;
}

#news_page .phbox .item > div {
	padding: 10px;
	margin-top:10px;
	background: #ffffff;
	border: 1px solid #aaaaaa;
	box-sizing: border-box;
}

#news_page .phbox .item > div .p_frm {
	position: relative;
	overflow: hidden;
}

#news_page .phbox .item > div .p_frm img {
	position: absolute;
	height: auto;
}

#news_page .phbox .item > div .p_frm + p {
	padding: 5px 0 0;
}

#news_page .phbox + .pdf {
	margin-top: 50px;
	background: #ffffff;
}

#news_page .pdf h3 {
	padding: 8px 15px 5px;
	background: #ACACAC;
	border-left: 5px solid #8C0000;
	box-sizing: border-box;
	font-size: 15px;
}

#news_page .pdf > div {
	background-color:#FFF;
}

#news_page .pdf a {
	display: block;
	margin-top: 1px;
	padding: 15px 0 15px 80px;
	color: #393939;
	background: url(../img/icon_pdf.png) no-repeat left 20px center #E4E4E4;
	background-size: 24px;
	border-left: 5px solid #666666;
	box-sizing: border-box;
}

#news_page .pdf a:hover, #news_page .pdf a:active {
	opacity: 0.6;
}


/*--------------------------------------------------------------------------
	新築施工実例、リフォーム新築実例
--------------------------------------------------------------------------*/
/*-----新築施工実例、リフォーム施工実例　共通index-----*/
.works_navi ul {
	margin: 0 auto 50px auto;
	display: table;
	width: 100%;
	max-width: 460px;
}

.works_navi ul li {
	padding: 0 10px;
	display: table-cell;
	width: 50%;
	box-sizing: border-box;
	max-width: 200px;
}

.works_navi ul li a {
	padding: 13px 10px;
	display: block;
	width: 100%;
	color: #ffffff;
	background: #aaaaaa;
	text-align: center;
	box-sizing: border-box;
}

#works_area .post {
	margin: 0 auto 0;
	width: 100%;
	overflow: hidden;
}

#works_area .post a {
	margin: 0 0 50px 0;
	padding: 0 5px 0;
	float: left;
	width: 25%;
	font-size: 15px;
	color: #393939;
	text-align: center;
	box-sizing: border-box;
}

#works_area .post h2 {
	margin: 5px 0 0 0;
	font-size: 15px;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}

#works_area .post a .item .ph {
	background: #ffffff;
}

#works_area .post a .item .ph .p_frm {
	position: relative;
	overflow: hidden;
}

#works_area .post a .item .ph .p_frm img {
	position: absolute;
}

#contents_main.works #nav_list #pagination, #contents_main.works_r #nav_list #pagination{
	padding: 0;
}

#works_area .post a .item .ph .p_frm:active, #works_area .post a .item .ph .p_frm:hover {
	opacity: 0.6;
}

/*-----新築施工実例　index--------------------------------------*/
.works_navi ul.new li a:active,.works_navi ul.new li a:hover {
	background: #000055;
}

.works_navi ul.new li.now a {
	background: #8C0000;
}

/*-----リフォーム施工実例　index-----------------------------------*/
.works_navi ul.reform li a:active,.works_navi ul.reform li a:hover {
	background: #8C0000;
}

.works_navi ul.reform li.now a {
	background: #000055;
}


/*-----新築施工実例　article------------------------------------*/
#works_guest h2 {
	margin-bottom: 50px;
	padding: 20px 10px 16px;
	color: #ffffff;
	letter-spacing: 0.15em;
	background: #393939;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
}

#w_databox .w_new {
	padding: 20px;
	width: 100%;
	overflow: hidden;
	background: #E4E4E4;
	box-sizing: border-box;
}

#w_databox .w_new > div {
	float: left;
	width: 50%;
}

#w_databox .w_new .wp_frm {
	position: relative;
	overflow: hidden;
}

#w_databox .w_new .wp_frm img {
	position: absolute;
}

#w_databox .w_new .w_data {
	padding: 0 0 0 20px;
	box-sizing: border-box;
}

#w_databox .w_new .inputdata dl {
	display: table;
	width: 100%;
}

#w_databox .w_new .inputdata dl dt,
#w_databox .w_new .inputdata dl dd {
	display: table-cell;
	vertical-align: middle;
}

#w_databox .w_new .inputdata dl dt{
	padding: 5px 10px 3px;
	width: 100px;
	color: #ffffff;
	background: #8F7761;
	box-sizing: border-box;
	text-align: center;
}

#w_databox .w_new .inputdata dl dd {
	padding: 5px 10px 3px;
	background: #ffffff;
	box-sizing: border-box;
}

#w_databox .w_new .inputdata dl + dl {
	margin-top: 10px;
}

#w_databox .w_new .inputdata .text {
	padding: 20px;
	background: #ffffff;
	box-sizing: border-box;
}

#w_databox .w_new .inputdata dl + .text {
	margin-top: 10px;
}

div + #works_post {
	margin-top: 50px;
}

#works_post .item + .item {
	margin-top: 80px;
}

#works_post h3 {
	margin-bottom: 20px;
	border-bottom: 1px solid #ACACAC;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
}

#works_post .photo {
	width: 100%;
	overflow: hidden;
}

#works_post .photo .sub_frm {
	float: left;
	margin-bottom: 20px;
	padding: 0 1px 0;
	width: 33.3%;
	box-sizing: border-box;
}

#works_post .photo .sub_ph {
	position: relative;
	overflow: hidden;
	background: #E4E4E4;
}

#works_post .sub_ph img{
	position: absolute;
}

#works_post .photo .sub_ph a:hover,
#works_post .photo .sub_ph a:active {
	opacity: 0.6;
}

#works_post .photo .sub_frm p {
	padding: 3px 0 0;
	font-size: 13px;
}

#works_post .photo .sub_frm p:before {
	content: '▲';
}

#works_post .wg_ph + .wg_text {
	margin-top: 10px;
}

#works_post .note {
	padding: 20px;
	background: #ffffff;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}

/*-----リフォーム施工実例　article---------------------------------*/
#works_r_guest h2 {
	margin-bottom: 30px;
	padding: 3px 20px 0;
	border-left: 5px solid #000055;
	box-sizing: border-box;
	font-size: 20px;
}

#w_databox .w_reform .w_data h3 {
	padding: 2px 0 0;
	color: #ffffff;
	background: #000055;
	text-align: center;
}

#w_databox .w_reform .w_data .inputdata {
	padding: 20px 20px 10px;
	background: #E4E4E4;
	box-sizing: border-box;
}

#w_databox .w_reform .w_data .inputdata .item {
	width: 100%;
	overflow: hidden;
}

#w_databox .w_reform .w_data .inputdata dl {
	float: left;
	display: table;
	padding: 0 20px 10px 0;
	width: 50%;
	box-sizing: border-box;
}

#w_databox .w_reform .w_data .inputdata dl dt,
#w_databox .w_reform .w_data .inputdata dl dd {
	display: table-cell;
	vertical-align: middle;
}

#w_databox .w_reform .w_data .inputdata dl dt {
	padding: 2px 0 0;
	width: 100px;
	background: #ffffff;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

#w_databox .w_reform .w_data .inputdata dl dd {
	padding: 2px 0 0 20px;
	line-height: 1.5;
	box-sizing: border-box;
}

#w_databox .w_reform .w_data .inputdata .text {
	margin-bottom: 10px;
	padding: 20px;
	background: #ffffff;
}

#w_databox .w_reform .w_data .inputdata .item + .text {
	margin-top: 20px;
}

div + #works_r_post {
	margin-top: 80px;
}

#works_r_post .oneitem { /*beforeが1枚の時class="oneitem"が発生*/
	width: 100%;
	overflow: hidden;
}

#works_r_post .oneitem .wg_ph { /*beforeが1枚の時class="oneitem"が発生*/
	float: left;
	padding: 0 50px 0 0;
	width: 50%;
	box-sizing: border-box;
}


#works_r_post .item + .item {
	margin-top: 80px;
}

#works_r_post .item h3 {
	margin-bottom: 20px;
	padding: 3px 20px 0;
	border-left: 3px solid #000055;
	box-sizing: border-box;
	font-size: 18px;
}

#works_r_post .item .item_one {
	width: 50px;
}

#works_r_post .wg_ph + .wg_ph {
	margin-top: 10px;
}

#works_r_post .oneitem .wg_ph + .wg_ph {
	margin-top: 0;
}

#works_r_post .item .wg_ph h4 {
	margin-bottom: 20px;
	border-bottom: 1px solid #393939;
	box-sizing: border-box;
	font-size: 15px
}

#works_r_post .item .w_after h4 {
	color: #8C0000;
	border-bottom: 1px solid #8C0000;
}


#works_r_post .photo {
	width: 100%;
	overflow: hidden;
}

#works_r_post .photo .sub_frm {
	float: left;
	margin-bottom: 10px;
	padding: 0 1px 0;
	width: 33.3%;
	box-sizing: border-box;
}

#works_r_post .photo .sub_ph {
	position: relative;
	overflow: hidden;
	background: #E4E4E4;
}

#works_r_post .sub_ph img{
	position: absolute;
}

#works_r_post .oneitem .wg_ph .photo .sub_frm{ /*beforeが1枚の時class="oneitem"が発生*/
	margin-bottom: 20px;
	width: 100%;
	max-width: 330px;
}

#works_r_post .wg_text{
	clear: both;
	padding: 20px;
	background: #F8F8F8;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}

#works_r_post .wg_ph + .wg_text{
	margin-top: 20px;
}


/*--------------------------------------------------------------------------
		イベント情報
--------------------------------------------------------------------------*/
#event_area .item {
	background: #ffffff;
}

#event_area .item + .item {
	margin-top: 30px;
}

#event_area .ev_box + .ev_box {
	margin-top: 30px;
}

#event_area .item a {
	display: block;
	color: #393939;
	background: #ffffff;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
}

#event_area .item a .ev_box {
	display: table;
	padding: 20px;
	width: 100%;
	background: url(../img/bgbar_g.png) right center no-repeat;
	background-size: 20px;
	box-sizing: border-box;
}

#event_area .item a:hover, #event_area .item a:active {
	opacity: 0.6;
}

#event_area .item a .ev_box > div {
	display: table-cell;
	vertical-align: top;
}

#event_area .item a .ev_box .ph {
	width: 300px;
}

#event_area .item a .ev_box .ph .p_frm {
	position: relative;
	overflow: hidden;
}

#event_area .item a .ev_box .ph .p_frm img {
	position: absolute;
}

#event_area .item a .ev_box .text {
	padding: 0 40px 0 30px;
	box-sizing: border-box;
}

.ev_type {
	display: inline-block;
	margin-bottom: 10px;
	width: 150px;
	color: #ffffff;
	background: #8C0000;
	text-align: center;
	font-size: 12px;
}

#event_area .item h2 {
	font-size: 18px;
}

#event_area .item h2 + .inputdata {
	margin-top: 10px;
}

#event_area .item .inputdata dl {
	display: table;
	width: 100%;
}

#event_area .item .inputdata dl + dl {
	margin-top: 1px;
}

#event_area .item .inputdata dl dt,
#event_area .item .inputdata dl dd {
	display: table-cell;
	vertical-align: middle;
}

#event_area .item .inputdata dl dt {
	padding: 8px 0 5px;
	width: 80px;
	color: #ffffff;
	background: #8F7761;
	text-align: center;
	font-size: 13px;
}

#event_area .item .inputdata dl dd {
	padding: 3px 10px 0;
	background: #E4E4E4;
	box-sizing: border-box;
}

#contents_main.event #pageback.change p,
#contents_main.event_end #pageback.change p {
	max-width: 600px;
}

#contents_main.event #pageback.change p a,
#contents_main.event_end #pageback.change p a {
	background: #000055;
}

/*自動入力コード用*/
#event_area .item .inputdata dl dd p strong{
	font-weight: normal;
}

#event_area .item .inputdata dl dd p em{
	font-style: normal;
}

#event_area .item .inputdata dl dd p u{
   font-style: normal; 
   border: none; 
   text-decoration: none;
}

#event_area .item .inputdata dl dd p s{
	text-decoration: none;
}

#event_area .item .inputdata dl dd p span{
	padding: 0!important;
	min-width: auto!important;
	color: #393939!important;
	background: none!important;
	border: none!important;
}


/*-----イベント情報　article---------------------------------*/
#event_ar_area .title {
	display: table;
	padding: 10px 20px 10px;
	width: 100%;
	background: #ffffff;
	border: 1px solid #E4E4E4;
	box-sizing: border-box;
}

#event_ar_area .title > div {
	display: table-cell;
	vertical-align: middle;
}

#event_ar_area .title > div:first-child {
	width: 150px;
}

#event_ar_area .title .ev_type {
	margin-bottom: 0;
}

#event_ar_area .title h2 {
	padding: 5px 20px 0;
	box-sizing: border-box;
	font-size: 20px;
}

#event_ar_area div + .ev_box,
#event_ar_area div + .commnet,
#event_ar_area div + .map_button,
#event_ar_area div + .pdf {
	margin-top: 50px;
}

#event_ar_area .ev_box {
	display: table;
	width: 100%;
}

#event_ar_area .ev_box > div {
	display: table-cell;
	vertical-align: top;
}

#event_ar_area .ev_box .ph {
	width: 40%;
	max-width: 400px;
}

#event_ar_area .ev_box .ph .p_frm {
	position: relative;
	overflow: hidden;
	display:block;
}

#event_ar_area .ev_box .ph .p_frm img {
	position: absolute;
}

#event_ar_area .ev_box .text {
	padding: 0 0 0 50px;
	box-sizing: border-box;
}

#event_ar_area .inputdata dl {
	display: table;
	width: 100%;
}

#event_ar_area .inputdata dl + dl {
	margin-top: 1px;
}

#event_ar_area .inputdata dl dt,
#event_ar_area .inputdata dl dd {
	display: table-cell;
	vertical-align: middle;
}

#event_ar_area .inputdata dl dt {
	padding: 10px 0 10px;
	width: 100px;
	color: #ffffff;
	background: #8F7761;
	text-align: center;
}

#event_ar_area .inputdata dl dd {
	padding: 10px 20px 10px;
	background: #E4E4E4;
	box-sizing: border-box;
}

#event_ar_area .inputdata dl dd .reservation {
	color: #8C0000;
	font-weight: bold;
}

#event_ar_area .inputdata + .appo_go {
	margin-top: 20px;
}

#event_ar_area .appo_go {
	margin: 0 auto 0;
	width: 100%;
	max-width: 350px;
	background: #ffffff;
}

#event_ar_area .appo_go a {
	display: block;
	padding: 10px;
	color: #ffffff;
	background: #8C0000;
	box-sizing: border-box;
	text-align: center;
}

#event_ar_area .commnet {
	padding: 20px;
	background: #ffffff;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}

#event_ar_area .commnet .ev_kari01 { /*仮*/
	color:#663300;
	font-size: 16px;
}

#event_ar_area .map_button {
	margin: 0 auto 0;
	width: 100%;
	max-width: 500px;
	background: #ffffff;
}

#event_ar_area .map_button a {
	display: block;
	padding: 10px;
	color: #393939;
	background: #D1D1D1;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
	text-align: center;
}

#event_ar_area .map_button p {
	display: inline-block;
	padding: 10px 0 8px 40px;
	background: url(../img/icon_evmap.png) left center no-repeat;
	box-sizing: border-box;
}

#event_ar_area div + .image_area {
	margin-top: 80px;
}

/*#event_ar_area ul li {
	margin: 0 auto 0;
	width: 100%;
	max-width: 600px;
	text-align:center
}

#event_ar_area ul li img {
	width: auto;
	max-width: 100%;
	display: inline-block;
	max-height: 500px;
}

#event_ar_area .image_area ul li span {
    display: block;
	padding: 5px 0 0;
}*/

/*カルーセル*/
#event_ar_area .image_area {
    margin: 50px auto 50px;
	width: 100%;
    max-width: 800px;
}

#event_ar_area .image_area #carousel .owl-carousel {
    margin: 0 auto;
    position: relative;
}

#event_ar_area .image_area #carousel .owl-carousel .owl-stage-outer img {
    width: auto;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	max-height: 500px; 
}

#event_ar_area .image_area #carousel .owl-carousel .owl-stage-outer article {
    box-sizing: border-box;
    margin: 0 auto;
	padding: 0 0 20px;
	position: relative;
	width: 100%;
	text-align: center;
	max-width: 600px; 
}

#event_ar_area .image_area #carousel .owl-carousel .owl-stage-outer article p {
    box-sizing: border-box;
    padding: 5px 0 0; 
    width: 100%;
    line-height: 1.6;
}

#event_ar_area .image_area #carousel .owl-carousel .owl-dots {
    display: none; 
}

#event_ar_area .image_area #carousel .owl-carousel .owl-nav {
    display: none; 
}

#event_ar_area .image_area #carousel .owl-thumbs {
	box-sizing: border-box; 
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

#event_ar_area .image_area #carousel .owl-thumbs .owl-thumb-item {
	box-sizing: border-box; 
	padding: 5px;
	float: left;
	width: 12.5%;
	cursor: pointer;
}

#event_ar_area .image_area #carousel .owl-thumbs .owl-thumb-item span {
    display: block;
	position: relative;
	width: 100%;
	overflow: hidden; 
	text-align: center;
}

#event_ar_area .image_area #carousel .owl-thumbs .owl-thumb-item span img {
    position: absolute; 
}

#event_ar_area .image_area #carousel .owl-thumbs .owl-thumb-item.active {
	opacity: 0.3;
}


#event_ar_area .pdf h3 {
	padding: 7px 20px 5px;
	color: #ffffff;
	background: #8F7761;
	border-left: 5px solid #8C0000;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: bold;
}

#event_ar_area .pdf > div {
	background: #ffffff;
}

#event_ar_area .pdf a {
	display: block;
	padding: 10px 10px 10px 80px;
	color: #393939;
	background: url(../img/icon_pdf.png) left 15px center no-repeat #E4E4E4;
	background-size: 24px;
	border-left: 5px solid #666666;
	box-sizing: border-box;
}

#event_ar_area .pdf h3 + div,
#event_ar_area .pdf > div + div {
	margin-top: 1px;
}

#event_ar_area .appo_go a:hover, #event_ar_area .appo_go a:active,
#event_ar_area .map_button a:hover, #event_ar_area .map_button a:active,
#event_ar_area .pdf a:hover, #event_ar_area .pdf a:active {
	opacity: 0.6;
}


/*-----イベント情報　end---------------------------------*/
#event_end_area .ev_endtop {
	margin-bottom: 50px;
	text-align: center;
}

#event_end_area .ev_endtop .br1st {
	display: none;
}

#event_end_area {
	width: 100%;
	overflow: hidden;
}

#event_end_area .item {
	float: left;
	margin-bottom: 50px;
	padding: 0 15px 0 0;
	width: 50%;
	color: #393939;
	box-sizing: border-box;
}

#event_end_area .item:nth-child(even) {
	padding: 0 0 0 15px;
}

#event_end_area .item .ev_box {
	display: table;
	width: 100%;
	box-sizing: border-box;
}

#event_end_area .item .ev_box > div {
	display: table-cell;
	vertical-align: top;
}

#event_end_area .item .ev_box .ph {
	width: 120px;
}

#event_end_area .item .ev_box .ph .p_frm {
	position: relative;
	overflow: hidden;
	background: #E4E4E4
}

#event_end_area .item .ev_box .ph .p_frm img {
	position: absolute;
}

#event_end_area .item .ev_box .text {
	padding: 0 0 0 20px;
	box-sizing: border-box;
}

#event_end_area .ev_type {
	margin-bottom: 5px;
	width: 120px;
	background: #ACACAC;
	font-size: 11px;
}

#event_end_area .item h2 {
	font-size: 16px;
}

#event_end_area .item .inputdata dl {
	display: table;
	width: 100%;
}

#event_end_area .item .inputdata dl dt,
#event_end_area .item .inputdata dl dd {
	display: table-cell;
	vertical-align: top;
}

#event_end_area .item .inputdata dl dt {
	padding: 0;
	width: 80px;
}

#event_end_area .item .inputdata dl dt::before {
	content: '【';
}

#event_end_area .item .inputdata dl dt::after {
	content: '】';
}

#event_end_area .item .inputdata dl dd {
	box-sizing: border-box;
	font-size: 13px;
}

#contents_main.event_end #nav_list #pagination{
	padding: 0;
}

@media screen and (max-width: 1000px){
#event_end_area .item .ev_box .text {
	padding: 0 0 0 10px;
}

#event_end_area .item .inputdata dl dd {
	font-size: 12px;
}
}

/*--------------------------------------------------------------------------
		スタッフブログ
--------------------------------------------------------------------------*/
#sblog_area {
	display:table;
	width:100%;
}

#sblog_area > div{
	display:table-cell;
	vertical-align:top;
}

#bloglist .list{
	/*display:table;*/
	width:100%;
	background: #ffffff;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);}

#bloglist .list a {
	display: table;
	width:100%;
	padding: 20px;
	color: #393939;
	box-sizing: border-box;
}

#bloglist a:hover, #bloglist a:active {
	opacity: 0.6;
}

#bloglist .list + .list{
	margin-top: 20px;
}

#bloglist .list a > div {
	display:table-cell;
	vertical-align:top;
}

#bloglist .list .list_img{
	/*width:250px;*/
	width:200px;
}

#bloglist .list .list_img .p_frm{
	position:relative;
	overflow:hidden;
	background:#e4e4e4;
}

#bloglist .list .list_img .p_frm img{
	position:absolute;
}

#bloglist .list .list_text{
	margin-bottom: 10px;
	padding:0 0 0 40px;
	box-sizing:border-box;
}

#bloglist .list_text .data {
	display: table;
	width: 100%;
	overflow: hidden;
}


#bloglist .list_text .data > div {
	display: table-cell;
	vertical-align: bottom;
}

#bloglist .list_text .data > div:first-child {
	padding: 0 15px 0 0;
	box-sizing:border-box;
}

#bloglist .list_text .date {
	display: inline-block;
	padding: 0 10px 0 0;
	box-sizing:border-box;
}

#bloglist .list_text .name {
	display: inline-block;
	width: 120px;
	color: #ffffff;
	background: #8F7761;
	box-sizing:border-box;
	text-align: center;
	font-size: 11px;
}

#bloglist .list_text .data > div.photo {
	width: 70px;
}

#bloglist .list_text .data > div.photo .p_frm_s{
	position:relative;
	overflow:hidden;
}

#bloglist .list_text .data > div.photo .p_frm_s img{
	position:absolute;
}



#bloglist .list_text h2{
	clear: both;
	margin-top: 15px;
	line-height: 1.5;
	font-size:18px;
	font-weight: bold;
	word-break:break-all;
}

#bloglist .list_text p + h2 {
}

#bloglist .list_text .comment {
	margin-top: 15px;
	padding: 10px 0 10px;
	border-top: 1px solid #D1D1D1;
	box-sizing: border-box;
	font-size: 13px;
}

#bloglist .list_text .tx_next {
	text-align:right;
}


/*---------- TOPへ戻る ----------*/
#sblog_area div + .nav_area {
	margin-top: 30px;
}

#sblog_area .nav_area .pageback_s {
	width: 100%;
	overflow: hidden;
}

#sblog_area .nav_area .pageback_s p {
	float: left;
	width: 100%;
	max-width: 220px;
	background: #ffffff;
	
}

#sblog_area .nav_area .pageback_s p a {
	display: block;
	padding: 5px 10px 5px;
	color: #ffffff;
	background: #4E4E4E;
	box-sizing: border-box;
	text-align: center;
}

#sblog_area #nav_list #pagination {
	text-align: right;
}



/*---------- サイドナビ ----------*/

#side_area {
	width:250px;
	padding:0 0 0 50px;
}

#side_menu a {
	display: block;
	color: #393939;
}

#side_menu #menu_entries a:hover, #side_menu #menu_entries a:active {
	color: #F1AB0D;
}

#side_menu .menu_items + .menu_items {
	margin-top: 40px;
}

#side_menu .menu_items p.pc_title{
	padding: 5px;
	color: #ffffff;
	/*background: #A3CC7E;*/
	background: #6B9D3E;
	/*border-left: 10px solid #589A3D;*/
	border-left: 10px solid #4F742E;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
}

#side_menu .menu_items p.pc_title::before {
	content: url(../img/icon_leaf22w.png);
	padding: 0 5px 0 0;
	box-sizing: border-box;
}

#side_menu .menu_items p.sp_title{
	display:none;
}

#side_menu #menu_entries ul {
	padding: 10px;
	background: #ffffff;
	box-sizing: border-box;
	width:250px;
}

#side_menu #menu_entries ul > li a {
	display:block;
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#side_menu #menu_entries ul li + li {
	margin-top: 5px;
	padding: 5px 0 0;
	border-top: 2px dotted #cccccc;
	box-sizing: border-box;
}

#side_menu #menu_entries ul li span {
	font-size: 12px;
}

#side_menu #menu_category ul li {
	background: #ffffff;
}

#side_menu #menu_link ul li {
	margin-bottom: 5px;
}

#side_menu #menu_category ul li a{
	display: block;
	padding: 10px 10px 5px 35px;
	background: url(../img/icon_r-g36.png) left 10px  center no-repeat #E4E4E4;
	background-size: 10px;
	box-sizing: border-box;
	font-size: 13px;
}

#side_menu #menu_link ul li a {
	display: block;
	/*padding: 20px 10px 15px 35px;
	background: url(../img/icon_r-b36.png) left 10px  center no-repeat rgba(255,255,255,0.6);
	background-size: 10px;*/
	box-sizing: border-box;
	font-size: 13px;
	font-weight: bold;
}

#side_menu #menu_link ul li a img {
	max-width: 250px;
}

#side_menu #menu_link ul li a span {
	display: none;
}

#side_menu #menu_category ul li:first-child,
#side_menu #menu_category ul li + li {
	margin-top: 1px;
}

#side_menu #menu_link ul li:first-child,
#side_menu #menu_link ul li + li {
	margin-top: 5px;
}

#side_menu #menu_category ul li a:hover, #side_menu #menu_category ul li a:active,
#side_menu #menu_link ul li:hover, #side_menu #menu_link ul li:active {
	opacity: 0.6;
}

#side_menu #menu_rss{
	padding: 40px 0 0;
}

#side_menu #menu_back .sb_acmenu {
	padding: 10px 0 0;
}

#side_menu #menu_back .sb_acmenu form {
	width: 100%;
}

#side_menu #menu_back .sb_acmenu form #submit_select{
	width: 100%;
	max-width: 300px;
	height: 30px;
}

#side_menu #menu_rss a{
	display: block;
	margin: 0 auto 0;
	padding: 10px 10px 7px;
	max-width: 300px;
	color: #fff;
	background: #ACACAC;
	text-align: center;
	box-sizing: border-box;
}

#side_menu #menu_rss a::before {
	content: url(../img/icon_rss.png);
	padding: 0 10px 0 0;
	box-sizing: border-box;
}

#side_menu #menu_rss a:hover{
	text-decoration: none;
	opacity: 0.6;
}

/*社長ブログリンク*/
#n_blog_link a,
#n_blog_link a {
	padding: 15px 10px 12px;
	color: #ffffff;
	background: url(../img/icon_r-w24.png) right 10px center no-repeat #FAA32C;
	background-size: 10px auto;
	border: 1px solid #EF8C05;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
}


@media screen and (max-width: 1000px){
#bloglist .list .list_img{
	width:150px;
}

#bloglist .list .list_text{
	padding:0 0 0 20px;
}

#side_area {
	padding:0 0 0 30px;
}
}/*1000px*/

/*-----スタッフブログ　article---------------------------------*/

#sblog_ar_area .item {
	padding: 20px 0 50px;
	background: #ffffff;
	border: 2px solid #D1D1D1;
	box-sizing: border-box;
}

#sblog_ar_area .item .datebox {
	display: inline-block;
	padding: 5px 30px 5px;
	background: #D1D1D1;
	box-sizing: border-box;
}

#sblog_ar_area .item .date {
	display: inline-block;
	padding: 3px 20px 0 0;
	box-sizing: border-box;
}

#sblog_ar_area .item .name {
	display: inline-block;
	padding: 3px 20px 0;
	background: #ffffff;
	box-sizing: border-box;
	text-align: center;
	font-size: 13px;
}

#sblog_ar_area .textbox {
	padding: 30px 10px 0;
	box-sizing: border-box;
}

#sblog_ar_area .textbox h2 {
	padding: 0 0 0 50px;
	background: url(../img/icon_leaf72g.png) left center no-repeat;
	background-size: 36px;
	box-sizing: border-box;
	font-size: 20px;
}

#sblog_ar_area .textbox h2 + div {
	margin-top: 30px;
}

#sblog_ar_area .textbox div + .photo {
	margin-top: 30px;
}

#sblog_ar_area .photo {
	width: 100%;
	overflow: hidden;
}

#sblog_ar_area .photo .sub_frm {
	float: left;
	margin-bottom: 20px;
	padding: 0 2px 0;
	width: 50%;
	box-sizing: border-box;
}

#sblog_ar_area .photo .post_one {
	float: none;
	margin: 0 auto 20px;
	padding: 0 10px 0;
	width: 100%;
	max-width: 500px;
	box-sizing: border-box;
}

#sblog_ar_area .photo .sub_frm .p_frm{
	position:relative;
	overflow:hidden;
	/*background:#e4e4e4;*/
}

#sblog_ar_area .photo .sub_frm .p_frm img{
	position:absolute;
}

#sblog_ar_area .photo .sub_frm p {
	font-size: 12px;
}

#sblog_ar_area div + .map {
	margin-top: 40px;	
}

#sblog_ar_area .map p a {
	display: block;
	margin: 0 auto 0;
	padding: 10px;
	width: 100%;
	max-width: 300px;
	color: #ffffff;
	background: #589A3D;
	border-radius: 15px;
	box-sizing: border-box;
	text-align: center;
}

#sblog_ar_area .map p a:hover, #sblog_ar_area .map p a:active {
	opacity: 0.6;
}

/*TOPへボタン*/
#contents_main.sblog_ar #sblog_area .nav_area .pageback p a {
	padding: 10px;
	background: #8C0000;
}

/*記事がない場合*/
#contents_main.sblog_ar #post_none {
	margin-bottom: 50px;
	border-bottom: 1px solid #acacac;
}

/*スタッフ紹介リンク部分*/
#sblog_ar_area #staff_data {
	padding: 150px 20px 0;
	box-sizing: border-box;
}

#sblog_ar_area #staff_data > div {
	display: table;
	padding: 20px;
	width: 100%;
	background: #EBEBEB;
	box-sizing: border-box;
}

#sblog_ar_area #staff_data > div > div {
	display: table-cell;
	vertical-align: top;
}

#sblog_ar_area #staff_data > div > div.s_photo {
	width: 150px;
}

#sblog_ar_area #staff_data > div > div.s_photo .ph_frm{
	position:relative;
	overflow:hidden;
	background:#e4e4e4;
}

#sblog_ar_area #staff_data > div > div.s_photo .ph_frm img{
	position:absolute;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

#sblog_ar_area #staff_data > div > div.s_photo a {
	display: block;
	margin-top: 10px;
	padding: 5px;
	max-width: 150px;
	color: #ffffff;
	background: #8F7761;
	box-sizing: border-box;
	text-align: center;
	font-size: 12px;
}

#sblog_ar_area #staff_data > div > div.s_photo a:hover,
#sblog_ar_area #staff_data > div > div.s_photo a:active {
	opacity: 0.6;
}

#sblog_ar_area #staff_data > div > div.s_text {
	padding: 0 0 0 30px;
	box-sizing: border-box;
}

#sblog_ar_area #staff_data > div > div.s_text .s_name {
	font-size: 20px;
	font-weight: bold;
}

#sblog_ar_area #staff_data > div > div.s_text .s_title {
	margin-top: 5px;
	padding: 10px 0 0;
	box-sizing: border-box;
	border-top: 1px solid #bbbbbb;
	font-size: 15px;
	font-weight: bold;
}

#sblog_ar_area #staff_data > div > div.s_text .s_comment {
	margin-top: 5px;
}

/*スタッフブログ・社長ブログ共通----------------------*/
#side_menu  #n_blog_link,
#side_menu  #n_blog_link {
	margin: 50px auto 50px;
	width: 100%;
	background: #ffffff;
}

#side_menu #n_blog_link .sb_acmenu,
#side_menu #n_blog_link .sb_acmenu {
	padding: 10px 0 0;
}

#n_blog_link a:hover, #n_blog_link a:active,
#n_blog_link a:hover, #n_blog_link a:active{
	opacity: 0.6; 
 }
 

/*-----社長ブログ---------------------------------*/
.p_blog #side_menu .menu_items p.pc_title,
.p_blog_ar #side_menu .menu_items p.pc_title {
	background: #FAA32C;
	border-left: 10px solid #EE7700;
}

.p_blog #n_blog_link a,
.p_blog_ar #n_blog_link a {
	background: url(../img/icon_r-w24.png) right 10px center no-repeat #6B9D3E;
	background-size: 10px auto;
	border: 1px solid #589A3D;
}

.p_blog_ar #sblog_ar_area .item .date {
	 padding: 3px 0 0;
 }



/*--------------------------------------------------------------------------
		最新工事状況
--------------------------------------------------------------------------*/
#const .const_top {
	margin: 0 auto 50px;
	padding: 0 0 50px;
	border-bottom: 1px solid #666666;
	text-align: center;
}

#const_list {
	padding: 0 0 50px;
	border-bottom: 1px solid #ACACAC;
	box-sizing: border-box;
}

#const_list .item {
	display: table;
	width: 100%;
}

#const_list .item + .item {
	margin-top: 50px;
	padding: 50px 0 0;
	border-top: 1px solid #ACACAC;
	box-sizing: border-box;
}

#const_list .item > div  {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
}

#const_list .item .photo {
	width:300px;
}

#const_list .item .photo .p_frm {
	position: relative;
	overflow: hidden;
	background: #eeeeee;
}

#const_list .item .photo .p_frm img {
	position: absolute;
}

#const_list .item .text {
	padding-left:30px;
	box-sizing: border-box;
}

#const_list .item .text .head {
	margin-bottom: 10px;
}

#const_list .item .text .head h2 {
	background: #ffffff;
	margin-bottom: 15px;
}

#const_list .item .text .head h2 a {
	display: block;
	padding: 10px 0 7px 30px;
	color: #393939;
	background: #E4E4E4;
	border-left: 5px solid #8C0000;
	font-size:20px;
	font-weight:bold;
}

#const_list .item .text .head div,
#const_list .item .text ul li {
	box-sizing:border-box;
	display:table;
	width:100%;
}

#const_list .item .text .head div span,
#const_list .item .text .head div p,
#const_list .item .text ul li span {
	box-sizing:border-box;
	display:table-cell;
}

#const_list .item .text .head div {
	padding: 0 0 10px;
	line-height:1.5;
	border-bottom: 1px solid #ACACAC;
	box-sizing:border-box;
}

#const_list .item .text .head div span {
	width: 80px;
	border-right: 3px solid #ACACAC;
}

#const_list .item .text .head div p {
	padding: 0 0 0 10px;
}

#const_list .item .text ul li {
	table-layout: fixed;
}

#const_list .item .text ul li + li {
	margin-top:10px;
}

#const_list .item .text ul li a {
	display: block;
	padding: 8px 0 5px 30px;
	width: 100%;
	color: #393939;
	background: url(../img/icon_r-b36.png) left 10px center no-repeat;
	background-size: 10px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#const_list .item .text ul li p {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 20px 0 0;
}

#const_list .item .text ul li a:hover {
	color: #ffffff;
	background: url(../img/icon_r-w36.png) left 10px center no-repeat #000055;
	background-size: 10px;
}

#const_list .item .text .all a {
	display: block;
	margin: 10px 0 0 auto;
	padding: 5px 0 3px;
	max-width: 100px;
	color: #393939;
	border: 1px solid #aaaaaa;
	box-sizing: border-box;
	text-align: center;
	font-size: 11px;	
}

#const_list .item .text .all a:hover, #const_list .item .text .all a:active,
#const_list .item .text .head h2 a:hover, #const_list .item .text .head h2 a:active,
#const_list .item .photo a:hover, #const_list .item .photo a:active,
#contents_main.report .old_link a:hover, #contents_main.report .old_link a:hover {
	opacity: 0.6;
}

/*#contents_main.construction #nav_list {
	margin-top: 50px;
	border-top: 1px solid #ACACAC;	
}*/

#contents_main.construction #pageback.pb_bar{
	border: none;
	padding: 0;
}

#contents_main.construction #pageback.old_blog p {
	max-width: 500px;
}

#contents_main.construction #pageback.old_blog p a {
	background: #6C3600;
}

/*-----最新工事状況　cover---------------------------------*/
#cover .co_data .const_title {
	padding: 5px 20px 3px;
	border-left: 5px solid #8C0000;
	box-sizing: border-box;
}

#cover .co_data .const_title h2 {
	display: inline-block;
	padding: 0 20px 0 0;
	vertical-align: sub;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
}

#cover .co_data .const_title p {
	display: inline-block;
	padding: 0 30px 0;
	color: #ffffff;
	background: #4E4E4E;
	box-sizing: border-box;
	font-size: 12px;
}

#cover .co_data .const_title + div  {
	margin-top: 20px;
}

#cover .co_data .ph_tx {
	box-sizing:border-box;
	/*display:table;*/
	padding: 30px 20px 30px;
	width:100%;
	margin-bottom:50px;
	background: #e7e7e7;
	box-sizing: border-box;
	overflow: hidden;
}

#cover .co_data .ph_tx > div {
	box-sizing:border-box;
	/*display:table-cell;
	vertical-align:top;*/
	float: left;
}

#cover .co_data .photo {
	width: 40%;
	max-width: 400px;
}

#cover .co_data .photo.no_data {
	float: none;
	margin: 0 auto 0;
}

#cover .co_data .photo .p_frm {
	position:relative;
	overflow:hidden;
}

#cover .co_data .photo .p_frm img {
	position: absolute;
}

#cover .co_data .ph_tx .text {
	padding: 0 0 0 50px;
	width: 60%;
}

#cover .co_data .text dl {
	display: table;
	width:100%;
}

#cover .co_data .text dl + dl {
	margin-top: 1px;
}

#cover .co_data .text dl dt,
#cover .co_data .text dl dd {
	display: table-cell;
	padding: 15px 10px 15px;
	line-height: 1.5;
	vertical-align: middle;
	background: #ffffff;
	box-sizing:border-box;
}

#cover .co_data .text dl dt {
	width: 100px;
	color: #ffffff;
	background: #8C0000;
	text-align: center;
}

#cover div + #const_process,
#cover div + #const_st {
	margin-top: 50px;
}

#const_process section + section {
	margin-top: 50px;
}

#const_process section h3 {
	padding: 0 0 0 25px;
	background: url(../img/icon_square_15b.jpg) left top 3px no-repeat;
	font-size: 16px;
}

#const_process section h3 + div {
	margin-top:10px;
}

#const_st {
	width: 100%;
	overflow:hidden;
}

#const_st h3 {
	padding: 5px 0 3px;
	color: #ffffff;
	background: #ACACAC;
	text-align: center;
	font-size: 16px;
}

#const_st h3 + .ph_area {
	margin-top: 30px;
}

#const_st .ph_item {
	float: left;
	margin-bottom: 30px;
	padding: 0 5px 0;
	width: 33.33%;
	box-sizing: border-box;
}

#const_st .ph_item a {
	display: block;
	padding: 10px;
	color: #393939;
	background: #ffffff;
	border: 1px solid #ACACAC;
	box-sizing:border-box;
}

#const_st .ph_item a:hover,
#const_st .ph_item a:active {
	opacity: 0.6;
}

#const_st .ph_item a .ph_frm {
	position: relative;
	overflow:hidden;
}

#const_st .ph_item a .ph_frm img {
	position:absolute;
}

#const_st .ph_item .ph_frm + .day_t {
	margin-top: 10px;
}

#const_st .ph_item div.day_t p {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#const_st .ph_item div.day_t .st_data {
	font-size: 13px;
}

#contents_main.construction_co #pageback {
	margin-top: 30px;
}

/*-----最新工事状況　article---------------------------------*/
#const_page h2 a {
	display: block;
	margin-bottom: 10px;
	padding: 0 0 0 15px;
	color: #393939;
	border-left: 3px solid #8C0000;
	font-size: 14px;
	font-weight: bold;
}

#const_page h2 a:hover, #const_page h2 a:active {
	color: #FF962C;
}

#const_page .date {
	padding: 10px 20px 10px;
	background: #E4E4E4;
	box-sizing: border-box;
}

#const_page .date p {
	font-size: 13px;
	padding: 0 0 5px;
}

#const_page .date h3 {
	font-size:16px;
	font-weight:bold;
}

#const_page div + .comment {
	margin-top: 30px;
}

/*#const_page .comment p + p {
	margin-top: 20px;
}*/

#const_page div + .photo {
	margin-top: 20px;
}

#const_page .photo {
	overflow:hidden;
}

#const_page .photo .item:first-child {
	/*margin-top: 30px;*/
}

#const_page .photo .item + .item {
	/*margin-top: 30px;*/
}

#const_page .photo .item {
	float:left;
	margin-top: 30px;
	padding:0 1px 0;
	width:33.33%;
	box-sizing:border-box;
}

#const_page .photo .item a {
	display:block;
}

#const_page .photo .item .p_frm {
	position:relative;
	overflow:hidden;
	background: #eeeeee;
}

#const_page .photo .item .p_frm a img {
	position: absolute;
}

#const_page .photo .item .p_frm a:hover, #const_page .photo .item .p_frm a:active {
	opacity:0.6;
}

#const_page .photo .item p {
	margin-top: 5px;
	line-height: 1.5;
}

/*ページネーション　２つバージョン*/
#contents_main.construction_ar div#page_two {
	margin-top: 50px;
}

#contents_main.construction_ar div#page_two ul li.pt02 a {
	background: #8F7761;
}


/*--------------------------------------------------------------------------
		更新情報
--------------------------------------------------------------------------*/
#contents_main.topics #topics_area .item a {
	display: block;
	color: #393939;
}

#contents_main.topics #topics_area .item a:hover,
#contents_main.topics #topics_area .item a:active {
	background: #B9A797;
}

/*#topics_area .item {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ACACAC;
	box-sizing: border-box;
}

#topics_area .item:first-child {
	border-top: 1px solid #ACACAC;
	box-sizing: border-box;
}

#topics_area .item a {
	display: block;
	color: #393939;
}

#topics_area .item .type {
	padding: 20px 0 20px;
	box-sizing: border-box;
}

#topics_area .item .text {
	padding: 20px 0 20px 20px;
	box-sizing: border-box;
}

#topics_area .item div {
	display: table-cell;
	vertical-align: middle;
}

#topics_area .item div.type {
	width: 265px;
}

#topics_area .item div.type p {
	display: inline-block;
}

#topics_area .item div.type p.date {
	padding: 0 20px 0 0;
	font-size: 13px;
}

#topics_area .item div.type p.name {
	width: 130px;
	color: #ffffff;
	background: #8C0000;
	text-align: center;
	font-size: 11px;
}

#topics_area .item a:hover, #topics_area .item a:active {
	background: #B9A797;
}
*/