@charset 'utf-8';

/**
 * smart.css
 *
 * ※画面の横幅が600以下
 *
 ** -------------------------------------------- */


/* -----------------------------------------------
  表示切替
------------------------------------------------ */
.pc_disp{
    display:none !important;
}
.smt_disp{
    display:block;
}

/* -----------------------------------------------
 表示枠
------------------------------------------------ */
#wrap{
    min-width:100%;
}
.inner{
    width:100%;
}
.top_inner{
    width:95%;
}
#main{
    margin:0;
}

/* -----------------------------------------------
 共通CSS
------------------------------------------------ */
a{
    padding-top:4px;
    padding-bottom:4px;
}

#content{
    clear:both;
    float:none;
    width:98%;
    width:95%;
    margin:0 auto;
}

#sub_hd_image{
    width:100%;
    position:static;
    margin:0;
}
#sub_hd_image>img{
    width:100%;
    height:auto;
}

#sub_hd_image .balloon{
    display:none;
}
#sub_hd_image .balloon img{
    position: absolute;
    top: -76px;
    right: 0;
    width: 90px;
    height: auto;
}

#subcontent{
    clear:both;
    float:none;
    width:100%;
    width:98%;
    width:95%;
    margin:0 auto;
}
#subcontent .content img{
    max-width:100%;
    height:auto;
}


.page_sub_img_title img{
    zoom:80%;

}

/* -----------------------------------------------
 開閉メニュー
------------------------------------------------ */
/* 開閉メニューボタン */
#head-menu-btn{
    right:10px;
}
/* メニュー枠*/
.cmn-menu-side {
    right: -320px;
    width: 320px;
}
.cmn-menu-side .menu_inner {
    padding:0 20px;
}
.cmn-menu-side .menu_links li a{
    padding:12px 0;
}
/* -----------------------------------------------
 スマホ用メニュー
------------------------------------------------ */
/* スマホ用メニュー 表示ボタン*/
#smt-menu-btn{
    display:block;
}
#smt-menu-btn{
    top:auto;
    bottom:0;
}

/* スマホ用メニューボタン */
/*
#smt-menu-btn{
  position: absolute;

  background-color: #fff;
  background-color: #4e1900;
  border-radius: 8px 8px 0 0;

  box-sizing: border-box;
  width: 50px;
  width: 58px;
  height: 58px;
  top: 22px;
  right: 10px;
  z-index: 4;

}
.smt-menu-tel{
  width:58px !important;
  height:58px !important;

  position: absolute;
  top: 10px;
  right: 6px;
  right: 80px;
}

#smt-menu-btn:before,
#smt-menu-btn:after,
#smt-menu-btn span{
  background:#3A1A03;
  background: #fff;

  content: '';
  display: block;
  width: 36px;
  height: 6px;
  position: absolute;
  left: 6px;
  left: 11px;
}
#smt-menu-btn:before{
  top: 10px;
}
#smt-menu-btn span{
  top: 21px;
}
#smt-menu-btn:after{
  top: 32px;
}
#smt-menu-btn .cap_menu,
.smt-menu-tel .cap_menu{
  position: absolute;
  top: 39px;
  left:11px;
  font-size: 12px;
  color:#000;
  color:#3A1A03;
  color: #fff;
}
.smt-menu-tel .cap_menu{
  left:14px;
}
  */



/* スマホ用メニュー */
/* ★ aaaaaaaaaaaaaaaaa
.mm-menu{
  background:#fff !important;
}
.mm-menu .mm-listview{
  border-color:#cccccc !important;
  color:#000000 !important;
  margin-top:10px !important;
}
.mm-navbar{
  background: url(../images/hd_logo.png) no-repeat !important;
  background-size: 166px 60px !important;
  background-size: 154px 56px !important;
  height:60px;
  height:66px;
  background-position:16px center !important;
  border-color:#6EBA3D !important;
  border-color:#999 !important;
}
#mmenu-side .menu-item a{
  background: url(images/sftop_yaji_menu.gif) no-repeat !important;
  background-size: 22px 22px !important;
  background-position:right 20px center !important;
  margin-left:6px;
}
*/


/* ヘッダーメニュー非表示 */
nav#mainNav{
  display:none;
}

/* -----------------------------------------------
 ページ上部へ
------------------------------------------------ */
#totop{
    margin-right:6px;
}

/* -----------------------------------------------
 ヘッダー
------------------------------------------------ */
#header{
    width:100%;
    height:80px;
    overflow:hidden;
    margin-top:0;
    padding-top:2px;
    min-width:100%;
}
#header .hd_inner{
    display:block;
    width:100%;
}
#header .hd_logo{
    clear:both;
    float:none;
    position:static;
}
#header h1{
    font-size: 12px;
    margin:0 2px 2px 2px;
    width:100%;
}

/*
#header .hd_logo h1{
    position:static;
    text-align:left;
    background-color:#0C8541;
    color:#fff;
    width:100%;
    padding:4px 0 2px 0;
    margin-bottom:6px;
    font-size:11px;
}
*/
#header .hd_logo a{
    padding:0;
}
#header .hd_logo img{
/*    width:35%;*/
    width:auto;
    max-height:60px;
    margin-left:6px;
}

/* -----------------------------------------------
 フッター
------------------------------------------------ */
#footer{
    background-color:#fff;
}
#footer .ft_menu{
    border-bottom:0;
}
#footer .ft_menu .contact a{
    width:220px;
    color:#fff;
    padding:10px 0 8px 0;
    display:inline-block;
}
#footer .ft_menu .contact a,
#footer .ft_menu .contact a:hover{
    text-decoration:none;
}
#footer .ft_menu div{
    text-align:center;
    margin-top:16px;
    margin-bottom:8px;
}
#footer .ft_menu .contact{
    background-color:#0C8541;
    color:#fff;
    width:220px;
    font-size:20px;
    margin:12px auto 0 auto;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}
#footer .ft_menu .privacy a{
    font-size:130%;
    padding:4px 8px;
}

#footer .ft_info{
    font-size:16px;
    width:280px;
    width:300px;
    margin:0 auto;
}
#footer .ft_info .tel{
    font-size:20px;
    font-weight:bold;
}
#footer .ft_info .tel span{
    font-size:14px;
}
#footer .ft_info .mail img{
    vertical-align:middle;
}


#copyright{
    height:auto;
}
#copyright .inner{
    margin:1px auto;
}

/* -----------------------------------------------
 パンくずメニュー
------------------------------------------------ */
.pankuzu{
    margin-top: 20px;
}

/* -----------------------------------------------
 サイドバー　空き家以外
------------------------------------------------ */
#sidebar{
    clear:both;
    float:none;
    width:98%;
    width:95%;
    margin:auto;
}
#sidebar .news{
    width:80%;
    margin:0 auto;
    display:block;
}

/* サイドの空き家スライダー */
#side_akiya_slider .image{
    height:260px;
}
#side_akiya_slider .slick-next{
 top:450px;
}


/* -----------------------------------------------
 サイドバー　空き家物件用
------------------------------------------------ */
#sidebar_akiya .news{
    width:80%;
}

#sidebar_akiya{
    clear:both;
    float:none;
    width:300px;
    width:98%;
    width:95%;
    margin:40px auto 0 auto;
}

/* チェック項目 */
#sidebar_akiya .area ul li {
    font-size:19px;
    margin-bottom:18px;
    min-width:140px;
}
/* select項目 */
#sidebar_akiya select{
    width:280px;
    height:32px;
    font-size:18px;
    margin-bottom:6px !important;
}
#sidebar_akiya .building_type{
   margin-left:0px;

}

/* text項目 */
#sidebar_akiya input[type=text]{
    width:90%;
    height:32px;
    font-size:18px;
    margin-bottom:6px !important;

}

#sidebar_akiya .area.kodawari ul{
    margin-top:16px;
}
/* select、textのラベル */
#sidebar_akiya .io_label{
    display:block;
    width:100%;
    margin-bottom:-4px;
}

/* 検索ボタン */
#sidebar_akiya .btn_search input{
    -webkit-appearance : none;
    font-size:20px;
    font-size:2.0rem;
    width:100%;
    margin-bottom:24px;

}

/* -----------------------------------------------
 エリア選択ダイアログ
------------------------------------------------ */
.blockUI.blockMsg{
	width:90% !important;
	top:0 !important;
    height:95% !important;
    overflow-y:scroll;
}

#dlg_area_map{
    display:none;
    padding:0 0px 12px 0px;
}
/* タイトル */
#dlg_area_map .title{
    height: auto;
    text-align: left;
    font-size: 15px;
    color: #00992B;
    font-weight: bold;
    margin-bottom: 0px;
    padding-left: 28px;
    padding-top: 15px;
    background-image: url(../images/ico_map_pin.png);
    background-repeat: no-repeat;
    background-position: 8px 10px;
    background-size: 13px 21px;
}

/* 地図 */
#dlg_area_map .map_frame img{
    border:1px solid #ccc;
    width:100%;
}

/* 説明文 */
#dlg_area_map .message_frame{
    text-align:left;
    width:90%;
    margin-left: 8px;
    margin-top:8px;
    margin-bottom:8px;
}
#dlg_area_map .message1{
    display:inline-block;
    font-weight:bold;
    font-size:14px;;
    color:#00992B;
}
#dlg_area_map .message2{
    display:inline-block;
    font-size:12px;;
}

/* エリア選択 */
#dlg_area_map div.district_name{
    margin-top: 6px;
    font-size:12px;
}


#dlg_area_map li{
	font-size:12px;
    float:left;
    display: inline-flex;
    margin-left: 13px;  
    margin-top:0px;
    margin-bottom:2px;
}

/* 設定ボタン */
#dlg_area_map .btn_frame{
    margin-top:14px;
	margin-bottom:0px;
    float:none;
}
#dlg_area_map .btn_ok{
    box-sizing:border-box;
    display:inline-block;
    color:#fff;
    width:100px;
    font-size:14px;
    font-size:1.4rem;
    padding:2px 24px 0px 14px;
    background:#00992B url(../images/top_next_icon.png) no-repeat;
    background-size:15px 22px;
    background-position: right 6px center;
    border:#00992B solid 2px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
#dlg_area_map .btn_ok:hover{
    background-color:#7EB500;
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
}

/* キャンセルボタン */
#dlg_area_map .btn_cancel{
    box-sizing:border-box;
    display:inline-block;
    color:#00992B;
    width:100px;
    font-size:14px;
    font-size:1.4rem;
    padding:2px 2px 0px 2px;
    background-size:15px 22px;
    background-position: right 6px center;
    border:#00992B solid 2px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
#dlg_area_map .btn_cancel:hover{
    background-color:#7EB500;

    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
}

/* -------------------- */

/* -----------------------------------------------
 サイドバー　共通　バナー領域
------------------------------------------------ */
.side_bnr_block{
    clear:both;
    float:none;
    text-align:left;
    margin:20px 0 !important;
    display:inline-block;
}
.side_bnr_block div{
    text-align:center;
}
.side_bnr_block img,
.side_bnr_block.akiya img{
    width:80%;
    height:auto;
}

/* 空き家物件用 */
.side_bnr_block.akiya{
    display:block;
    text-align:center;
}

/* -----------------------------------------------
 サブページ別サイドバー（共通スタイル）
------------------------------------------------ */
.sidebar_sub{
    clear:both;
    float:none;
    width:100%;
}
.sidebar_sub .sd_sub_title{
    height:40px;
    line-height:40px;
}
.sidebar_sub ul li{
    padding-top:14px;
    padding-bottom:14px;
    background-position:left 19px;

}

/* ===============================================
 トップページ
================================================ */
/* 各ブロック：タイトル部分 */
#top .tit_com h3 {
    font-size: 24px;
    font-size: 2.4rem;
}
#top .tit_com .icon {
    width:32px;
}

/* スライダー */
#top .top_slider{
    width:100%;
    position:static;
    margin:0;
}
#top .flexslider {
    height: auto;
    min-height: 100%;
    max-height: none;
    margin:0;
}
#top .flexslider img{
    width:100%;
    height:auto;
    min-height: auto;
    max-height: none;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    left:10px;
}
.flexslider:hover .flex-direction-nav .flex-next {
    right:10px;
}


/* 上部メニューボタン */
#top .mn_frame{
    position:static;
    margin-top:20px;
}
#top .mn_frame .menu ul{
    gap:0;
}
#top .mn_frame .menu ul.menu1 {
    z-index:auto;
}
#top .mn_frame .menu ul.menu1 li{
    width:calc(50% - 5px);
    margin-right:10px;
    margin-bottom: 10px;
}
#top .mn_frame .menu ul.menu1 li:nth-of-type(2),
#top .mn_frame .menu ul.menu1 li:nth-of-type(4){
    margin-right:0;
}
#top .mn_frame .menu ul.menu1 li div.btn_common{
    width:100%;
    height:auto;
    padding:8px 2px;
}
#top .mn_frame .menu ul.menu1 li div.btn_common h3{
    font-size:24px;
}
#top .mn_frame .menu ul.menu1 li div.btn_common p{
    font-size:1.4rem;
}
#top .mn_frame .menu ul.menu1 li div.btn_common img{
    width:88%;
}

/* サブメニュー */
#top .mn_frame .menu ul.menu1 li div.sub_menu {
    display:none;
}

/* 子育て世代／空き家バンク 用*/
#top .mn_frame .menu ul.menu2{
    padding:0;
}
#top .mn_frame .menu ul.menu2 li{
    display:block;
    width:100%;
    margin-bottom: 10px;
}
#top .mn_frame .menu ul.menu2 li h3 {
    font-size:24px;
    margin-left:10px;
}
#top .mn_frame .menu ul.menu2 li div.btn_common{
    width:auto;
    height:90px;
}
#top .mn_frame .menu ul.menu2 li div.icon_circle{
    margin-left:14px;
}
#top .mn_frame .menu ul.menu2 li div.illust{
    width:110px;
    height:auto;
}

/* モーダル表示対応 ------------------------------------*/
/* モーダル背景（最初は非表示） */
#top .mn_frame .modal_overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7); /* 黒の70%透過 */
    z-index: 100;
    display: none; /* 通常は隠す */
}
/* メニュー本体（最初は非表示） */
#top .mn_frame .sub_menu_modal {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 400px;
    z-index: 101;
    display: none; /* 通常は隠す */
    text-align: center;
}
/* 表示用クラス（JSでこれを付け外しする） */
#top .mn_frame .nav_item.is-active .modal_overlay,
#top .mn_frame .nav_item.is-active .sub_menu_modal {
    display: block;
}
/* モーダル内のデザイン */
#top .mn_frame .modal_title {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
#top .mn_frame .menu ul.menu1 li .sub_menu_modal a.sub_item{
    display: block;
    font-size:17px;
    background: #fff;
    color: #000;
    padding: 15px;
    margin-bottom: 10px;
    border:0;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
    position: relative;
}
/* 右側の ＞ をつける（以前の応用） */
#top .mn_frame .menu ul.menu1 li a.sub_item::after{
    content: ">";
    font-size:15px;
    position: absolute;
    right: 20px;
    color:#000;
}
#top .mn_frame .modal_close_btn {
    color: #fff;
    cursor: pointer;
    margin-top: 20px;
}
/* End.モーダル表示対応 ------------------------------------*/



/* メニュー */
/*
#top .mn_frame{
    background:none;
    height:100%;
    position:static;
}
#top .mn_frame ul.smt_disp{
    margin-bottom:8px;
    display:inline-block;
    box-sizing:border-box;
}
#top .mn_frame ul.smt_disp li{
    width:50%;
    margin:0;
    padding:8px 0;
    border-bottom:1px solid #ccc;
    box-sizing:border-box;
    display:table;
    float:left;
}
#top .mn_frame ul.smt_disp li:nth-child(1),
#top .mn_frame ul.smt_disp li:nth-child(3),
#top .mn_frame ul.smt_disp li:nth-child(5){
    border-right:1px solid #ccc;
}
#top .mn_frame ul.smt_disp a,
#top .mn_frame ul.smt_disp img{
    width:100%;
    width:96%;
    height:auto;
}
#top .mn_frame ul.smt_disp img{
    vertical-align:middle;
}
*/

/* コンテンツ */
#top .top_content{
    margin-top:0;
}

/* 左側バナー、お知らせ領域 */
/*
#top .top_l{
    clear:both;
    float:none;
    width:100%;
    width:95%;
    margin:0 auto;
}
#top .top_l .bnr,
#top .top_l .bnr img{
    width:100%;
}
#top .top_l .bnr div{
    width:100%;
    height:100%;
}
*/
/* お知らせ ------------------ */
/*
#top .news_list .top_info_list .td_title{
    display:block;
}
.top_info_list .info_title{
    padding:6px 0;
}
*/
/* 右側ボタン領域 */
/*
#top .top_r{
    clear:both;
    float:none;
    width:100%;
    width:95%;
    max-width:315px;
    max-width:302px;
    margin:0 auto;
    padding-top:30px;
}
#top .top_r .title{
    text-align:center;
    margin-bottom:20px;
}
#top .top_r img{
    width:100%;
    max-width:302px;
}
#top .list_btn{
    text-align:right;
    float:right;
    margin-top:8px;
    margin-bottom:20px;
    margin-right:10px;
}
#top .list_btn img{
    width:131px;
    height:28px;
}
*/



/*　新着情報カルーセル　------------------ */
#top div.topics_article{
    margin-top:60px;
    width:100%;
}
#top .tit_com.topics{
    width:95%;
    margin:0 auto;
}
#topics_slider{
    padding:0 32px;
}
#topics_slider .slick_item {
    margin-right: 0px;
}

/*　空き家カルーセル　------------------ */
#top .akiya_article{
	margin-top:20px;
/*	width:95%;*/
	margin-top:100px;
}
#akiya_slider{
	padding:0px;
}
#akiya_slider .slick_item {
    margin-right: 0px;
}
#akiya_slider .article_name{
	padding:8px;
	height:auto;
	line-height: 120%;
}
#akiya_slider .image {
    width: 100%;
    height: auto;
    overflow: hidden;
}
#topics_slider .slick-prev,
#akiya_slider .slick-prev{
    left:6px;
}
#topics_slider .slick-next,
#akiya_slider .slick-next{
    right:6px;
}
/* カルーセル ドット */
#akiya_slider ul.slick-dots ,
#topics_slider ul.slick-dots{
    bottom:0;
    bottom: -26px;
    left:0;
    right:0;
}
#akiya_slider ul.slick-dots li{
    margin:0 4px;
}
#akiya_slider ul.slick-dots li button:before{
    font-size:15px;
    color:#3a8346;
}
#topics_slider ul.slick-dots li button:before{
    font-size:15px;
    color:#8ab700;
}
/* 新着情報カルーセル */
#topics_slider .image{
    width: 100%;
}

/* 子育てにおすすめの物件紹介 ---------------------- */
#top .kosodate_article{
    margin-top: 100px;
}
#top .kosodate_frame{
    flex-direction: column;
    justify-content: center;
    gap:36px;
}
#top .kosodate_frame .ko_block {
    margin:0 auto;
}


/* コラム ---------------------------------------- */
#top .column_frame{
    margin-top: 100px;
    width:90%;
}

/* 詳しく調べる：各シーンのメニュー ----------------- */
#top div.scene_wrapper{
    margin-top: 100px;
}
#top div.scene_frame div.scene_block.myhome,
#top div.scene_frame div.scene_block.owner,
#top div.scene_frame div.scene_block.iejimai,
#top div.scene_frame div.scene_block.advice,
#top div.scene_frame div.scene_block.disaster,
#top div.scene_frame div.scene_block.money{
    padding-top: 0;
    padding-bottom: 0;
}
#top div.scene_frame div.scene_block.myhome .title,
#top div.scene_frame div.scene_block.owner .title,
#top div.scene_frame div.scene_block.iejimai .title,
#top div.scene_frame div.scene_block.advice .title,
#top div.scene_frame div.scene_block.disaster .title,
#top div.scene_frame div.scene_block.money .title{
    justify-content:left;
    position: relative;
}

div.scene_frame div.scene_block.myhome .title::before,
div.scene_frame div.scene_block.owner .title::after,
div.scene_frame div.scene_block.iejimai .title::after,
div.scene_frame div.scene_block.advice .title::after,
div.scene_frame div.scene_block.disaster .title::after,
div.scene_frame div.scene_block.money .title::after{
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #6fa0d1;
  border-right: 2px solid #6fa0d1;
}
div.scene_frame div.scene_block.owner .title::after{
    border-color:#8bc449;
}
div.scene_frame div.scene_block.iejimai .title::after{
    border-color:#dea85d;
}
div.scene_frame div.scene_block.advice .title::after{
    border-color:#59b3a1;
}
div.scene_frame div.scene_block.disaster .title::after{
    border-color:#8c755f;
}
div.scene_frame div.scene_block.money .title::after{
    border-color:#d64f00;
}
#top div.scene_frame div.scene_block.myhome .scene_list,
#top div.scene_frame div.scene_block.owner .scene_list,
#top div.scene_frame div.scene_block.iejimai .scene_list,
#top div.scene_frame div.scene_block.advice .scene_list,
#top div.scene_frame div.scene_block.disaster .scene_list,
#top div.scene_frame div.scene_block.money .scene_list{
    display:none;
}
#top div.scene_frame div.scene_block.myhome .btn_wrapper,
#top div.scene_frame div.scene_block.owner .btn_wrapper,
#top div.scene_frame div.scene_block.iejimai .btn_wrapper,
#top div.scene_frame div.scene_block.advice .btn_wrapper,
#top div.scene_frame div.scene_block.disaster .btn_wrapper,
#top div.scene_frame div.scene_block.money .btn_wrapper{
    display:none;
}

/* 民間不動産サイトからさがす ----------------------- */
#top div.otherlinks_frame{
    margin-top: 60px;
    max-width:340px;
}
#top div.otherlinks_frame div.bnr_block{
    flex-direction: column;
}
#top div.otherlinks_frame p.tit_sub{
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
}
#top div.otherlinks_frame div.bnr_block img{
    max-width:300px;
    width:auto;
    height:auto;
}

/* -----------------------------------------------
 お知らせ　（トップ、一覧 で使用）
------------------------------------------------ */
.top_info_list table td:nth-of-type(1){
    width:24%;
    min-width:84px;
    display:block;
    float:left;
    padding-bottom:0;
    padding-left:4px;
}
.top_info_list table td:nth-of-type(2){
    width:76%;
    display:block;
    float:left;
    padding-bottom:0;
}
.top_info_list table td:nth-of-type(3){
    width:85%;
    display:block;
    clear:both;
    float:left;
    padding:4px 4px 10px 4px;
}




/* ===============================================
 空き家物件一覧 / 詳細 画面用
================================================ */

/* -----------------------------------------------
 登録なし時の一覧のメッセージ
------------------------------------------------ */
.enrty_none{
    margin-top:10px;
    text-align:left;
}

.enrty_none .main_text{
    font-size:18px;
    font-size:1.8rem;
}
.enrty_none .sub_text{
    margin-top:10px;
    line-height:1.5;
}



.enrty_none a{
    text-decoration:underline
}

/* -----------------------------------------------
 検索条件
------------------------------------------------ */

.terms .title{
    width:120px;
    line-height:40px;
    clear:both;
    float:none;
}
.terms .item{
    width:100%;
}
.terms .sch_string_frame{
    width:100%;
    clear:both;
    float:none;
}
.terms .sch_cap{
    margin-left:0;
}
.terms .sch_val{
    margin-right:18px;
}

/* -----------------------------------------------
 空き家物件一覧
------------------------------------------------ */
.akiya_list{
    clear:both;
    display:block;
}

/* 更新日 */
.akiya_list .update .date{
    font-size:15rem;
    font-size:15px;

}

/* 物件番号 */
.akiya_list .article_cd{
    clear:both;
    float:none;
}
/* 建物名 */
.akiya_list .article_name{
    clear:both;
    float:none;
}

/* 建物写真 */
.akiya_list .image{
    clear:both;
    float:none;
    width:100%;
/*    height:300px; */
/*    height:100%; */
    height: auto;
}
.akiya_list .image img{
    width:100%;
    height:auto;
    max-width:100%;
    max-height:300px;
    max-height:100%;
}
/* -- 詳細ブロック -- */
.akiya_list .detail{
    clear:both;
    float:none;
    margin-left:0;
    margin-top:10px;
    width:100%;
}
/* 契約状況 */
.akiya_list .detail .building_type table{
    width:auto;
    min-width:290px;
}
/*
.akiya_list .detail .building_type .release_type_name{
    width:70px;
}
.akiya_list .detail .building_type .release_type{
    width:410px;
}
*/

/* 価格等 */
.akiya .price_block{
    display:block;
}
.akiya_list .detail .price_block{
    width:100%;
}
.akiya .price_block table,
.akiya_list .detail .price_block table{
    width:100%;
    max-width:100%;
}
.akiya .price_block table td,
.akiya_list .detail .price_block table td{
    display:block;
    float:left;
    width:100% !important;
    max-width:100% !important;
    text-align:left;
    border:0;
    border-bottom:1px solid #ccc !important;
}
.akiya .price_block table td,
.akiya_list .detail .price_block table td{
    padding-left:10px;
}
.akiya .price_block table td:first-child{
    padding-left:0;
}

/*
.akiya_list .detail .price_block{
    width:96%;
}
.akiya .price_block .block:first-child,
.akiya_list .detail .price_block .block:first-child{
    border-bottom:1px solid #ccc !important;
    padding-left:10px !important;
}
.akiya .price_block .block,
.akiya_list .detail .price_block .block{
    clear:both;
    float:none;
    border:0;
    border-bottom:1px solid #ccc;
}
.akiya .price_block .block .point,
.akiya .price_block .block .point2,
.akiya_list .detail .price_block .block .point,
.akiya_list .detail .price_block .block .point2{
    width:96%;
    text-align:center;
}
*/


/* -----------------------------------------------
 空き家物件詳細
------------------------------------------------ */

/* 各種テーブル */
.akiya .detail table{
    width:100%;
}
.akiya .detail table th,
.akiya .detail table td{
    float:left;
    width:100% !important;
    border-top:0 !important;
    box-sizing:border-box;
    text-align:left;
}

/* 間取り図 */
.akiya .floor_img .main{
    width:100%;
}
.akiya .floor_img .main img{
    max-width:100%;
}

/* 契約状況 */
.akiya .building_type .release_type_name{
    width:58px;
}

/* 建物名 */
.akiya .building_type .article_name{
    font-size:20px;
    font-size:2.0rem;
}

/* 一覧に戻る */
a.bnt_ret{
    margin:20px auto;
}

/* スリック */
.slider-nav .slick-list{
    width:100%;
}
.slick-prev {
    left: 6px;
}
.slick-next {
    right: 6px;
}

/* 下部サムネイル */
.slider-nav2 .slick-list {
    width:100%;
}

/* 間取り図 サムネイル 左右ボタン */
.slider-nav2 .slick-prev {
    top: 114px;
}
.slider-nav2 .slick-next {
    top: 114px;
}


/* iPhone4対応（スリック表示 2枚対応） */
@media screen and (max-width: 320px){
    .th_image_frame,
    .th_image_frame2{
        padding-left:30px;
        box-sizing:border-box;
    }
}

/* 間取り画像欄の「現況～」文 */
.zumen_msg1{
    float: left;
}


/* -----------------------------------------------
 はじめに
------------------------------------------------ */
.message .frame_hajime_l,
.message .frame_hajime_r{
    width:100%;
    clear:both;
    float:none;
}
.message .frame_hajime_r{
    text-align:center;
}

.message img{
    max-width:100%;
    height:auto;
}

/* -----------------------------------------------
 空き家物件募集
------------------------------------------------ */
.entry .frame_entry_l,
.entry .frame_entry_r{
    clear:both;
    float:none;
    width:100%;
}
.entry .frame_entry_r{
    text-align:center;
    margin-top:14px;
}
.entry img{
    max-width:100%;
    height:auto;
}


.info_frame .info_frame_t{
    margin-left:10px;
}
.info_frame .title{
    margin-top:10px;
    margin-left:4px;
}

.entry .info_frame .info_frame_b{
    margin-top:4px;
}

.entry .info_frame .info_frame_b .tel,
.entry .info_frame .info_frame_b .mail{
    margin-left:14px;
}
.entry .info_frame .info_frame_b .tel img{
    height:19px !important;
}
.entry .info_frame .info_frame_b .mail img{
    height:28px !important;
}



/* -----------------------------------------------
 移住者の声
------------------------------------------------ */
/* TOP */
#interview.top .youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#interview.top .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#interview.top .case_block .box:nth-child(2n+1),
#interview.top .case_block .box:nth-child(2n){
    clear:both;
    float:none;
    width:98%;
    width:95%;
    width:100%;
    text-align:center;
}

/* CASE共通 */
#interview .title01 img:nth-of-type(1){
    max-width:20%;
}
#interview .title01 img:nth-of-type(2){
    max-width:80%;
}
#interview .sasebonojikan_smt{
    text-align:center;
    font-size:14px;
    font-size:1.4rem;
    font-weight:normal;
}
#interview .sasebonojikan_smt p{
    text-align:left;
    margin-bottom:20px;
}

/* CASE#01、#03 */
/*
#interview.case01 .sasebonojikan_smt img:nth-of-type(1){
    max-width:50%;
}
#interview.case01 .sasebonojikan_smt img:nth-of-type(2){
    float:right;
    max-width:50%;
}
#interview.case01 .sasebonojikan_smt img:nth-of-type(3){
    clear:both;
    float:none;
}
*/
#interview.case01 .sasebonojikan_smt img,
#interview.case03 .sasebonojikan_smt img{
    clear:both;
    float:none;
}

/* CASE#03 */
#interview.case03 .pic_side{
    clear:both;
    float:none;
    margin-right:0;
    width:100%;
    height:auto;
}
#interview.case03 .pic_side_txt{
    margin-top:6px;
}

/* -----------------------------------------------
 佐世保市はどんなところ？
------------------------------------------------ */
#about .pic_txt .pic{
    clear:both;
    float:none;
    margin-right:0;
    width:100%;
    height:auto;
}
#about .pic_txt .txt{
    clear:both;
    width:100%;
    margin-top:10px;
}

#about .time_block div{
    clear:both;
    float:none;
}
#about .time_block .mes{
    width:100%;
    margin:0;
}

/* お役立ち情報 */
#about .info h3{
}

/* -----------------------------------------------
 Q&A内のお問い合わせ
------------------------------------------------ */
.frame_qa .info_frame{
    margin: 0px 0 0px 46px;
}

.frame_qa .info_frame .tel,
.frame_qa .info_frame .mail{
    margin-left:4px;
}

/* -----------------------------------------------
空き家の利活用
------------------------------------------------ */
/* -- 一覧 -- */
#util .util h3{
}

#util .util{
}
#util .util .block{
    width:100%;
}
#util .util .block .image{
    claer:both;
    float:none;
    width:100%;
}
#util .util .block .image img{
    width:100%;
    height:auto;
    max-width:100%;
}
#util .util .block .naiyo{
    clear:both;
    float:none;
    width:100%;
}
#util .detail .date,
#util .list .date,
#util .util .block .naiyo .date{
}
#util .util .block .naiyo .title{
}
#util .util .block .naiyo .mes{
    margin-bottom:30px;
}

/* 本文 */
#util .list .content,
#util .detail .content{
    padding-left:0;
}
#util .list .content img,
#util .detail .content img{
    max-width:100%;
}