@charset "utf-8";
/*---------------------------------------------------------
共通
---------------------------------------------------------*/
#contents * {
	font-family: "メイリオ",Meiryo,Tahoma,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#contents_outer #contents {
    width: 100%;
    padding: 0;
}
/*--------------------メイン画像--------------------------*/
/*ナビゲーションボタンの色*/
#contents .sp-button {
    border: 1px solid #000;
    border-radius: 0;
    background: #fff;
    width: 11px;
    height: 11px;
    margin: 3px;
}
#contents_outer {
    margin-bottom: 75px;
}
#contents .sp-selected-button {
  background-color: #000;
}
#contents .sp-grab {
	cursor: inherit;
}
#contents .sp-slide a:hover img {
    opacity: .8;
}
#contents .sp-grabbing {
	cursor: inherit;
}

#contents .sp-selectable {
	cursor: inherit;
}

#main-section {
    margin-bottom: 30px;
}
.box_link:hover {
    opacity: 0.7;
}
.section:last-child {
    margin-bottom: 0;
}
/*--------------------h3タイトル--------------------------*/
.ttl_cont h3,.ttl_cont h2 {
    font-size: 20px;
    font-weight: bold;
    color: #434343;
    text-align: center;
    letter-spacing: 3px;
}
.ttl_cont h3 span {
    font-size: 14px;
    position: relative;
    bottom: 3px;
}
.ttl_cont {
    background: #eeeee9;
    padding: 12px 0 8px;
    margin-bottom: 10px;
}
/*--------------------バナー--------------------------*/
.two_bn {
    width: 950px;
    margin: 0 auto 30px;
}
.two_bn_img{
    float: right;
}
.two_bn_img li:first-child{
	margin-bottom: 10px;
}
.two_bn .hovera a:hover {
    opacity: 0.7;
}
/*--------------------サーチ--------------------------*/
.folus_search_inner {
    width: 950px;
    margin: 0 auto;
}
.folus_search {
    margin-bottom: 30px;
}
/*--------------サーチ左側----------------*/
.folus_search_main {
    float: left;
}
.bn_bkn_two li {
    float: left;
}
.bn_bkn_two {
	margin-bottom: 10px;
}

.folus_search h2 {
    font-size: 32px;
    text-align: center;
    color: #009343;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 10px 0 4px;
    letter-spacing: 5px;
    margin-bottom: 30px;
}
.mainbox ul:last-child {
    margin-bottom: 0;
}
.mainbox {
    margin-bottom: 10px;
}
/*---------フリー検索----------*/

.free_search_word {
    float: left;
}
#freesearch_submit_btn {
    float: left;
    background: #434343;
    color: #fff;
    height: 46px;
    width: 97px;
    text-align: center;
    line-height: 3;
    font-size: 16px;
    cursor: pointer;
}
#freesearch_submit_btn:hover{
	opacity: 0.7;
}
#tN {
    border: 1px solid #434343;
    width: 360px;
    height: 42px;
    padding-left: 5px;
}
.bn_bkn_two a:hover {
    opacity: 0.7;
}
/*---------メイン検索----------*/
.opa:hover{
	opacity: 0.7;
}
.folus_search_main #main-search li{
	margin-right: 0;
}
#contents #main-search {
    background: none;
}
#main-searchBtn .inner_search .popupSearch {
    background: url(/images/bg_search_balloon_02.png) no-repeat left top;
    width: 138px;
    height: 152px;
    padding: 7.5px 11px 0 13px;
    position: absolute;
    z-index: 1;
    display: none;
    bottom: 104px;
    left: 50%;
    margin-left: -81px;
}
#main-searchBtn .inner_search .popupSearch .close {
    position: absolute;
    right: -16px;
    top: -14px;
    transition: opacity 0.2s ease;
}
#main-searchBtn .inner_search .popupSearch > li {
	margin-bottom: 5px;
}

/*--------------サーチ右側----------------*/

.folus_search_kodawari {
    float: right;
}
.folus_search_kodawari li:first-child {
    margin-left: 0;
}
.folus_search_kodawari li {
    float: left;
    margin-left: 5px;
}
.folus_search_kodawari ul{
	margin-bottom: 5px;
}
.folus_search_kodawari ul:last-child{
	margin-bottom: 0;
}
.folus_search_kodawari a:hover {
    opacity: 0.7;
}
/*--------------------section_outer--------------------------*/
.section_outer {
    width: 950px;
    margin: 0 auto;
}
/*--------------------会員登録--------------------------*/

.top_member ul .log_form > p {
	display: none;
}
#article .top_member li {
	width:234px;
}
.home-box {
	border:none!important;
}
.home-box .btn {
	float:none!important;
}
input#side_password {
	border: 1px solid #666666;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 1px 1px 1px #CCCCCC inset;
	height: 20px;
	padding-left: 7px;
	width: 207px;
	margin: 0 0 7px;
}
/*--------------------更新情報--------------------------*/
#md_update .ttl_cont {
    margin-bottom: 0;
}
.top-info {
    float: left;
    width: 464px;
}
#article .two_colmnBox .top-info h2 {
	position: relative;
}
#article .two_colmnBox .top-info h2 span {
	position: absolute;
	top: 8px;
	right: 9px;
}
.update_list {
    width: 462px;
    height: 540px;
    border: 1px solid #d3d3d0;
    margin-bottom: 15px;
}
.update_list dl {
    border-bottom: 1px dotted #d3d3d0;
    margin: 10px 0 0 10px;
    width: 430px;
    overflow: hidden;
}
.update_list dt {
	font-weight: bold;
	font-size: 12px;
}
.two_colmnBox {
	margin-bottom: 13px;
}
.info_link a {
    color: #434343;
    font-weight: bold;
}
.info_link{
	text-align: right;
}
.case p a {
    color: #434343;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
/*--------------------中古物件を買ってリフォームする1--------------------------*/
.reform_sec {
    margin-bottom: 15px;
}
.folus_reform {
    float: right;
    width: 464px;
}
.case {
    width: 222px;
    float: left;
    text-align: center;
}
.case dt {
    font-size: 14px;
    color: #039445;
    font-weight: bold;
    margin-bottom: 5px;
}
.folus_reform_txt {
    font-size: 14px;
    color: #000000;
    text-align: left;
    width: 210px;
    margin: 0 auto;
    min-height: 63px;
}
.case p {
    text-align: right;
}
.case dd {
    margin-bottom: 14px;
}
.folus_reform .case:last-child {
    margin-left: 20px;
}
.folus_reform .ttl_cont {
    margin-bottom: 20px;
}
/*--------------------開催中オープンハウス--------------------------*/


.blog_box .date {
    position: static;
    padding: 0;
    background: none;
}

.open_house {
    width: 464px;
    float: left;
}
.open_house .ttl_cont h3 {
    float: left;
    margin: 0 0 0 10px;
}
.ttl_cont p {
    float: right;
    margin: 3px 10px 0 0;
}
.open_house .blog_top_content {
    font-size: 14px;
    color: #000000;
    min-height: 40px;
    margin: 0;
}

.open_house .blog_title {
    font-size: 16px;
    margin: 0;
}

.blog_link {
    text-align: right;
}
.blog_box:hover {
    opacity: 0.7;
}
.ttl_cont p a {
    color: #434343;
}
/*--------------------フォーラスブロック--------------------------*/
.section {
    margin-bottom: 30px;
}
.folus_block {
    float: left;
    width: 465px;
}
.folus_block:last-child {
    float: right;
}
.section .folus_block:first-child {
    margin-left: 0;
}
.folus_block_txt {
    font-size: 14px;
    color: #000000;
}
.folus_block_img {
    margin-bottom: 10px;
}
/*--------------------ブログ--------------------------*/
.ten_blog .blog_box {
    float: left;
    margin-left: 10px;
    width: auto;
}
.ten_blog .blog_box:first-child {
    margin-left: 0;
}
.folus_blog {
    margin-bottom: 30px;
}
.folus_blog .blog_box:hover {
    opacity: 0.7;
}
/*--------------------インスタグラム--------------------------*/
.bn_insta {
    margin-right: 20px;
    float: left;
}
.bn_insta a:hover {
    opacity: 0.7;
}
/*--------------------ブログカテゴリ--------------------------*/
.blog_cate_dis {
    width: 223px;
    float: left;
    padding: 5px 10px 4px 10px;
}
.blog_cate_section {
    width: 465px;
    float: left;
}
.blog_cate a:hover .blog_cate_wrap {
    opacity: .8;
}
.blog_cate_dis dt {
    font-size: 14px;
    font-weight: bold;
    color: #027637;
}
.blog_cate_link {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #027637;
    text-decoration: none;
}
.blog_cate_img {
    float: right;
    width: 214px;
    height: 80px;
    position: relative;
    overflow: hidden;
}
.blog_cate_img img {
    max-width: 214px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.blog_cate_dis dd {
    font-size: 13px;
    color: #000;
    min-height: 36px;
}
.blog_cate_section li {
    border: 1px solid #d5d5d2;
}
.blog_cate:not(:first-child) {
    margin-top: 10px;
}
/*.blog_cate_section li:hover {
    opacity: 0.7;
}*/
.ft_ad {
    font-size: 16px;
    color: #000000;
}
/*--------------------各種お問い合わせ--------------------------*/
.various-contact {
    width: 465px;
    float: right;
}
.various-contact_list li:not(:first-child) {
    margin-top: 10px;
}
.various-contact_list a:hover {
    opacity: 0.8;
}

/*--------------------フェイスブック--------------------------*/

.folus_facebook {
    width: 235px;
    float: left;
    vertical-align: bottom;
}

/*--------------------youtube--------------------------*/

.folus_youtube {
    float: left;
}

.folus_youtube a:hover {
    opacity: 0.7;
}    

/*--------------------instagram--------------------------*/

.bnr_instagram {
    float: right;
}
.bnr_instagram a:hover{
    opacity:0.8 ;
}

/*--------------------TikTok--------------------------*/

.bnr_tiktok{
    float: left;
}

.bnr_tiktok a:hover{
    opacity:0.8 ;
}

.bnrlist{
    display: flex;
    align-items: center;
    gap: 20px;
}