/*メインコンテンツ用_スタイルシート*/

/*物件へのリンクボタン_中央揃え用*/
.btn-area {
text-align: center;
}
/*物件へのリンクボタン1-1*/
.btn-square-pop01 {
  position: relative;
  display: inline-block !important;
  padding: 1.25em 1.5em;
  margin: 0 0 4em 0;
  text-decoration: none;
  color: #fff;
  background: #ffaf58;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: 500;
}
/*物件へのリンクボタン1-2*/
.btn-square-pop01:active {
  border-bottom: solid 2px #ffaf58;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*画像*/
.img_box img {
  display: block;
  width: 90%;
  margin: 0 auto 20px auto;
}

/*テキスト両端揃え*/
p {
  text-align: justify;
    margin-bottom: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #444444;
}

/*PCSP別_キャプション等*/
    @media screen and (max-width:767px) {
        /*　画面サイズが480pxからはここを読み込む　*/
     /*画像のキャプション*/
    p.img-caption {
    color: #595959;
    margin-top: 0px;
    margin-bottom: 20px;
    font-style: italic;
    font-size: 95% !important;
    text-align: left;
}
    }

    @media screen and (min-width:768px) {
        /*　画面サイズが768pxからはここを読み込む　*/
    /*画像のキャプション*/
    p.img-caption {
    color: #595959;
    margin-top: 0px;
    margin-bottom: 20px;
    font-style: italic;
    font-size: 105% !important;
    text-align: center;
}
    }

/*中見出し*/
h2.main-heading {
  padding: 0.5em 1em;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #f9a853;
  box-shadow: 0 0 0 10px #f9a853;
  border-top: 2px dashed #fff;
  border-bottom: 2px dashed #fff;
  margin-bottom: 24px;
  color: #fff;
  font-size: 19px;
  font-weight: 500;
}

/*小見出し*/
h3.main-heading {
  padding: 0.7em;/*文字周りの余白*/
  color: #444444;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
  margin-bottom: 18px;
  font-size: 17px;
  font-weight: 500;
}


/*小見出し_チェック入り（fontawesome）*/
h4.main-heading {
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  color: #494949;/*文字色*/
  line-height: 1.4;
  font-weight: 500;
}
h4.main-heading:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
  font-weight: 900;
}

/*小見出し_吹き出しマーク入り（青）*/
h4.pickup2 {
  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 0.3;/*行高*/
}

h4.pickup2:before {
  font-family: "Font Awesome 5 Free";
  content: "\f075";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
}

.underline {
  display: inline-block;
  /* 下線の高さ、余白はお好みで */
   border-bottom: double 5px #FFC778;
   color: #444444;
padding: 0 0 5px 0;
}


/*PRポイント_吹き出し見出し*/
h4.pickup {
  color: #FF6a6a;/*文字色*/
  font-weight: bold;
  line-height:1.4em;
  position: relative;
  padding: 0.6em;
  margin-block-end: 1.2em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
}
h4.pickup:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}


/*シンプルリスト_シンプル01*/
ul.simple_list01, ol.simple_list01 {
  color: #1e366a;
  padding: 0.5em 0.5em 2.0em 0.5em;
}
ul.simple_list01 li, ol.simple_list01 li {
  line-height: 1.0;
  font-weight: bold;
   font-size: 1.05em;
  padding: 0.5em 0;
}

/*シンプルリスト_オレンジ下線*/
ul.ul_main_contents , ol.ul_main_contents {
  display: inline-block;
  color: #444444;
  padding: 0.5em 0 0.5em 1.5em;
  margin-block-end: 0.8em;
  list-style-type: disc;
}
li.li_main_list {
  line-height: 1.5;
  padding: 0.5em 0 0.2em 0;
 border-bottom: dotted 3px orange;
 font-size: 15px;
}


/*シンプルリスト_シャドウボックス01*/
ul.simple_shadowbox01 , ol.simple_shadowbox01 {
  background: #f1f8ff;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
  margin-block-end: 1.6em;
  list-style-type: disc;
}
li.simple_shadowline01 {
  line-height: 1.2;
  padding: 0.5em 0;
}

/*デザインリスト_上下ボーダー01*/
ul.border_type01, ol.border_type01 {
  color: #1e366a;
  border-top: solid #1e366a 1px;/*上のボーダー*/
  border-bottom: solid #1e366a 1px;/*下のボーダー*/
  padding: 0.5em 0 0.5em 1.5em;
}

ul.border_type01 li, ol.border_type01 li {
  line-height: 1.5;
  padding: 0.5em 0;
}

/*デザインリスト_円番号01*/
ol.no_mark01 {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #f5faff;
  margin-bottom: 24px;
}
ol.no_mark01 li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
 font-weight: 500;
  padding: 0.5em 0.5em 0.5em 30px;
}
ol.no_mark01 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:500;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*チェックリスト_オレンジ*/
ul.check_list01 {
  border: solid 1px #ffb03f;
  padding: 0.5em 1em 0.5em 2.3em;
  margin-bottom: 20px;
  position: relative;
}

ul.check_list01 li {
  line-height: 1.5;
  padding: 0.5em 0;
  font-weight:500;
  list-style-type: none!important;/*ポチ消す*/
}

ul.check_list01 li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}


/*PRポイントボックス_オレンジ*/
.pr-box01 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.pr-box01 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: 500;
}
.pr-box01 p {
    margin: 0; 
    padding: 0;
}


/*蛍光ペン（黄色半分）*/
.under_yellow {
  background: linear-gradient(transparent 50%, yellow 50%);
}
/*蛍光ペン（青色半分）*/
.under_blue {
  background: linear-gradient(transparent 50%, #7fbfff 50%);
}
/*蛍光ペン（ピンク色半分）*/
.under_pink {
  background: linear-gradient(transparent 50%, #ffdbe1 50%);
}

/*リスト左揃え1*/
span.dan {
/*float:left;*/
}
/*リスト左揃え2*/
span.dan2 {
/*display: block;
margin-left: 0em;*/
color:#0000cd;
font-weight: bold;
}

/*会話風吹き出し1*/
.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}
.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}
.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;/*アイコン周囲の色*/
  border-radius: 50%;
}
.balloon5 .chatting {
  width: 100%;
}
.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #fff0c6;/*吹き出しの色*/
}
.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #fff0c6;/*吹き出し角の色*/
}
.says p {
  margin: 0;
  padding: 0;
 font-weight: bold;
}



/*テーブル2_上と左に見出し。中央ぞろえ*/
.tbl-design02 {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
}
.tbl-design02 th {
 padding: 10px;
 background: #167F92;
 border: solid 1px #666666;
 color: #ffffff;
}
.tbl-design02 td {
 padding: 10px;
 border: solid 1px #666666;
}
.tbl-design02 td:first-child {
 background: #78bbc7;
 color: #ffffff;
}
.tbl-design02 tr {
  background: #e6f2f5;
}

/* 白背景用 */
.tbl-design02 td.no-bg {
    background: #e6f2f5 !important;
    color: #000 !important;
}


/*テーブル3_上と左に見出し。左ぞろえ*/
.tbl-design03 {
 width: 100%;
 text-align: left;
 border-collapse: collapse;
 border-spacing: 0;
}
.tbl-design03 th {
 padding: 10px;
 background: #167F92;
 border: solid 1px #666666;
 color: #ffffff;
}
.tbl-design03 td {
 padding: 10px;
 border: solid 1px #666666;
}
.tbl-design03 td:first-child {
 background: #78bbc7;
 color: #ffffff;
}
.tbl-design03 tr {
  background: #e6f2f5;
}

/* 白背景用 */
.tbl-design03 td.no-bg:first-child {
    background: #e6f2f5 !important;
    color: #000 !important;
}

/*テーブル4_上と左に見出し。左ぞろえ*/
.tbl-design04 {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
}
.tbl-design04 th {
 padding: 10px;
 background: #167F92;
 border: solid 1px #666666;
 color: #ffffff;
vertical-align: middle;
}
.tbl-design04 td {
 padding: 10px;
 border: solid 1px #666666;
vertical-align: middle;
line-height: 1.4;
}
.tbl-design04 td:first-child {
 background: #78bbc7;
vertical-align: middle;
color: #ffffff;
}
.tbl-design04 tr {
  background: #e6f2f5;
}

/*テーブル5_上2段と左に見出し。中央ぞろえ*/
.tbl-design05 {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
}
.tbl-design05 th {
 padding: 10px;
 background: #167F92;
 border: solid 1px #666666;
 color: #ffffff;
 text-align: center;
}
.tbl-design05 td {
 padding: 10px;
 border: solid 1px #666666;
}
.tbl-design05 td:first-child {
 background: #78bbc7;
color: #ffffff;
}
.tbl-design05 tr:nth-child(2) {
 background: #e9faf9;
}
.tbl-design05 tr {
  background: #e6f2f5;
}


/*テーブル6_上だけ見出し。中央ぞろえ*/
.tbl-design06 {
 width: 100%;
 text-align: left;
 border-collapse: collapse;
 border-spacing: 0;
}
.tbl-design06 th {
 padding: 10px;
 background: #167F92;
 border: solid 1px #666666;
 color: #ffffff;
}
.tbl-design06 td {
 padding: 10px;
 border: solid 1px #666666;
}
.tbl-design06 tr {
  background: #e6f2f5;
}





/*スポット詳細情報ボックス*/
.detail-box01 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 1.8px #364e96;
}
.detail-box01 .box-title01 {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    background: #364e96;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.detail-box01 p {
    margin: 0; 
    padding: 0;
}

/*スポット周辺おすすめ物件の見出し*/
h2.pickup_mansion01 {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 3em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #ff6a6a;/*文字色*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
  background: #fffff4;
 }

h2.pickup_mansion01:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 2em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #ff6a6a; /*アイコン色*/
}



/*アフィリエイトバナー*/
.ad_container{
    width: 100%;
    margin: 10px auto;
}

.ad_container a{
    display: block;
    padding: 20px;
    margin: 10px auto;
    text-align: center;
    width: 100%;
}
@media screen and (min-width:900px){
    .ad_container{
        display: flex;
        justify-content: space-around;
    }
    .ad_container a{
        width: 100%;
    }
}


.ad-box-position {
 text-align: center;
margin-bottom: 30px;
}
.for-pc-adbox { display:block; }
.for-sp-adbox { display:none; }

@media only screen and (max-width : 767px){
  .for-pc-adbox { display:none; }
  .for-sp-adbox { display:block; }
}

/*キャプション*/
.caption_figure {
 text-align: center;
 color: #808080;
 font-size: 1.05em;
 font-weight: 900;
  margin-top: -0.5em;
  padding-bottom: 10px;
}

.author-area {
    padding: 30px;
    background-color: #FFA94D;
}
.author-area .author-profile {
    text-align: center;
}
.author__img img {
    width: 200px;
    height: 200px;
}
.author-name {
    font-size: 24px;
    font-weight: 700;
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .author-area {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    .author-area .author-profile {
        flex-shrink: 0;
    }
    .author__img {
        flex-shrink: 0;
    }
}
@media screen and (max-width: 1024px) {
    .author-name {
        font-size: 20px;
    }
}

h5.main-heading {
  display: block;
  font-weight:500;
 margin: 0 auto 17px;
  color: #fff;
  font-size: 40px;
}

/*プロフィール枠*/
#author_profile {
  border: 1px solid #194c80;
  width: 100%;
  margin: 40px auto;
 padding-top: 0px;
 padding-bottom: 0px;
  overflow: hidden;
}
#author_profile p {
  margin-bottom: 20px;
  line-height: 1.8;
}
/*この記事を書いた人の見出し*/
#author_profile p.label {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: #194c80;
  padding: 10px 15px;
}
/*名前*/
#author_profile p.author_name {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
/*名前下の下線*/
#author_profile p.author_name::after {
  content: "";
  border-bottom: solid 3px #194c80;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
}
/*左側画像ブロック*/
#author_profile .left {
  width: 14%;
  float: left;
  margin: 10px 0 15px 30px;
}
/*画像サイズ*/
#author_profile .left img {
  width: 100%;
}
/*右側テキストブロック*/
#author_profile .right {
  width: 74%;
  float: left;
  font-size: 12px;
  line-height: 1.6;
  padding: 5px 0 20px 30px;
}
/*テキスト下部SNSブロック*/
#author_profile .right ul.author_sns {
  margin: 0;
  border-top: 1px dotted #dddddd;
  margin-top: 15px;
  padding-top: 20px;
}
#author_profile .right ul.author_sns li {
  float: left;
  margin-right: 15px;
  list-style: none;
}
#author_profile .right ul.author_sns li:last-child {
  margin-right: 0;
}
/*SNSアイコンを使う場合は別途アイコンCSSの設定が必要*/
#author_profile .right ul.author_sns li i.icon-facebook {
  color: #fff;
  background-color: #194c80;
  margin-right: 8px;
  padding: 6px 8px 0;
  position: relative;
  bottom: -3px;
}
/*SP時の挙動（画面サイズが小さい時）*/
@media (max-width: 480px) {
  #author_profile p.author_name {
    text-align: center;
  }
  #author_profile .left {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 0;
    text-align: center;
  }
  #author_profile .left img {
    width: 33%;
  }
  #author_profile .right {
    width: 100%;
    float: none;
    padding: 10px 20px 0;
  }
  #author_profile .right ul.author_sns li {
    margin-bottom: 20px;
  }
}