@charset "utf-8";

/*ブログ*/
.blog_box {
margin-bottom: 3em;
	overflow:hidden;
}
.blog_box img{/*画像100%*/
	max-width: 100%;
	height: auto;
}
.blog_blk,
.whats_new_li {
	display:flex;
}
.blog_side_menu {
    order: 1;
}
.blog_blk .blog_main,
.whats_new_li .blog_main {
    order: 0;
}

@media print, screen and (max-width: 640px) {
					.blog_blk{
					display: flex;
					flex-direction: column;
					}

}/*smp @media print, screen and (max-width: 640px) ******************/


@media print, screen and (min-width: 640px) {
					.blog_blk .blog_side_menu,
                    .whats_new_li .blog_side_menu{
					width: 278px;
					}
					.blog_blk .blog_main,
                    .whats_new_li .blog_main{
					width: calc(100% - 330px);
					}
					.blog_blk,
                    .whats_new_li {
					display:flex;
					justify-content:space-between;
					align-items:flex-start;
					flex-wrap:wrap;
					overflow: hidden;
					}
					.blog_box {
					float: left;
					margin-bottom: 60px;
					}


}/*@media print, screen and (min-width: 640px) ******************/
.blog_box section {
	float:left;
	width: 100%;
}
.entry-header{
	width: 100%;
	overflow:hidden;
	background:var(--sub-color);
	margin:0 0 10px 0;
	height:auto;
	padding-top:0;
	
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
	
}

.sidebar {
	/*margin: 46px 0 14px 0;*/
	overflow:hidden;
	margin-bottom: 30px;
}
.sidebar ul{}
.sidebar ul li{
	margin-bottom:0.5em;}
.sidebar aside {
	margin: 0 0 20px 0;
}
.sidebar aside.search input.field{
	width:204px;
	padding:4px;
	border:1px solid #bbb;
	margin-left:auto;
	margin-right:auto;
}
.sidebar aside.search input.submit{
	margin:8px 0 0 0;
	padding:2px 4px;
}
.sidebar .sidetitle {
margin: 0 0 10px 0;
}

.blog_search {
	background: url(../img/blog_search.gif) no-repeat;
margin: 0 0 10px 0;
color:#7CC24C;
font-size: 140%;
font-weight: bold;
border-bottom:2px solid #7CC24C;
font-family: 'Poppins', 'Noto Sans JP', sans-serif;
}
.blog_search:before{
	font-family: 'FontAwesome' ;
	content: '\f002';
	display: inline-block;
	width: 1.5em;		/*文字の1.2倍の横幅に*/
	text-align: center;	/*その中で中央寄せ*/
	color:#7CC24C;		/*色*/
	font-size: 1.2em;		/*2倍の大きさ*/
	line-height:1;
}

.blog_calendar {
margin: 0 0 10px 0;
color:#fff;
font-size: 140%;
font-weight: bold;
border-bottom:2px solid var(--foot-bg);
background-color: var(--btn-color);
font-family: 'Poppins', 'Noto Sans JP', sans-serif;
padding: 6px;
}

.blog_calendar:before{
	font-family: 'FontAwesome' ;
	content: '\f073';
	display: inline-block;
	width: 1.5em;		/*文字の1.2倍の横幅に*/
	text-align: center;	/*その中で中央寄せ*/
color:#fff;		/*色*/
	font-size: 1.2em;		/*2倍の大きさ*/
	line-height:1;

}

.blog_category > div,
.blog_month > div {
margin: 20px 0 10px;
color:#fff;
font-size: 140%;
font-weight: bold;
border-bottom:2px solid var(--foot-bg);
background-color: var(--btn-color);
font-family: 'Poppins', 'Noto Sans JP', sans-serif;
padding: 6px;
}
.blog_category > div:before{
font-family: 'FontAwesome' ;
content: '\f040';
display: inline-block;
width: 1.5em;
text-align: center;
color:#fff;	
font-size: 1.2em;
line-height:1;
}
.blog_month > div:before{
font-family: 'FontAwesome' ;
content: '\f02b';
display: inline-block;
width: 1.5em;
text-align: center;
color:#fff;	
font-size: 1.2em;
line-height:1;
}

.blog_box article {
	margin: 0 0 10px 0;
	overflow: hidden;
}

.entry-title {
	text-indent:12px;
	float:left;
	height:33px;
	line-height:33px;
	font-size:14px;
}
.entry-title,
.entry-title a {
	color: #fff;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}

.entry-meta {
	float:right;
	color: #fff;
	font-size: 14px;
	line-height: 33px;
	margin:0 10px 0 0;
}
.entry-meta a {color: #fff;text-decoration:underline;}
.entry-meta a:link {color: #fff;text-decoration:underline;}
.entry-meta a:visited {color: #fff;text-decoration:underline;}
.entry-meta a:hover {color: #f00;text-decoration:underline;}
.entry-meta a:active{color: #fff;text-decoration:underline;}


.single-author .entry-meta .by-author {
	display: none;
}
.entry-content:after{content: "";display: block;clear: both;}

.entry-content,entry-summary  {
	margin:0px 0 10px 0;
	clear: both;
	overflow: hidden;
}
.entry-content,entry-summary a  {
	padding:0 10px 10px 0;
}

.entry-content,entry-summary p {
	padding: 0 0 10px 0;
	line-height:24px;
}

.entry-content .alignleft {
	float:left;
	margin:0 15px 10px 0;
}

.entry-content .alignright {
	float:right;
	margin:0 0 10px 15px;
}

.entry-content .aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.by-author {
display: none;
}

.page-header {
	margin: 0 0 30px 0;
}

.page-title {
	margin: 0 0 30px 0;
}

.table-bordered {
	color: #555;
	width: 100%;
	text-align: center;
	border: 1px solid #ccc;
}
.blog_calender,
.table-bordered td,
.table-bordered th {
	text-align: center;
}
.table-bordered th {
	background: #f4f4f4;
	font-weight: bold;
}
.table-bordered tfoot td {
	background: #f4f4f4;
}
.table-bordered a {
	color: #ff0000;
}
.table-bordered a:visited {
	color: #ff0000;
}

#secondary {
display: none;
}

/*ページ送り*/
.wp-pagenavi {
	text-align:center;
	/*margin:10px auto;*/
/*	display:block !important;*/
	clear:both !important;
	padding-bottom: 2px;
}

.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#111 !important;
		background:#FFFFFF !important;
		border-radius:3px !important;
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border:solid 1px #CCCCCC;
		padding:3px 9px 3px 9px !important;
		margin-right:3px !important;
		text-decoration:none !important;
		font-size:12px !important;
}
.wp-pagenavi a:hover {
		color:#FFF !important;
		border-color:#CCCCCC !important;
		background:#5093b5 !important;

		background-image: -webkit-gradient(linear, left top, left bottom, from(#5093b5), to(#3e7a9e))!important;
	background-image: -webkit-linear-gradient(top, #5093b5, #3e7a9e) !important;
	background-image:    -moz-linear-gradient(top, #5093b5, #3e7a9e) !important;
	background-image:     -ms-linear-gradient(top, #5093b5, #3e7a9e) !important;
	background-image:      -o-linear-gradient(top, #5093b5, #3e7a9e) !important;
	background-image:         linear-gradient(top, #5093b5, #3e7a9e) !important;
}
 .wp-pagenavi span.current{
		padding:3px 9px 3px 9px !important;
		border:solid 1px #CCCCCC !important;
		border-radius:3px !important;
		color:#fff !important;
		margin-right:3px !important;
		border-color:#CCCCCC !important;
		background:#222 !important;

	background-image:         linear-gradient(top, #5093b5, #3e7a9e) !important;
}
.nextpostslink{border:solid 1px #fff !important;}

/*一覧ページ*/
#top_contents_post {
width: 100%;
margin: 0px 0px 20px 0px !important;
border-bottom: 1px solid #ccc;
padding: 0 0 15px 0;
height: auto;
overflow: hidden;
clear: both;
}
@media print, screen and (min-width: 640px) {
					#top_contents_post_img {
					float: left;
					width: 130px;
					height: 130px;
					padding: 2px;
					border: 1px solid #fff;
					background-color: #fff;
					display: flex;
									align-items: center;
					}
					#top_contents_post_img img{
						max-width: 130px;
						max-height: 130px;
						width: auto;
						height: auto;
					}
}
#top_contents_post_text {
float: right;
width: calc(100% - 150px);
margin: 0 0 10px 0;
}
#top_contents_post_title {
width: 100%;
line-height: 15px;
font-size: 13px;
font-weight: bold;
margin: 0 0 10px 0 !important;
display: block !important;
background: #7CC24C;
padding: 4px;
border-left: 2px solid #7CC24C;
box-sizing:border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
#top_contents_post_title a{color:#fff;text-decoration:none;}
#top_contents_post_title a:link{color:#fff;text-decoration:none;}
#top_contents_post_title a:vidited{color:#fff;text-decoration:none;}
#top_contents_post_title a:hover{color:#fff;text-decoration:underline;}
#top_contents_post_title a:active{color:#fff;text-decoration:none;}
#top_contents_post_abst {
	margin:0 0 0 8px;
}
#top_contents_post_datail {
text-align: right;
margin: 6px 0 0 0;
}
.entry-date {
color: #555;
font-size: 12px;
line-height: 18px;
margin: 5px 0 0 0;
background-color: #FFF;
text-align: right;
}

.btn_contact{
margin: 20px 0 0 0;
text-align: center;
}
.entry_navi {
text-align: center;
padding: 5px 0 25px 0;
}
.blog_info{
	width:680px;
	margin:20px 10px 40px;
}
.blog_info ul li{
	padding:8px 0;
	margin:8px 0;
	border-bottom:1px dotted #ccc;
}
.blog_info ul li a:link{color:#1b71b8;text-decoration:none;}
.blog_info ul li a:visited{color:#1b71b8;text-decoration:none;}
.blog_info ul li a:hover{color:#e50202;text-decoration:underline;}
.blog_info ul li a:active{color:#1b71b8;text-decoration:none;}

/*-----------------------------------------------
ソーシャル系リンク(base.cssにも同記述あり)
-----------------------------------------------*/
.so_link{
padding:0 0 2px 0;
}
.so_link:after{content: "";display: block;clear: both;}

.so_link ul li{
float:right;
margin:0 0 0 8px;
display:inline;
}
.so_link ul li a,
.so_link ul li img a,
.so_link ul li img{
vertical-align:top;
}
#searchsubmit{
	display:block;
	margin:10px auto 0 auto;
	padding:5px 10px;
}
/*-----------------------------------------------
pagenav
-----------------------------------------------*/
.pagenav{
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: -0.4em;
}
.pagenav li{
	display: inline-block;
	margin: 0 4px;
	letter-spacing: normal;
}
.pagenav li a{
	display: block;
	padding: 0 7px 2px;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-decoration: none;
}
.pagenav li.current{
	padding: 0 7px 2px;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #fff;
	background-color: #000;
}
.pagenav li a:hover{
	color: #fff;
	background-color: #000;
	border-radius: 3px;
}
/*SNSボタン*/
.so_link {
	max-height: 1000px;
	padding: 0 0 20px 0;
	z-index: 10;
}
.so_link::after {
	clear: both;
	content: "";
	display: block;
}
.so_link ul li {
	display: inline;
	float: left;
	margin: 0 0 0 8px;
}
.so_link ul li a, .so_link ul li img a, .so_link ul li img {
	vertical-align: top;
}
.wp_social_bookmarking_light {
	display: inline-block;
	height: 30px;
	margin-left: 15px;
}
.wsbl_hatena_button {
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
}
.wsbl_twitter {
	display: inline-block;
	vertical-align: top;
	width: 75px;
}
.wsbl_facebook_like {
	display: inline-block;
	vertical-align: top;
	width: 130px;
}
.wsbl_google_plus_one {
	display: inline-block;
	width:70px;
}
.rss_button {
	display: inline-block;
}
#widget, .tweet {
	width: 90px;
}

/* single */
.cf {
    min-height: 1px;
}
.pagenav2 {
    font-size: 117%;
    margin: 30px 0 10px;
	overflow:hidden;
	width:100%;
}

.prev {
    float: left;
}
.next {
    float: right;
}
.blogttl{
	font-size:120%;
	}
	
.blogtxt{
	font-size:14px;
	margin-top:20px;
	width:100%;
	overflow:hidden;
	text-align:center;}	
	
.blogtxt p{
	margin-bottom:1em;}	
.blog_inner {
margin: 20px;
line-height: 2.0;
height:auto;
}
.aligncenter {
    display: block;
    clear: both;
    margin: 0.25em auto 1.5em;
}	

/**/
@media print, screen and (min-width: 640px) {
					.btn_shitami{
					width: 90%;
					margin-left: 5%;
						font-size:24px;
					}
}

.btn_shitami{/*block化している*/
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
background-color: #7CC24C;;
box-sizing: border-box;
text-align: center;
padding: 4px 14px;
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
border-radius: 6px;
font-size:124%;
line-height: 2;
}
.btn_shitami:before{
	font-family: 'FontAwesome' ;
	content: '\f002';
	display: inline-block;
	width: 1.4em;
	text-align: center;
	color:#fff;
	font-size: 1.4em;
	margin-right: 6px;


}

.btn_shitami:after{
	font-family: 'FontAwesome' ;
	content: '\f105';
	display: inline-block;
	width: 1.4em;
	text-align: center;
	color:#fff;
	
	font-size: 1.4em;
}


.btn_shitami:link{color:#fff; text-decoration:none;}
.btn_shitami:visited{color:#fff; text-decoration:none;}
.btn_shitami:hover{color:#fff; text-decoration:none;opacity:0.7;}
.btn_shitami:active{color:#fff; text-decoration:none;}

.blog_dl{}


.blog_dl dd {
				border-bottom: 1px dotted #ccc;
				margin-bottom: 1em;
}

.blog_dl_top dd {
				border-bottom: 1px dotted #ccc;
				margin-bottom: 1em;
				font-size: 110%;
				padding-bottom: 2em;
}

.blog_dl_top dd a:link{color:#333; text-decoration:none;}
.blog_dl_top dd a:visited{color:#333; text-decoration:none;}
.blog_dl_top dd a:hover{color:#333; text-decoration:none;opacity:0.7;}
.blog_dl_top dd a:active{color:#333; text-decoration:none;}



.blog_dl_top_shousai{
float: right;
margin-top: 2em;
}

.blog_dl_top_shousai:after{content: "";display: block;clear: both;}

.blog_dl_top_shousai:link{ text-decoration:underline !important;}
.blog_dl_top_shousai:visited{text-decoration:underline;}
.blog_dl_top_shousai:hover{text-decoration:none;opacity:0.7;}
.blog_dl_top_shousai:active{text-decoration:underline;}


/**/

.angle{

display: inline-block;
color: #ddd;
margin-bottom: 2em;
width: 100%;
}
@media print, screen and (min-width: 640px) {
					.blog_dl dt {
					clear: both;
					float: left;
					width: 7em;
					margin: 0.5em 0 1em;
					padding-left: 0.5em;
					}
					.blog_dl dt::after {
					content: '・・・';
					font-size: 9px;
					}

					.blog_dl dd {
					padding: 0.5em 0 1em 8.5em;
					}

					.blog_box {
					width: calc(100% - 264px);
					}
					.angle{
					display:block;
					color: #ddd;
					margin-bottom: 2em;
					/*width: 90%;
					margin-left: 5%; margin-right: auto;*/
					text-align: center;
					}

}
.angle ul{
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
/*border-right: 1px solid #eee;
border-left: 1px solid #eee;*/
display: flex;
width: 100%;
box-sizing: border-box;
}
.angle li{
text-align: center;
padding: 4px;
box-sizing: border-box;
display: flex;
align-items: center;
}

.angle li:nth-child(1) p{
display: inline-block;

align-items: center;
}
.angle li:nth-child(1) i{
margin-right: 6px;
display: inline-block;
align-items: center;
}
.angle li:nth-child(1) i:before,
.angle li:nth-child(2) i:before{

}
.angle li:nth-child(2){
border-right: 1px solid #eee;
text-align: left;
width: 40%;
display: flex;
align-items: center;


}
.angle li:nth-child(2) i{
margin-left: 6px;
}
.angle li:nth-child(3){
text-align: center;
border-right: 1px solid #eee;
width: 20%;
justify-content:center;

}
.angle li:nth-child(4){
align-items: center;
width: 40%;
text-align: right;
justify-content: flex-end;
}
.angle li:nth-child(4) i{
margin-right: 6px;
display: inline-block;
align-items: center;
}

.angle li:nth-child(5){
align-items: center;

justify-content: flex-end;
}
.angle li:nth-child(5) i{
margin-left: 6px;
display: inline-block;
align-items: center;
}

.angle li a:link{color:#333;text-decoration:none;}
.angle li a:visited{color:#333;text-decoration:none;}
.angle li a:hover{color:#aaa;text-decoration:none;}
.angle li a:active{color:#333;text-decoration:none;}


.txtarea {
margin: 1.5em 0 0 0;
}
.entry{
margin-top: 2em;
}
.entry .title {
	padding: 0 0 0 1em;
	border-left: 5px solid var(--sub-color);
	margin: 0 0 1.5em 0;
}
.entry .title .day {
	display: block;
	color: var(--main-bg);
	font-size: 1.4rem;
	font-weight: bold;
}
.entry .title .text {
font-size: 2.6rem;
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
line-height: 1.4;
}

.entry {
max-width: 900px;
margin: 0 auto 40px auto;
}
					@media print, screen and (min-width: 640px) {
					.entry .title .day {
						font-size: 1.6rem;}
					.entry {
					margin: 0 auto 70px auto;
					}
					.txtarea {
					margin-left: 1.5em;
					}
					.entry .title {
					margin-bottom: 2.5em;
}
					}
				@media screen and (max-width: 1139px) {
					.entry {
						max-width: none;
						padding: 0 4%;
					}
					.entry .title .text {
					font-size: 1.8rem;
				}
				}

.info_link a:link{color:#111;text-decoration:none;}
.info_link a:visited{color:#111;text-decoration:none;}
.info_link a:hover{color:#111;text-decoration:none;opacity: 0.5;}
.info_link a:active{color:#111;text-decoration:none;}

.boxPageNation {
  width: 100%;
  padding: 5em 0 0 0;
  text-align: center;
}

.boxPageNation li {
  display: inline-block;
  margin: 0 5px;
  font-size: 1.5rem;
}

.boxPageNation li.current {
  font-weight: bold;
}

.boxPageNation li a {
  text-decoration: none;
}


/**物件**/

/*お急ぎの場合は*/
.dpcms_oisogibox{
overflow:hidden;
margin:0 auto 10px;
}
.dpcms_oisogi_ti{
text-align: center;
font-weight: bold;
	}
.dpcms_oisogibox .dpcms_oisogi_waku{
width:100%;
overflow:hidden;
border:1px solid #c50000;
padding:30px 0;
box-sizing: border-box;
text-align: center;
font-size: 16px;
margin: 20px 0 30px 0;
}
.dpcms_contact_read{
text-align: center;
font-size: 18px;
margin-bottom: 10px;
}

.dpcms_imle{
float:left;
display:inline;
margin:0;
}

/*問い合わせ電話番号*/
.dpcms_telno{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:34px;
background:url(../img/dpcms_telicon.gif) no-repeat 0 4px;
color:#03c;
padding:0 0 0 25px;
margin-top:20px;
height:33px;
line-height:36px;
}

.dpcms_oisogi_tel{
	font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;

font-weight:bold;
font-size:3rem;
color: #000;
text-align: center;
}
.dpcms_oisogi_learea p{}
.dpcms_oisogi_tel a:link{color:#000;text-decoration:none;}
.dpcms_oisogi_tel a:visited{color:#000;text-decoration:none;}
.dpcms_oisogi_tel a:hover{color:#000;text-decoration:none;opacity: 0.5;}
.dpcms_oisogi_tel a:active{color:#000;text-decoration:none;}



.dpcms_oisogi_tel:before{

}

.dpcms_oisogi_tel img {
filter: invert(48%) sepia(29%) saturate(467%) hue-rotate(78deg) brightness(91%) contrast(87%);
/*width: 36px;*/
display: inline-block;
margin-right: 6px;

}



.dpcms_contact_24{
font-size: 22px;
margin-left: auto; margin-right: auto;
text-align: center;
margin-bottom: 10px;
}
.dpcms_contact_24 span{
color: #f86f25;
}
.dpcms_contact_24_s{
display: inline-block;
font-size: 14px;
color: #000 !important;
}

.dpcms_oisogi_learea .dpcms_hukibk span{color:#e17413;}
.dpcms_oisogibox table{font-size:12px;}
.dpcms_oisogibox table td{padding:10px 0 0 0;}
.dpcms_oisogibox table td.dpcms_td02{padding:10px 0 0 12px;}
.dpcms_oisogibox table td .dpcms_tdimg{float:left;display:inline;width:106px;}
.dpcms_oisogibox table td p{
float:right;
display:inline;
width:204px;
padding:16px 0 0 0;
line-height:1.8;
}

.dpcms_bukkenshosai_formp{
padding: 20px;
background-color: var(--foot-bg);
overflow:hidden;margin:0 auto;
margin-bottom: 50px;
}
.dpcms_bukkenshosai_formp_li{
background-color: #fff;
padding: 20px 20px 20px 40px;
}
.dpcms_bukkenshosai_formp ul{
margin:0;
max-inline-size: max-content;
margin-inline: auto;
}
.dpcms_bukkenshosai_formp li{
list-style-type:disc;
padding:4px;font-size: 15px;

}
.dpcms_bukkenshosai_formp li span{color:#e17413;font-weight:bold;}

.FormRequired{
display: inline-block;
margin-right: 0.5em;
font-size: 12px;
padding-inline: 4px;
}

table.dpcms_bukkenshosai_form{
border:1px solid #ccc;
border-collapse:collapse;
margin:24px auto;
width: 100%;
}

table.dpcms_bukkenshosai_form select{
margin-bottom: 0.5em;

}

table.dpcms_bukkenshosai_form th{
width:200px;
background:#eee;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:6px 0 0 14px;
text-align:left;
color:#555;
}

table.dpcms_bukkenshosai_form td{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:20px;
}

input[type="text"],
input[type="password"],
input[type="tel"]{
margin: 4px 0 0;
border-radius: 4px;
padding: 4px 12px;
border: 1px solid #aaa;
outline: none;
height: 48px;
font-size: 1.5rem;
}

textarea {
width: 90%;
height: 170px;
margin-top: 4px;
border-radius: 4px;
padding: 10px 12px;
border: 1px solid #aaa;
outline: none;
font-size: 1.8rem;
}

select {
margin: 4px 0 0;
border-radius: 4px;
padding: 4px 12px;
border: 1px solid #aaa;
outline: none;
height: 48px;
font-size: 1.5rem;
}



@media print, screen and (min-width: 640px) {
					.dpcms_oisogi_tel{
					font-size:54px;}
					.dpcms_oisogi_ti{
					font-size: 24px;
						}
					.dpcms_bukkenshosai_form td input[type="text"]{
					width: 50%;
					}
					.dpcms_contact_read:before{
					text-indent: -3em;
					}
					.dpcms_contact_read:after{
					margin-left: 1em;
					}
					.dpcms_contact_read:after{
					font-family: 'FontAwesome' ;
					content: '\f063   \f063   \f063';
					display: inline-block;
					/*	width: 1.2em;		/*文字の1.2倍の横幅に*/
					height: 1.2em;
					text-align: center;	/*その中で中央寄せ*/
					font-size: 1em;		/**/
					color: #000;
					/*transform: translateY(2px) ;*/
					line-height: 1.2;
					}
					.dpcms_contact_read:before{
					font-family: 'FontAwesome' ;
					content: '\f063   \f063   \f063';
					display: inline-block;
					width: 1.2em;		/*文字の1.2倍の横幅に*/
					height: 1.2em;
					text-align: center;	/*その中で中央寄せ*/
					font-size: 1em;		/**/
					color: #000;
					/*transform: translateY(2px) ;*/
					line-height: 1.2;
					}
					.baibai_inq_li{
					padding-block:20px; 
					padding-inline: 80px;

					}
					.baibai_inq_li li{
						display:flex;
					/*	justify-content:space-between;*/
						align-items:flex-start;
						flex-wrap:wrap;
						max-width: 1200px;
						margin-inline: auto;
					}

					.recommend_cate_posi_txt{
					margin-left: 30px;
					}

					.recommend_cate_posi_txt .ttl_recommend_txt{font-size: 2.4rem;}
					.recommend_cate_posi_txt{
					font-size: 1.8rem;
					}
					.blog_txt_li{
					margin-bottom: 60px;
					}

.blog_txt_li {
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
}
.blog_txt_li li{
width: 48%;
margin-right: 4%;
}

.blog_txt_li li:nth-child(2n){
margin-right:0%;
}


} /*@media print, screen and (min-width: 640px) *******************/

@media print, screen and (max-width: 640px) {
			.baibai_inq_li{
			padding-block:10px; 
			padding-inline: 2%;
			}
			.dpcms_bukkenshosai_form th,
			.dpcms_bukkenshosai_form td{
			width: 100% !important;
			display: block;
			box-sizing: border-box;

			}
			.dpcms_contact_read span{
			text-align: center;
			display: block;
			margin-left: 1em;
			}
			.dpcms_contact_read span:before{
			text-indent: -3em;
			}
			.dpcms_contact_read span:after{
			margin-left: 1em;
			}
			.dpcms_contact_read span:after{
			font-family: 'FontAwesome' ;
			content: '\f063   \f063';
			display: inline-block;
			/*	width: 1.2em;		/*文字の1.2倍の横幅に*/
			height: 1.2em;
			text-align: center;	/*その中で中央寄せ*/
			font-size: 1em;		/**/
			color: #000;
			/*transform: translateY(2px) ;*/
			line-height: 1.2;
			}
			.dpcms_contact_read span:before{
			font-family: 'FontAwesome' ;
			content: '\f063   \f063';
			display: inline-block;
			width: 1.2em;		/*文字の1.2倍の横幅に*/
			height: 1.2em;
			text-align: center;	/*その中で中央寄せ*/
			font-size: 1em;		/**/
			color: #000;
			/*transform: translateY(2px) ;*/
			line-height: 1.2;
			}
			table.dpcms_bukkenshosai_form th{
			padding:16px 0 16px 14px;}

			table.dpcms_bukkenshosai_form td{
			padding-bottom: 2em;
			}
			.yajirushi {
			width: 26%;}
			
			.dpcms_form_01,
			.dpcms_form_03,
			.dpcms_form_02{
			width: 90%;
			}
			.blog_blk .blog_main,
            .whats_new_li .blog_main {
			margin-bottom: 60px;
			}
} /**@media print, screen and (max-width: 640px) ******************/

figure.recommend_cate_posi{
aspect-ratio: 387/275; /*横縦*/
margin-bottom: 10px;

}

figure.recommend_cate_posi img{
width:100%;
object-fit: cover;
aspect-ratio: 387/275; /*横縦*/
}

.baibai_inq_li{
background-color: var(--foot-bg);
}


.sidebar aside li {
padding: 10px 0;
border-bottom: 1px solid #CCCCCC;
text-align: left;
}
.sidebar aside {
margin: 0 0 30px 0;
font-size: 1.5rem;
}

figure.blog_txt_li_posi {
max-width: 100%;
aspect-ratio: 387/275;
margin-bottom: 10px;
position: relative;
text-align: center;
vertical-align: middle;
}
figure.blog_txt_li_posi img {
width: 100%;
object-fit: cover;
aspect-ratio: 387/275;

}
.blog_txt_li li{
margin-bottom: 30px;
}
.blog_txt_li li figcaption {
font-size: 1.3rem;
color: #fff;
display: inline-block;
position: absolute;
top: 4px;
left: 4px;
padding-inline: 4px;}

.blog_txt_li_cate{
background-color: #333;
}

.blog_txt_li li dl{}

.blog_txt_li li dl dd{

}



.blog_txt_li li a:link{color:#111;text-decoration:none;}
.blog_txt_li li a:visited{color:#111;text-decoration:none;}
.blog_txt_li li a:hover{color:#111;text-decoration:none;opacity: 0.5;}
.blog_txt_li li a:active{color:#111;text-decoration:none;}

.blog_txt_day_posi {
margin-bottom: 1em;
}
.blog_txt_day_posi dt{
margin-right: 1em;
}


.blog_txt_day_posi {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.blog_txt_day_cate{
font-size: 1.3rem;
color: #fff;
display: inline-block;
padding-inline: 4px;
background-color: #333;

}

.blog_contents p{
line-height: 2;
font-size: 1.5rem;
}

.blog_contents h3{
position: relative;
padding: 6px 0 6px 16px;
margin-bottom: 2em;
font-size: 			2rem;
}
.blog_contents h3:before {
content: "";
position: absolute;
top: 0;
left: 0;
border-radius: 3px;
width: 6px;
height: 100%;
background:var(--btn-color);
}

.blog_contents img{
max-width: 96%;
height: auto;
}

/*追加*/
.blog_category li,
.blog_month li,
.blog_latest_2 li {
  border-bottom: 1px solid #CCCCCC;  
  padding:10px 0;
}



















