/* ----------------------------------------------------------------------
 style.css
--------------------------------------------------------------------- */
#main_col3 { width:990px; background:#fff; border:1px solid #ccc; border-top:6px solid #ccc; margin:16px auto 0 auto; }
.date { color:#222222 !important; font-weight:normal !important; }

/* center banner top */
#index_banner_top { margin:0 0 10px 0 !important; }

/* center banner top2 */
#index_banner_top2 { margin:0 0 10px 0; }
#index_banner_top2 img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; }

/* banner right side */
.adrotate_widgets { margin:0 0 15px 0; padding: 0 !important; }
.adrotate_widgets img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto !important; }

/* recent post */
.recent_widget { }
.recent_widget ul { margin:15px -15px -15px -15px; }
.recent_widget li { background:none; padding:0 0 10px 0; background:url(wp-content/themes/an_tcd014-bfc/img/common/dot2.gif) repeat-x left bottom; margin:0 0 10px 0; }
.recent_widget li.last { background:none; padding:0; }
.recent_widget .info { width:160px; float:right; margin:0 15px 0 0; }
.recent_widget .info .date { margin:0 0 5px 0; line-height:100%; }
.recent_widget .info .title { font-size:12px; margin:0; font-weight:bold; }
.recent_widget .excerpt p { line-height:160%; font-size:12px; margin:5px 0 0 0; word-break:break-word; word-break:break-all; -webkit-hyphens:break-all; -moz-hyphens:break-all; hyphens:break-all; }
.recent_widget .image { float:left; display:inline-block; background:#fff; padding:6px; border:1px solid #ccc; margin:0 0 0 15px; }
.recent_widget .image img { width:80px; height:auto; display:block; }
.recent_widget a.image:hover img { opacity:0.6; }
#footer_top_area li { background:none; }
#footer_top_area .recent_widget .info { margin:0; width:140px; }
#footer_top_area .recent_widget .image { margin:0; }
#footer_top_area .recent_widget li.last { padding:10px 0 0 0; }
#index_bottom_widget .recent_widget .info { width:325px; }

/* featured post */
#index_top_widget .featured_widget .info { width:325px; }

/*【ボタン 青・緑】aタグに使えます */
a.button {
   color:#fff; font-size:14px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#008ece; display:inline-block; text-decoration:none;
   -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
   background: -moz-linear-gradient(top, rgba(0,216,255,1) 0%, rgba(0,142,206,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,216,255,1)), color-stop(100%,rgba(0,142,206,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8ff', endColorstr='#008ece',GradientType=0 );
   border:1px solid #009de1; text-shadow: 1px 1px 0px #0085bf;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
a.button:hover { color:#fff; text-decoration:none; background:#0ddaff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ddaff', endColorstr='#0ddaff',GradientType=0 ); }
a.button:active { box-shadow:none; bottom:-2px; position:relative; }
.post a.button2 {
   color:#fff; font-size:14px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#36bf00; display:inline-block; text-decoration:none;
   -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
   background: -moz-linear-gradient(top, rgba(65,231,0,1) 0%, rgba(54,191,0,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,231,0,1)), color-stop(100%,rgba(54,191,0,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41e700', endColorstr='#36bf00',GradientType=0 );
   border:1px solid #2da000; text-shadow: 1px 1px 0px #227a00;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
a.button2:hover { color:#fff; text-decoration:none; background:#7bf013; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bf013', endColorstr='#7bf013',GradientType=0 ); }
a.button2:active { box-shadow:none; bottom:-2px; position:relative; }
a.button,a.button2 {text-shadow: none !important;}   /* ボタンの文字影なし */
.nowrap {white-space: nowrap;}   /* 改行なし */
.white{color:#ffffff}      /* 白色 */
.bg-orange{background:#ff7d00}   /* オレンジ色の文字背景 */
.bg-cgray{background:#4e5763;}   /* チャコールグレーの文字背景 */
.bg-tblue{background:#2c98c6;}   /* ターコイズブルーの文字背景 */
.bg-round{-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}   /* 文字背景の角丸化 */

/* h3 */
.post .style3c { margin:3em -.2em 1.5em; padding:1.1em 1em 1em; font-size:22px; font-weight:400; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.b-style3c h3 { margin:3em -.9em 1.5em; padding:1.1em 1em 1em; font-size:22px; font-weight:400; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align: center;}

/* 特選物件・住宅情報誌用 */
#tokusen_image, #mag_image { margin: 0; text-align: center;}
#tokusen_image img { background: #ebebeb; padding: 10px; max-width: 618px; margin-bottom: 0;}
#mag_image img { background: #ebebeb; padding: 10px; max-width: 618px; margin-bottom: 0;}
#tokusen_image .tokusen_title { font-weight: bold; font-size: 16px; text-align: left; padding: 6px; border-left: 4px solid #aa0000;}
#tokusen_image .tokusen_cap { font-weight: bold; font-size: 16px; }
#tokusen_image .tokusen_desc {  }

/*ヘッダバナー*/
#header_banner { display: block; }
#header_banner img { max-width: 100%; width: 468px !important; height: 60px !important; border:1px solid #ccc;}

/*ヘッダロゴ*/
#logo { width: 360px; }
#logo img { max-width: 100%; width: 360px !important; height: 65px !important; }

/*フッタロゴ*/
#footer_logo { width: 180px; }
#footer_logo img { max-width: 100%; width: 180px !important; height: 33px !important; }

/* スライダーのキャプションエリアを透明にする */
.nivo-caption {
  color: #000000 !important;
/*  opacity: 0 !important; */
}

.recommend_gallery .title a {
  color: #000000 !important;
}

/* ベルスの住まいボタンとお問い合わせボタンのホバーエフェクト */
#index_banner_top a.image:hover img {opacity: 0.6; }
#index_banner_top3 a.image:hover img {opacity: 0.6; }
#index_banner_top4 a.image:hover img {opacity: 0.6; }
#page a.image:hover img {opacity: 0.6; }

/* ボタン */
.square_btn{
  font-size: 12px;
  line-height: 2em;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 6px;
  text-decoration: none;
  color: #ffffff;
  border: 2px solid #ffffff;
  background-color: #697c9b;
  transition: .4s;
}

.square_btn:hover {
  background-color: #ffffff;
}

/* 建売一戸建て検索ページのスタイル */
.square_btn_pref{
  display: inline-block;
  padding: 0px 6px;
  border-radius: 6px;
  text-decoration: none;
  color: #000000;
  border: 2px solid #ffffff;
  background-color: #dddddd;
  transition: .4s;
}

.square_btn_pref:hover {
  background-color: #ffc107;
}

.square_btn_pref_active {
  display: inline-block;
  padding: 0px 6px;
  border-radius: 6px;
  text-decoration: none;
  color: #000000;
  border: 3px solid #ffffff;
  background-color: #ffc107;
}

.square_btn_munic{
  display: inline-block;
  padding: 0px 6px;
  border-radius: 6px;
  text-decoration: none;
  color: #000000;
  border: 3px solid #ffffff;
  background-color: #dddddd;
  transition: .4s;
}

.square_btn_munic:hover {
  background-color: #45ff06;
}

.square_btn_munic_active{
  display: inline-block;
  padding: 0px 6px;
  border-radius: 6px;
  text-decoration: none;
  color: #000000;
  border: 3px solid #ffffff;
  background-color: #45ff06;
}

.square_btn_pref, .square_btn_pref_active, .square_btn_munic, .square_btn_munic_active {
  font-size: 0.92em;
}

#detail dl,
#detail dt,
#detail dd {
  box-sizing: border-box;
}

#detail dl {
  background: #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#detail dt,
#detail dd {
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ccc;
}
#detail dt {
  width: 40%;
  float: left;
}

#detail dd {
  background: #fff;
  margin-left: 40%;
  padding-bottom: 10px;
  border-left: 1px solid #ccc;
}

#detail dd:after {
  content: '';
  display: block;
  clear: both;
}

/* フォームのスタイル */
#kensaku input[type="text"] {
  width: 70%;
  padding: 0.8em !important;
  outline: none;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
}

#request input[type="text"],
#request input[type="email"],
#request textarea {
  width: 95%;
  padding: 0.8em !important;
  outline: none;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
}

#login input[type="text"],
#login input[type="password"] {
  width: 30%;
  padding: 0.8em !important;
  outline: none;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
}

/* フォームのスタイル（スマホ） */
#kensaku_sp input[type="text"] {
  width: 65%;
  height: 30px;
  padding: 0.2em !important;
  outline: none;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  margin-bottom: 20px;
}

.searchbtn {
  width: 30%;
  height: 40px;
  font-size: 12px;
  margin-left: 2px;
  margin-bottom: 20px;
  background: -moz-linear-gradient(top, #FFF 0%, #EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  border: 1px solid #DDD;
  color: #111;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#request textarea.tall {
  resize: none;
  height: 320px;
}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
  box-shadow: 0 0 7px #3498db;
  border: 1px solid #3498db;
}

select {
  width: 100%;
  border-radius: 0;
  background: -moz-linear-gradient(top, #FFF 0%, #EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  border: 1px solid #DDD;
  color: #111;
  padding: 10px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
}

button,
.frmbtn {
  border-radius: 0;
  background: -moz-linear-gradient(top, #FFF 0%, #EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  border: 1px solid #DDD;
  color: #111;
  padding: 10px 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
}

button:hover,
.frmbtn:hover {
  background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}

.disabled {
  pointer-events : none;
  font-size: 14px !important;
  color: #999;
  background-color: #eee;
}

.mw-wp-form-wp-list-table {
  overflow: initial !important;
}

button.btn_ss {
  padding: 5px 15px;
  font-size: 12px;
}

/* 見出し1 */
.heading1 {
  position: relative;
  color: #158b2b;
  font-size: 18px;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0;
}

.heading1:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid #a6ddb0;
  border-left-color: transparent;
  border-right-color: transparent;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* 見出し2 */
.heading2 {
  position: relative;
  padding-left: 25px;
}

.heading2:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}

.heading2:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}

/* 見出し3 */
.heading3 {
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px #666;
  border-bottom: solid 2px #666;
  font-size: 18px;
  color: #666;
}

.heading3:before, .heading3:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: #666;
}

.heading3:before {left: 7px;}
.heading3:after {right: 7px;}

/* 見出し3フォントサイズ調整 */
@media only screen and (max-width:480px) {
    .heading3 {
      font-size: 14px;
      font-weight: bold;
    }
}

/* 見出し4 */
.heading4 {
  position: relative;
  display: inline-block;
  padding: 0 45px;
}

.heading4:before, .heading4:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 22px;
  height: 2px;
  background-color: #999;
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.heading4:before {left:0;}
.heading4:after {right: 0;}

/* 見出し5 */
.heading5 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.heading5:before, .heading5:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.heading5:before {left:0;}
.heading5:after {right: 0;}

/* 見出し6 */
.heading6 {
position: relative;
padding: 0.25em 1em;
border: solid 2px #d2b48c;
border-radius: 3px 0 3px 0;
background-color: #f5deb3;
}

.heading6:before,.heading6:after
{
content: '';
position: absolute;
width:10px;
height: 10px;
border: solid 2px #d2b48c;
border-radius: 50%;
background-color: #f5deb3;
}

.heading6:after {top:-12px;left:-12px;}
.heading6:before {bottom:-12px;right:-12px;}

/* 見出し7a */
.heading7a {
  position: relative;
  padding: 0.5em;
  background: #ba4e31;
  color: white;
}

.heading7a:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

/* 見出し7b */
.heading7b {
  position: relative;
  padding: 0.5em;
  background: #b7ba31;
  color: white;
}

.heading7b:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

/* 見出し8 */
.heading8 {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0px;
}
.heading8 span {
  display: block;
  margin-bottom: 0.2em;
  color: #aaa;
  font-size: 0.8em;
  font-weight: normal;
}

/* 見出し9 */
.heading9 {
  display: inline-block;
  margin: 2px 0px;
  margin-right: 4px;
  padding: 0px 8px;
  color: #fff;
  background-color: #6594e0;
  border-radius: 4px;
}

/* フォームのエラー文字 */
.mw_wp_form .error {
  font-weight: bold;
  font-size: 100% !important;
  color: #FF0000 !important;
}

.cli-bar-message {
  font-size: 0.8em;
}

.index_side_category {
  font-size: 11px !important;
}

.table-font-sm {
  font-size: 12px;
}

.table-narrow td, .table-narrow th {
  padding: 8px;
}

/* fooTableのレスポンシブ表示崩れ修正 */
@media only screen and (max-width:480px) {
    tbody tr { display:block; margin-bottom:0em !important; }
    tbody th, tbody td{ display: list-item; list-style-type:none; border: none; }
}

/* 問い合わせ・ご利用方法ボタン表示幅修正 */
@media only screen and (max-width:480px) {
    #index_banner_top3 img { width: 170px !important; }
}

/* TOP最新の記事修正 */
@media only screen and (max-width:480px) {
    #index_post_list .first_list .title { font-size: 14px !important; }
    #index_post_list .excerpt p{ line-height: 120% !important; }
}

/* すまいバナー */
#sumai-banner .side_headline {
  background: #ffffff;
  color: #333333;
  font-weight: normal;
}

#sumai-banner.side_widget {
  background: #ffffff;
  color: #333333;
  font-weight: normal;
}

/* TOPページ新着記事 */
#index_post_list .headline1-black { background:#333333 !important; }

/* 吹き出し */
.balloon4 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 15px;
    background: #fff0c6;
    border-radius: 30px;
}

.balloon4:before{
    content: "";
    position: absolute;
    left: -38px;
    width: 13px;
    height: 12px;
    bottom: 0;
    background: #fff0c6;
    border-radius: 50%;
}

.balloon4:after{
    content: "";
    position: absolute;
    left: -24px;
    width: 20px;
    height: 18px;
    bottom: 3px;
    background: #fff0c6;
    border-radius: 50%;
}
.balloon4 p {
    margin: 0;
    padding: 0;
}

.balloon3 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #70a6ff;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon3:before{
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #70a6ff;
  z-index: 0;
}

.balloon3-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #a4eb84;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon3-top:before{
  content: "";
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #a4eb84;
  z-index: 0;
}

.balloon3-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #ff8e9d;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon3-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #ffcc75;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon3-left:before{
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
    margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #ffcc75;
  z-index: 0;
}

.balloon3-right:before{
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #ff8e9d;
  z-index: 0;
}

.balloon3-right-btm {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #a58eff;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon3-right-btm:before{
  content: "";
  position: absolute;
  bottom: -8px;
  right: -8px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #a58eff;
  z-index: 0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.label {
  display: inline-block;
  margin: 2px;
  padding: 3px;
  border-radius: 3px;
  line-height: 1em;
  background-color: #bdc3c7;
  color: #ffffff;
}

.label.label-primary {
  background-color: #428bca;
}

.label.label-warning {
  background-color: #f0ad4e;
}

.label.label-gold {
  background-color: #ffd700;
}

.label.label-danger {
  background-color: #d9534f;
}

.label.label-success {
  background-color: #5cb85c;
}

.label.label-olive {
  background-color: #808000;
}

.label.label-info {
  background-color: #5bc0de;
}

.label.label-dark {
  background-color: #5a656b;
}

/* ACFでWYSIWYGフィールドをthe_fieldで出力する際に、その中の小要素を変更する */
.acf_custom > p {
  line-height: 1.6em;
  margin-bottom: 0px !important;
}

.acf_custom > ul {
  line-height: 1.6em;
  margin-left: 1em;
  margin-bottom: 0px !important;
}

/* 検索窓 */
#side_top_banner {
  background: transparent !important;
  height: 326px;
  position: relative;
}

#side_top_banner .side_search_area {
  background: #fff url(img/side/search_input.gif) no-repeat 9px 9px;
  height: 50px;
  width: 300px;
  border: 1px solid #ccc;
  position: absolute;
  bottom: 16px;
  left: 0px;
}

#side_top_banner #search_button {
  float: right;
  margin: 9px 9px 0 0;
}

#side_top_banner #search_input {
  color: #777;
  float: left;
  font-size: 12px;
  width: 160px;
  margin: 19px 0 0 19px;
  overflow: hidden;
  background: transparent;
  border: none;
}

#side_col .mini_banner img {
  display: inline-block;
  border: 1px solid #cccccc;
}

#side_col .top-left img {
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right:6px;
}

#side_col .top-right img {
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 6px;
  margin-right: 0px;
}

#side_col .middle-left img {
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 6px;
}

#side_col .middle-right img {
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 6px;
  margin-right: 0px;
}

#side_col .bottom-left img {
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 6px;
}

#side_col .bottom-right img {
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 6px;
  margin-right: 0px;
}

#post_list .post_row {
  border-bottom: dotted 1px #cccccc;
  margin-bottom: 30px;
}

#post_list .post_row:last-child {
  border-bottom: 0px;
  margin-bottom: 30px;
}

#post_list .post_col-2 {
  margin-bottom: 10px;
}

#index_post_list a.link {
  font-weight: normal;
  color: #333333;
  text-decoration: none;
}

#index_post_list a.link:visited {
  color: #333333;
}

#index_post_list a.link:hover {
  color: #ffffff;
}

#index_post_list a.link:active {
  color: #ffffff;
}

#index_post_list span.kiji {
  line-height: 18px;
  margin: 7px 0px;
  padding: 2px 6px;
  background-color: #ffffff;
}

#index_post_list span.kiji:hover {
  background-color: #000000;
  border: 1px solid #ffffff;
}

.pager {
  clear: both;
}

.pager  ul.pagination {
  text-align: center;
  margin: 10px;
  padding: 0;
}

.pager .pagination li {
  font-size: 12px;
  display: inline;
  margin: 1px 0;
  padding: 0;
  display: inline-block;
  background:#3D668A;
  width: 22px;
  height: 30px;
  text-align: center;
  position: relative;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #000;
  background: #ccf;
}

.detail dl {
  color: #666666;
  border: 1px solid #e6e6e6;
  margin-bottom: 1em;
}

.detail dt {
  color: #333333;
  background-color: #f0f0f0;
  padding: 0.5em 1em 1em 1em;
  line-height: 1em;
}

.detail dt h5 {
  margin: 0;
  padding: 0;
  font-size: 1.3em;
}

.detail .title-sm {
  display: inline-block;
  font-size: 0.9em;
  font-weight: normal;
}

.detail dd {
  padding: 0 1.5em;
}

.detail dd.tokuten {
  font-weight: bold;
  font-size: 1.1em;
  margin: 1em 0.5em 0.5em 0.5em;
  padding: 0.2em 1em;
  color: #b5145e;
  background-color: #fdd7e9;
  border-radius: 4px;
}

.detail dd.bukken-copy {
  margin: 1em 0 0 0;
}

.detail dd.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.detail dd.bukken-copy img.bukken-image {
  display: block;
  margin-right: 1em;
  max-width: 200px;
  max-height: 200px;
  float: left;
}

.detail dd.bukken-copy div.copy-text {
  font-size: 0.9em;
  line-height: 1.3em;
  overflow: hidden;
}

.detail dd.bukken-copy div.copy-text div {
  margin-bottom: 0.5em;
  line-height: 1.8em;
}

.detail dd span.label {
  margin: 1px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 0.9em;
  font-weight: bold;
}

.detail dd.readmore-button-box {
  margin-bottom: 1em;
  font-size: 0.9em;
  text-align: center;
}

.detail dd.bukken-data {
  clear: both;
}

.detail .bukken-data ul {
  margin-bottom: 0;
  padding-left: 5px;
}

.detail .bukken-data li {
  background: url(img/common/bullet1.gif) no-repeat left 7px;
  line-height: 1.3em;
}

.detail dd.bukken-data table {
/*  font-size: 0.85em; */
  line-height: 1.5em;
}

.detail dd.bukken-data caption {
  font-weight: bold;
  margin: 1em 0;
}

.detail dd.bukken-data th {
  padding: 2px 4px;
  text-align: left;
  white-space: nowrap;
}

.detail dd.bukken-data td {
  padding: 2px 4px;
}

.readmore-area {
  line-height: 1.3em;
}

.sentaku_city {
  display: inline-block;
  width: 31%;
  margin: 4px 0;
  vertical-align: top;
  letter-spacing: normal;
  padding-left: 20px;
  background: none !important;
}

.sentaku_line {
  display: inline-block;
  width: 48%;
  margin: 4px 0 !important;
  vertical-align: top;
  letter-spacing: normal;
  padding-left: 20px;
  background: none !important;
  line-height: 1.3em !important;
}

.sentaku_station {
  display: inline-block;
  width: 48%;
  margin: 4px 0;
  vertical-align: top;
  letter-spacing: normal;
  padding-left: 20px;
  background: none !important;
}

.label-margin {
  margin: 1px;
}

/* covid-19 対策用 フリーダイヤル非表示 */
.teldsp {
  display: block;
}

/* 段落の行間を狭くする */
.narrow-line {
  line-height: 1.5em !important;
}

caption.bp, caption.item {
  padding-left: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: left;
  border-left: 4px solid #999999;
}

caption.bp {
  border-left: 4px solid #428bca;
}

caption.item {
  border-left: 4px solid darkorange;
}

caption span {
  font-size: 15px;
  font-weight: bold;
}

h3.bp-midashi, h3.item-midashi {
  padding-left: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  border-left: 4px solid #999999;
}

h3.bp-midashi {
  border-left: 4px solid #428bca;
}

h3.item-midashi {
  border-left: 4px solid darkorange;
}

img.pr_image, img.item_image {
}

div.sv_category {
  margin: 5px 10px 15px 10px;
}

a.sv_cat {
  font-size: 0.8em;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #cccccc;
  border-radius: 10px;
}

a.sv_cat::before {
  content: "\00A0\00A0";
}

a.sv_cat::after {
  content: "\00A0";
}

a.sv_cat:hover {
  background-color: #cccccc;
}

a.sv_cat-black {
  background-color: #000000;
  color: #ffffff;
}

dl.add-info {
  margin: 0 20px 10px 20px;
  padding: 4px 10px;
  border-top: 1px dotted #666666;
  border-bottom: 1px dotted #666666;
  overflow: auto;
}

span.sup-name {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: normal;
}

span.sup-name a {
  text-decoration: none;
}

span.sup-name a::before {
  content: "【";
}

span.sup-name a::after {
  content: "】";
}

.text-orange {
  color: orange;
}

.text-red {
  color: red;
}

.text-black {
  color: #444444;
}

.text-white {
  color: white;
}

.card-shadow {
  position:relative;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

.hidden {
  display: none;
}

div.btn_box {
  margin-bottom: 5px;
  padding-left: 10px;
  text-align: center;
}

ol.tejun {
}

ol.tejun li {
  line-height: 130%;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lastViewedList li.lastViewedItem {
  background: inherit;
  padding: 0 !important;
}

.lastViewedThumb {
  display: inline-block;
  background: #fff;
  padding: 4px;
  border: 1px solid #ccc;
  margin: 0 10px 0 0px;
}

.lastViewedThumb img {
  width: 60px !important;
  display: block;
}

.lastViewedTitle {
  font-weight: normal !important;
  word-break: break-all;
}

ol.popular_post {
  margin: 0 0 8px 8px;
}

li.popular_post {
  background: inherit !important;
  padding: 0 0 0 4px !important;
}

.related-title {
  font-size: 12px;
  margin: 0;
  font-weight: bold;
  width: 100%;
  word-wrap: break-all;
}

.search-title a {
  font-weight: normal;
}

.search-title a:hover {
  font-weight: bold;
  text-decoration: underline !important;
}

.supplier-title a:hover {
  font-weight: bold;
  text-decoration: underline !important;
}

#post_archive h4.title {
  display: table-cell;
  vertical-align: middle;
  height: 5.5em;
}

#post_archive p.pr_text {
  line-height: 1.5em;
  word-break: break-all;
}

.stars {
  color: goldenrod;
}

.side_widget .side_headline {
  background: #9a9a9a;
}

.side_widget .side_headline.side_headline-red {
  background: #dc143c;
}

.side_widget.side_widget-white {
  background: #fff;
}

.logo_image {
  max-width: 200px !important;
  max-height: 200px !important;
}



/*全体*/
.hidden_box {
  margin: 0;/*前後の余白*/
  padding: 0;
}

/*ボタン装飾*/
.hidden_box > label {
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  border: 1px solid #999999;
  border-radius: 5px;
  cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box > label:hover {
  background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box > input {
  display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box > input:checked ~ .hidden_show {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}




@media screen and (min-width: 751px) {
  .telLink {
    pointer-events: none;
  }
}

@media only screen and (max-width: 767px) {
  .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

  .pager .pagination li.pre span::after{
    content: "　前の10件へ";
  }

  .pager .pagination li.next span::before{
    content: "次の10件へ　";
  }

  .detail dt h5 {
    font-size: 1.15em;
  }

  .detail dd.bukken-copy img.bukken-image {
    max-width: 100%;
  }

  .detail dd.bukken-copy div.copy-text {
    clear: both;
    margin-top: 1em;
    font-size: 0.9em;
    line-height: 1.3em;
    overflow: visible;
  }

  .detail dd.bukken-data th {
    font-weight: bold;
    padding: 6px 4px;
  }

  .detail dd.bukken-data td {
    padding: 6px 4px 6px 15px;
  }

  .detail dd.bukken-copy img.bukken-image {
    display: inline-block;
    margin-right: 0;
    max-width: 200px;
    max-height: 200px;
    float: none;
  }

  .sentaku_city {
    display: inline-block;
    width: 46%;
    margin: 4px 0;
    vertical-align: top;
    letter-spacing: normal;
    padding-left: 20px;
    background: none !important;
  }

  .sentaku_line {
    display: inline-block;
    width: 46%;
    margin: 4px 0 !important;
    vertical-align: top;
    letter-spacing: normal;
    padding-left: 20px;
    background: none !important;
    line-height: 1.3em !important;
  }

  .sentaku_station {
    display: inline-block;
    width: 80%;
    margin: 4px 0;
    vertical-align: top;
    letter-spacing: normal;
    padding-left: 20px;
    background: none !important;
  }

}

.post ul li.custom-marker {
  font-size: 16px;
  font-weight: bold;
  list-style-position: inside !important;
  border: 0 !important;
  /* 既存の background 指定を上書きする */
  background: none !important;
  /* 必要に応じてパディングもリセットする */
  padding: 0 !important;
  padding-left: 20px !important;
  margin-bottom: 0 !important;
  /* list-style がある場合は一旦 none にする（あとで擬似要素などで装飾） */
  list-style: none;
}