@charset "utf-8"; /* = Theme Name: Theme URI: Description: Author: Version: 1.1.2 -------------------------------------------------------------- */ /* = style2011.css 基本レイアウトと物件関連の装飾css 1= reset : スタイルのリセット 2= twentyeleven/style.css : 打ち消し用css 3= 汎用css : 物件表示部分用 4= layout : 基本レイアウト部分 5= １カラム .one-column : 1カラムレイアウト時用 6= サイドバー右 : 2カラム（左がメインコンテンツ）レイアウト時用 7= サイドバー左 : 2カラム（右がメインコンテンツ）レイアウト時用 8= シングルページ Singular : 投稿ページ 9= ショーケーステンプレート 10= ショーケーステンプレートサイドバー右 11= ショーケーステンプレートサイドバー左 12= 物件リストページ #list_simplepage : 不動産プラグイン物件一覧ページ 13= 物件詳細ページ #list_simplepage2 : 不動産プラグイン物件詳細ページ 14= 物件詳細ページ関連物件 #syousai_box : 関連物件部分 15= トップページ物件表示部分 .grid-content / #top_fbox内 16= 物件検索 : 不動産プラグイン物件検索form・キーワード検索 17= 条件検索個別ページ用 .jsearch 00= Fudousan Plugin Copyright ---------------------------------------------------------------------- */ /* 1= reset ---------------------------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } img { -ms-interpolation-mode: bicubic; } #main #content table tr { border:none; padding:0; margin:0; } #main #content table tr td { margin:0; vertical-align: top; } #container, #content { margin:0; padding: 0; } #content p, #content ul, #content dd, #content pre { margin:0; } /* contentがcontent_cの場合 */ #main #content_c table tr { border:none; padding:0; margin:0; } #main #content_c table tr td { margin:0; vertical-align: top; } #container, #content_c { margin:0; padding: 0; } #content_c p, #content_c ul, #content_c dd, #content_c pre { margin:0; } .widget { /* margin: 0 0 10px !important; */ } blockquote { font-style: normal; } .widget a { font-weight: normal; text-decoration: none; } /* 見出し */ h1.page-title{ border-bottom: 1px dotted #CCC; font-size: 14px; } #main #container #content h3{ border-bottom: 1px dotted #CCC; } /* 2= twentyeleven/style.css 打ち消し用css ---------------------------------------------------------------------- */ /* Images 打消*/ .entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ } /* IE7 打ち消し用 #ie7 */ #ie7 article.intro { background: #f9f9f9; border-bottom: none; margin: 0px 0px 10px 0px; padding: 10px; } #ie7 section.featured-post { margin: 0px 0px 10px 0px; } #ie7 .right-sidebar section.recent-posts { margin: 0px 0px 10px 0px; float: left; width: 700px; } #ie7 .left-sidebar section.recent-posts { margin: 0px 0px 10px 0px; float: right; width: 700px; } #ie7 #branding img { margin-bottom: -16px; } /* サイドバー ipad 縦表示用 */ #main #secondary, #main #content { margin: 0; } /* フッター幅を減らしfloatさせる ipad 縦表示用 */ @media (max-width: 800px) { #colophon #supplementary .widget-area { float: left; margin-right: 0; width: auto; } } /* 3= 汎用css ---------------------------------------------------------------------- */ .dpoint1 { font-size: 24px; font-weight: normal; color: #C00; float:left; padding: 5px; line-height: 1.2; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); } .dpoint2 { font-size: 22px; font-weight: normal; color: #000; float:left; padding: 4px; line-height: 1.5; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); } .dpoint3 { font-size: 15px; font-weight: bold; color: #000; display: inline; } .dpoint4 { font-size: 20px; color: #000; display: inline; font-weight: bold; } .dpoint5 { font-size: 13px; font-weight:nomal; color: #000; display: inline; } .dpoint6 { font-size: 12px; font-weight: normal; color: black; float: left; padding-top: 12px; padding-left: 10px; line-height: 1.2; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); } .dpoint7 { font-size: 12px; font-weight: normal; color: black; float: left; padding-top: 2px; padding-left: 3px; } #dpoint_shu{ text-align:center; font-size: 11px; font-weight: bold; float:left; color: #fff; width:auto; padding:1px 5px 1px 5px; margin:1px 10px 1px 1px; background-color:#bb0000; border:1px solid #bb0000; border-radius: 4px;　 } #dpoint_shu2{ text-align:center; font-size: 11px; font-weight: bold; float:left; color: #fff; width:auto; padding:1px 5px 1px 5px; margin:1px 10px 1px 1px; background-color:#008000; border:1px solid #008000; border-radius: 4px;　 } .topic1{color:red;} .topic2{color:green;} .topic3{color:blue;} .clearLeft { clear: left; } .clearRight { clear: right; } /* 4= layout ：基本レイアウト部分 ---------------------------------------------------------------------- */ @media screen and (min-width: 641px) { #main {margin-right: auto; margin-left: auto; padding: 20px 0px; /zoom: 1; width:99%; min-height:900px; min-width:1200px; position: relative; display:block;} #top_main {margin-right: auto; margin-left: auto; margin-top:-10px; padding: 0px; /zoom: 1; width:99%; position: relative; text-align:center; } } @media screen and (max-width: 641px) { #top_main {margin-right: auto; margin-left: auto; margin-top:-10px; padding: 0px; /zoom: 1; width:99%; text-align:center; } } #page { margin: 0 auto; width: auto; } @media screen and (max-width: 640px) { #page {overflow: hidden;} } #new_bigin{width:93%; padding:10px; background-color:#55CEF2; color:#fff;} /* 5= １カラム .one-column ---------------------------------------------------------------------- */ /* サイド非表示 */ .one-column #secondary { display:none; } /* １カラムコンテナ */ .one-column #page { max-width: 960px; } .one-column #main { margin:0; padding: 20px 40px ; overflow: hidden; /zoom: 1; } .one-column #content { margin: 0; } /* 6= サイドバー右 ---------------------------------------------------------------------- */ .right-sidebar #main #container { margin: 0; width: 820px; float: left; } .right-sidebar #content{ margin: 0; width: 815px; } .right-sidebar #primary { margin: 0; width: 700px; float: left; } .right-sidebar #top_fbox { float: left; max-width: 820px; width: 80%; } .right-sidebar #main #secondary { float: right; margin: 0; padding: 0; max-width: 230px; width: 20%; } /* 7= サイドバー左 ---------------------------------------------------------------------- */ @media screen and (min-width: 641px) { .left-sidebar #top_main #top_container { margin: auto; width:980px; text-align:center; position:relative;} .left-sidebar #top_content { margin: 0px auto; position: relative; width:760px; float:left; text-align:left;} .left-sidebar #main #container { margin: 0; padding-left:230px; display: block; position: relative;} .left-sidebar #main #container_sf { margin: 0 5px 0 5px; display: block; position: relative;} .left-sidebar #content { margin: 0; padding-right:215px; position: relative;} .left-sidebar #primary { margin: 0;} .left-sidebar #top_fbox { float: right; max-width: 800px; width: 100%;} .left-sidebar #main #secondary { display: block; width:210px; position: absolute; z-index: 100; top:20px; left: 3px;} .left-sidebar #main #secondary-cpg {float:left; width:210px; } #top_bukken{background:url(/images/top_bukken_bk.gif) no-repeat ; width:740px; height:390px; padding-left:25px; padding-top:10px;} #top_bukken .textwidget{padding-top:10px;} #top_bukken img{width: auto; height: auto; max-width: 100%; max-height: 100px; margin-top: 5px;} #top_b_f{position:relative; width:167px; height:160px; display:block; float:left; margin:3px; text-align:center; } #top_b_f a:hover{text-decoration:none !important; background-color:#faf0e6; height:160px; display:block;} #t_t{font-size:9pt;} .top_b_todofuken { color: #fff; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 14px; padding: 2px; background-color: #2298CE; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; } #top_b_city{font-size:10pt;} .top_b_kakaku { width:100%; text-align:center; } .top_b_kakaku dd{ margin:0 10%; background-color:#E89E15; color: #FFF; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 11px; padding:1px 3px; border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;} .top_b_kakaku dd span{font-size:9px;} } /* トップ物件　スマホ */ @media screen and (max-width: 640px) { .left-sidebar #main #secondary {position:relative;} #top_bukken{ max-width:635px; padding-left:5px; padding-top:5px;} #top_bukken .textwidget{padding-top:10px; width:100%; text-align:center;} #top_bukken img{width: auto; height: auto; max-width: 100%; max-height: 100px; margin-top: 5px;} #top_b_f{position:relative; width:47%; height:165px; display:block; float:left; margin:1px; text-align:center; } #top_b_f a:hover{text-decoration:none !important; background-color:#faf0e6; height:165px; display:block;} #t_t{font-size:8pt;} #top_b_city{font-size:10pt;} .top_b_todofuken { color: #fff; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 14px; padding: 2px; opacity: 0.7; background-color: #2298CE; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; } .top_b_kakaku { width:100%; text-align:center; } .top_b_kakaku dd{ margin:0 10%; background-color:#E89E15; color: #FFF; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 11px; padding:1px 3px; border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;} } @media screen and (min-width: 641px) { #new_bukken{ width:97%; min-width:745px; padding-left:15px; border:1px solid; clear:left; } #new_bukken_b{width:100%; height:95px; background-color:rgba(247,248,252,1); text-align:center;} #new_bukken img{width:auto; height:auto; max-width:100%; max-height:85px; margin-top:5px;} #newbrss{float:left;} #new_b_tk{text-align:left; margin:0 0 6px 0;} #new_b_f{position:relative; width:19%; min-width:142px; height:165px; display:block; float:left; margin:3px; text-align:center; } #new_b_f a:hover{text-decoration:none !important; background-color:#faf0e6; height:165px; display:block;} #t_t{font-size:8pt;} .new_b_todofuken { color: #fff; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 12px; padding: 1px 2px; background-color: #2298CE; border-radius: 4px; } #new_b_city{font-size:9pt;} .new_b_kakaku { width:100%; text-align:center; } .new_b_kakaku dd{ margin:0 10%; background-color:#E89E15; color: #FFF; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 11px; padding:1px 3px; border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;} } /* トップ物件　スマホ */ @media screen and (max-width: 640px) { .left-sidebar #main #secondary {position:relative;} #new_bukken{ max-width:635px; padding-left:5px; padding-top:5px;} #new_bukken .textwidget{padding-top:10px; width:100%; text-align:center;} #new_bukken img{width:165px; height:110px;} #newbrss{float:left;} #new_b_tk{text-align:center; padding-left:2px;} #new_b_f{ width:47%; height:166px; display:block; float:left; margin:7px 1px; text-align:center; } #new_b_f a{position:relative;} #new_b_f a:hover{text-decoration:none !important; background-color:#faf0e6; height:166px; display:block;} #t_t{font-size:8pt;} .new_b_todofuken { color: #fff; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 11px; padding: 2px; background-color: #2298CE; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; } #new_b_city{font-size:9pt;} .new_b_kakaku { width:100%; text-align:center; color: #FF0000; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 11px; } .new_b_kakaku dd{ margin:0 10%; background-color:#E89E15; color: #FFF; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 11px; padding:1px 3px; border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;} } /* 広告枠 ---------------------------------------------------------------------- */ .magleft{text-align:left; padding-left:7px; width:182px; font-size:8pt;} #top_right_cont{ display: block; width:150px; float:left;} @media screen and (min-width: 641px) { #top_koukoku{ margin-top:2px; float:right; width:200px;} } #top_koukoku #boxfudo_top_r-14 li,#top_koukoku #boxfudo_top_r-15 li{ display: block; position:relative; width: 170px; height: 225px; font-size: 14px; font-family: ＭＳゴシック; line-height: 1.1; float: left; list-style-type: none; outline: 1px solid #CCC; border-right: 1px solid white; border-bottom: 1px solid white; padding: 8px; margin: 0 8px 8px 0; background:#f0f8ff; background: -moz-linear-gradient(top, white 70%, #F7F7F7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, white), color-stop(100%, #F7F7F7)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F7F7F7', GradientType=0 ); } #top_koukoku #boxfudo_top_r-14 .top_price,#top_koukoku #boxfudo_top_r-14 img,#top_koukoku #boxfudo_top_r-15 img{ width:auto; height:auto; max-height:125px; max-width:170px; } #top_koukoku #boxfudo_top_r-14 .top_price,#top_koukoku #boxfudo_top_r-14 .top_price{width:165px;} #top_koukoku #boxfudo_top_r-14 .top_title,#top_koukoku #boxfudo_top_r-14 .top_title, #top_koukoku #boxfudo_top_r-15 .top_title,#top_koukoku #boxfudo_top_r-15 .top_title{ width:160px; text-align:left; font-size:10pt; } #top_kok_a{display:block; height:220px; width:172px; background-color:#f0f8ff; text-decoration:none !important;} #top_kok_a:hover{background-color:#fff;} #top_kok_img{margin-top:10px; height:125px; width:100%;} .top_kok_number{ background-color:#9C9999; color:#fff; font-size:10px; position: absolute; top: 0px; left: 0px; width:100%; text-align:center;} .top_kok_todofuken { color: #fff; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 11px; padding: 2px; background-color: #2298CE; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; } .top_koukoku_kakaku { width:100%; text-align:center; color: #FF0000; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 11px; } .top_koukoku_kakaku dd{ width:100%; text-align:center; color: #FF0000; font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 16px;} .top_koukoku_kakaku dd span{font-size:9px;} @media screen and (min-width: 640px) { #right_cont{clear:left; display: block; width:155px; position: absolute; z-index: 120; right: 3px; top: 0;} } @media screen and (max-width: 640px) { #top_koukoku{ width:98%;} #top_koukoku #boxfudo_top_r-14 li,#top_koukoku #boxfudo_top_r-15 li{ position:relative; max-width:150px; height: auto; min-height:210px; font-size: 14px; font-family: ＭＳゴシック; line-height: 1.4; float: left; list-style-type: none; outline: 1px solid #CCC; border-right: 1px solid white; border-bottom: 1px solid white; margin: 2px 2px 0 2px; background: #F0F0F0; background: -moz-linear-gradient(top, white 70%, #F7F7F7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, white), color-stop(100%, #F7F7F7)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F7F7F7', GradientType=0 ); } #top_koukoku #boxfudo_top_r-15 .box1image,#top_koukoku #boxfudo_top_r-14 a{width:100%; height:125px;} #top_koukoku #boxfudo_top_r-15 .box1image,#top_koukoku #boxfudo_top_r-14 .box1image{width:95%; max-height:115px; display:block;} #top_koukoku #boxfudo_top_r-14 .top_price,#top_koukoku #boxfudo_top_r-14 .top_price{width:165px;} #top_koukoku #boxfudo_top_r-14 .top_title,#top_koukoku #boxfudo_top_r-14 .top_title{ width:100%; text-align:left; font-size:10pt; } } /* 8= シングルページ Singular ---------------------------------------------------------------------- */ /* PCここから */ @media screen and (min-width: 641px) { .singular #content, .sidebar-content.singular #content, .left-sidebar.singular #content { margin: 0; position: relative; padding-right: 260px;} .singular #primary { margin: 0; min-height:1100px; padding-left:240px; display: block; position: relative; } .singular #primary-cpg { margin: 0; display: block; position: relative; } #primarys { margin: 0; padding-left:240px; display: block; position: relative; } }/* PCここまで */ /* スマホここから */ @media screen and (max-width: 640px) { .singular #primary { margin: 0; padding-left:0; display: block; position: relative;} } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0 auto; } .singular .entry-content-cpg{ margin: 0 auto; width:80%; float:right;} .singular .hentry { border-bottom: medium none; padding: 0; position: relative; } .singular.page .hentry { padding: 0; } .singular .entry-title { color: #000; font-size: 19px; font-weight: nomal; line-height: 1.5; padding:0 0 0 25px; vertical-align:bottom; background:url(/images/entrytitle.gif) no-repeat ; background-position:left bottom; border-bottom:2px solid #73bf2f; } .singular .entry-meta .edit-link a { bottom: auto; color: #fff; left: 0; position: relative; right: auto; top: 0; } /* 投稿 entry-content */ .singular #main #content .entry-content p { padding: 10px; font-size: 15px; line-height: 1.5; } /* PCここから */ @media screen and (min-width: 641px) { #right_cont_sf{ display: block; width:240px; position: absolute; z-index: 120; right: 3px; top: 20px;} } /* PCここまで */ /* スマホここから */ @media screen and (max-width: 640px) { #right_cont_sf{ display: block; width:auto; text-align:center;} } /* スマホここまで */ /* 9= ショーケーステンプレート ---------------------------------------------------------------------- */ /* Intro */ article.intro { background: #f9f9f9; border-bottom: none; margin: 0px 0px 10px 0px; padding: 10px; } /* 見出し */ h1.showcase-heading { font-size: 16px; line-height: 2; } /* 続きを読む */ article.feature-image.small .entry-summary p a { background: #222; color: #eee; display: block; left: 0; padding: 4px 26px 4px 85px; position: relative; top: 20px; text-decoration: none; width: 180px; } .page-template-showcase-php #main #primary { margin: 0; width: 100%; } .page-template-showcase-php #primary #content { margin: 0; width: 100%; } .page-template-showcase-php section.recent-posts { margin: 0; width: 100%; } .page-template-showcase-php #main .widget-area { margin: 0; padding:0; } /* ショーケース１カラム用 */ .one-column #main .widget-area { display:none; } /* ショーケースウィジット .widget */ .page-template-showcase-php #main .widget-area .widget { margin: 0 0 8px; padding: 8px; border: 1px solid #ccc; border-radius: 6px; width: 210px; background: #FFF; } /* 10= ショーケーステンプレートサイドバー右 ---------------------------------------------------------------------- */ .right-sidebar section.recent-posts { float: left; width: 700px; } .right-sidebar #main .widget-area{ float: right; width: 230px; } /* .content-sidebar section.recent-posts { float: left; width: 700px; } .content-sidebar #main .widget-area{ float: right; width: 230px; } */ /* 11= ショーケーステンプレートサイドバー左 ---------------------------------------------------------------------- */ .left-sidebar section.recent-posts { float: right; width: 700px; } .left-sidebar #main .widget-area{ float: left; width: 30%; } /* .content-sidebar section.recent-posts { float: left; width: 700px; } .content-sidebar #main .widget-area{ float: right; width: 230px; } */ /* 12= 物件リストページ #list_simplepage ---------------------------------------------------------------------- */ #main #content #list_simplepage { margin:0; padding:0; clear : both; } #main #content #list_simplepage .list_detail table { margin: 0px; padding: 0px; border:none; font-size:12px; width:95%; } #main #content #list_simplepage .list_detail #list_p{width:250px;} #main #content #list_simplepage .list_detail #list_p td{width:70px; padding:0px;} #list_simplepage .list_simple_boxtitle { z-index:-1; clear : both; width:100%; } #list_simplepage .list_simple_boxtitle h2 a { font-size: 14px; font-weight: none; padding: 15px 0px 3px 12px; display: block; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; } #list_simplepage .list_simple_boxtitle .entry-title{ margin: 0px; padding: 0px; } .list_simple_box { /zoom : 1;} .list_simple_box:after { content : ''; display : block; clear : both; height:0; } #list_simplepage .list_simple_box { padding: 6px; margin: 0 0 10px 0; background-color: #fefefe; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } #main #content #list_simplepage .list_detail dl { margin: 0px; padding: 5px; font-size:12px; } #main #content .list_detail dt { display: inline; font-weight: normal; color: #333; } #main #content .list_detail dd { display: inline; color: #333; margin: 0 0.6em 0 0.4em; padding: 0px; } #pic_l{float:left;} /* PCここから */ @media screen and (min-width: 641px) { #main #content .list_picsam { border: 1px solid #ccc; background-color: #FFF; width:100%; max-width:216px; height:200px; color: #000; display: table-cell; vertical-align: middle; text-align: center; } } * html #main #content .list_picsam { /* IE 6 */ display: inline; zoom: 1; } *:first-child+html #main #content .list_picsam{ /* IE 7 */ display: inline; zoom: 1; } #main #content .list_picsam img { background-color: #FFF; max-width:200px; max-height:180px; padding: 1px; margin: 15px auto; display: inline-block; } /* archiveページ間取り図部分 */ #main #content .list_picsam2 { border: 1px solid #ccc; background-color: #FFF; width:150px; height:200px; color: #000; display: table-cell; vertical-align: middle; text-align: center; } * html #main #content .list_picsam { /* IE 6 */ display: inline; zoom: 1; } *:first-child+html #main #content .list_picsam{ /* IE 7 */ display: inline; zoom: 1; } #main #content .list_picsam2 img { background-color: #FFF; max-width:130px; max-height:160px; margin: 1px 1px 5px; padding: 1px; } /* 物件の詳細を見るボタン */ #list_simplepage .list_details_button { clear:both; display: block; color:#fff; font-size:14px; font-weight:bold; background-color: #0099ff; border-radius: 3px; text-align: center; border: 1px solid #999; margin: 5px 0px 2px 5px; padding-top: 1px; letter-spacing: 0.1em; } .komlist_details_button { clear:both; display: block; color:#fff; font-size:14px; font-weight:bold; background-color: #0099ff; border-radius: 3px; text-align: center; border: 1px solid #999; margin: 5px 0px 2px 5px; padding-top: 1px; letter-spacing: 0.1em; } #list_simplepage a:link,a:visited .list_details_button{ text-decoration: none;} #list_simplepage a:hover .list_details_button { color: #fff; text-decoration: underline; } #list_simplepage .list_detail { background-color: #fff; border: 1px solid #b7b7b7; margin: 0px 3px 0px 10px; border-radius: 5px; -moz-box-shadow:0px 2px 1px #BEC2C6; -webkit-box-shadow:0px 2px 1px #BEC2C6; box-shadow:0px 2px 1px #BEC2C6; line-height: 1.9; } #main #content #list_simplepage .list_detail table tr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; margin-bottom: 4px; } #main #content #list_simplepage .list_price { padding:5px; border-bottom:dotted #ccc 2px; } #main #content #list_simplepage .list_price.rent { background: -moz-linear-gradient(left, #fdedf0, #fff); background: -webkit-gradient(linear, left top, right top, from(#EFFFB0), to(#fff)); background-color: #F6FFE7; } #main #content #list_simplepage .list_detail .list_price tr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CAE7F4; } #main #content #list_simplepage .list_detail .list_address dd { display: block; } #list_simplepage .entry-excerpt{ padding-bottom: 10px; padding-left: 5px; } #list_simplepage2 .entry-excerpt{ padding-bottom: 10px; padding-left: 5px; } /* 13= 物件詳細ページ #list_simplepage2 ---------------------------------------------------------------------- */ #main #content #list_simplepage2{ margin:0; padding:0; width: 100%; position: relative; } #main #content #list_simplepage2 .list_detail table{ margin: 0px; padding: 0px; border:none; width:100%; font-size:10.5pt; } #main #container #content #list_simplepage2 .list_simple_box,#main #container_sf #content #list_simplepage2 .list_simple_box { padding: 0 0 0 10px; margin: 0 0 2px 0; background: #ffffff; } /* ＰＣ用ここから */ @media screen and (min-width: 641px) { #main #container #content #list_simplepage2 .list_simple_box .list_detail,#main #container_sf #content #list_simplepage2 .list_simple_box .list_detail { width: 98%; float: left; background-color: #fff; border: 1px solid #ccc; padding: 5px; margin:10px 0 10px 0 ; border-radius: 5px; -moz-box-shadow:0px 2px 1px #BEC2C6; -webkit-box-shadow:0px 2px 1px #BEC2C6; box-shadow:0px 2px 1px #BEC2C6; } #list_simple_akiya{width:79%; padding-left:210px;} } #main #container #content #list_simplepage2 .list_detail h3,#main #container_sf #content #list_simplepage2 .list_detail h3 { font-size: 14px; margin: 8px 0px; padding: 0px 0px 0px 8px; font-weight: bold; color: #666; } #main #content #list_simplepage2 .list_detail table tr { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; padding-top: 2px; padding-bottom: 2px; } #main #content #list_simplepage2 .list_picsam { float: left; width:140px; color: #000; margin: 0px 4px 0px 0px; } #main #content #list_simplepage2 .list_picsam img { /* display: block; */ border: 1px solid #999; background-color: #FFF; height: 130px; width: 130px; margin: 0 0 4px 0; padding: 1px; } #main #content #second_img { padding: 10px 0; } #main #content #second_img img { border: 1px solid #999; background-color: #FFF; width: 98px; height:98px; margin: 0 1px 0 0; padding: 1px; } #main #content #second_img2 { padding: 10px 0; } #main #content #second_img2 img { border: 1px solid #999; background-color: #FFF; width: 140px; max-height:130px; margin: 0 1px 0 0; padding: 1px; } #main #content #list_simplepage2 .list_price { background: -moz-linear-gradient(left, #ebf6fc, #fff); background: -webkit-gradient(linear, left top, right top, from(#ebf6fc), to(#fff)); background-color: #ebf6fc; line-height: 2; margin: 0px; padding: 0 0 4px 1em; } #main #content #list_simplepage2 .list_detail table { font-size:14px; } #main #content #list_simplepage2 .list_simple_box .list_detail #list_add th{ line-height: 1.4; padding: 0.5em; margin:0; white-space: nowrap; text-align: left; color: #666; font-weight: bold; font-size:14px; border-bottom:1px solid #EEEEEE; } #main #content #list_simplepage2 .list_simple_box .list_detail #list_add td { line-height: 1.4; padding: 0.5em; margin:0; white-space: normal; color: #555; border-bottom:1px solid #EEEEEE; } #main #content #list_simplepage2 .list_simple_box .list_detail #list_other th{ border-right: 1px dotted #CCC; border-bottom:1px solid #EEEEEE; line-height: 1.2; padding: 0.5em; margin:0; white-space: nowrap; text-align: left; color: #444; width: 20%; } #main #content #list_simplepage2 .list_simple_box .list_detail #list_other th.th2{ border-left: 1px dotted #CCC; } #main #content #list_simplepage2 .list_simple_box .list_detail #list_other td { line-height: 1.2; padding: 0.5em; margin:0; white-space: normal; width: 30%; border-bottom:1px solid #EEEEEE; } img .box1image{height:120px;} #list_simplepage2 h2.entry-title{ border-bottom: 1px dotted #CCCCCC; font-size: 16px; font-weight: normal; margin: 10px 0 15px; padding: 0 0 2px 19px; text-shadow: 1px 1px 0 #EEEEEE; line-height: 1.6; color: #333; } #toiawasesaki{ display: block; margin:0 0 20px ; line-height: 1.2; } #contact_form{ display: block; margin:0 0 20px ; } #ophouse{width:98%; background-color: #ffd35e; border: 1px solid #b7b7b7; text-align:left; padding: 10px 0px; border-radius: 5px; -moz-box-shadow:0px 2px 1px #BEC2C6; -webkit-box-shadow:0px 2px 1px #BEC2C6; box-shadow:0px 2px 1px #BEC2C6; } #optitle{color:red; font-size:16px; font-style:bold;} #opsc{font-size:15px; margin-left:5%; color:#000; width:90%;} /* ＰＣ用ここから */ @media screen and (min-width: 641px) { #toibana a img{width:95%; max-width:930px;} #toibana img{width:95%;} } /* スマホ用ここから */ @media screen and (max-width: 640px) { #toibana img{width:95%;} #kamepic{display:block; width:100%;} } /* 担当者コメント entry-content */ #main #content .entry-content p { padding: 10px; font-size: 12px; line-height: 1.2; margin: 0px; } /* 表下部・現況優先但書 */ .list_detail_bottom_info{ font-size: 10px; width: 530px; text-align: right; float: right; } /* 加盟団体表示 */ #kamei_font{font-size:10pt;} /* 14= 物件詳細ページ関連物件 #syousai_box : 関連物件部分 ---------------------------------------------------------------------- */ #syousai_box ul{ /zoom : 1; padding-left: 10px; } #syousai_box ul:after{ content : ''; display : block; clear : both; height:0; } #syousai_box ul.syousai-content li{ display: block; width: 80px; list-style-type: none; font-size: 12px; line-height: 1; float:left; border: 1px solid #ccc; padding: 6px; margin:0 5px 4px 0; background: #f0f0f0; background: -moz-linear-gradient(top, #ffffff 70%, #F7F7F7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#ffffff), color-stop(100%,#F7F7F7)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F7F7F7',GradientType=0 ); } #syousai_box ul.syousai-content li span{ font-size: 10px; margin-top: 5px; } #syousai_box ul.syousai-content li img{ padding-bottom: 5px; } /* 15= トップページ物件表示部分 .grid-content / #top_fbox内 ---------------------------------------------------------------------- */ /* ＰＣ用ここから */ @media screen and (min-width: 641px) { #content .grid-content,#container .grid-content { padding-bottom: 20px; } #container ul.grid-content {margin-top:5px;} #content .grid-content li,#container .grid-content li { display: block; position:relative; width: 170px; height: 240px; font-size: 14px; font-family: ＭＳゴシック; line-height: 1.4; float: left; list-style-type: none; outline: 1px solid #CCC; border-right: 1px solid white; border-bottom: 1px solid white; padding: 8px; margin: 0 8px 8px 0; background:#f0f8ff; background: -moz-linear-gradient(top, white 70%, #F7F7F7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, white), color-stop(100%, #F7F7F7)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F7F7F7', GradientType=0 ); } #main #top_fbox #container #content table{ margin: 0; padding: 0; border: none; } #main #top_fbox #container #content tr td{ margin: 0; padding: 0; border: none; } .box1image{max-height:125px;} } /* スマホ用ここから */ @media screen and (max-width: 640px) { #content .grid-content,#container .grid-content { padding-bottom: 20px; } #container ul.grid-content {margin-top:5px;} #content .grid-content li,#container .grid-content li { display: block; position:relative; width: 42%; margin-left:2%; height: 240px; font-size: 14px; font-family: ＭＳゴシック; line-height: 1.4; float: left; list-style-type: none; outline: 1px solid #CCC; border-right: 1px solid white; border-bottom: 1px solid white; padding: 5px; background: #F0F0F0; background: -moz-linear-gradient(top, white 70%, #F7F7F7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, white), color-stop(100%, #F7F7F7)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F7F7F7', GradientType=0 ); } #main #top_fbox #container #content table{ margin: 0; padding: 0; border: none; } #main #top_fbox #container #content tr td{ margin: 0; padding: 0; border: none; } .box1image{max-height:125px; width:95%;} } /* 16= 物件検索 : 不動産プラグイン物件検索form・キーワード検索 ---------------------------------------------------------------------- */ /* form */ #secondary .widget-container form, #primary .widget-container form { line-height: 1.2; padding-left: 5px;} #secondary .widget-container form div, #primary .widget-container form div{ margin-bottom: 6px; } /* キーワード検索 */ .widget_fudo_search #s { width: 77%; } /* キーワード検索カスタム*/ #searchform #s { width: 77%; } /* 17= 物件検索固定ページ用 .jsearch ---------------------------------------------------------------------- */ #container #content.jsearch{ padding: 0 0 30px 0; font-size: 12px; line-height: 1.3; } /* カラム変更によるcontent余白調整 */ .singular #container #content.jsearch{ float: none; } .right-sidebar #container #content.jsearch { margin: 0; width: 690px; float: right; } @media screen and (min-width: 641px) { .left-sidebar #container #content.jsearch{ margin: 0; padding-right: 160px; position: relative;} } /* */ #main #container #content.jsearch h3{ border-bottom: 1px dotted #CCC; border-left: 4px solid #CCC; padding: 5px 0px 5px 10px; margin: 20px 0px 10px -10px; font-size: 16px; font-weight: bold; color: #333; text-shadow : none; } #container .jsearch h4{ border-left: 4px solid #CCC; padding: 0px 0px 0px 6px; font-size: 13px; font-weight: bold; color: #505050; margin: 15px 0px 5px -10px; } #container .jsearch h5{ margin: 10px 0px 0px -5px; font-size: 13px; font-weight: bold; color: #666; } .jsearch p{ margin: 0; padding: 0px 10px 10px 0px; } #container .jsearch ul{ margin: 0 0 10px; padding: 10px 0 0 0; overflow: hidden; /zoom: 1; } .jsearch li{ margin: 0 1em 0 0; padding: 0; display: block; float: left; list-style-type: none; height:20px; } .jsearch label { margin-right: 5px; color: #666; } #container .jsearch .submit input{ width: 98%; border: 1px solid #2a5e76; padding: 0px 10px; margin: 10px 0px 50px 0; color: #FFFFFF; font-size:22pt; cursor: pointer; border-radius: 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); background: #298CBA; /* old browsers */ background: -moz-linear-gradient(top, #00aae4 0%, #2ecfff 50%, #31bbff 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aae4), color-stop(50%, #2ecfff), color-stop(100%, #31bbff)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0298CB', endColorstr='#31bbff', GradientType=0 ); /* ie */ background: linear-gradient(top, #00aae4 0%, #2ecfff 50%, #31bbff 100%); } /* 17= 物件検索固定ページ用 .jsearch 新 ---------------------------------------------------------------------- */ table.form_jsearch { border: 1px solid #E5E5E5; border-collapse: collapse; /* font-size: 87.6%; */ line-height: 18px; margin-bottom: 10px; width: 97%; } table.form_jsearch tr { border: 0 none currentcolor; font: inherit; margin: 0; padding: 0; } table.form_jsearch th { background: #F6F6F6; border-bottom: 1px solid #E5E5E5; font-weight: bold; padding: 10px !important; text-align: left; width: 18%; vertical-align: top; } table.form_jsearch td { border-bottom: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; margin: 0; padding: 10px !important; width: 81%; } table.form_jsearch h5 { margin: 10px 0 10px !important; } table.form_jsearch ul { margin: 0 !important; } /* 00= Fudousan Plugin Copyright ---------------------------------------------------------------------- */ #nendebcopy { width: 990px; margin: 0 auto; padding: 5px 0px 0px; overflow: hidden; /zoom: 1; font-size: 10px; color: #666; text-decoration: none; font-family: Arial, Helvetica; text-align: right; } #nendebcopy a { font-size: 10px; color: #666; text-decoration: none; font-family: Arial, Helvetica; float: right; } /* TwentyEleven1.2 */ #branding,#top_brand { z-index: 2 !important; } /* ＴＯＰページ */ .pankuzu{font-size:10pt;} @media screen and (min-width: 641px) { #top_con_left { float: left; width: 440px;} #top_con_right { float: right; width: 285px; } } @media screen and (max-width: 640px) { #top_con_right img{display:none;} #aktk{display:none;} #owks{display:none;} } @media screen and (min-width: 641px) { #kensaku_box1{background-image:url(/images/japanmap.gif); background-repeat:no-repeat; width:430px; height:370px; margin:10px 10px 0 0; float:left; display:block; position:relative;} #aktk{padding-top:15px; text-align:center; color:#fff !important;} #aktk a{color:#fff !important;} #owks{padding-top:15px; text-align:center;} color:#fff !important; } #owks a{color:#fff; } #kensaku_box1 li{list-style:none; } @media screen and (max-width: 640px) { #kensaku_box1{ margin:10px; display:block; position:relative;} #kensaku_box1 ul{width:100%; text-align:center;} #kensaku_box1 li{float:left; width:30%; min-width:100px; } #kensaku_box1 li img{display:none;} #kensaku_box1 li a { display: block; background: #fff; padding: 2px; text-decoration: none; color: #218C05; font-size:22px; } #kensaku_box1 li a:before { content: attr(data-label);} } @media screen and (min-width: 641px) { #kensaku_box1 li img{width:70%;} #hokkaido{top:25px; left:240px; position:absolute;} #touhoku{top:138px; left:342px; position:absolute;} #kantou{top:215px; left:337px; position:absolute;} #koshin{top:142px; left:200px; position:absolute;} #toukai{top:266px; left:267px; position:absolute;} #hokuriku{top:187px; left:149px; position:absolute;} #kinki{top:290px; left:197px; position:absolute;} #shikoku{top:303px; left:140px; position:absolute;} #chugoku{top:219px; left:75px; position:absolute;} #kyusyu{top:275px; left:21px; position:absolute;} #okinawa{top:98px; left:45px; position:absolute;} #kensaku_box2{ width:300px; height:330px; margin:10px 0; float:left; display:block;} /*タブ切り替え全体のスタイル*/ #kensaku_box2 .tabs { margin-top: 10px; padding-bottom: 40px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; height:317px; margin: 0 auto;} /*タブのスタイル*/ #kensaku_box2 .tab_item { width: calc(100%/2); height: 50px; border-bottom: 3px solid #5ab4bd; background-color: #d9d9d9; line-height: 50px; font-size: 16px; text-align: center; color: #565656; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; } #kensaku_box2 .tab_item:hover { opacity: 0.75; } /*ラジオボタンを全て消す*/ input[name="tab_item"] { display: none; } /*タブ切り替えの中身のスタイル*/ #kensaku_box2 .tab_content { display:none; padding: 20px 35px 0; clear: both; overflow: hidden; } #kensaku_box2 .tab_content li{ font-size:15pt; margin-top:13px !important; list-style:none;} #kensaku_box2 .tab_content a{color:#fff !important; border-radius:5px; padding:0 1px;} #kensaku_box2 #bai_content a{background-color:#cc3300;} #kensaku_box2 #chi_content a{background-color:#1982d1;} /*選択されているタブのコンテンツのみを表示*/ #bai:checked~#bai_content, #chi:checked~#chi_content, #aki:checked~#aki_content { display: block; } /*選択されているタブのスタイルを変える*/ #kensaku_box2 .tabs input:checked + .tab_item { background-color: #5ab4bd; color: #fff; } } @media screen and (max-width: 640px) { #kensaku_box2{ width:100%; margin:10px 0; display:block;} /*タブ切り替え全体のスタイル*/ #kensaku_box2 .tabs { margin-top: 10px; padding-bottom: 40px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; margin: 0 auto;} /*タブのスタイル*/ #kensaku_box2 .tab_item { width: calc(100%/2); height: 50px; border-bottom: 3px solid #5ab4bd; background-color: #d9d9d9; line-height: 50px; font-size: 16px; text-align: center; color: #565656; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; } #kensaku_box2 .tab_item:hover { opacity: 0.75; } /*ラジオボタンを全て消す*/ input[name="tab_item"] { display: none; } /*タブ切り替えの中身のスタイル*/ #kensaku_box2 .tab_content { display:none; padding: 20px 35px 0; clear: both; overflow: hidden; } #kensaku_box2 .tab_content li{ font-size:15pt; margin-top:13px !important; list-style:none; float:left; margin-left:20px;} #kensaku_box2 .tab_content a{color:#fff !important; border-radius:5px; padding:0 1px;} #kensaku_box2 #bai_content a{background-color:#cc3300;} #kensaku_box2 #chi_content a{background-color:#1982d1;} } /*選択されているタブのコンテンツのみを表示*/ #bai:checked~#bai_content, #chi:checked~#chi_content, #aki:checked~#aki_content { display: block; } /*選択されているタブのスタイルを変える*/ #kensaku_box2 .tabs input:checked + .tab_item { background-color: #5ab4bd; color: #fff; } #kensaku_c{ width:300px; height:140px; padding-top:80px;} #kensaku_b{ width:300px; height:150px;} .kensaku_c2{ padding-top:10px; padding-left:25px;} #clear_top{ clear : both; margin-bottom:5px;} @media screen and (min-width: 641px) { /*クイックサーチ*/ #quick_k{width:100%; color:#3dacf7; margin:10px 0 20px 0;} #quick_k_t{font-size:18pt; color:#3dacf7; padding-left:10px; border-bottom:2px dotted #ccc; border-left:4px solid #207ad7;} #quick_k_n{font-size:10pt; padding-left:18px; color:#3dacf7;} #quick_k select{font-size:13pt;} #qkakak input{width:95%; margin:5px 10px;} /*タブ切り替え全体のスタイル*/ #quick_k .tabs { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; margin: 15px 0 0 0;} /*タブのスタイル*/ #quick_k .quik_tab { width: calc(100%/4); height: 35px; background-color: #d9d9d9; line-height: 40px; font-size: 16px; text-align: center; color: #565656; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; } #quick_k .quik_tab:hover { opacity: 0.75; } /*ラジオボタンを全て消す*/ input[name="quik_tab"] { display: none; } /*タブ切り替えの中身のスタイル*/ #quick_k .qtcont { color:#000; display:none; padding: 5px 15px 0; clear: both; overflow: hidden; } #quick_k #b1 a{background-color:#cc3300;} #quick_k #c1 a{background-color:#1982d1;} /*選択されているタブのコンテンツのみを表示*/ #qbai:checked~#b1, #qchi:checked~#c1{ display: block; background-color: #66c1ff; height:93px; } /*選択されているタブのスタイルを変える*/ #quick_k .tabs input:checked + .quik_tab { background-color: #66c1ff; color: #fff; } #quick_k #jsbukken{margin-right:10px;} .qtcont #searchpage{ padding:10px 7px 10px 7px; width:99%; border-radius:4px; background-color:#fff;} #quick_k #shu{margin-right:10px;} #quick_k #qset{margin-right:10px;} #quick_k #kahb{margin-right:10px;} #top_bana_kamei{ margin-top:10px; list-style:none; padding:5%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#fff; width:90%; background-color:#9a650e; } #top_bana_own{ margin-top:10px; list-style:none; padding:5%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#fff; width:90%; background-color:#0f9be8; } #top_bana_come{width:90%; height:auto; display:block; font-size:11px; text-align:left; padding:2%; } #top_bana_kamei ul{ font-size: 14px; list-style:none; margin-bottom:2%; color:#fff;} #top_bana_kamei li{ background-color:#fff; border-radius:4px; margin:10px 0; color:#000;} #top_bana_own ul{ font-size: 13px; list-style:none; margin-bottom:2%; color:#fff;} #top_bana_own li{ background-color:#fff; border-radius:4px; margin:10px 0; color:#000;} #top_bana_akiya{ margin-top:10px; list-style:none; padding:1% 5%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#fff; width:90%; background-color:#709e10;} #top_bana_akiya ul{ font-size: 12px; list-style:none; display:block; margin-bottom:2%; color:#fff;} #top_bana_akiya li{ background-color:#fff; border-radius:4px; margin:10px 0; color:#000;} #top_bana_akiya ul a,#top_bana_own ul a,#top_bana_kamei ul a{color:#000; position:relative;} #top_bana_at{color:#fff; text-align:center; border-bottom:2px dotted #ccc; font-size:11pt;} } @media screen and (max-width: 640px) { /*クイックサーチ*/ #quick_k{width:100%; color:#3dacf7; margin:10px 0 20px 0;} #quick_k_t{font-size:18pt; color:#3dacf7; padding-left:10px; border-bottom:2px dotted #ccc; border-left:4px solid #207ad7;} #quick_k_n{font-size:10pt; padding-left:18px; color:#3dacf7;} #quick_k select{font-size:13pt;} #qkakak input{width:95%; margin:5px 10px;} /*タブ切り替え全体のスタイル*/ #quick_k .tabs { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; margin: 15px 0 0 0;} /*タブのスタイル*/ #quick_k .quik_tab { width: calc(100%/4); height: 35px; background-color: #d9d9d9; line-height: 40px; font-size: 16px; text-align: center; color: #565656; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; } #quick_k .quik_tab:hover { opacity: 0.75; } /*ラジオボタンを全て消す*/ input[name="quik_tab"] { display: none; } /*タブ切り替えの中身のスタイル*/ #quick_k .qtcont { color:#000; display:none; padding: 5px 35px 0; clear: both; overflow: hidden; } #quick_k #b1 a{background-color:#cc3300;} #quick_k #c1 a{background-color:#1982d1;} /*選択されているタブのコンテンツのみを表示*/ #qbai:checked~#b1, #qchi:checked~#c1{ display: block; background-color: #66c1ff; padding-bottom:6px; } /*選択されているタブのスタイルを変える*/ #quick_k .tabs input:checked + .quik_tab { background-color: #66c1ff; color: #fff; } #quick_k #jsbukken{margin-right:10px;} .qtcont #searchpage{ padding:10px 10px 10px 20px; width:99%; border-radius:4px; background-color:#fff;} #quick_k #shu{margin-right:10px;} #qkakak{width:98%; display:block;} #top_bana_kamei{ margin-top:10px; list-style:none; padding:5%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#fff; width:90%; background-color:#f9a00d;} #top_bana_own{ margin-top:10px; list-style:none; padding:5%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#fff; width:90%; background-color:#0ea3f5;} #top_bana_come{ width:90%; height:auto; display:block; font-size:11px; text-align:left; padding:2%; } #top_bana_kamei ul{ font-size: 15px; list-style:none; margin-bottom:2%; color:#fff;} #top_bana_kamei li{float:left; background-color:#fff; border-radius:4px; margin-left:25px; color:#000;} #top_bana_own ul{ font-size: 16px; list-style:none; margin-bottom:2%; color:#fff;} #top_bana_own li{ background-color:#fff; border-radius:4px; color:#000;} #top_bana_akiya ul a,#top_bana_own ul a,#top_bana_kamei ul a{color:#000; padding-left:10px; position:relative;} #top_bana_at{color:#fff; text-align:center; border-bottom:2px dotted #ccc; font-size:11pt;} } #top_bana_akiya ul a img,#top_bana_own ul a img,#top_bana_kamei ul a img{ position:absolute; left:0px; top:2px;} #top_top{border:1px solid #ccc;} #top_top2{border:1px solid #ccc; width:245px;} @media screen and (min-width: 641px) { #top_top ul{text-align:left; font-size: 13px; overflow: auto; height: 127px; margin: 0 -1px 0 -1px; padding-top:5px; border:1px solid #ccc;} #top_top h3{ text-align:left; width:440px; height:25px; font-size: 15px; padding: 0px 0px 0px 10px; font-weight: normal;} #op_bukken{ width:745px; padding-left:15px;} #op_bukken{border:1px solid; clear:left; } #op_bukken img{width:200px; height:111px;} #op_b_tk{text-align:left; font-size:10pt;} #op_b_f{position:relative; width:240px; height:200px; display:block; float:left; margin:3px; text-align:center; } #op_b_f a:hover{text-decoration:none !important; background-color:#faf0e6; height:200px; display:block;} } @media screen and (max-width: 640px) { #top_top ul{text-align:left; font-size: 13px; margin: 0 -1px 0 -1px; width: auto; padding-top:5px; border:1px solid #ccc; } #top_top h3{ text-align:left; width:auto; height:25px; font-size: 15px; padding: 0px 0px 0px 10px; font-weight: normal; } #op_house ul{text-align:left; overflow: auto; height: 127px; font-size: 13px; margin: 0 -1px 0 -1px; width: auto; padding-top:5px; border:1px solid #ccc;} } #top_top li{ list-style: none; padding-left: 35px; } #top_top h3 img{position: absolute; left: 130px;} #top_top2 h3{ text-align:left; width:235px; height:25px; font-size: 15px; padding: 0px 0px 0px 10px; font-weight: normal; } #top_top2 .textwidget{ padding-top:5px; text-align:left; overflow: auto; height: 127px; margin: 0 -1px 0 -1px; font-size: 13px; border:1px solid #ccc; width: 245px;} @media screen and (min-width: 641px) { #top_search #searchform{ position:absolute; left:225px; top:5px; width:490px;} #top_search{ margin:15px 0; background: #709e10; text-align:center; width:724px; padding:8px 0; position:relative;} #top_search h3{ font-size: 11pt; color:#fff; padding:0 0 0 25px; font-weight: normal; text-align:left;} } @media screen and (max-width: 640px) { #top_search #searchform{ width:auto;} #top_search{ background: #A4D414; text-align:center; width:auto; height:65px; border-radius:5px; position:relative;} #top_search h3{ font-size: 12pt; color:#000; font-weight: normal; text-align:left;} } #top_search #searchform #s { background-color:#fff; width: 87%; border:0;} @media screen and (min-width: 641px) { #top_tag{width:98%; text-align:center; } #top_tag td{height:110px; width:28%; padding:0px ;} .tag1{margin-top:32px; margin-left:115px;} .tag2{margin-top:17px; margin-left:115px;} .tt1{width:381px;} #thema_title{background-image:url(/images/inaka_theme.gif) ; background-repeat:no-repeat; width:722px; height:40px; padding-top:40px; display:block; clear:both;} } @media screen and (max-width: 640px) { #thema_title{background-image:url(/images/inaka_theme.gif) ; background-repeat:no-repeat; width:auto; height:40px; padding-top:40px; display:block; clear:both;} #top_tag{width:95%; text-align:center; } #top_tag td{height:110px; width:auto; padding:0px ; display:block;} #top_tag ul{padding-top:25px;} .tag1{padding-top:10px; margin-left:115px;} .tag2{margin-top:17px; margin-left:115px;} #top_u_info td{width:auto; display:block;} } #top_tag li{list-style:none; border-bottom:dotted 1px #660000; width:50%;} #top_tag li a{background: url(/images/mark/top_menu_mk.gif) no-repeat left center; padding-left:15px;} #top_tag li a:hover{background: url(/images/mark/top_menu_mk2.gif) no-repeat left center; padding-left:15px; text-decoration:none;} #yama{ background-image:url(/images/toptag_yama.jpg); background-repeat:no-repeat;} #kawa{ background-image:url(/images/toptag_kawa.jpg); background-repeat:no-repeat;} #umi{ background-image:url(/images/toptag_umi.jpg); background-repeat:no-repeat;} #mati{ background-image:url(/images/toptag_mati.jpg); background-repeat:no-repeat;} #kominka{ background-image:url(/images/toptag_kominka.jpg); background-repeat:no-repeat;} #saien{ background-image:url(/images/toptag_saien.jpg); background-repeat:no-repeat;} #reform{ background-image:url(/images/toptag_reform.jpg); background-repeat:no-repeat;} #onsen{ background-image:url(/images/toptag_onsen.jpg); background-repeat:no-repeat;} #teien { background-image: url(/images/toptag_niwa.jpg); background-repeat: no-repeat;} #kominka2 { background-image:url(/images/toptag_irori.jpg); background-repeat: no-repeat;} #sanrin { background-image:url(/images/toptag_yama2.jpg); background-repeat: no-repeat;} #loghouse { background-image:url(/images/toptag_log.jpg); background-repeat: no-repeat;} #info_yaku{font-size:12px; margin: 15px;} #top_gaid ul{display:flex; flex-wrap:wrap;} #top_gaid li{list-style:none; width:43%; margin-right:3%; margin-top:10px;} #top_gaid dd{width:95%; padding-left:10px; margin-top:10px;} #top_gaid li a{background: url(/images/mark/star.gif) no-repeat left center; padding-left:27px; border-bottom:3px dotted #808000; font-size:15pt;} #top_gaid li a:hover{background: url(/images/mark/star2.gif) no-repeat left center; padding-left:27px; text-decoration:none;} #top_gai_bigins{margin-top:20px; background: url(/images/bigins.gif) no-repeat left center; padding-left:70px; height:70px;} #top_gai_bigins a{font-size:15pt;} @media screen and (min-width: 641px) { #top_u_info td{padding:10px;} #sf_pr{width:100%; margin-top:5px;} #sf_thema{float:left; width:35%;} #sf_pr_r{float:left; width:62%;} #sf_pr_r h3{width:100%; color:#000;} #sf_pr_pr{background-color:#fffee1; border-radius:7px; padding:6px 0 15px 10px; margin:5px 0 10px 0; font-size:13pt; color:#525e6f;} } @media screen and (max-width: 640px) { #top_u_info td{padding:0;} #sf_pr{width:100%; margin-top:5px;} #sf_thema{width:100%;} #sf_pr_r{width:100%;} #sf_pr_r h3{width:100%; color:#000;} #sf_pr_pr{background-color:#bada77; border-radius:7px; padding:6px 0 15px 10px; margin:5px 0 10px 0; font-size:13pt; color:#ff0000;} } #top_u_info h3{border-left:3px solid #00ccff; border-bottom:2px dotted #808000; padding:5px 0 0 6px; font-size:15px; margin:20px 0 5px 0; } #top_u_info ul{padding-left:20px; font-size:12px;} #top_u_info li{list-style:none;} #info_sien{font-size:12px; margin: 15px;} #rank_fl{float:left;} #ranku{border:1px solid #cccccc;} #rank{ list-style:none; text-align:left;} .dashedline{font-size:10pt;} #index_bottom_ad_l{float:left; width:336px; margin:0 10px; text-align:center;} #index_bottom_ad_r{float:left; width:336px; margin:0 10px; text-align:center;} /* カスタム部分（single-fudo）メイン画像 */ .sell_kakaku{color:#ff0000; font-size:16pt;} #sf_top { width: 100%; font-size:10pt; margin: 0px;} #sf_top table{width:100%;} /* PCここから */ @media screen and (min-width: 641px) { #sf_top tr { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; padding-top: 2px; padding-bottom: 2px; } #sf_top th{ border-right: 1px solid #CCC; border-bottom:1px dotted #EEEEEE; border-top:1px solid #CCC; line-height: 1.2; padding: 0.5em; margin:0; white-space: nowrap; color: #444; text-align:center; background-color:#f5f5f5; width:12.5%; } #sf_top th.th2{ width:50%; border-left: 1px solid #CCC; } #sf_top td { line-height:1.8em; padding: 3px 0 3px 0; margin:0; white-space: normal; border-right: 1px solid #CCC; border-bottom:1px dotted #CCC; text-align:center; } #sf_top td.td2 {text-align:left; padding-left:6px; border-left: 1px solid #CCC;} } /* PC用ここまで */ /* スマホ用ここから(ブラウザサイズ調整) */ @media screen and (max-width: 640px) { .pankz{font-size:10px;} #sf_top table{width:100%;} #sf_top thead{display:block; float:left; width:20%;} #sf_top thead tr{display:block; width:auto;} #sf_top thead th{display:block; width:95%; border-right: 1px solid #CCC; border-bottom:1px solid #EEEEEE; border-top:1px solid #CCC; padding-top: 0.5em; overflow:auto; height:80px; margin:0; white-space: nowrap; text-align: left; color: #444; text-align:center; background-color:#f5f5f5;} #sf_top tbody{display:block; width:70%; float:left;} #sf_top tbody tr{ width:100%; display:inline-block; margin:0 -3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; padding-top: 2px; padding-bottom: 2px;} #sf_top tbody td{display:block; padding-top: 0.5em; height:80px; width:auto; margin:0; white-space: normal; border-right: 1px solid #CCC; border-bottom:1px solid #CCC; border-top:1px solid #CCC;} /* スマホ用専用php出力タグ */ #sf_top_sp table{border-bottom:1px solid #ccc; width:99.5%;} #sf_top_sp tr { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; padding-top: 2px; padding-bottom: 2px; } #sf_top_sp th{ border-left: 1px solid #CCC; border-right: 1px dotted #CCC; border-top:1px solid #CCC; padding: 3px; margin:0; white-space: nowrap; color: #444; text-align:center; background-color:#f5f5f5; width:12.5%; } #sf_top_sp td { padding: 3px 0 3px 3px; margin:0; white-space: normal; border-right: 1px solid #CCC; border-top:1px solid #CCC; text-align:left; } #sf_top_sp td.td2 {text-align:left; padding-left:6px; border-left: 1px solid #CCC;} } /* スマホ用ここまで */ td.main_pic_1{ width: 50%; border: 1px solid #CCC;} .main_pic{ display: block; text-align: center; padding-top:10%; padding-bottom:8%; max-width:450px; max-height:450px; padding-left:5%; padding-right:5%; } td.main_pic_1 .main_pic img{ display:inline; text-align: center; margin:auto; max-width:95%; max-height:400px;} .main_pic_m{ display: block; text-align: center; padding-top:10%; padding-bottom:8%; padding-left:10%; padding-right:10%; max-width:400px; } td.main_pic_1 .main_pic_m img{ display: block; text-align: center; margin:auto; width:70%;} @media screen and (min-width: 641px) { #fudo-joken1{ position: relative; height:35px;} #list_simplepage2 #fudo-joken1 h2.fudo-title{ padding-top:2px; padding-bottom:0px; font-weight: nomal; display: block; border-bottom:1px dotted #ccc; color:#000033; z-index:2; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); font-size: 16px; width:100%;} } @media screen and (max-width: 640px) { #fudo-joken1{ position: relative; } #list_simplepage2 #fudo-joken1 h2.fudo-title{ padding-top:2px; padding-bottom:0px; font-weight: nomal; display: block; color:#000033; z-index:2; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); font-size: 16px; width:auto;} } h2.fudo-title #ht{display:inline; margin:0; padding:0; font-size:10pt;} .fudo_price_line dt { display: inline; font-weight: normal; color: #333; padding: 0px; margin:0 10px; } .fudo_price_line dd { display: inline; color: #333; margin: 0 0.6em 0 0.4em; padding: 0px; margin:0 10px; } #shu_bk1{display:inline; padding: 2px; margin-bottom:3px; margin-right:5px; color:#fff; font-size:9pt; border-radius: 5px; background-color:#996633; } #shu_bk{display:inline; padding: 2px; margin-bottom:3px; margin-right:5px; color:#fff; font-size:9pt; border-radius: 5px; background-color:#ff0033; } #ftoi{ margin-top:45px; text-align:center; padding-top:5px; width:218px; position: relative; border: 1px solid #ccc; border-radius: 7px;} #b_button{width: 206px; height: 92px; background: url(/images/ftoi_bana.gif) center top no-repeat; background-color:#fff; border:none; text-indent: -9999px; cursor: pointer; } #b_button:hover{opacity: 0.8; filter: alpha(opacity=80);} .ft_line{ text-align:center; font-size:11pt; border-bottom: 1px dotted #BDC8CA; width:218px; margin-bottom:6px; margin-top:8px;} .ft_line dt{ width:100%; text-align:left; color: #333; padding:0 5px;} .ft_line dd{ width:100%; text-align:left; color: #333; padding:0 5px; font-size:10pt;} #city_pr{ width:213px; margin:15px 1px 2px 1px; position: relative; border: 1px solid #ccc; border-radius: 8px; padding:0px;} #city_pr_b{ padding-top:3px; border-radius: 8px; background-color:#f5fffa; text-align:center; display: block; height:28px;} #city_prpr{padding:10px; } #city_ch{padding:10px; font-size:10pt;} #city_pr img{padding:1px 10px 1px 10px; width:200px;} #akiya_toi{border:1px solid #ccc; width:auto;} #akiya_toi a{color:#000;} #akiya_bt{background-color:#ccc; height:1.1em;} #akiya_toi th{ line-height: 1.0em; margin:0; padding:5px 0 0 0; white-space: nowrap; text-align: left; color: #444; min-width:90px; } #akiya_toi th.th2{ min-width:90px; } #toi_chosei{padding-left:10px;} @media screen and (min-width: 641px) { #akiya_toi td { line-height: 1.0em; margin:0; padding:5px 0 0 0; white-space: normal;} } @media screen and (max-width: 640px) { #akiya_toi td { display:block; width:auto;} } #toi_telak{font-size:13pt; padding-left:40px; color:#0099cc;} #akiya_tel{font-size:16pt; color:red; padding-left:90px;} #akiya_seido{padding-left:15px; padding-top:10px; font-size:10pt; color:#8b4513;} /* PCここから */ @media screen and (min-width: 641px) { #kamepic{float:left; width:25%;} #kamepic img{max-width:200px; width:95%; } #kame{float:left; width:75%;} #kameiten th{ border-right: 1px dotted #CCC; border-bottom:1px solid #EEEEEE; line-height: 1.0em; padding: 0.2em; margin:0; white-space: nowrap; text-align: left; color: #444; width:9%; min-width:90px; } #kameiten th.th2{ border-left: 1px dotted #CCC; width:9%; min-width:90px; } #kameiten td { line-height: 1.0em; padding: 0.2em; margin:0; width:100px; white-space: normal; border-bottom:1px solid #EEEEEE;} #arc_tb #u_slid2{padding-left:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:75%;} #arc_tb #b_slid1{padding:5px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;} #arc_tb #b_slid2{padding:5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} #arc_tb #top{ padding-left:8px; border-bottom:1px solid #ccc; z-index:-1;} } /* PC用ここまで */ /* スマホ用ここから */ @media screen and (max-width: 640px) { /* #flickscroll --------------------------- */ #flickscroll { margin: 0 auto; width: 285px; height: 280px; text-align: left; position: relative; cursor: pointer; } #flickscroll ul { top: 0; left: 0; height: 280px; position: absolute; overflow: hidden; } #flickscroll ul li { width: 285px; height: 280px; float: left; display: inline; overflow: hidden; text-align:center; } #flickscroll ul li a{height:190px; display:block;} #flickscroll ul li img{max-height:180px; width:auto;} /* #flickthumb --------------------------- */ #flickthumb { margin: 10px auto; width: 400px; height: 100px; text-align: center; overflow: hidden; } #flickthumb ul { width: 400px; height: 100px; } #flickthumb ul li { width: 19px; height: 19px; float: left; cursor: pointer; display: inline; } #flickthumb ul li.active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; } #flickthumb ul li img{max-height:18px; max-width:18px; width:auto;} /* ======================================= ClearFixElements ======================================= */ #flickscroll ul:after, #flickthumb ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; } #flickscroll ul, #flickthumb ul { display: inline-block; width:92%; } /* 問合せボタン */ .toibot3{ visibility: visible; margin:10px 0;} .tbtn-3{border-color: #fff; color: #fff !important; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FB8409),color-stop(100%,#C18601)); background: -webkit-linear-gradient(top,#FB8409 0,#C18601 100%); background: -moz-linear-gradient(top,#FB8409 0,#C18601 100%); background: -o-linear-gradient(top,#FB8409 0,#C18601 100%); background: linear-gradient(to bottom,#FB8409 0,#C18601 100%); text-shadow: 0 1px 0 rgba(168,168,168,.65); -webkit-box-shadow: none; box-shadow: none; } .toibot{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 2;} .toibot2{ visibility: visible; max-height: 10rem;} .toilist{display: table; table-layout: fixed; width: 100%; border-spacing: .7rem;} .toilistItem{display: table-cell;} .tbtn{display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: .8em .8rem; border: 1px solid; border-radius: 5px; line-height: 1; color: inherit; font-weight: bold; text-align: center; text-decoration: none; white-space: nowrap; } .tbtn-oc{border-color: #fff; color: #fff !important; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#518fff),color-stop(100%,#0057f6)); background: -webkit-linear-gradient(top,#518fff 0,#0057f6 100%); background: -moz-linear-gradient(top,#518fff 0,#0057f6 100%); background: -o-linear-gradient(top,#518fff 0,#0057f6 100%); background: linear-gradient(to bottom,#518fff 0,#0057f6 100%); text-shadow: 0 1px 0 rgba(168,168,168,.65); -webkit-box-shadow: none; box-shadow: none; } .toilistItem_tel{display: table-cell;} .tbtn_tel{display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: .8em .8rem; border: 1px solid; border-radius: 5px; line-height: 1; color: inherit; font-weight: bold; text-align: center; text-decoration: none; white-space: nowrap; } .tbtn_tel-oc{border-color: #fff; color: #fff !important; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff6600),color-stop(100%,#ff3300)); background: -webkit-linear-gradient(top,#ff6600 0,#ff3300 100%); background: -moz-linear-gradient(top,#ff6600 0,#ff3300 100%); background: -o-linear-gradient(top,#ff6600 0,#ff3300 100%); background: linear-gradient(to bottom,#ff6600 0,#ff3300 100%); text-shadow: 0 1px 0 rgba(168,168,168,.65); -webkit-box-shadow: none; box-shadow: none; } .ui-btn-text{font-size:95%;} #kamepic img{max-width:300px; width:95%; } #kameiten{width:auto;} #kameiten th{ border-right: 1px dotted #CCC; border-bottom:1px solid #EEEEEE; line-height: 1.0em; padding: 0.2em; margin:0; white-space: nowrap; text-align: left; color: #444;} #kameiten th.th2{ border-left: 1px dotted #CCC;} #kameiten td { line-height: 1.0em; padding: 0.2em; margin:0; white-space: normal; border-bottom:1px solid #EEEEEE;} #shop_img{display:block; width:100%;} #shop_syl{display:block; width:100%;} } /* スマホ用ここまで */ #ftoidiv{min-width:auto; text-align:center; margin-top:5px; margin-bottom:10px;} #teltable{ line-height: 1.5em !important;} #toi_tel{font-size:13pt;} #tel{font-size:18pt; color:#ff0000; padding-left:30px;} #telinc{padding-left:45px;} #b_button2{ text-align:center; width: 710px; height: 105px; background: url(/images/ftoi_bana2.gif) center top no-repeat; background-color:#fff; border:none; text-indent: -9999px; cursor: pointer; } #b_button2:hover{opacity: 0.8; filter: alpha(opacity=80);} #kame_h{border: 0px !important; font-size: 12px !important; font-weight: normal !important; padding: 0px !important; text-shadow: 0 #fff; line-height: 1 ; background:none !important;} /* カスタム部分（archive-fudo）タイトルバー */ #entry-title_ff{float:left; margin-top:4px; width:65%;} #entry_tbm{ text-align:center; margin-top:3px; z-index:3; display:block; padding-top:15px; width:66px; height:28px; background-image:url(/images/ach_bkm.gif); background-repeat:no-repeat;} #entry_tbt{ text-align:center; margin-top:3px; z-index:3; display:block; padding-top:15px; width:66px; height:28px; background-image:url(/images/ach_bkt.gif); background-repeat:no-repeat;} #entry_tbta{ text-align:center; margin-top:3px; z-index:3; display:block; padding-top:15px; width:66px; height:28px; background-image:url(/images/ach_bkta.gif); background-repeat:no-repeat;} #list_s_box{width:100%;} table #arc_tb{ cellpadding:0; cellspacing:0; margin-bottom:10px; z-index:-1; width:100%;} #arc_tb #u_slid{border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:25%; } /* スマホここから */ @media screen and (max-width: 640px) { #arc_tb #top{ padding-left:8px; border-top:2px solid #669900; z-index:-1;} #arc_tb #u_slid2{padding-left:10px; width:75%;} #arc_tb #b_slid1{padding:5px;} #arc_tb #b_slid2{padding: 1px 5px 15px 5px;} #main #content .list_picsam2 {display:none;} #arc_tb #u_slid,#arc_tb #u_slid2,#arc_tb #b_slid1,#arc_tb #b_slid2{width:auto; display:block;} #arc_tb #b_slid1{text-align:center;} #main #content .list_picsam {width:auto;} } /* スマホここまで */ .list_address{margin-left:10px; font-size:11pt;} .list_address td{padding:1px; line-height:17px;} #arc_tbk{ text-align:center; margin:-1px -3px -1px -1px; width:auto; background-image:url(/images/ach_bk.gif); background-repeat:no-repeat; background-position-y:bottom; line-height:21px; z-index:1;} #bukken_koumoku th{width:24%; background-color:#f5f5f5; border-bottom: 1px dotted #009900; border-width: 1px; padding-left:5px; padding-right:2px;} #bukken_koumoku td{width:26%; background-color:#fff; border-bottom: 1px dotted #009900; border-width: 1px; padding-left:5px;} #owner_ach{padding-left:5px; margin-top:3px;} #atthema img{width:35px;} /* 掲載物件募集ページ */ #f_bo_k_b{ margin:10px 0 50px 50px; color:#ff0000 !important; font-size:13pt !important; text-align:center; font-weight: normal;} /* PCここから */ @media screen and (min-width: 641px) { #keisai_kubun{width:100%;} #keisai_kubun a{color:#fff !important;} #keisai_shop_b{width:22%; float:left; font-size:19pt; color:#fff; background-color:#9a650e; padding:5%; border-radius:6px; margin-right:5px;} #keisai_own_b{width:22%; float:left; font-size:19pt; color:#fff; background-color:#0f9be8; padding:5%; border-radius:6px; margin-right:5px;} #keisai_city_b{width:22%; float:left; font-size:19pt; color:#fff; background-color:#709e10; padding:5%; border-radius:6px;} #f_bosyu a:hover{text-decoration:none;} #f_bosyu_k{ text-align:center; list-style:none; width:95%;} #f_bo_k_t{ margin-top:30px; line-height:1.3; padding-left:5px; background-color:#00c5ff; color:#fff; font-size:15pt; width:100%;} #f_bo_k_t2{ margin-top:30px; line-height:1.3; padding-left:5px; border-bottom:1px dotted #003300; border-left:2px solid #003300; font-size:13pt; text-align:left; width:100%;} #f_bo_k_n{text-align:left; padding:10px; font-weight: normal; font-size:11pt;} #f_bo_k_n2{text-align:left; padding:10px 30px; font-weight: normal; font-size:9pt;} /*タブ切り替え全体BOX*/ #menu_select3{ width:100%; height:900px; margin:10px 0; display:block;} /*タブ切り替え全体のスタイル*/ #menu_select3 .tabs { margin-top: 10px; padding-bottom: 40px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; height:880px; margin: 0 auto;} /*タブのスタイル*/ #menu_select3 .tab_item { width: calc(100%/3); height: 50px; border-bottom: 3px solid #5ab4bd; background-color: #d9d9d9; line-height: 50px; font-size: 16px; text-align: center; color: #565656; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; } #menu_select3 .tab_item:hover { opacity: 0.75; } /*ラジオボタンを全て消す*/ input[name="tab_item"] { display: none; } /*タブ切り替えの中身のスタイル*/ #menu_select3 .tab_content { display:none; padding: 20px 35px 0; clear: both; overflow: hidden; } #menu_select3 .tab_content li{ font-size:15pt; margin-top:13px !important; list-style:none;} #menu_select3 .tab_content a{color:#fff !important; border-radius:5px; padding:0 1px;} #menu_select3 #fud_content a{background-color:#cc3300;} #menu_select3 #koj_content a{background-color:#1982d1;} #menu_select3 #aki_content a{background-color:#cc3300;} /*選択されているタブのコンテンツのみを表示*/ #fud:checked~#fud_content, #koj:checked~#koj_content, #aki:checked~#aki_content { display: block; } /*選択されているタブのスタイルを変える*/ #menu_select3 .tabs input:checked + .tab_item { background-color: #5ab4bd; color: #fff; } } /* スマホここから */ @media screen and (max-width: 640px) { #menu_select3{ width:100%; margin:10px 0; display:block;} /*タブ切り替え全体のスタイル*/ #menu_select3 .tabs { margin-top: 10px; padding-bottom: 40px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; margin: 0 auto;} /*タブのスタイル*/ #menu_select3 .tab_item { width: calc(100%/3); height: 50px; border-bottom: 3px solid #5ab4bd; background-color: #d9d9d9; line-height: 50px; font-size: 16px; text-align: center; color: #565656; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; } #menu_select3 .tab_item:hover { opacity: 0.75; } /*ラジオボタンを全て消す*/ input[name="tab_item"] { display: none; } /*タブ切り替えの中身のスタイル*/ #menu_select3 .tab_content { display:none; padding: 20px 35px 0; clear: both; overflow: hidden; } #menu_select3 .tab_content li{ font-size:15pt; margin-top:13px !important; list-style:none; float:left; margin-left:20px;} #menu_select3 .tab_content a{color:#fff !important; border-radius:5px; padding:0 1px;} #menu_select3 #fud_content a{background-color:#cc3300;} #menu_select3 #koj_content a{background-color:#1982d1;} #menu_select3 #aki_content a{background-color:#cc3300;} } /*選択されているタブのコンテンツのみを表示*/ #fud:checked~#fud_content, #koj:checked~#koj_content, #aki:checked~#aki_content { display: block; } /*選択されているタブのスタイルを変える*/ #menu_select3 .tabs input:checked + .tab_item { background-color: #5ab4bd; color: #fff; } .fkbt{ padding-top:10px; padding-left:25px;} #f_bosyu a:hover{text-decoration:none;} #f_bosyu_k{ text-align:center; list-style:none; width:95%;} #f_bo_k_t{ margin-top:30px; line-height:1.3; padding-left:5px; background-color:rgba(32, 122, 215, 1); color:#fff; font-size:18pt; width:100%;} #f_bo_k_t2{ margin-top:30px; line-height:1.3; padding-left:5px; border-bottom:1px dotted #003300; border-left:2px solid #003300; font-size:13pt; text-align:left; width:100%;} #f_bo_k_n{text-align:left; padding:10px; font-weight: normal; font-size:11pt;} #f_bo_k_n2{text-align:left; padding:10px 30px; font-weight: normal; font-size:9pt;} } /* 無償譲渡掲載募集ページ */ #mjt{width:99%;} #mjt img{width:95%;} /* 加盟店ページ */ /* PCここから */ @media screen and (min-width: 641px) { .entry-shoptitle{font-size:20px; background-image:url(/images/shop/shop_title_bk.gif); background-repeat:no-repeat; width:675px; height:53px; padding:45px 0 0 30px;} } /* スマホここから */ @media screen and (max-width: 640px) { .entry-shoptitle{font-size:20px; width:90%; height:auto;} } /* スマホここまで */ /* 物件写真フロート */ .pic_float { float: left; margin-top:10px; width: 170px; height: 160px; font-size: 8pt; } .pic_float a{height:135px; display:block; text-align:center;} .pic_float img{max-height:110px; max-width:160px;} .pic_alt { line-height: 12px; margin-bottom: 10px; text-align: center; width: 159px; } /*　イベント告知ページ */ #evend{font-size:18pt; color:#ff0000;} #ev_kaisai{font-size:12pt;} #ev_gaiyou{width:85%; border:1px solid #ccc; margin-bottom:30px;} #ev_gaiyou th{color:#ff0000; background:#F6F5F4; border-right:1px solid #ccc; font-size:12pt; text-align:center; width:150px;} #ev_gaiyou_th1{} #ev_gaiyou_th2{border-top:1px solid #ccc;} #ev_gaiyou td{padding:12px 10px 12px 20px; box-sizing:border-box; vertical-align:middle; font-size:12pt; } #ev_gaiyou_td2{border-top:1px solid #ccc;} #ev_conte{ font-size:11pt;} #ev_mosi{margin:30px 10px 0 10px; width:80%; background-color:#3dacf7; color:#fff; font-size:12pt;} #ev_toi{background-color:#F6F5F4; width:70%; margin:10px 10px; font-size:13pt; padding:10px 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} #city_ev_pr{max-width:900px; min-height:45px; margin:10px 0 30px 0; padding-left:110px; background-image:url(/images/picup.gif); background-repeat:no-repeat; font-size:13pt; color:rgba(0,106,255,1); border-bottom:dotted 2px; } #atthema img{width:35px;} /* FPページ */ #fph4{font-size:18pt; border-bottom:dotted 1px;} .pic_float_b { float: left; margin-top:10px; width: 170px; height: 200px; font-size: 8pt; } .pic_float_b a{height:135px; display:block; text-align:center;} .pic_float_b img{max-height:110px; max-width:160px;} .pic_alt_b { line-height: 12px; margin-bottom: 10px; text-align: center; width: 159px; } #footer_ad{width:80%; margin-left:220px;}