/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 27 2024 | 01:14:21 */
/* PCでだけ表示したい場合は「nlo2022_pc」、スマホでだけ表示したい場合は「nlo2022_sp」 */
.nlo2022_pc { display: block !important; }
.nlo2022_sp { display: none !important; }
 
@media only screen and (max-width: 767px) {
    .nlo2022_pc { display: none !important; }
    .nlo2022_sp { display: block !important; }
}
/* リンク色を赤に */
.nlo2022_link a{
	color:#7f0608;
	text-decoration:underline;
}
.nlo2022_link a:hover{
	text-decoration:none;
}
/* 見出しH2背景黒 白文字 */
.entry-content h2.nlo2022_h2{
    background-color: #30363a;
    padding: 0.8em 1em;
    margin-bottom: 1.6em;
    border: 0;
    color: #FFF;
    font-size: 23px;
    font-size: 1.44rem;
    line-height: 1.85714285714286;
    font-weight: 400;
    text-align: left;
}
.editor-styles-wrapper .block-editor-block-list__layout h2.nlo2022_h2:after,
.entry-content h2.nlo2022_h2:after {
    content: none;
}
@media only screen and (max-width: 767px) {
.entry-content h2.nlo2022_h2 {
    padding: 0.25em 16px;
    font-size: 1.4rem;
}
}
/* 見出しH3斜めストライプ */
h3.nlo2022_stripe {
    position: relative;
    padding: 1rem;
    background-image:
		repeating-linear-gradient(-45deg, #94343b, #94343b 5px, #a55057 5px, #a55057 10px);
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
    text-align: left;
}
/* 見出しH3　背景赤文字白 */
h3.nlo2022_bg-red {
    padding: 1rem;
    background:#880000;
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
    text-align: left;
}
/* 見出しH4　下線赤 */
h4.nlo2022_border-bottom-red {
    padding: 0 0 0.5em;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid #880000;
}
@media (max-width: 480px) {
    h4.nlo2022_border-bottom-red {
        margin-left: 10px;
        margin-right: 10px;
}
}
/*テキスト装飾*/
.nlo2022_txtS{
    font-size: 80%;
}
.nlo2022_txtMS{
    font-size: 90%;
}
.nlo2022_txtL{
    font-size: 110%;
}
.nlo2022_txtL2{
    font-size: 120%;
}
.nlo2022_txtL3{
    font-size: 130%;
}
.nlo2022_txtL4{
    font-size: 140%;
}
.nlo2022_txtL5{
    font-size: 150%;
}
.nlo2022_txt-red{
	color:#7f0608;
    
}
.nlo2022_txt-redL{
	color:#7f0608;
    font-size: 110%;
    font-weight: bold;
}
.nlo2022_txt-redL2{
	color:#7f0608;
    font-size: 120%;
    font-weight: bold;
}
.nlo2022_txt-redL3{
	color:#7f0608;
    font-size: 130%;
    font-weight: bold;
}
.nlo2022_txt-redL4{
	color:#7f0608;
    font-size: 140%;
    font-weight: bold;
}
.nlo2022_txt-redL5{
	color:#7f0608;
    font-size: 150%;
    font-weight: bold;
}
.nlo2022_txt-blue{
	color:#274fa0;
    
}
.nlo2022_highlight {
  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 0.5em; /* 線の太さ */
  text-decoration-color: rgba(255, 176, 0, 0.5); /* 線の色 */
  text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}
.nlo2022_margin-bottom05em{
    margin-bottom: 0.5em!important;
}
.nlo2022_margin-bottom1em{
    margin-bottom: 1em!important;
}
.nlo2022_margin-bottom3em{
    margin-bottom: 3em;
}
/*flexbox*/
.nlo2022_flex-container{
    -js-display:flex;
    display:flex;
    
}
/*flexbox 均等に隙間 折り返し*/
.nlo2022_flex-container2{
    width:100%;height:auto;
    -js-display:flex;
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*flexbox 逆順*/
.nlo2022_flex-container_reverse{
    -js-display:flex;
    display:flex;
    align-items: flex-start;
    flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
    .nlo2022_flex-container,
    .nlo2022_flex-container2,
    .nlo2022_flex-container_reverse{
        display:block;
    }
}
/*flexboxの子box*/
.nlo2022_img_pc640{
    width:640px;
    height: auto;    
}
.nlo2022_img_pc570{
    width: 570px;
    margin-right: 25px;
    margin-bottom: 35px;
}
.nlo2022_img_pc570_r{
    width: 570px;
    margin-left: 25px;
    margin-bottom: 35px;
}
.nlo2022_img_pc545{
    width: 545px;
}
@media only screen and (max-width: 767px) {
    .nlo2022_img_pc640,
    .nlo2022_img_pc570,
    .nlo2022_img_pc570_r,
    .nlo2022_img_pc545{
    width:100%;
    margin-right: 0;
    margin-left: 0;
    height: auto;
}
}
/*リスト行頭三角マーク*/
.nlo2022_list_triangle {
    padding: 0px;
    margin: 0 1em 1em 1em;
    list-style: none;
}

.nlo2022_list_triangle > li {
    position: relative;
    padding: 0em 0.3em 1em 1.3em;
}
.nlo2022_list_triangle > li::before {
    position: absolute;
    top: 0.5em;
	left: 0.2em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 0.38em 0 0.38em 0.45em;
	border-color: transparent transparent transparent #baa683;
    content: "";
}
/*画像　PCでは小さくSPでは横幅いっぱいに*/
.nlo2022_img_pc200{
    width: 200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.nlo2022_img_pc450{
    width: 450px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 767px) {
    .nlo2022_img_pc200,
    .nlo2022_img_pc450{
        width:100%;
        margin-right: 0;
        margin-left: 0;    
    }
}
/*背景白ボックス*/
.nlo2022_box_white{
    width:100%;
    background: #FFF;
    padding: 2em;
    margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
    .nlo2022_box_white{
        padding: 1em;
        margin-bottom: 1em;
    }
}
/*枠線ボックス*/
.nlo2022_box_waku{
    width:100%;
    padding: 2em;
    margin-bottom: 1em;
    border: 1px solid #bbb;
}
@media only screen and (max-width: 767px) {
    .nlo2022_box_waku{
        width:94%;
        padding: 1em;
        margin-bottom: 1em;
        margin-left: 3%;
        margin-right: 3%;
    }
}
/*ボックス　SP時に左右にスペースあり*/
.nlo2022_box_sp{
    width:100%;
    padding: 0;
}
@media only screen and (max-width: 767px) {
    .nlo2022_box_sp{
        padding: 0 10px;
    }
}
/*問い合わせボタン*/
.nlo2022_btn_toiawase{
    width:300px;
    margin: 0 auto 2em;
}
/*QRコード*/
.nlo2022_qr{
    width:100%;height:auto;
    -js-display:flex;
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    
    background: #FFF;
    padding: 2em;
}
.nlo2022_qr-i,
.nlo2022_qr-a{
   width:180px;
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
    .nlo2022_qr{
       display:block;
        padding: 2em 1em;
    }
    .nlo2022_qr-i,
    .nlo2022_qr-a{
        width:150px;
        margin: 0 auto;
    }
    .nlo2022_qr-i{
        margin-bottom: 2em;
    }
}
/*各店特徴*/
.nlo2022_tokucho{
    display: inline-block;
    font-size: 1.125em;
    padding: calc(0.5em + 2px) calc(1em + 2px);
    margin:0 8px 12px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #192a62;
}
/*テーブル　折り返さない*/
.nlo2022_nowrap{
    white-space: nowrap;
}
/*物件詳細テーブル　セル幅調整*/
.nlo2022_table-bukkenshousai{
    width: 100%;
}
.nlo2022_table-bukkenshousai td:first-child,
.nlo2022_table-bukkenshousai td:nth-child(3){
  width: 15%;
}
.nlo2022_table-bukkenshousai td:nth-child(2),
.nlo2022_table-bukkenshousai td:nth-child(4){
  width: 35%;
}

/*TOP ボタン*/
ul#nlo2022_top_btn01{
     display: flex;
     justify-content:space-between;
     margin: 2em 0 1.5em 0;
}
ul#nlo2022_top_btn01 li {
    list-style: none;
    margin-right: 10px;
}
    ul#nlo2022_top_btn01 li:last-child {
    margin-right: 0;
}
@media only screen and (max-width: 767px) {
    ul#nlo2022_top_btn01{
     margin: 0.5em 0 0.5em 0;
}
}
/*SP版　電話をかけるボタン　色変更*/
a.wp-block-button__link.phone.es_modal_button {
    background: #487f00;
}

/*▽区切り線　SPで縦幅が広くなってしまう問題対処*/
@media (max-width: 480px) {
    .entry-content>hr.has-background {
       padding: 0px 0px;
    }
}