@charset "UTF-8";
/* 
	
CSS wp.css */


@import url(//fonts.googleapis.com/css2?family=Oswald&display=swap);

















/*//////////////////


wpEDIT v5の出力領域（管理画面も共通）


//////////////////*/

/*.editbody { max-width: 880px; margin: 0 auto; }*/
.editbody:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
.editbody div:not(.section):not(.block),
.editbody p,
.editbody h2,
.editbody h3,
.editbody h4,
.editbody ul, .editbody ol, .editbody img, .editbody table { margin-bottom: 30px; }
.editbody p:last-child, .editbody div:last-child, .editbody ul:last-child, .editbody ol:last-child, .editbody img:last-child, .editbody table:last-child { margin-bottom: 0px; } 
 .editbody *>*:last-child { margin-bottom: 0px; } 

 .editbody img{ max-width: 100% }
 .editbody .wp-caption{ width: 100%!important }

/* デフォルト処理 */
.editbody ul li { padding-left: 1em!important; text-indent: -1em; }
.editbody ol li { counter-increment: number; padding-left: 1.6em!important; text-indent: -1.6em; }
.editbody ul li:before { content: "・"; }
.editbody ol li:before { content: counter(number) "．"; }

.editbody div.clearfix { margin-bottom: 0; }
.editbody div > *:last-child,
.editbody ul > *:last-child,
.editbody li > *:last-child,
.editbody p > *:last-child ,
.editbody dt > *:last-child,
.editbody dd > *:last-child,
.editbody ol > *:last-child { margin-bottom: 0px; }
.editbody div div:not(.section):not(.block):last-child { margin-bottom: 0; }

/* ブログカード　*/
/*
.blogcard { border: 1px solid #eeeeee; word-wrap: break-word; padding: 40px; }
.blogcard div,
.blogcard p { margin-bottom: 0; }
.blogcard a { text-decoration: none; transition: 0.5s;  }
.blogcard a:hover { opacity: 0.6; }
.blogcard .thumb { float: left; margin: 0; width: 200px; height:150px; margin-right: 40px; }
.blogcard .thumb img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; backface-visibility: hidden; }
.blogcard .title { font-weight: bold; line-height: 1.6; padding: 10px 0; }
.blogcard .excerpt { font-size: 14px; line-height: 1.6; padding: 0 0 15px; }
@media screen and (max-width: 767px) {
	.blogcard { padding: 4%; }
	.blogcard .excerpt { display: none; }
	.blogcard .thumb { width: 30%; height:auto; margin-right: 6%; }
	.blogcard .title { font-weight: normal; line-height: 1.6; padding: 0; font-size: 12px; }
}
*/


/* 記事の目次　*/
/*
.txtbody #ez-toc-container p,
.txtbody #ez-toc-container div,
.txtbody #ez-toc-container ul { margin-bottom: 0; }
.txtbody #ez-toc-container { padding: 40px; width:100%; background: #f7f7f7; box-sizing: border-box;}
.txtbody #ez-toc-container .ez-toc-title-toggle { display: none; }
.txtbody #ez-toc-container .ez-toc-title { font-weight: bold; }
.txtbody #ez-toc-container ul a { text-decoration: none; }
.txtbody #ez-toc-container ul a:hover { text-decoration: underline; }
*/


/* 画像ブロック */
img.alignnone { display: block; margin-left: auto; margin-right: auto; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { margin-right: 5%; float: left; }
img.alignright { margin-left: 5%; float: right; }
@media screen and (max-width: 767px) { 
	img.alignnone,
	img.aligncenter,
	img.alignleft,
	img.alignright { float: none; width: 100%!important; margin-left: 0; margin-right: 0; }
}


/* galleryblock */
.galleryblock>ul{ display: flex; flex-wrap: wrap;  }
.galleryblock>ul.square>li img,
.galleryblock>ul.rectangle4-2>li img,
.galleryblock>ul.rectangle5-3>li img,
.galleryblock>ul.rectangle5-4>li img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }


/* imglistbox */
.imglistbox>ul { display: flex; flex-wrap: wrap;  }
.imglistbox>ul>li { list-style-type : none; padding: 0; margin: 0; list-style: none; padding-left:0!important; text-indent: 0;}
.imglistbox>ul>li:before { content: ""; }
.imglistbox.square>ul>li img,
.imglistbox.rectangle4-2>ul>li img,
.imglistbox.rectangle5-3>ul>li img,
.imglistbox.rectangle5-4>ul>li img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }


/* iframe動画 100%表示　*/
.wpvideo,
.wpview.wpview-wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden;  max-width: 100%; height: auto; }
.wpvideo iframe,
.wpvideo object,
.wpvideo embed,
.wpview.wpview-wrap iframe,
.wpview.wpview-wrap object,
.wpview.wpview-wrap embed { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; }















/*//////////////////


sampleユニーク設定


//////////////////*/

/* #sec_options_img */
/*
#-options_img li { height: 300px; width: 33.3%; float: left; }
#-options_img img { height: 100%; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
*/


/* お知らせリスト */
/*
.list1>li { padding: 15px 0; border-bottom: 1px solid #ccc; position: relative;}
.list1>li:first-child { padding-top: 0; }
.list1>li:last-child { border-bottom: 0; padding-bottom: 0;  }
.list1>li>a { text-decoration: none; }
.list1>li>a:hover { text-decoration: underline; }
.list1>li dt { font-size: 15px; margin-bottom: 3px; }
.list1>li dt span { vertical-align: middle; }
.list1>li dt span.cat { margin-left: 10px; padding: 5px 10px; line-height: 1; vertical-align: middle; background: #000; color: #fff; font-size: 13px; display: inline-block; }
.list1>li>dl { position: relative; }
@media screen and (max-width: 767px) { 
	.list1>li>dl { display: block; padding: 0; }
	.list1>li>dl>dd { width: 100% }
	.list1>li>dl>dd .txt { padding-left: 0!important; text-indent: 0;  }
	.list1>li>dl>dt { width: 100%; text-align: justify; margin-top: 5px; }
}
*/


/* サムネイルリスト light */
/*
.list2 { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -35px; }
.list2>li { width: calc(33.3% - 35px); margin-left: 35px; margin-bottom: 40px; }
.list2>li:nth-last-child(-n+3) { margin-bottom: 0px; }
.list2>li a { text-decoration: none; display: block; }
.list2>li>a:hover { opacity: 1; }
.list2>li a .img { position: relative; width: 100%; height: 220px; }
.list2>li a .img .thumb { overflow: hidden; width: 100%; height: 100%; display: block; }
.list2>li a .img .thumb img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; transition: 0.5s; backface-visibility: hidden; }
.list2>li>a:hover .img .thumb img { transform: scale(1.1); }
.list2>li a .txtbox { margin-top: 30px; }
.list2>li a .txtbox .title { transition: 0.3s; backface-visibility: hidden; line-height: 1.6; margin-bottom: 5px; }
.list2>li span.date { vertical-align: middle; font-size: 15px; }
.list2>li span.cat { margin-left: 10px; padding: 5px 10px; line-height: 1; vertical-align: middle; background: #aaa; color: #fff; font-size: 13px; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 767px) {
	.list2{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; margin-left: 0; }
	.list2>li{ width: 100%; margin-left: 0; margin-bottom: 25px; }
	.list2>li:nth-child(-n+3) { margin-bottom: 25px; }
	.list2>li:last-child{ margin-bottom: 0!important; }
	.list2>li a .img{ height: 200px; }
	.list2>li a .txtbox { margin-top: 25px; }
}
*/


/* お知らせリスト */
/*
.list3>li { padding: 15px 0; border-bottom: 1px solid #ccc; }
.list3>li:first-child { padding-top: 0; }
.list3>li:last-child { border-bottom: 0; padding-bottom: 0; }
.list3>li>a { text-decoration: none; padding-right: 100px; }
.list3>li>a:hover { text-decoration: underline; }
.list3>li span.view { float: right; }
@media screen and (max-width: 767px) { 
	.list3>li { padding-right: 0; }
	.list3>li span.view { float: none; display: block; }
}
*/


/* お知らせリスト */
/*
.list4>li { }
.list4>li:first-child { padding-top: 0; }
.list4>li:last-child { border-bottom: 0; padding-bottom: 0; }
.list4>li>a { text-decoration: none; }
.list4>li>a:hover { text-decoration: underline; }
@media screen and (max-width: 767px) { 
}
*/


/* お知らせリスト */
/*
.list5 { text-align: left; }
.list5>li { display: inline-block; }
.list5>li:first-child { padding-top: 0; }
.list5>li:last-child { border-bottom: 0; padding-bottom: 0; }
.list5>li:after { content: "/"; padding: 0 5px; }
.list5>li:last-child:after { display: none; }
.list5>li>a { text-decoration: none; }
.list5>li>a:hover { text-decoration: underline; }
@media screen and (max-width: 767px) { 
}
*/











/*//////////////////


各種パーツ


//////////////////*/


/* postmeta */
.sinleinfobox{ margin-bottom: 60px }
.sinleinfobox .sectitle{ text-align: left; margin-bottom: 20px; color: #895424; }
.sinleinfobox .singleinfo{ margin-left: -15px }
.sinleinfobox .singleinfo p.date{ display: inline-block; vertical-align: middle; margin-left: 15px;  }
.sinleinfobox .singleinfo p.cat{ display: inline-block; vertical-align: 0px; margin-left: 15px;   }
.sinleinfobox .singleinfo .cat>a{ text-decoration: none; margin-left: 0 }
@media screen and (max-width: 767px) {
}

.mainimg{ width: 100%; }

.beforeafterbox{ margin-bottom: 30px; overflow: hidden; }

.beforeafterbox .beforeaftertxt{ margin-bottom: 15px }
.beforeafterbox .beforeaftertxt>span{ display: flex; align-items: center; font-weight: bold; font-size: 2rem; height: 40px; width: 122px;  padding: 5px 10px ; text-align: center; box-sizing: border-box; }
.beforeafterbox .beforebox .beforeaftertxt>span{ background: url(../../img/apartment-renovation/flagiconbefore.svg) no-repeat; background-size: contain; color: #535250; }
.beforeafterbox .afterbox .beforeaftertxt>span{ background: url(../../img/apartment-renovation/flagiconafter.svg) no-repeat; background-size: contain; color: #fff; }
.beforeafterbox .beforebox,
.beforeafterbox .afterbox{ margin-bottom: 30px; }
.beforeafterbox .img{ margin-left: -20px; margin-bottom: -20px; overflow: hidden; display: flex; flex-direction: row; }
.beforeafterbox .img>li{ margin-left: 20px; margin-bottom: 20px; width: calc(50% - 20px); }
.beforeafterbox .txt{ font-weight: bold; color: #895424; font-size: 2rem; letter-spacing: 0.2em; font-family: 'Oswald', sans-serif; margin-bottom: 10px; line-height: 1.4; }
.beforeafterbox .img{  }
@media screen and (max-width: 767px) {
	
	.beforeafterbox .img{ margin-left: 0; display: block; }
	.beforeafterbox .img>li{ margin-left: 0; width: 100%; }
}

.workssingleinfo{  }
.workssingleinfo>ul{  }
.workssingleinfo._ddwhite>ul>li{ border-bottom: 4px solid #f6edd9; }
.workssingleinfo>ul>li{ border-bottom: 4px solid #fff; }
.workssingleinfo>ul>li:last-child{ border-bottom: 0; }
.workssingleinfo>ul>li>dl{ display: flex; flex-direction: row; }
.workssingleinfo>ul>li>dl>dt{ padding: 15px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #805424; color: #fff; flex-shrink: 0; width: 17%; min-height: 97px; }
.workssingleinfo>ul>li>dl>dd{ padding: 15px 35px; box-sizing: border-box; display: flex; flex-direction: column; background: #fef5f7; width: 100%; justify-content: center; text-align: left; }
.workssingleinfo._ddwhite>ul>li>dl>dd{ background: #fff; }
@media screen and (max-width: 767px) {
	.workssingleinfo>ul>li>dl,
	.workssingleinfo>ul>li>dl>dd{ display: block; }
	.workssingleinfo>ul>li>dl>dt{ width: 100%; padding: 5px 20px; display: block; text-align: center; min-height: auto; }
	.workssingleinfo>ul>li>dl>dd{ padding: 15px 20px; }
}


/* pager */
.pager { width: 100%; position: relative; }
.pager a.prev,
.pager a.next { left:0; position: absolute; top:24%; margin-top: -8px; text-decoration: none; font-size: 2rem; font-weight: bold; color: #895424; letter-spacing: 0.15em; line-height: 1.4 }
.pager a.next { left:auto; right:0; }
.pager a.prev>svg,
.pager a.next>svg { width: 26px; height: 26px; vertical-align: -8px; margin-right: 8px }
/*.pager a.prev>svg .arr_st0.st0,
.pager a.next>svg .arr_st0.st0{ transition: .3s }*/
.pager a.next>svg { transform: rotate(180deg); margin: 0; margin-left: 8px;}
.pager a.prev:hover,
.pager a.next:hover { color:  #f1ad60; }
/*.pager a.prev:hover>svg .arr_st0.st0,
.pager a.next:hover>svg .arr_st0.st0 {fill:#0168b7;}*/
.pager>.incnt{ max-width: 350px }
.pager .bottomlink{ padding-top: 120px; margin-top: 0 }
@media screen and (max-width: 767px) {
	.pager { text-align: center; }
	.pager a.prev,
	.pager a.next { display: inline-block; position: static; margin: 0 10px 10px; font-size: 1.7rem; }
	.pager .bottomlink{ padding-top: 25px; }
}


/* pager page-numbers */
.pager ul.page-numbers { text-align: center; }
.pager ul.page-numbers li { display: inline-block; }
.pager ul.page-numbers li a,
.pager ul.page-numbers li span { display: block; text-align: center; line-height: 1.8;  margin: 0; text-decoration: none; transition : 0.5s; box-sizing: border-box; font-size: 2rem; font-weight: bold; color: #895424 ; margin: 0 15px }
.pager ul.page-numbers li a:hover,
.pager ul.page-numbers li span.current { opacity: 1; color: #f1ad60; }
.pager ul.page-numbers li span.dots {  }
.pager ul.page-numbers li span.current { cursor: default;  }
@media screen and (max-width: 767px) {
}