@charset "utf-8"; /* Theme Name: Sheep-Blue ver2.0.70 Theme URI: http://www.greensheep.co.jp/fudo-plugin Description: 実際に不動産業を営むクライアントからの意見を元に作成したテーマとなります。単なるデザインテーマとしてではなく「不動産検索付きCMS」としてWebサイト運用を可能とするために下記のポイントに留意し作成しました。・ユーザーにアピールしやすい「反響」を得やすいレイアウト・HTMLの知識がなくても殆どの画面要素を管理画面から更新可能・「新着情報」「スタッフブログ」「不動産用語集」など主要コンテンツを初期実装詳細なご説明書もご用意しました。当デモサイトの内容とボタンひとつで一致させることができるXMLファイルもお付けしております。自社サイトのリニューアルのみならず、エリアや沿線、物件種別を絞ったサテライトサイトの構築をご検討のお客さま、ぜひ当テーマをご利用くださいませ。賃貸・売買共にご利用いただけます。 Version: 2.0.70 Author: greensheep Tags: 不動産プラグイン専用テーマ Sheep-Blue http://www.greensheep.co.jp/fudo-plugin The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* = CSS Reset -------------------------------------------------------------- */ html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; } article,aside,figure,footer,header,hgroup,nav,section { display: block; } ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: top; } td { font-weight: normal; vertical-align: top; } strong,th,h1,h2,h3,h4,h5,h6 { font-weight: bold } img { vertical-align: bottom; } pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } a { color: #1982D1; text-decoration: none; } a:hover { color: #88A4DD; text-decoration: underline; } /* common */ input, textarea, select, .page-title span, .pingback a.url, input[type=submit], pre, code { font-family: "メイリオ", Meiryo, sans-serif; } /* =共通レイアウト -------------------------------------------------------------- */ body { font-family: "メイリオ", Meiryo, sans-serif; color: #333; } #page, #wrapper { margin: 0 auto; width: 1000px; padding: 0px; font-size: 13px; background: #fff; } #page { margin-top: 5px; } #main { margin: 0 0 5px 0; overflow: hidden; padding: 0 20px 20px 20px; clear: both; } #container { margin: 0px; width: 705px; } /* three-column */ .both-sidebar #container { width: 540px; } /* full-width-page */ .page-template-full-width-page-php #container { width: 960px; float: none; } /* gmap */ #wrapper #primary { margin: 0; padding: 0; } #secondary { margin: 0 0 10px 0; padding: 0; width: 230px; border-bottom: 10px solid #ECECEC; } /* three-column */ .both-sidebar #secondary { width: 200px; } #tertiary { margin: 0; padding: 0; width: 210px; } /* three-column */ .both-sidebar #tertiary { width: 200px; } #content article { margin-bottom: 30px; padding-bottom: 20px; border-bottom: solid 3px #efefef; } /* ===[ Footer ]=== */ #footer { clear: both; margin: 0; padding: 10px 0; width: 960px; border-top: 3px solid #CCC; } /* ===[ Increase the size of the content area for templates without sidebars ]=== */ .full-width #content, .image-attachment #content, .error404 #content { margin: 0; } /* =レイアウト -------------------------------------------------------------- */ /* ======================================== Double Column Layout - right-sidebar ┏━━━┓┏┓ ┃ ┃┃┃ ┗━━━┛┗┛ ======================================== */ /* .right-sidebar #container { float: left; } .right-sidebar #secondary { float: right; } */ .right-sidebar #tertiary { display: none; /* float: right; */ } /* ======================================== Double Column Layout - left-sidebar ┏┓┏━━━┓ ┃┃┃ ┃ ┗┛┗━━━┛ ======================================== */ #container, .left-sidebar #container { float: right; } #secondary, .left-sidebar #secondary { float: left; } #tertiary, .left-sidebar #tertiary { display: none; /* float: left; */ } /* ======================================== 3 Column Layout - both-sidebar ┏┓┏━━┓┏┓ ┃┃┃ ┃┃┃ ┗┛┗━━┛┗┛ IE6 ┏━━┓┏┓┏┓ ┃ ┃┃┃┃┃ ┗━━┛┗┛┗┛ ======================================== */ .both-sidebar #container { float: left; margin: 0 210px 0 210px; } .both-sidebar #secondary { float: left; margin: 0 0 0 -960px; } .both-sidebar #tertiary { float: right; margin: 0 0 0 -200px; } /* IE6 */ /* \ */ * html .both-sidebar #container { float: left;margin: 0; } /* \ */ * html .both-sidebar #secondary { float: left;margin: 0 0 0 -20px; } /* \ */ * html .both-sidebar #tertiary { float: right;margin: 0; } /* ======================================== Gmap Layout - right-sidebar ┏━━━┓┏┓ ┃ ┃┃┃ ┗━━━┛┗┛ ======================================== */ /* gmap .gmap-page #primary{ float: right; } .gmap-page #container{ width: 730px; margin: 0; float: left; } .gmap-page #primary{ float: right; } */ /* ======================================== Single Layout - full-width-page ┏━━━━━┓ ┃ ┃ ┗━━━━━┛ ======================================== */ /* full-width-page */ .page-template-full-width-page-php #container { margin: 0; } .page-template-full-width-page-php.both-sidebar #container { margin: 0; } /* =Header -------------------------------------------------------------- */ #header { } #logo-block { float: left; padding: 10px 0; } /* サイトタイトル 文字の長さによってwidthを調節して下さい */ #site-title { padding: 14px 0 0 15px; text-shadow: 0 1px 1px #CCC; font-size: 20px; line-height: 1.5; margin: 0; } #site-title a { letter-spacing: -0.05em; font-size: 30px; font-weight: bold; line-height: 36px; text-decoration: none; color: #333; } /* サイト説明 サイト右上の説明部分の長さによってwidthやmarginを調節して下さい */ #site-description { font-size: 14px; padding-left: 20px; color: #999; font-style: normal; line-height: 1.5; margin: 0; } /* ヘッダ画像 */ #branding img { } /* sns */ #snshead { } /* タイトルとヘッダ画像を重ねる */ /* snsボタンwp_social_bookmarking_light */ .wp_social_bookmarking_light { } .wp_social_bookmarking_light div { float: left; padding-left: 3px; } .wp_social_bookmarking_light img { } .wp_social_bookmarking_light_clear { clear: both; } .wsbl_twitter { width: 65px; } /* = nav Menu -------------------------------------------------------------- */ .assistive-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } #access { background: #333; display: block; float: left; margin: 0 auto 1em; width: 100%; } #access div.menu-primary-container, #access .menu-header, #access div.menu { margin: 0 4% 0 0; } #access div.menu-primary-container ul, #access .menu-header ul, div.menu ul { font-size: 14px; list-style: none outside none; margin: 0 0 0 20px; padding-left: 0; } #access div.menu-primary-container li, #access .menu-header li, #access div.menu ul li, #access div.menu li, #access li { float: left; position: relative; } #access a { color: #EEEEEE; display: inline-block; line-height: 46px; padding: 0 1.2125em; text-decoration: none; text-align: center; text-shadow: 1px 1px 0 #0C528D; font-weight: bold; } #access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; float: left; text-align: left; width: 180px; z-index: 99999; } #access ul ul li { min-width: 180px; z-index: 99999; opacity: 0.85; filter: alpha(opacity=85); } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #0663B1; line-height: 1em; padding: 10px; width: 160px; height: auto; opacity: 0.98; filter: alpha(opacity=98); text-shadow: 0; } #access ul li:hover > a, #access a:focus { background: #f9f9f9; background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #373737; text-shadow: 1px 1px 0 #f9f9f9; } #access ul ul :hover > a { background: #888; color: #fff; border-radius: 0; } #access ul ul a:hover { background: #f9f9f9; background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #373737; text-shadow: 1px 1px 0 #f9f9f9; opacity: 0.99; filter: alpha(opacity=99); text-shadow: 0; } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { /*color: #fff;*/ background: #f9f9f9; background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #373737; text-shadow: 1px 1px 0 #f9f9f9; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #373737; } #access .skip-link { display: none; } #access ul li:hover > a, #access ul ul :hover > a, #access a:focus { background: #efefef; } #access ul li:hover > a, #access a:focus { } #access ul li:hover > ul { display: block; } #access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a { font-weight: bold; } /* =Content -------------------------------------------------------------- */ span.wpcf7-form-control-wrap{ display:inline-block; padding-right:5px; } input.wpcf7-email{ width:100%; } .entry-meta { clear: both; display: block; } .single-author .entry-meta .byline { display: none; } #content nav .nav-previous { float: left; width: 48%; } #content nav .nav-next { float: right; text-align: right; width: 48%; } #content nav .nav-next a { border: none !important; background-color: transparent !important; } .paged #content #nav-above, .single #content #nav-above { display: block; } #nav-above, .paged #content #nav-above, .single #content #nav-above { display: none; } #nav-below { margin: 1em 0 0; } .page-link { clear: both; margin: 0 0 1em; } .page .edit-link { clear: both; display: block; } /* 404 page -------------------------------------------------------------- */ /* ===[ Notices ]=== */ .post .notice, .error404 #searchform { background: #eee; display: block; padding: 1em; } /* Image Attachments -------------------------------------------------------------- */ .image-attachment div.entry-meta { float: left; } .image-attachment nav { float: right; margin: 0 0 1em 0; } .image-attachment .entry-content { clear: both; } .image-attachment .entry-content .entry-attachment { background: #eee; margin: 0 0 1em; padding: 1em; text-align: center; } .image-attachment .entry-content .attachment { display: block; margin: 0 auto; text-align: center; } /* Aside Posts -------------------------------------------------------------- */ .format-aside .entry-header { display: none; } .single .format-aside .entry-header { display: block; } .format-aside .entry-content, .format-aside .entry-summary { padding-top: 1em; } .single .format-aside .entry-content, .single .format-aside .entry-summary { padding-top: 0; } /* ===[ Gallery Posts ]=== */ .format-gallery .gallery-thumb { float: left; margin: 0 1em 0 0; } /* ===[ Image Posts ]=== */ .format-image .entry-header { display: none; } .single .format-image .entry-header { display: block; } .format-image .entry-content, .format-image .entry-summary { padding-top: 1em; } .single .format-image .entry-content, .single .format-image .entry-summary { padding-top: 0; } /* =Images -------------------------------------------------------------- */ img { -ms-interpolation-mode: bicubic } a img { border: none; } p img { margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */ } /** * Resize images to fit the main content area. * - Applies only to images uploaded via WordPress by targeting size-* classes. * - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; /* prevent too-wide images from breaking layout */ padding: 4px; text-align: center; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } .wp-smiley { margin: 0; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #cfcfcf; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #f1f1f1; } .gallery br+br { display: none; } /* ロールオーバー */ a:hover img { opacity: 0.8; filter: alpha(opacity=80); } /* =Forms -------------------------------------------------------------- */ #searchform label { display: none; } #searchform input#s { width: 60%; } #footer #searchform input#s { margin: 0 0 0 15px; } input[type=text], input#s { margin: 0 1em 0 0; width: 60%; } input#user_login { width: auto; } .widget_fudo_kaiin input#password, .widget_fudo_kaiin input#user_login { width: 100%; } textarea { width: 80%; } /* ===[ Class for labelling required form items ]=== */ .required { color: #cc0033; } /* =Comments -------------------------------------------------------------- */ article.comment { display: block; } #respond input[type=text] { display: block; width: 60%; } #respond textarea { display: block; margin: 0 0 1em; width: 80%; } #respond .form-allowed-tags { clear: both; width: 80%; } #respond .form-allowed-tags code { display: block; } #comments .commentlist li { list-style-type: none; } #comments article footer cite a { font-style: normal; font-size: 15px; color: #999; } #comments img.avatar { border-radius: 8px; position: absolute; left: -50px; border: 1px solid #ccc; } #comments ul.children article { position: relative; padding: 15px; margin: 1em 0 3em; color: #000; background: #eee; border-radius: 6px; border-bottom-right-radius: 30px; } #comments article { margin: 30px 0; padding: 20px; } #respond .form-allowed-tags { display: none; } /* コメント返信ボタン */ #comments .reply a { background: #D1B789; color: #fff; font-size: 13px; padding: 3px 10px; border-radius: 4px; margin: 4px 0px; display: block; width: 100px; text-align: center; } #comments .reply a:hover { background: #BB924D; text-decoration: none; } /* ===[ Comments are closed ]=== */ p.nocomments { display: none; } /* =Widgets -------------------------------------------------------------- */ .widget { clear : both; margin: 0 0 20px 0; padding: 0; display: block; } .widget-area .widget_fudo_search, .widget-area .widget_search { overflow: hidden; } .widget-area .widget_fudo_search input, .widget-area .widget_search input { float: left; } .widget-area { } .widget-area .textwidget { } /* =calendar -------------------------------------------------------------- */ #wp-calendar { width: 100% } #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding: 0 0 4px 10px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th {} #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } /* =Footer -------------------------------------------------------------- */ /* widget */ #footer ul.xoxo { margin: 0; } #footer ul li ul { margin: 0; padding: 0 15px; } #footer .widget-container { margin: 0 0 20px; padding: 0; } #footer-widget-area { float: left; margin: 0; padding: 0; } #footer-widget-area .widget-area { float: left; margin: 0 10px 0 0; width: 220px; padding: 6px; min-height: 100px; } #footer-widget-area #fourth { margin-right: 0; } #footer .tagcloud { padding: 5px; line-height: 1.2em; } #footer #calendar_wrap { padding: 0 0 0 10px; line-height: 1.6; } /* ===[ Copyright ]=== */ #footer p.copybox { clear: both; text-align: center; padding: 5px; } #footer small { font-size: 10px; color: #666; margin: 5px auto; } /* = 見出し -------------------------------------------------------------- */ #main #container #content h1 { border-top: solid 5px #0663b1; border-bottom: solid 3px #9adbdd; font-size: 16px; font-weight: bold; margin: 0 0 15px; line-height: 1.2; color: #333; padding: 15px 0 12px 20px; background: #f9f9f9; background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #373737; text-shadow: 1px 1px 0 #f9f9f9; } #main #container #content h1 a { font-size: 16px; color: #333; } #content nav h1 { font-size: 10px; color: #999; } #footer .widget-area h3 { font-size: 110%; margin: 4px 0 10px 4px; border-left: 3px solid #CCC; padding-left: 4px; text-shadow: 1px 1px 1px #fff; } .home #main #container #content h3 { border-bottom: 3px solid #9adbdd; font-size: 18px; border-top: solid 5px #0663b1; margin: 0 0 10px; padding: 8px 0 5px 20px; font-weight: bold; background: #f9f9f9; background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #373737; text-shadow: 1px 1px 0 #f9f9f9; } .home #main #container #content h3 a { color: #333; } /* = Fudousan Plugin Copyright -------------------------------------------------------------- */ #nendebcopy a { font-size: 10px; color: #999; text-decoration: none; font-family: Arial,Helvetica; float: right; width: 400px; text-align: right; } #nendebcopy { width: 960px; margin: 0px auto; padding: 10px 10px 0px 10px; overflow: hidden; /zoom: 1; } /* = Greensheep -------------------------------------------------------------- */ #nendebcopy { display: none; } #branding { border-top: solid 5px #0064b5; } #logo-block { float: left; padding: 10px 0; } #logo-block #site-description { font-weight: normal; margin: 0; line-height: 1.5; } #logo-block #site-title { font-size: 20px; margin: 0; line-height: 1.5; } #headRight { float: right; padding: 10px 20px 0 0; } #headRight p { font-size: 12px; line-height: 1.25; } #headRight .freeD { font-size: 24px; color: #ea5c07; } #article-count-block { float: right; display: inline-block; margin: 10px 20px 0 0px; padding: 8px 20px; border: solid 3px #fea671; border-radius: 5px; } #article-count-block p { font-size: 0.90em; line-height: 1.2; } #article-count-block p strong { color: #f00; font-weight: normal; } #access { background: #0064b6; background: -webkit-linear-gradient(#0064b6, #2376BB); font-size: 1.2em; } #access ul { font-size: 14px; } #access a { font-weight: bold; } .breadcrumbs { display: block; margin: 0 0 15px; background: #ededed; float: none; clear: both; height: 20px; overflow: hidden; } .breadcrumbs a { display: inline-block; } .breadcrumbs div { font-size: 12px; line-height: 1.1; } .breadcrumbs a { padding: 4px; margin: 0 10px 0 0; position: relative; color: #333; } .breadcrumbs a:before { content: ' '; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-left-color: #ccc; left: 100%; top: 0; } .breadcrumbs a:after { content: ' '; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-left-color: #ededed; left: 99%; top: 0; } .breadcrumbs a.first { background: #0064b5; padding: 4px 24px 4px 12px; margin-right: 10px; position: relative; color: #fff; !important: ; } .breadcrumbs a.first:after { content: ' '; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-left-color: #0064b5; left: 100%; top: 0; } /* */ #colophon { font-size: 0.80em; text-align: center; color: #ccc; background: #7a7a7a; float: none; clear: both; min-width: 1000px; } #colophon a { color: #c4c3c3; } /* __ページトップへ戻る__ */ #pTop-block { display: block; position: relative; top: -10px; text-align: right; } #pTop-block p { display: block; margin: 0 20px -8px 0; } #pTop-block p a { display: inline-block; padding: 4px 24px; background: #7a7a7a; font-size: 12px; line-height: 1; } #footer-body { background: #636363; padding: 10px 0 0 0; border-top: solid 1px #a1a1a1; border-bottom: solid 1px #4f4e4e; } #footer-body .inner-body { width: 1000px; margin: 0 auto; text-align: left; } #footer-body .footer-nav-block { display: block; margin: 0 0 8px 0; padding: 0; min-height: 2em; } #footer-body .footer-nav-block .menu { margin: 0; padding: 0; } #footer-body .footer-nav-block div ul { list-style: none; padding: 0 0 0 10px; font-size: 12px; } #footer-body .footer-nav-block .menu li { display: inline-block; float: left; padding: 0 10px 0 15px; border-left: solid 1px #454545; } #footer-body .footer-nav-block li a { display: inline-block; margin: 0 5px 0 0; } #footer-body .footer-nav-block ul:after { display: block; content: ""; float: none; clear: both; } #footer-body .footer-nav-block .menu li ul { display: none } #footer-body .contentinfo-blocks { font-size: 0.90em; display: block; margin: 10px 0; padding: 10px 5px; } #footer-body .contentinfo-blocks p { margin: 0; padding: 0; line-height: 1.2; float: none; clear: both; } #footer-body .contentinfo-blocks .site-title { display: inline-block; text-align: right; float: right; margin-right: 10px; } #footer-bottom-block { background: #474747; padding: 5px 40px; text-align: right; font-size: 10px; border-top: solid 1px #656464; } /*__フロートメニュー__*/ .stickybox { top: 90px; right: 0px; width: 180px; } .stickybox .sticky-inner {} .stickybox .sticky-block {} .stickybox .sticky-block a {} .stickybox .sticky-block a:hover {} .stickybox .sticky-inner h1 {} .stickybox .sticky-inner p {} .stickybox .sticky-inner .cauTxt {} /* ____ */ #special-blocks { margin: 0 auto; text-align: left; float: none; clear: both; min-height: 160px; } #special-body { width: 100%; float: left; min-height: 260px; margin-right: 5px; } #special-body.special-side-exist { width: 700px; } #special-side { width: 255px; float: left; min-height: 260px; } /* 動画プレイヤー修正 */ #video-body { text-align: center; position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 5px; } #myytplayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: block; } #map-body { float: right; text-align: center; min-height: 260px; width: 255px; background: #d7e7ed; } #map-body h2 { color: #FFFFFF; display: block; font-size: 14px; font-weight: bold; line-height: 1.2; margin: 0; padding: 8px 6px 5px 10px; background: #0064b6; background: -webkit-linear-gradient(#0064b6, #2376BB); border-top: solid 2px #024d8a; } /* #map-body ul */ #map-body #mapArea { display: block; margin: 0; padding: 0; background: #fff; border: solid 5px #d7e7ed; text-align: center; } #area-list { display: block; margin: 0 auto; padding: 5px; height: 230px; width: 245px; overflow: hidden; } #area-list li { display: block; margin: 0 0 2px 2px; padding: 0; width: 114px; text-align: center; float: left; } #area-list li a { display: block; padding: 16px 0 0 0; white-space: nowrap; overflow: hidden; color: #000; text-shadow: 0 1px 1px #fff; border: solid 2px #0885ea; background: #a9cce8; background: -webkit-linear-gradient(#d1fbff, #a9cce8); } #area-list li a:hover { color: #fff; text-shadow: 0 1px 1px #0064b5; background: #0064b5; } #area-list li a strong { line-height: 1.1; font-size: 18px; display: block; padding: 0 0 16px 0; } /* ===[ __home.php__ ]=== */ #top_fbox .widget .relayLink { margin: 0 0 5px 0; padding: 5px 0 0 0; float: none; clear: both; border-top: dotted 1px #ccc; text-align: right; } ul.inlineList { } ul.inlineList li { } #newsList { margin: 0 0 10px 5px; } #newsList dt { display: block; width: 6em; height: 2em; } #newsList dd { display: block; padding: 0 0 5px 6.25em; margin: -2em 0 0 0; } #newsList dd strong { display: block; } /*index*/ .glossary_idx_box { display:block; } .glossary_idx_ttl li{ float:left; min-width:30px; height:30px; margin-right: 5px; } .glossary_idx_ttl li a{ padding:2px 14px; color:#fff; background: -webkit-linear-gradient(#97bede, #84b1d6); border-radius:3px; } /*list*/ .glossary_list{ clear:both; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .glossary_list dt{ width:19%; } .glossary_list dt a strong{ color:#0064B6; padding-left:8px; border-left:solid 5px #0064B6; } .glossary_list dd{ width:81%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .glossary_list dd ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .glossary_list dd li{ display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 0 2px 2px; } .glossary_list dd li a{ color:#0064B6; display:block; width:173px; height:60px; padding:2px 5px 2px 10px; background: #eaeef1; } .glossary_list dd li a:hover{ color: #fff; background: #c3e5fb; } #glossaryList { margin: 0 0 10px 5px; } #glossaryList li { margin: 0 10px 5px 0; display: inline-block; } .tax-body {} .tax-body dl { margin: 0 0 10px 10px; } .tax-body dl dt { margin: 0 0 2px 0; padding: 0; } .tax-body dl dd { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: dotted 1px #ccc; } .tax-body dl dd strong { display: block; font-size: 14px; line-height: 1.15; padding: 0 0 0 8px; margin: 0 0 8px 0; border-left: solid 5px #0064B6; } .tax-body dl dd p { } #glossary.tax-body dl dt { margin: 0 0 10px -10px; font-size: 16px; line-height: 1.2; font-weight: bold; border-top: solid 3px #0064b5; background: #f4f4f4; padding: 8px 10px 5px 10px; } #glossary.tax-body dl dd { border: none; margin: 0 0 15px 0; padding: 0 0 15px 0; } #glossary.tax-body dl dd ul { margin: 0; padding: 0; } #glossary.tax-body dl dd ul li { margin: 0 0 5px 0; padding: 0 0 5px 0; } #glossary.tax-body dl dd ul li strong { font-size: 14px; margin: 0; } .tax-category { display: block; background: #f4f4f4; border: solid 1px #ccc; padding: 10px; float: none; clear: both; } .tax-category ul.inlineList { } .tax-category ul.inlineList li { display: inline-block; } .tax-category ul.inlineList li a { display: inline-block; padding: 2px 5px; margin: 0 2px 2px 0; } .entry-content .entry-meta { font-size: 12px; margin: 5px 0 10px 0; padding: 0; } /* */ #content .tax-body { } #content .tax-body dl.entryList { } #content .tax-body dl.entryList dt { display: block; margin: 0 0 5px; /*padding: 0;*/ } #content .tax-body dl.entryList dt strong { display: block; padding: 5px 15px; background: #E5E5E5; border-left: solid 5px #0064B6; } #content .tax-body dl.entryList dt strong a { display: block; color: #000; } #content .tax-body dl.entryList dd { display: block; float: none; clear: both; border: none; margin: 0 0 10px; padding: 0 0 10px; } #content .tax-body dl.entryList dd ul { } #content .tax-body dl.entryList dd li { display: block; float: none; clear: both; border-bottom: dotted 1px #ccc; padding: 5px 0; margin: 0 0 5px; } #content .tax-body dl.entryList dd li span { display: inline-block } #content .tax-body dl.entryList dd li .meta-date { float: right; padding-left: 10px; } #content .tax-body dl.entryList dd li .ph-box { float: left; margin: 0 10px 10px 0; width: 158px; } #content .tax-body dl.entryList dd li .ph-box img { width: 100%; max-width: 150px; height: auto; } #content .tax-body dl.entryList dd li p { margin-bottom: 10px } #content .tax-body dl.entryList dd li p strong { display: block; font-size: 14px; line-height: 1.15; padding: 0 0 0 8px; margin: 0 0 8px 0; border-left: solid 5px #0064B6; } #content .tax-body dl.entryList dd li .tx-box strong { float: left; margin: 0 0 0 8px; } #content .tax-body dl.entryList dd li .tx-box strong:after { content: ""; display: block; height: 0; clear: both; float: none; } #content .tax-body dl.entryList dd li .more { display: block; text-align: right; } #content .tax-body dl.entryList dd li .more:after { content: ""; display: block; height: 0; clear: both; float: none; } /* */ #special-blocks .widget { display: inline-block; text-align: center; min-height: 260px; width: 255px; text-align: left; margin-left: 5px; } #special-blocks .widget h3 { display: block; font-size: 14px; font-weight: bold; line-height: 1.2; margin: 0; padding: 8px 6px 5px 10px; color: #FFF; background: #389CEA; } #special-blocks .widget h3 a { color: #FFF; } #special-blocks .widget .relayLink { text-align: center; } #special-blocks .widget .relayLink a { text-align: center; text-align: left; padding: 4px 20px; background: #EAEAEA; border-radius: 5px; } #primary #inq-btn, #tertiary #inq-btn, #secondary #inq-btn { text-align: center; background: #9BD5FE; } .hide-content{ display:none!important; height:0; } /*__image_map__*/ .disnon { display: none; } #tab_inner-wrap{} .tab_inner{ border:solid 3px #0064b5; padding:10px; margin:0 5px 5px 0px; text-align:center; } #tab_wrap { float:left; margin-right:-210px; } #tab_menu{ display:block; margin:0; padding:0; max-width:210px; } #tab_menu li{ display:block; margin:0 0 2px 0; padding:0; width:210px; text-align:center; } #tab_menu li a{ display:block; padding:16px 0 0 0;overflow:hidden; color:#000;text-shadow:0 1px 1px #fff; border:solid 2px #D7E7ED; background:#a9cce8; background: -webkit-linear-gradient(#d1fbff, #a9cce8);} #tab_menu li.select a,#tab_menu li a:hover{ color:#fff; text-shadow:0 1px 1px #0064b5; background:#0064b5; border:solid 2px #0064b5; } #tab_menu li a strong{ line-height:1.1; font-size:18px; display:block; padding:0 0 16px 0; } #tab_menu li.select:after{ content:""; display:block; position:absolute; margin:-40px 0 0 210px; padding:0; height:0; width:0; border:solid 14px #0064b5; border-color:transparent transparent transparent #0064b5; } /*__bukken_history__*/ .bukken_history_wrap { overflow: auto; border: #ececec 10px solid; border-width: 10px 10px 0; background-color: #fff; } .bukken_history_wrap .rireki{ text-align:right; display:block; float:none; clear:both; } .bukken_history_wrap .rireki a:hover { color: #FFFFFF; background-color: #3cacfe; } .bukken_history_wrap .rireki a:link { width: 90px; text-decoration: none; padding: 0 8px; margin: 5px; line-height: 25px; font-size: 12px; color: #FFFFFF; background-color: #0064b6; } #main #secondary .widget .bukken_history{ margin:0; padding: 10px; overflow: auto; border-bottom: dotted 1px #acacac; font-size: 12px; line-height:1.2; } .bukken_history .btn_bukkensyousai a:hover { background-color: #3cacfe; } .bukken_history .btn_bukkensyousai a:link { width: 100px; text-decoration: none; padding: 0 8px; margin: 5px 0 0 5px; line-height: 25px; font-size: 12px; color: #FFF; background-color: #0064b6; } #main #secondary .widget .bukken_history li{ list-style: none; list-style-position: inside; } .bukken_history .kakaku, .bukken_history .area, .bukken_history .kakaku, .bukken_history .station { font-weight: bold; } .bukken_history .caption { width: 115px; float: left; } .bukken_history .kakaku { margin-bottom: 0.15em; font-size: 16px; color: #3cacfe; } .bukken_history .madori {} .bukken_history .photo { width: 70px; margin-right: 5px; float: left; } .bukken_history .tit { margin-bottom: 8px; font-weight: bolder; font-size: 15px; } #secondary .widget .bukken_history_tit { padding-left:32px !important; position:relative; } #secondary .widget .bukken_history_tit:after{ display:block; content:""; width:23px; height:23px; top:3px; left:5px; position:absolute; background:url(img/point_tokei.png) no-repeat 0 0; } /* スタッフブログ ----------------------------------------------- */ .single-staffblog #main #container #content h1, .single-staffblog #main #container #content h2, .single-staffblog #main #container #content h3, .single-staffblog #main #container #content h4, .single-staffblog #main #container #content h5, .single-staffblog #main #container #content h6 { line-height: 1.25; } .single-staffblog #main #container #content h1 { margin: 0 -10px 10px -10px; } .single-staffblog #main #container #content h4 { font-size: 14px; padding-left: 10px; border-left: solid 3px #0663B1; } .single-staffblog #main #container #content h5 { padding-left: 10px; border-left: solid 3px #9ADBDD; } .single-staffblog #main #container #content p { font-size: 13px; line-height: 2; margin-bottom: 20px; } .single-staffblog #main #container #content .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin: 4px auto 10px; max-width: 100%; width: auto; } .single-staffblog #main #container #content .alignleft { display: inline; float: left; margin: 4px 20px 10px 0; width: auto; } .single-staffblog #main #container #content .alignright { display: inline; float: right; margin: 4px 0 10px 20px; width: auto; } .single-staffblog #main #container #content img[class*="align"] + br { display: none; } .single-staffblog #main #container #content .textcenter { text-align: center; } .single-staffblog #main #container #content .textright { text-align: right; } .single-staffblog #main #container #content .textleft { text-align: left; } /*__ボタン__*/ .single-staffblog #main #container #content .btn { margin-bottom: 20px; display: inline-block; position: relative; text-decoration: none; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } .single-staffblog #main #container #content .btn small { font-size: 14px; line-height: 1.1; font-weight: normal; } .single-staffblog #main #container #content .btn-type01 { padding: 20px 40px 20px 20px; text-align: center; background: #f60; border: solid 1px #f60; color: #fff; font-size: 2em; line-height: 1.2; font-weight: bold; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,.3); } .single-staffblog #main #container #content .btn-type01:hover { background: #fff; color: #f60; } .single-staffblog #main #container #content .btn-type01::after { content: "\f345"; font-family: "dashicons"; position: absolute; right: 15px; top: calc( 50% - calc( 1.2em / 2 ) ); } .single-staffblog #main #container #content .btn-type02 { padding: 10px 40px 10px 20px; text-align: left; background: #fff; border: solid 1px #f60; color: #f60; font-size: 1.5em; line-height: 1.2; font-weight: bold; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,.1); } .single-staffblog #main #container #content .btn-type02:hover { background: #f60; color: #fff; } .single-staffblog #main #container #content .btn-type02::after { content: "\f345"; font-family: "dashicons"; position: absolute; right: 15px; top: calc( 50% - calc( 1.2em / 2 ) ); } .single-staffblog #main #container #content .btn-type03 { margin-bottom: 10px; padding: 5px 40px; display: inline-block; background: #ff4b33; border-radius: 5px; border: solid 1px #ff4b33; color: #fff; font-size: 1.2em; line-height: 1.2; font-weight: bold; box-shadow: 2px 2px 1px rgba(0,0,0,.2); } .single-staffblog #main #container #content .btn-type03::before { content: "\f345"; font-family: "dashicons"; position: absolute; left: 10px; top: calc( 50% - calc( 1em / 2 ) ); } .single-staffblog #main #container #content .btn-type03:hover { background: #fff; color: #ff4b33; opacity: .8; } .single-staffblog #main #container #content .iframplayer { position: relative; width: 100%; padding-top: 56.25%; } .single-staffblog #main #container #content .iframplayer iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }