@charset "utf-8";


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

		・お知らせ

--------------------------------------------------------------------------*/
@media screen and (max-width: 800px){


/*--------------------------------------------------------------------------
		連動ページ共通部分
--------------------------------------------------------------------------*/
/*ページネーション　２つバージョン*/
#nav_list #pagination{
	padding:30px 10px 0;
	box-sizing:border-box;
}

#nav_list ul li{
	min-width:40px;
	margin:0 0 10px 3px;
	font-size:12px;
}

#nav_list #page_number{
	padding:10px 0 0;
	text-align:center;
}
	
/*エディター文字サイズ*/
.ql-size-small {
	font-size: 11px;
}

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

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



/*--------------------------------------------------------------------------
		お知らせ
--------------------------------------------------------------------------*/
#contents_main.news .news_item {
	display: block;
	padding: 10px;
}

#contents_main.news .news_item > div {
	display: block;
}

#contents_main.news .news_item > div.date {
	width: 100%;
	text-align: left;
}

#contents_main.news .news_item > div.text {
	padding: 0 30px 0 0;
	box-sizing: border-box;
}

/*個別ページ*/
#news_page .titlebox {
	padding: 10px;
}

#news_page .txbox .txlink .out_link {
	font-size: 12px;
}


/*--------------------------------------------------------------------------
	新築施工実例、リフォーム新築実例
--------------------------------------------------------------------------*/
/*-----新築施工実例、リフォーム施工実例　共通index-----*/
.works_navi ul {
	margin: 0 auto 40px auto;
}

.works_navi ul li a {
	padding: 10px;
}

#works_area .post a {
	padding: 0 5px 0;
	width: 33.33%;
}

#works_area .post h2 {
	font-size: 13px;
}

/*-----新築施工実例　article------------------------------------*/
#works_guest h2 {
	margin-bottom: 30px;
	padding: 10px 10px 8px;
	font-size: 16px;
}

#w_databox .w_new {
	padding: 20px 10px 20px;
}

#w_databox .w_new > div {
	float: none;
	width: 100%;
}

#w_databox .w_new .w_img {
	margin: 0 auto 0;
	max-width: 470px;
}

#w_databox .w_new .w_data {
	padding: 0;
}

#w_databox .w_new .w_img + .w_data {
	margin-top: 20px;
}

#w_databox .w_new .inputdata .text {
	padding: 20px 10px 20px;
}

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

#works_post h3 {
	font-size: 15px;
}

#works_post .photo .sub_frm p {
	font-size: 11px;
}

#works_post .note {
	padding: 15px;
}
	
/*-----リフォーム施工実例　article---------------------------------*/
#works_r_guest h2 {
	padding: 3px 15px 0;
	font-size: 16px;
}

#w_databox .w_reform .w_data h3 {
	font-size: 13px;
}

#w_databox .w_reform .w_data .inputdata {
	padding: 20px 10px 10px;
}

#w_databox .w_reform .w_data .inputdata dl {
	float: none;
	padding: 0 0 10px 0;
	width: 100%;
}

#w_databox .w_reform .w_data .inputdata dl dt {
	font-size: 12px;
}

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

#works_r_post .oneitem .wg_ph { /*beforeが1枚の時class="oneitem"が発生*/
	padding: 0 5px 0;
}


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

#works_r_post .item h3 {
	padding: 3px 15px 0;
	font-size: 15px;
}

#works_r_post .item .wg_ph h4 {
	font-size: 13px
}

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

/*--------------------------------------------------------------------------
		イベント情報
--------------------------------------------------------------------------*/
#event_area .item a .ev_box {
	display: block;
	padding: 20px 10px 20px;
	background: none;
}

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

#event_area .item a .ev_box > div {
	display: block;
}

#event_area .item a .ev_box .ph {
	margin: 0 auto 20px;
	width: 100%;
	max-width: 300px;
}

#event_area .item a .ev_box .text {
	padding: 0;
}

#event_area .item .text .ev_type {
	width: 130px;
	font-size: 11px;
}

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

#event_area .item .inputdata dl dt {
	font-size: 12px;
}

/*-----イベント情報　article---------------------------------*/
#event_ar_area .title {
	display: block;
	padding: 10px;
}

#event_ar_area .title .ev_type{
	width: 130px;
	font-size: 11px;
}

#event_ar_area .title > div {
	display: block;
}

#event_ar_area .title h2 {
	padding: 5px 0 0;
	font-size: 16px;
}

#event_ar_area .ev_box {
	display: block;
}

#event_ar_area .ev_box > div {
	display: block;
}

#event_ar_area .ev_box .ph {
	margin: 0 auto 20px;
	width: 100%;
}

#event_ar_area .ev_box .text {
	padding: 0;
}

#event_ar_area .inputdata dl dt {
	width: 80px;
}

#event_ar_area .inputdata dl dd {
	padding: 10px;
}

#event_ar_area .commnet {
	padding: 20px 10px 20px;
}

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

#event_ar_area .map_button p {
	padding: 8px 0 5px 30px;
	background: url(../img/icon_evmap.png) left center no-repeat;
	background-size: 18px;
}

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

#event_ar_area .image_area #carousel .owl-thumbs .owl-thumb-item {
	width: 14.2%;
}

#event_ar_area .pdf h3 {
	padding: 7px 15px 5px;
	font-size: 14px;
}

#event_ar_area .pdf a {
	padding: 10px 10px 10px 50px;
	background: url(../img/icon_pdf.png) left 10px center no-repeat #E4E4E4;
	background-size: 20px;
}

/*-----イベント情報　end---------------------------------*/
#event_end_area .item {
	float: none;
	margin: 0 auto 15px;
	padding: 0;
	width: 100%;
	max-width: 600px;
}

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

#event_end_area .item + .item {
	padding: 15px 0 0;
	border-top: 1px solid #D1D1D1;
}

#event_end_area .item .ev_box {
	margin: 0 auto 0;
	width: 100%;
	max-width: 600px
}

#event_end_area .item .ev_box .text {
	padding: 0 0 0 15px;
}

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

#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 {
	width: 70px;
	font-size: 12px;
}

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

#contents_main.event_end #nav_list #pagination{
	padding: 30px 0 0;
}
}/*800px*/

/*--------------------------------------------------------------------------
		スタッフブログ
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
#sblog_area{
	display:block;
	margin: 0 auto 0;
	max-width: 800px;
}

#sblog_area > div{
	display:block;
}

#bloglist .list a {
	padding: 20px 10px 20px;
}

#bloglist .list .list_img {
	width:150px;
}

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

#bloglist .list h2{
	margin:15px 0 5px;
	font-size:14px;
}

#bloglist .list p.data{
	font-size:12px;
}

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

#main_area #nav_list #pagination {
	text-align: center;
}

#main_area #nav_list {
	margin-bottom: 50px;
}

/*サイドメニュー*/
#side_area{
	width:100%;
	padding:0;
}

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

#side_menu .menu_items p.pc_title{
	display:none}

#side_menu .menu_items p.sp_title{
	display:block;
	color: #ffffff;
	padding:10px 10px 10px 40px;
	background:url(../img/ico_close_w.png) 10px center no-repeat #6B9D3E;
}

#side_menu .menu_items p.sb_close{
	/*background:url(../img/ico_close_w.png) 10px center no-repeat #A3CC7E;*/
	background:url(../img/ico_close_w.png) 10px center no-repeat #6B9D3E;
}

#side_menu .menu_items p.sb_open{
	/*background:url(../img/ico_open_w.png) 10px center no-repeat #A3CC7E;*/
	background:url(../img/ico_open_w.png) 10px center no-repeat #4F742E;
}

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

#side_menu .menu_items .sb_acmenu{
	display:none;
}

#side_menu #menu_back .sb_acmenu form {
	margin-bottom: 20px;
}

#side_menu #menu_link ul li.pblogold, #side_menu #menu_link ul li.constold, #side_menu #menu_link ul li.sblogold { 
	background: #E4E4E4;
}

#side_menu #menu_category ul li a,
#side_menu #menu_link ul li a {
	padding: 10px 10px 8px 30px;
	font-size: 12px;
}

#side_menu #menu_link ul li a {
	background: url(../img/icon_r-g36.png) left 10px  center no-repeat #E4E4E4;
	background-size: 10px;
	font-weight: normal;
}

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

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

#side_menu #menu_entries ul {
	width:100%;
}

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

#sblog_ar_area .item {
	padding: 20px 0 30px;
}

#sblog_ar_area .item .datebox {
	padding: 5px 20px 5px;
}

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

#sblog_ar_area .item .name {
	padding: 0 20px 0;
	font-size: 11px;
}

#sblog_ar_area .textbox {
	padding: 20px 10px 0;
}

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

#sblog_ar_area .textbox h2 + .comment {
	margin-top: 20px;
}

#sblog_ar_area .textbox .comment p + p {
	margin-top: 15px;
}

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

#sblog_ar_area .photo .sub_frm {
	padding: 0 2px 0;
}

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

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

#sblog_ar_area .map p a {
	max-width: 250px;
}

/*TOPへボタン*/
#sblog_area .nav_area .pageback_s p {
	float: none;
	margin: 0 auto 50px;
}

#contents_main.sblog_ar #sblog_area .nav_area .pageback_s p a {
	padding: 10px;
	background: #8C0000;
}

/*スタッフ紹介リンク部分*/
#sblog_ar_area #staff_data {
	padding: 100px 10px 20px;
}


/*スタッフブログ・社長ブログ共通----------------------*/
#side_menu  #n_blog_link {
	margin: 0 auto 0;
}

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

#n_blog_link a {
	padding: 10px 10px 8px;
	font-size: 13px;
}


/*社長ブログ*/
.p_blog #side_menu .menu_items p.sp_title,
.p_blog_ar #side_menu .menu_items p.sp_title {
	background: url(../img/ico_close_w.png) 10px center no-repeat #FAA32C;
}

.p_blog #side_menu .menu_items p.sb_open,
.p_blog_ar #side_menu .menu_items p.sb_open {
	background: url(../img/ico_open_w.png) 10px center no-repeat #EF8C05;
}
}/*1000px*/

@media screen and (max-width: 800px){
#sblog_ar_area #staff_data > div > div.s_text .s_name {
	font-size: 18px;
}

#sblog_ar_area #staff_data > div > div.s_text .s_title {
	font-size: 14px
}
}/*800px*/

@media screen and (max-width: 800px){
/*--------------------------------------------------------------------------
		最新工事状況
--------------------------------------------------------------------------*/
#const .const_top {
	margin: 0 auto 50px;
	padding: 0 0 50px;
	border-bottom: 1px solid #666666;
	text-align: center;
}

#const_list {
	padding: 30px 0 30px;
	border-top: 1px solid #ACACAC;
}

#const_list .item {
	display: block;
}

#const_list .item + .item {
	margin-top: 30px;
	padding: 30px 0 0;
}

#const_list .item > div  {
	display: block;
}

#const_list .item .photo {
	margin: 0 auto 20px;
	width: 100%;
	max-width: 300px;
}

#const_list .item .text {
	padding: 0;
}

#const_list .item .text .head h2 a {
	padding: 10px 0 7px 20px;
	font-size: 16px;
}

#const_list .item .text .head div {
	border-bottom: 2px dotted #D1D1D1;
}

#const_list .item .text .head div span {
	width: 70px;
}

#contents_main.construction #nav_list {
	margin-top: 30px;
}

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

/*-----最新工事状況　cover---------------------------------*/
#cover .co_data .const_title {
	padding: 5px 15px 3px;
}

#cover .co_data .const_title h2 {
	padding: 0 20px 0 0;
	font-size: 16px;
}

#cover .co_data .const_title p {
	font-size: 11px;
}

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

#cover .co_data .ph_tx {
	/*display: block;*/
	padding: 20px 10px 20px;
}

#cover .co_data .ph_tx > div {
	/*display: block;*/
	float: none;
}

#cover .co_data .photo {
	margin: 0 auto 20px;
	width: 100%;
	max-width: 300px;
}

#cover .co_data .ph_tx .text {
	padding: 0;
	width: 100%;
}

#cover .co_data .text dl dt,
#cover .co_data .text dl dd {
	padding: 10px;
}

#cover .co_data .text dl dt {
	width: 80px;
	font-size: 12px;
}

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

#const_process section h3 {
	padding: 0 0 0 20px;
	background: url(../img/icon_square_10b.jpg) left top 4px no-repeat;
	font-size: 14px;
}

#const_st h3 {
	font-size: 14px;
}

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

#const_st .ph_item {
	margin-bottom: 20px;
}

#const_st .ph_item .ph_frm + .day_t {
	margin-top: 5px;
}
#const_st .ph_item div.day_t .st_data {
	font-size: 11px;
}

/*-----最新工事状況　article---------------------------------*/
#const_page h2 a {
	font-size: 13px;
}

#const_page .date p {
	font-size: 12px;
}

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

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

#const_page .comment p + p {
	margin-top: 15px;
}

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

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

}/*800px*/



@media screen and (max-width: 640px){
/*お知らせ 個別ページ*/
#news_page .phbox .item {
	padding: 0 5px 10px;
	width: 50%;
}

#news_page .pdf h3 {
	padding: 8px 10px 5px;
	font-size: 13px;
}

#news_page .pdf a {
	padding: 15px 10px 15px 50px;
	background: url(../img/icon_pdf.png) no-repeat left 10px center #E4E4E4;
	background-size: 24px;
}

/*新築施工実例、リフォーム施工実例　共通index*/
#works_area .post a {
	margin: 0 0 30px 0;
	width: 50%;
}

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

/*新築施工実例　詳細ページ*/
#works_post .photo .sub_frm {
	width: 50%;
	box-sizing: border-box;
}

/*イベント情報*/
#event_end_area .ev_endtop .br1st {
	display: block;
}

#event_ar_area .image_area #carousel .owl-thumbs .owl-thumb-item {
	width: 20%;
}

/*スタッフブログ*/
/*スタッフ紹介リンク部分*/
#sblog_ar_area #staff_data {
	padding: 100px 10px 0;
}

#sblog_ar_area #staff_data > div > div.s_photo {
	width: 120px;
}
#sblog_ar_area #staff_data > div > div.s_photo a {
	max-width: 120px;
	font-size: 11px;
}

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

/*最新工事状況*/
#const_st .ph_item {
	width: 50%;
}

#const_page .photo .item {
	width: 50%;
}

#const_page .photo .item p {
	font-size: 12px;
}

/*ページネーション　２つバージョン*/
div#page_two ul {
	display: block;
}

div#page_two ul li {
	display: block;
	margin: 0 auto 10px;
	width: 100%;
	max-width: 300px;
}

/*更新情報*/
/*#topics_area .item div {
	display: block;
	padding: 0 10px 10px;
}

#topics_area .item div.type {
	margin-bottom: 10px;
	padding: 15px 10px 0;
}

#topics_area .item div.type {
	width: 100%;
}*/

}/*640px*/



@media screen and (max-width: 450px){
#news_page .phbox {
	max-width: 300px;
	margin: 0 auto 0;
}

#news_page .phbox .item {
	padding: 0 0 10px;
	width: 100%;
}

/*イベント情報*/
#event_ar_area .image_area #carousel .owl-thumbs .owl-thumb-item {
	width: 25%;
}

/*イベント情報　終了*/
#event_end_area .item .inputdata dl {
	display: block;
}

#event_end_area .item .inputdata dl dt,
#event_end_area .item .inputdata dl dd {
	display: block;
}
/*スタッフブログ*/
#bloglist .list a{
	display: block;
}

#bloglist .list a > div {
	display: block;
}

#bloglist .list .list_img {
	margin: 0 auto 20px;
	width: 100%;
	max-width: 250px;
}

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

#bloglist .list .list_text .data {
	margin: 0 auto 0;
	max-width: 250px;
}

/*スタッフ紹介リンク部分*/
#sblog_ar_area #staff_data > div {
	display: block;
}

#sblog_ar_area #staff_data > div > div {
	display: block;
}

#sblog_ar_area #staff_data > div > div.s_photo {
	margin: 0 auto 10px;
}

#sblog_ar_area #staff_data > div > div.s_text {
	padding: 0;
}

#sblog_ar_area #staff_data > div > div.s_text .s_name {
	text-align: center;
}

/*最新工事状況*/
#const_st .ph_item {
	padding: 0 3px 0;
}

#const_st .ph_item div.day_t p {
	font-size: 12px;
}

#const_page .photo .item{
	width: 100%;
}

}/*450px*/


@media screen and (max-width: 350px){
/*イベント情報*/
#event_ar_area .image_area #carousel .owl-thumbs .owl-thumb-item {
	padding: 3px;
	width: 33.33%;
}
}/*350px*/