/* Theme Name: マンションコミュニティ Theme URL: Description: Author: Version: 1.0 */ /* Resetting ******************************************************************************/ @charset "UTF-8"; /*--------------------------------------------- COMMON ---------------------------------------------*/ body { font-family: Helvetica, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 16px; line-height: 1.5; color: #545B63; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; background: #f7f7f7; /*font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; line-height: 100%;text-align: left;-webkit-text-size-adjust: 100%;font-size:14px;*/ } body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption { margin: 0; padding: 0; } textarea { width: 100%; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } q:before ,q:after { content: ''; } object, embed { vertical-align: top; } hr, legend { display: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } img, abbr, acronym, fieldset { border: 0; } img { vertical-align: bottom; -ms-interpolation-mode: bicubic; } ul li { list-style-type: none; } .br-sp { display:none; } /* レスポンシブのときは改行無視する */ /*--------------------------------------------- Anchor ---------------------------------------------*/ a { outline: none; color: #333; } a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: underline; } a:hover img { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } /*--------------------------------------------- Header ---------------------------------------------*/ #header { border-top: 5px solid #577baf; } #header_inner { width: 1020px; margin: 0 auto; text-align: left; padding: 20px 0 20px; } #headerL { float: left; } #headerR { float: right; } #header_inner:after { content: ""; display: block; clear: both; } #header h1, #header p { display: inline; } #header h1 img, #header p img { vertical-align: -20px; } #header h1 span, #header p span { margin-left: 10px;font-size: 16px;color: #fff;line-height: 1;background: #DA0A48;padding: 5px 10px; } #headerL p.sub { font-size: 12px; color: #464746; margin-top: 10px; display: block; } /*** 検索窓 ***/ #search { padding: 0 0 0 14px; float: right; margin: 5px 0; } #search_btn { display: none; } #search .close { display: none; } #search form { position: relative; width: 150px; height: 28px; padding: 0 10px; border: none; border-radius: 5px; background-color: #fff; } #search form::before { font-family:"Font Awesome 5 Free"; content:"\f002"; color: #ccc; } #search input[type="text"] { width: 100px; border: none; padding: 5px 0; } #search input:focus { outline: none; } /* #search input[type="text"] { width: 210px; height: 28px; padding: 0 10px; border: 1px solid #ccc; border-radius: 5px; } */ #search input[type="submit"] { display: none; } #sb { width: 1020px; margin: 10px auto; text-align: right; } #sb ul.sb { clear: both; } #sb ul.sb li { float: right; margin-left: 10px; } #sb ul.sb:after { content: ""; display: block; clear: both; } /*** 共通header ***/ div#header_area { width: 100%; background-color: #fd9c00; font-size: 12px; } div#header-common { width: 1020px; padding:5px 0 0 0; margin: 0 auto; text-align: left; } div#header-common:after { content: ""; display: block; clear: both; } div#header-common .logo_float { float: left; margin: 4px 0 0; } div#header-common .logo { float: left; margin: 4px 10px 0 0; } div#header-common ul.nv { margin: 0 10px 0 0; } div#header-common ul { float: left; } div#header-common ul li { float: left; } .sprite-nv_01 { background-position: -280px 0; } /*BBS*/ .sprite-nv_02 { background-position: -280px -50px; } /*さがす*/ .sprite-nv_05 { background-position: -280px -150px; } /*あんない*/ .sprite-nv_06 { background-position: -280px -100px; } /*ひっこし*/ .sprite-nv_08 { background-position: -280px -200px; } /*ブログ*/ .sprite-nv_09 { background-position: -280px -250px; } /*住宅コラム*/ .sprite-nv_01, .sprite-nv_02, .sprite-nv_05, .sprite-nv_06, .sprite-nv_08, .sprite-nv_09 { width: 54px;height: 40px;display: block;background-image: url("https://www.e-mansion.co.jp/img/base.png?20171101"); } .sprite-nv_01:hover,.sprite-nv_02:hover, .sprite-nv_06:hover,.sprite-nv_05:hover,.sprite-nv_08:hover,.sprite-nv_09:hover { opacity:0.6; text-decoration:none; } /*** 共通ナビゲーション ***/ div#head_link_all_v2 .one { background-color: #DFD9C9; } div#head_link_all_v2 .two { background-color: #EDEDED; } div#head_link_all_v2 div ul { margin: 0 auto; width: 1020px; } div#head_link_all_v2 div ul:after { content: ""; display: block; clear: both; } div#head_link_all_v2 div ul li { float: left; line-height: 1em; font-size: 12px; position: relative; } div#head_link_all_v2 div ul li a { padding: 7px 5px;display: block;margin: 0;text-align: center;line-height: 1em !important;position: relative;transition: margin .2s ease-out;font-size: 12px;text-decoration: none;border-radius: 2px;color: #016194; } div#head_link_all_v2 div ul li.parent a { font-weight: bold; } /*--------------------------------------------- HeaderMenu ---------------------------------------------*/ #gnavi { } #gnavi ul { width: 1020px; margin: 0 auto; padding: 13px 0; border-top: 3px solid #DFD9C9; border-bottom: 3px solid #DFD9C9; } #gnavi ul li { float: left; padding: 5px 15px; border-right:1px solid #DFD9C9; } #gnavi ul li:nth-child(1) { border-left:1px solid #DFD9C9; } #gnavi ul li a { font-size: 14px; color: #577baf; font-weight: bold; } #gnavi ul:after { content: ""; display: block; clear: both; } #navi { width: 100%; height: 26px; margin: 6px auto 0; text-align: left; background: #DFD9C9; } #navi ul { width: 1000px; margin: 5px 0 0; } #navi ul li { float: left; margin: 0 10px 0 0; } #navi ul div.right { float: right; margin: 0 10px 0 0; } #navi ul li a { padding: 0 9px; } #navi ul li.nv_selected { background: #EDEDED; text-decoration: none; color: #000; } #navi ul li.nv_selected a { display: block; text-decoration: none; color: #000; } li.description { padding-top: 7px; } li.description_two { padding-top: 0; } li.right_description { padding-top: 7px; } .navi_second { width: 1000px;margin: 0 auto; text-align: left; padding: 5px 0 0; } .navi_second ul { width: 990px; display: inline; } .navi_second ul li { float: left; } .navi_second ul li a { padding: 0 8px; text-decoration: underline; color: #333; } .navi_second ul li.nv_selected { background: #FFFFFF; } .navi_second ul li.nv_selected a { display: block; text-decoration: none; color: #000000; } div#navi_second_area { width: 100%;font-size: 12px;background: #EDEDED;min-height: 24px;height: auto !important;height: 24px;overflow:hidden; } /*--------------------------------------------- Wrapper ---------------------------------------------*/ #wrapper { display:flex; width: 1020px; margin: 0 auto; text-align: left; } #main { width: 690px; padding: 30px 0; } #sideNavi { width: 300px; padding: 30px 0 0 30px; } #sideNavi #side_list { postion: -webkit-sticky; position: sticky; top: 0; margin-bottom: 0; } /* #wrapper { width: 1020px; margin: 0 auto; text-align: left; display:flex; } #main { float: left;width: 690px;padding: 30px 0; } #sideNavi { float: right; width: 300px; padding: 30px 0; } */ #wrapper:after { content: "";display: block;clear: both; } .main_description { font-size: 0.8em;font-weight: bold;margin: 5px 5px 0; } .main_description2 { font-size: 0.8em;font-weight: bold;margin: 5px; } /*--------------------------------------------- 記事リスト ---------------------------------------------*/ .article_list { padding-bottom: 0;margin-bottom: 20px;border-bottom: 1px dotted #ddd; } .blogger_new_article_list { border-bottom: none;padding-bottom: 0;margin-bottom: 0; } .blogger_new_article_list p { font-size: 0.75em;text-align: right; } /*** 日付 ***/ .date { margin-bottom: 10px; float: right; } .date:after { content: "";display: block;clear: both; } .date dt { float: left; } .date dd { float: left;margin-left: 10px;line-height: 26px;font-size: 12px;color: #431600; } .tag a { display: block;font-size: 12px;color: #431600;line-height: 26px;background: #FECB4C; min-width: 84px;height: 26px;text-align: center;padding: 0 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-decoration: none; } .tag a:hover { text-decoration: none;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7; } .mobile_author { display: none; } .article_list h2 { font-size: 2rem;font-weight: bold;line-height: 30px;margin: 5px 0 10px; } .article_list > h3 { font-size: 24px;font-weight: bold;line-height: 30px;margin: 5px 0 10px; } .article_list dl.body { display:flex; margin-bottom:1.2rem; } .article_list dl.body:after { content: ""; display: block; clear: both; } .article_list dl.body dt { width: 250px; margin-right: 20px; } .article_list dl.body dt img { width: 250px; height: 150px; object-fit: cover; border-radius:3px; } .trimming { position:relative; width: 125px;height: 125px; overflow: hidden; } .position_img { position: absolute; top: -10px; } .article_list dl.body dd { } .article_list dl.body dd p { font-size: 1rem; line-height: 1.8; color: #666; } .article_list dl.body dd .sub { } .article_list dl.body dd .sub:after { content: ""; display: block; clear: both; } .article_list dl.body dd ul.sb { float: left; padding-top: 40px; } .article_list dl.body dd ul.sb:after { content: ""; display: block; clear: both; } .article_list dl.body dd ul.sb li { float: left; margin-right: 10px; } .article_list dl.body dd .more { float: right; } .userlist_newest_article {font-size: 20px;font-weight: bold;border-bottom: 3px solid #eee;padding-bottom: 10px;margin-bottom: 20px; } .newest_article_title {font-size: 16px;line-height: 20px;margin-bottom: 10px;font-weight: normal; } /*** 著者 ***/ .author { float: right;margin-bottom: 15px; } .article_list .author { padding-top: 25px; } .author:after { content: "";display: block;clear: both; } /*.author a { float: left; } */ .author span { float: left; } .author a:hover { text-decoration: none;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7; } .author img { width: 40px;height: 40px;border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;margin-right: 5px; } .author h3 { font-size: 14px;color: #577baf;font-weight: bold;margin-top: 5px; } .article_list dl.body .author p, .author p { font-size: 1rem; color: #999; max-width: 250px; } .single_author {font-size: 26px;font-weight: bold;line-height: 1.3;margin-bottom: 20px; } .author_box > .author_name {font-size: 20px;font-weight: bold;line-height: 1.2;margin-bottom: 10px; } .userlist_author { font-size: 20px !important;font-weight: bold !important;line-height: 1.2;margin-bottom: 10px !important;padding-bottom: 0 !important;text-decoration: none;outline: none;color: #333;border-bottom:none !important; } /*--------------------------------------------- Title ---------------------------------------------*/ .single_top_title{font-size: 26px;font-weight: bold;line-height: 1.3;margin-bottom: 20px; } .single_top_title > h1{font-size: 26px;font-weight: bold;line-height: 1.3;margin-bottom: 20px; } /*--------------------------------------------- sideNavi ---------------------------------------------*/ .sidelist { margin-bottom: 30px } .sidelist h2 { padding: 10px 20px;font-size: 14px;font-weight: bold;margin-bottom: 20px;border-top-left-radius: 10px;border-top-right-radius: 10px;background: none repeat scroll 0% 0% #EDEDED;color: #CC6600; } .sidelist_title { padding: 10px 20px;font-size: 14px;font-weight: bold;margin-bottom: 20px;border-top-left-radius: 10px;border-top-right-radius: 10px;background: none repeat scroll 0% 0% #EDEDED;color: #CC6600; } .sidelist_h2 { margin-bottom: 20px; } .sidelist dl { margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted #ddd; } .sidelist dl:after { content: "";display: block;clear: both; } .sidelist dl dt { float: left;width: 65px; } .sidelist dl dt img { width: 65px;height: 65px; } .sidelist dl dd { float: right;width: 220px; } .sidelist dl dd h3 { font-size: 12px;margin-bottom: 8px; } .sidelist dl dd h3 a { color: #333; } .sidelist dl dd .tag { float: left;margin-right: 7px; } .sidelist dl dd .tag a { min-width: 84px;height: 20px;line-height: 20px; } .sidelist dl dd .date { font-size: 12px;color: #577baf;line-height: 20px; } .wpp-category { display: none; } .sidebox { margin-bottom: 30px; } #sideNavi .feed a { background: #F48922;border: 1px solid #E3610C;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;padding: 5px;font-size: 12px;color: #fff;font-weight: bold; } #sideNavi .feed a img { margin-right: 5px;vertical-align: middle; } #sideNavi .arealink { margin: 0 10px; } #sideNavi .arealink li { font-size: 14px;margin-bottom: 5px;list-style: disc inside;color: #7FC826; } #sideNavi .arealink li a { color: #7FC826;text-decoration: underline; } #sideNavi .sidelist .admin_info { padding: 0 10px;font-size: 14px; } #sideNavi .sidelist .admin_info a { font-weight: bold;font-size: 16px;margin-bottom: 5px;display: block;text-decoration: underline; } #sideNavi .sidelist .admin_info a:hover { text-decoration: none;color: #7FC826; } .side_ranking_title{font-size: 12px;margin-bottom: 8px;font-weight: normal;margin: 0;padding: 0; } /*--- カスタムメニュー ---*/ .widget_nav_menu ul.menu li { margin: 0 10px 20px; } .widget_nav_menu ul.menu li a { display: block;margin-bottom: 5px;font-size: 16px;text-decoration: underline;font-weight: bold; } .widget_nav_menu ul.menu li span { display: block;font-size: 12px; } /*--- 最近の記事 ---*/ .sidebar_post_list ul li { border-bottom: 1px dotted #ddd;font-size: 0.75em;padding: 0 0 10px;margin-bottom: 10px; } /*--- カテゴリ ---*/ .widget_categories ul { } .widget_categories ul li { border: 1px solid #ddd;background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#fcfcfc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */ margin-bottom: 5px;padding: 10px; } .widget_categories ul li a { border-left: 5px solid #FECB4C;line-height: 1.2;padding: 0 0 0 10px;display: block; } .widget_categories p { text-align: right;font-size: 0.9em;margin-bottom: 10px; } .widget_categories li.cat-item-sub { margin-left: 20%; } /*--- ブロガー ---*/ .widget_blogger_widget ul { } .widget_blogger_widget ul li { border: 1px solid #ddd;background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#fcfcfc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */ margin-bottom: 5px;padding: 10px; } .widget_blogger_widget ul li a { border-left: 5px solid #FECB4C;line-height: 1.2;padding: 0 0 0 10px;display: block; } .widget_blogger_widget ul li img { margin-right: 10px; } /* Calendar widget */ .widget_calendar { margin-bottom: 20px; } .widget_calendar table { margin: 0 10px; } .widget_calendar td, .widget_calendar th { line-height: 2.5625;padding: 0;text-align: center;width: 300px;border: 1px solid #eee;font-size: 14px; } .widget_calendar caption { margin-bottom: 10px;text-align: center;font-size: 14px; } .widget_calendar tbody a { background-color: #FECB4C;color: #000;display: block;font-weight: 700; } .widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background-color: #686868;color: #fff; } /*--- 運行情報 ---*/ .side-info-tripstar { border-left: 1px solid #ddd;border-right: 1px solid #ddd;margin-top: 20px; } .side-info-tripstar h3 { color: #fff;font-weight: bold;font-size: 14px;background: #2968B0;padding: 10px; } .side-info-tripstar:after { content: "";display: block;clear: both; } .side-info-tripstar dl { margin: 0;border: 0;padding: 0; } .side-info-tripstar dl dt { float: none;width: auto;background: #eee;padding: 5px 10px;text-align: center;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 13px;font-weight: bold; } .side-info-tripstar dl dd { float: none;width: auto; } .side-info-tripstar dl dd ul li { padding: 5px 0;text-align: center;border-bottom: 1px solid #ddd;font-size: 13px; } .side-info-tripstar a, .side-info-tripstar-bottom a { color: #577baf; } .side-info-tripstar .side-info-tripstar-left { float: left;width: 50%; } .side-info-tripstar .side-info-tripstar-right { float: right;width: 50%; } .side-info-tripstar-bottom { font-size: 13px;text-align: center;padding: 5px 0;border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; } /*--------------------------------------------- Footer ---------------------------------------------*/ /* #footer { padding: 30px 0;margin-top: 30px;background: #efefef; } #footer_inner { width: 1020px;margin: 0 auto; } #footer_inner:after { content: "";display: block;clear: both; } #footer .footer_logo { float: left;width: 280px;padding-top: 20px; } #footer .footer_colum { float: left;margin-right: 40px; } #footer .footer_colum p { font-size: 13px;font-weight: bold;color: #999;margin-bottom: 20px; } #footer .footer_colum:after { content: "";display: block;clear: both; } #footer .footer_colum div { float: left;margin-right: 30px; } #footer .footer_colum ul li { font-size: 12px;margin-bottom: 10px; } #footer .footer_colum ul li a { color: #333; } #footer .footer_logo img { max-width: 200px;height: auto; } #footer_bottom { width: 1020px;margin: 20px auto; } #footer_bottom:after { content: "";display: block;clear: both; } #footer_bottom dt { float: left; } #footer_bottom dt a { font-size: 11px;color: #999; } #footer_bottom dd { float: right;color: #999;font-size: 12px; } */ div#link_fr { font-size: 12px;width: 100%;height: auto;background: #F3F4EE;float: left;padding: 10px 0;color: #381800; } div#link_fr div#link { width: 1000px;margin: 0 auto; /* 中央レイアウト */ text-align: left; /* テキスト左寄せ */ line-height: 1.6;position:relative; } /*div#link_fr div.logobg { position:absolute;bottom: 0;right: 0;width: 240px;height:98px;background: url(https://www.e-mansion.co.jp/img/base.png) no-repeat 0 -950px; } div#link_fr div.logobg_html { position:absolute;top:0;right:0;margin:10px 0 0 0;width: 240px;height:100px;background: url(https://www.e-mansion.co.jp/img/base.png) no-repeat 0 -950px; }*/ div#link_fr div#link .title_bold { font-weight: bold; } /* 運営サービス、ブログパーツ、関連サービス --------------------------------------------------------- */ div#link_fr div#link a { margin-right: 5px;text-decoration: underline;color: #016194; } div#link_fr div#link p { font-weight: 700; } div#link_fr div#link ul { width: 1000px; float: left; } div#link_fr div#link ul.service { margin: 0; padding: 0; } div#link_fr div#link ul li { float: left; } div#link_fr div#link ul li.tit { font-weight: bold; width: 125px; } div#link_fr div#footsmp{ margin:20px auto;paddind:5px;width:300px;font-size:large;color:#333;display:block;background-color:#ddd;border:1px solid #000; } div#footer { width: 100%;height: auto;background: #E6E6DA;float: left;padding: 10px 0;color: #381800; } div#footer div#footMenu { font-size: 12px;width: auto;margin: 0 auto; /* 中央レイアウト */ text-align: left; /* テキスト左寄せ */ } /* コピーライト ------------------------------------ */ div#footer p { color: #381800; text-align: center; } /*--------------------------------------------- PanKuzu ---------------------------------------------*/ .location { border-bottom: 1px solid #eee;padding: 10px 0; } .location ul { width: 1020px;margin: 0 auto; } .location ul li { display: inline;font-size: 12px;margin-right: 5px;color: #666; } .location ul li a { color: #666; } .location ul li:nth-of-type(n+2):before { content: "\003e";display: inline;color: #ccc;margin-right: 5px;font-size: 10px; } /*--------------------------------------------- Single ---------------------------------------------*/ #single { margin-bottom: 60px; } #single dl.date { float:left; padding-top: 8px; } .single_head { margin-bottom: 20px; } #single .single_head ul.sb { float:right; padding-top: 8px; } #single h1 { font-size: 1.8rem; font-weight: bold; line-height:2; margin-bottom: 20px; } #single .img { margin: 0;text-align: center; } #single .img img { max-width: 650px;height: auto; } #single .single_body p { color: #333; line-height: 2; margin-bottom: 1.5em; } #single a:link { text-decoration: underline; } #single .single_body p img { margin: 0 auto; display: block; width: 100%; height: auto; } #single .single_body hr { display: block; } #single .single_body h2 { position: relative;padding: 0.6em;background: #dfd9c9;font-size: 20px; margin: 50px 0 30px;color: #333;font-weight:700; } /*#single .single_body h2::after { position: absolute;content: ''; top: 100%;left: 30px; border: 15px solid transparent; border-top: 15px solid #dfd9c9; width: 0; height: 0; }*/ #single .single_body h3 { font-size: 16px;margin: 30px 0 20px;line-height: 1.2;font-weight: bold;color: #333; } #single blockquote { background: #f5f5f5 url("./img/ico_blockquote.png") 20px 20px no-repeat;padding: 18px 20px 18px 50px;margin-bottom: 1.5em; } #single .single_body blockquote p { margin-bottom: 0; } #single .sb { } #single ul.sb:after { content: "";display: block;clear: both; } #single ul.sb li { float: left;margin-right: 10px; } #single .single_body p a { text-decoration: underline; } #single .single_body p strong { font-weight: bold; } #single .single_body blockquote > ul li { list-style-type: disc; } #single .single_body > ul { list-style: disc;margin: 0;padding-left: 0; } #single .single_body > ul li { display: list-item;text-align: -webkit-match-parent;list-style-type: disc; } /*** 関連記事 ***/ .wp_rp_wrap { } .wp_rp_wrap:after { content: "";display: block;clear: both; } .wp_rp_wrap h3 { font-size: 20px;color: #CC6600;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #ddd;margin-bottom: 20px; } .wp_rp_wrap ul li { float: left;width: 330px;margin-bottom: 20px; } .wp_rp_wrap ul li:after { content: "";display: block;clear: both; } .wp_rp_wrap ul li:nth-of-type(odd) { margin-right: 30px; } .wp_rp_wrap ul li .wp_rp_thumbnail { float: left;margin-right: 10px;width: 50px; } .wp_rp_wrap ul li .wp_rp_thumbnail img { width: 50px;height: auto;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; } .wp_rp_wrap ul li .wp_rp_title { font-size: 13px;font-weight: bold;color: #333;text-decoration: underline; } .wp_rp_wrap ul li .wp_rp_title:hover { text-decoration: none; } /*toc 20190819 updated*/ #toc_container { background-color:#eee; padding:1rem; margin:1rem 0; line-height:2; border-radius:5px; } /*Toc Plus用*/ #toc_container .toc_title { font-weight:900; border-bottom:1px solid #999; text-align:center; margin-bottom:.5rem;} #toc_container a { text-decoration:none !important; font-size:1.02rem; } #toc_container ul li:nth-child(1) { font-weight:900; font-size:1.2rem; } #toc_container ul li:nth-child(2) { font-weight:900; font-size:1.2rem; } #toc_container ul li:nth-child(3) { font-weight:900; font-size:1.2rem; } #toc_container ul li:nth-child(1) ::before { content:""; background:url("https://www.e-mansion.co.jp/recommend/wp-content/themes/e-mansion_theme/img/medal-gold.png") no-repeat; display:inline-block;vertical-align: top; width:2.5rem; height:2.5rem; background-size:contain; } #toc_container ul li:nth-child(2) ::before { content:""; background:url("https://www.e-mansion.co.jp/recommend/wp-content/themes/e-mansion_theme/img/medal-silver.png") no-repeat; display:inline-block;vertical-align: top; width:2.5rem; height:2.5rem; background-size:contain; } #toc_container ul li:nth-child(3) ::before { content:""; background:url("https://www.e-mansion.co.jp/recommend/wp-content/themes/e-mansion_theme/img/medal-bronz.png") no-repeat; display:inline-block;vertical-align: top; width:2.5rem; height:2.5rem; background-size:contain; } #toc_container a:hover { text-decoration:underline; } #single .single_body > p:nth-child(1)::first-letter { font-size: 60px; margin-right: 6px; margin-top: 6px; float: left; line-height: 1; color:#fff; padding:.2rem; border-radius:3px; font-weight:300; background:#fd9c00; } .inq-all { display:flex; align-items: center; justify-content:space-between; width:45%; position: relative; padding:10px; background-color: #fff; border: 1px solid #ccc; }/* 吹き出し本体 */ .inq-all::before{ content: ''; position: absolute; display: block; width: 0; height: 0; left: 20px; bottom: -15px; border-top: 15px solid #ccc; border-right: 15px solid transparent; border-left: 15px solid transparent; } .inq-all::after { content: ''; position: absolute; display: block; width: 0; height: 0; left: 20px; bottom: -14px; border-top: 15px solid #fff; border-right: 15px solid transparent; border-left: 15px solid transparent; } .inq-all span { valign:middle; } .inq-all a.btn-square { display: block; padding: 0.5em 1em; margin-left:;1rem; text-decoration: none !important; background: #e60012; color: #fff; border-radius: 3px; } .inq-all a.btn-square:hover { position:relative; top:1px; right:-1px; } #single .emanlinks a { display:block; border:1px solid #ccc; background-color:#eee; padding:1em; font-weight:900; font-size:1.1rem; text-decoration:none; text-align:center; margin:0 0 1rem; } #single .emanlinks a:hover { position:relative; top:1px; right:-1px; } #single .emanlinks-town { border:1px solid #ccc; background-color:#eee; padding:1em; font-size:1rem; text-decoration:none; } #single .emanlinks-town > .title { padding:0 0 1em; font-weight:900; font-size:1.1rem; text-decoration:none; text-align:center; } #single .emanlinks-town ul { display:flex; flex-wrap:wrap; justify-content:space-between; } #single .emanlinks-town ul li { width:7.5rem; line-height:1.2; text-align:center; margin:.1rem 0; padding:.1rem 0; border:1px solid #ddd; background-color:#efefef; } #single .emanlinks-town ul li a { text-decoration:none; } /*--------------------------------------------- Category ---------------------------------------------*/ .category-list h1 { font-size: 24px;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px;color: #000;border-bottom: 2px solid #fd9c00; } /*---ページャー---*/ .page-numbers { text-align: center;margin: 30px 0 40px 0;font-size: 14px; } .page-numbers li { display: inline;margin: 0 2px; } .page-numbers li a { border: 1px solid #ddd;padding: 3px 8px;background-color: #FFF; } .page-numbers li span { padding: 3px 8px;background-color: #fc7c79;color: #fff; } /*---表テーブル---*/ table.table-base { width: 100%;background: #fbfbfb;border: 1px solid #eee;margin: 20px 0; } table.table-base tr th, table.table-base tr td { padding: 20px;font-size: 14px; } table.table-base tr th { font-weight: bold;width: 80px;vertical-align: top; } table.table-base tr td { } /*---標準ボタン---*/ .btn { text-align: center; } .btn a { display: inline-block;padding: 15px 40px;background: #87BF3F;font-size: 16px;color: #fff;font-weight: bold;margin: 20px auto;text-align: center; } .btn a:hover { text-decoration: none;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7; } .category_list_title {font-size: 24px;font-weight: bold;line-height: 30px;margin: 5px 0 10px; } .category-list-top {padding: 20px 0 30px 0 !important; } .category-list-top h1 {font-size: 24px;font-weight: bold;line-height: 30px;margin: 0 0 20px 0; } /*--------------------------------------------- Author ---------------------------------------------*/ .author_box { border: 3px solid #eee;padding: 20px 20px;margin-bottom: 20px; } .author_box:after { content: "";display: block;clear: both; } .author_box img { float: left;border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;margin-right: 20px;margin-bottom: 20px; } .author_box h1 { font-size: 20px;font-weight: bold;line-height: 1.2;margin-bottom: 10px; } .author_box p { font-size: 12px;color: #666;line-height: 1.5;padding-left: 120px; } .author_page h2 { font-size: 20px;font-weight: bold;border-bottom: 3px solid #eee;padding-bottom: 10px;margin-bottom: 20px; } .author_page .article_list dl.body { display:flex; margin-bottom:1.2rem; } .author_page .article_list dl.body dt { width: 250px; margin-right: 20px; } .author_page .article_list dl.body dt img { width: 250px; height: 150px; object-fit: cover; border-radius:3px; } .author_page .article_list dl dd h3 { font-size: 16px;line-height: 20px;margin-bottom: 10px; } .author_page .article_list dl dd h3 a { color: #333; } .author_page .article_list dl.body dd p { font-size: 1rem ; color: #999; line-height:1.8; } .list_author_name {font-size: 14px;color: #577baf;font-weight: bold;margin-top: 5px; } .adsence_title { border-bottom: solid 1px #ddd;font-size: 14px;margin: 0 0 10px 0;line-height: 1.2;padding: 10px 0 5px 0; } .comments-area { margin: 15px 0 3.5em; } .comment-list + .comment-respond, .comment-navigation + .comment-respond { padding-top: 1.75em; } .comments-title, .comment-reply-title { border-top: 3px solid #DFD9C9;font-family: Montserrat, "Helvetica Neue", sans-serif;font-size: 14px; /* font-size: 1.4375rem;*/ font-weight: 700;line-height: 1.3125;padding-top: 15px;margin-top: 10px; } .comments-title { margin-bottom: 1.217391304em; } .comment-list { list-style: none;margin: 0;padding: 0; } .comment-body { margin: 0;padding: 0;clear: both; } .comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid #d1d1d1;padding: 1.75em 0; } .comment-list .children { list-style: none;margin: 0; } .comment-list .children > li { padding-left: 0;margin-left: 0; } .comment-author { color: #1a1a1a;margin-bottom: 0.4375em; } .comment-author .avatar { float: left;height: 28px;margin-right: 0.875em;position: relative;width: 28px; } .reply { float: right;margin-bottom: 10px; } .bypostauthor > article .fn:after { content: "\f304";left: 3px;position: relative;top: 5px; } .comment-metadata, .pingback .edit-link { color: #686868;font-family: Montserrat, "Helvetica Neue", sans-serif;font-size: 13px;font-size: 0.8125rem;line-height: 1.6153846154; } .comment-metadata { margin-bottom: 2.1538461538em; } .comment-metadata a, .pingback .comment-edit-link { color: #686868; } .comment-metadata a:hover, .comment-metadata a:focus, .pingback .comment-edit-link:hover, .pingback .comment-edit-link:focus { color: #007acc; } .comment-metadata .edit-link, .pingback .edit-link { display: inline-block; } .comment-metadata .edit-link:before, .pingback .edit-link:before { content: "\002f";display: inline-block;opacity: 0.7;padding: 0 0.538461538em; } .comment-content ul, .comment-content ol { margin: 0 0 1.5em 0; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } div.comment-content > p{ line-height:150%; margin: 10px; } .comment-reply-link { border: 1px solid #d1d1d1;border-radius: 2px;color: #007acc;display: inline-block;font-family: Montserrat, "Helvetica Neue", sans-serif;font-size: 13px;font-size: 0.8125rem;line-height: 1;margin-top: 2.1538461538em;padding: 0.5384615385em 0.5384615385em 0.4615384615em; } .comment-reply-link:hover, .comment-reply-link:focus { border-color: currentColor;color: #007acc;outline: 0; } .comment-form { padding: 1.5em;background: #ECE5D5; } .comment-form label { color: #686868;display: block;font-family: Montserrat, "Helvetica Neue", sans-serif;font-size: 13px;font-size: 0.8125rem;letter-spacing: 0.076923077em;line-height: 1.6153846154;margin-bottom: 0.5384615385em;text-transform: uppercase; } .comment-list .comment-form { padding-bottom: 1.75em; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { color: #686868;font-size: 13px;font-size: 0.8125rem;line-height: 1.6153846154;margin-bottom: 2.1538461538em; } .no-comments { border-top: 1px solid #d1d1d1;font-family: Montserrat, "Helvetica Neue", sans-serif;font-weight: 700;margin: 0;padding-top: 1.75em; } .comment-navigation + .no-comments { border-top: 0;padding-top: 0; } .form-allowed-tags code { font-family: Inconsolata, monospace; } .form-submit { margin-bottom: 0; } .required { color: #007acc;font-family: Merriweather, Georgia, serif; } .comment-reply-title small { font-size: 100%; } .comment-reply-title small a { border: 0;float: right;height: 32px;overflow: hidden;width: 26px; } .comment-reply-title small a:hover, .comment-reply-title small a:focus { color: #1a1a1a; } .comment-reply-title small a:before { content: "\f405";font-size: 32px;position: relative;top: -5px; } /*--------------------------------------------- GoogleMap Resposive class ---------------------------------------------*/ .ggmap { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; } .ggmap iframe, .ggmap object, .ggmap embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%; } /*--------------------------------------------- pagination ---------------------------------------------*/ .pagination{text-align: center;margin: 20px 0 30px; } a.page-numbers, .pagination .current{background: #fff;border: solid 1px #ccc;padding:5px 12px;margin:0;text-decoration: none; } a:hover.page-numbers { background: #fea200;border: solid 1px #fea200;color: #fff; } .pagination .current{background: #ccc;border: solid 1px #ccc;color: #000; } /*--------------------------------------------- 404 ---------------------------------------------*/ .notfound h2 { margin-bottom: 20px; } .notfound p { line-height: 1.7;font-size: 16px;margin-bottom: 1em; } /** * 8.0 - Alignments */ .alignleft { float: left;margin: 0.375em 1.75em 1.75em 0; } .alignright { float: right;margin: 0.375em 0 1.75em 1.75em; } .aligncenter { clear: both;display: block;margin: 0 auto 1.75em; } blockquote.alignleft { margin: 0.3157894737em 1.4736842105em 1.473684211em 0; } blockquote.alignright { margin: 0.3157894737em 0 1.473684211em 1.4736842105em; } blockquote.aligncenter { margin-bottom: 1.473684211em; } .sent .formInner { display: none; } .wpcf7-mail-sent-ok { display: none; } /*--------------------------------------------- Social Button ---------------------------------------------*/ .wp_social_bookmarking_light{border: 0 !important;padding: 10px 0 20px 0 !important;margin: 0 !important; } .wp_social_bookmarking_light div{float: left !important;border: 0 !important;padding: 0 !important;margin: 0 5px 0px 0 !important;min-height: 30px !important;line-height: 18px !important;text-indent: 0 !important; } .wp_social_bookmarking_light img{border: 0 !important;padding: 0;margin: 0;vertical-align: top !important; } .wp_social_bookmarking_light_clear{clear: both !important; } #fb-root{display: none; } .wsbl_twitter{width: 100px; } .wsbl_facebook_like iframe{max-width: none !important; } .wsbl_pinterest a{border: 0px !important; } /*--------------------------------------------- お問い合わせ ---------------------------------------------*/ .hearing_description { font-size:.8em; margin:10px 0 0 0; padding:10px 0 0 0; border-top: 1px #ccc solid; line-height:150%; } i.smlg { margin: 0 .5em; font-size:1.2em; color:#577baf; } .sumulog_form input[type="text"], .sumulog_form textarea { border-radius:5px; font-size:100%; padding:.3em; margin:.5em 0; line-height:150%; color: #000; border: 1px #ccc solid;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sumulog_form input[type="submit"] { font-size: 100%;padding: 1em;background: #577baf;color: #fff;border-radius: 5px;cursor: pointer;font-weighht:bold;margin:.5em auto 0 auto !important;text-align:center !important;font-family:"Font Awesome 5 Free";border: 1px #577baf solid; } .sumulog_form input[type="submit"]::before { font-family:"Font Awesome 5 Free"; content:"\f044"; color: #fff; } .screen-reader-response, .wpcf7-response-output { margin:1em 0 ; font-size:.8em !important; color: #577baf !important; line-height:150%; font-weighht:bold; } .wpcf7-not-valid-tip { margin:0 0 0 1em; font-size:.8em !important; color: #577baf !important; line-height:150%; font-weighht:bold;} .cf_message{ display: none; } .sent .cf_message{ display: block;font-size:1.2em !important; line-height:150%; color: #577baf !important; border:1px solid #577baf; margin:1em 0 ; padding:1em; text-align:center; border-radius:5px; font-weighht:bold; } .sent_thanks { font-size:1.2em !important;line-height:150%;color: #577baf !important;border:1px solid #577baf;margin:1em 0;padding:1em;text-align:center;border-radius:5px;font-weighht:bold; } .center { text-align:center; } .sumulog_enq { font-size:.8em;width:350px;padding: .5em;background: #577baf;border-radius: 5px;cursor: pointer;margin:.5em;text-align:center !important;border: 1px #577baf solid;text-decoration:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;display:inline-block; } .sumulog_enq:hover { opacity:.5; } .sumulog_enq a{ color: #fff; font-size: 1.1em; font-weight:bold; } .sumulog_enq a::before { font-family:"Font Awesome 5 Free";content:"\f044";margin:0 3px 0 0 ; } /*-- 住まいスタジアム 20170516 --*/ .sumaistudiam { font-size:.8em;width:350px;padding: .5em;background: #fff;border-radius: 5px;cursor: pointer;margin:.5em;text-align:center !important;border: 2px #577baf solid;color:#577baf;text-decoration:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;display:inline-block; } .sumaistudiam:hover { opacity:.5; } .sumaistudiam a { color: #577baf ; font-size: 1.1em; font-weight:bold; } .sumaistudiam a::before { content:"[PR]";margin:0 .5em 0 0 ; } /*-- ヘッダカテゴリ調整 20170630 --*/ div#head_link_all_v2 .two { background-color: #EDEDED; } div#head_link_all_v2 div ul { margin: 0 auto; width: 1000px; } div#head_link_all_v2 div.one ul li, div#head_link_all_v2 div.two ul li { float: left; line-height: 1em; font-size: 12px; position: relative; } div#head_link_all_v2 div ul li.clear { clear: both; float: none; } div#head_link_all_v2 div ul li.parent a { font-weight: bold; } div#head_link_all_v2 div ul li a, { padding: 7px 5px;display: block;margin: 0;text-align: center;line-height: 1em !important;position: relative;transition: margin .2s ease-out;font-size: 12px;text-decoration: none;border-radius: 2px; } div#head_link_all_v2 .two ul li.other { float: right; } div#head_link_all_v2 .one ul li a:hover { background-color: #eee; } div#head_link_all_v2 .two ul li a:hover { background-color: #fff; } div#head_link_all_v2 .two ul li.other a { background-color: #2196F3; color: #fff; } div#head_link_all_v2_windows { width: 1000px; margin: 0 auto; position: relative; } div#head_link_all_v2_windows ul { width: 230px;background-color: #fff;border-radius: 2px;text-align: left;padding: 35px 10px 10px 10px;margin: 2px;z-index: 1;right: 0;position: relative; } div#head_link_all_v2_windows ul li { float: left; } div#head_link_all_v2_windows ul li.title { clear: both;float: none;padding: 5px 0 5px 12px;position: absolute;border-left: solid 2px #FFA300;background-color: #FFA300;top: 10px;left: -2px;width: 237px;color: #fff;margin:0 0 5px; } div#head_link_all_v2_windows ul li.clear { clear: both; float: none; } div#head_link_all_v2_windows ul li a { display: block; width: 220px; padding: 2px 5px; text-align: left; text-decoration: none; } div#head_link_all_v2_windows ul li.title a { display: block; width: auto; padding: 0; color: #fff; } div#head_link_all_v2_windows #window_other { background-color: #2196F3;width: 250px;right: 0;position: absolute;z-index: 100;top: -2px;padding: 8px;display: none; } div#head_link_all_v2_windows #window_other.action { display: inline-block; } div#head_link_all_v2_windows #window_other .other { float: left; } div#head_link_all_v2_windows #window_other .other ul.children { background-color:#eee; position:relative; padding-bottom:0; } div#head_link_all_v2_windows #window_other .other ul.children .cat-item { position:relative; top:-30px; left:0; background-color:#eee; } div#head_link_all_v2_windows #window_other a:hover { background-color: #eee; } div#head_link_all_v2 div.one a.current { background-color: #fff; } div#head_link_all_v2 div.two a.current { background-color: #fff; } /*--------------------------------------------- 記事ページ、次の記事、前の記事 ---------------------------------------------*/ .tmp_calss_sumulog_a a { color: #fd9c00;text-decoration: none; } /*--------------------------------------------- 各物件のリンク ---------------------------------------------*/ #single .single_body * { box-sizing: border-box; } /* #single .single_body ul.bbslinks { margin:.5em 0 1rem 0; padding:0; display: flex; flex-wrap: wrap; justify-content: center; list-style: none; width:100%; } #single .single_body ul.bbslinks li { display:block; text-align:center; padding:1rem; margin:0; color:#666; font-size:1rem; list-style: none; width:20%; } #single .single_body ul.bbslinks li a { text-decoration:none; display:block; } #single .single_body ul.bbslinks li.gray { text-decoration:none; color:#ccc !important; background:#eee; display:block; } #single .single_body ul.bbslinks li:hover { background:#efefef;} #single .single_body ul.bbslinks li span { text-indent: 100%; white-space: nowrap; overflow: hidden; } #single .single_body ul.bbslinks li:nth-child(1) { border:1px solid #ccc; border-bottom:3px solid #dc143c; border-right:none; border-radius:3px 0 0 3px; color: #666; } #single .single_body ul.bbslinks li:nth-child(2) { border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:3px solid #dc143c; color: #666; } #single .single_body ul.bbslinks li:nth-child(3) { border:1px solid #ccc; border-bottom:3px solid #ffa500; color: #666; } #single .single_body ul.bbslinks li:nth-child(4) { border:1px solid #ccc; border-bottom:3px solid #D0D031; border-left:none; border-radius:0 3px 3px 0; color: #666; }*/ #single .single_body .gaiyo_box { border:1px solid #ccc; padding:5px 5px 0 5px; margin:0 0 1.5rem; border-radius:3px; } #single ul.bbslinks { margin:.5em 0; display: flex; flex-wrap: wrap; justify-content: center; width:100%; } #single ul.bbslinks li { text-align:center; padding:.5rem 0; margin:0; color:#666; font-size:1rem; width:25%; list-style: none; } #single ul.bbslinks li a { text-decoration:none;color:#666; } #single ul.bbslinks li:hover { background:#efefef;} #single ul.bbslinks li.gray { text-decoration:none; color:#ccc !important; background:#eee; display:block; } #single ul.bbslinks li span { font-size:0.7rem; } #single ul.bbslinks li a i { font-size:1.5rem; padding-bottom:.2rem; } #single ul.bbslinks li:nth-child(1) { border:1px solid #ccc; border-bottom:3px solid #dc143c; border-right:none; /*border-radius:3px 0 0 3px;*/ color: #666; } #single ul.bbslinks li:nth-child(2) { border:1px solid #ccc; border-bottom:3px solid #ed6103; color: #666; border-right: none; } #single ul.bbslinks li:nth-child(3) { border:1px solid #ccc; border-bottom:3px solid #ffa500; color: #666; } #single ul.bbslinks li:nth-child(4) { border:1px solid #ccc; border-bottom:3px solid #D0D031; border-left:none; /*border-radius:0 3px 3px 0;*/ color: #666; } #single table.infos { width:100%; border-collapse: separate; margin:0 0 .5rem 0; border-radius:3px; border-spacing: 0; border:1px solid #ccc; border-right:none; border-left:none; } #single table.infos th { border-right: 1px solid #ddd; background-color:rgba(223, 217, 201,.5);/*#dfd9c9*/; border-top:1px solid #aaa !important; padding:.5rem; } #single table.infos td { border-bottom:1px solid #ddd; padding:.5rem; } #single table.infos tr:nth-child(1) th { /*border-radius:3px 0 0 0;*/ border-top:none !important; } #single table.infos tr:nth-child(1) td { /*border-radius:0 3px 0 0;*/ } #single table.infos tr:last-child th { border-bottom: none; /*border-radius: 0 0 0 3px;*/ } #single table.infos tr:last-child td { border-bottom: none; /*border-radius: 0 0 3px 0;*/ } #single .single_body h2 { position:relative; line-height:1.2; } #single .single_body h2 img.medal { position:absolute; top:-20px; right:10px; } #single .single_body img.mainpic { width:100%; height:380px; object-fit: cover; margin:0; } @media only screen and (max-width: 767px) { #single .single_body ul.bbslinks li { font-size:.8rem; width:15%; } #single .single_body h2 { position:relative; } #single .single_body h2 img.medal { position:absolute; bottom:100px !important; right:0; width:30px; } #single .single_body img.mainpic { height:200px; } } @media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/ /*--------------------------------------------- Common ---------------------------------------------*/ body { position: relative;overflow-x: hidden;word-break: break-all;word-wrap: break-word;overflow-wrap : break-word; } img { max-width: 100%;height: auto; } .br-sp { display:block; width:100%; height:10px; clear:both; } /*--------------------------------------------- Header ---------------------------------------------*/ #header { border-top: 3px solid #54C2FF;height: auto;padding-top: 20px; } #header_inner { width: auto;margin: 0 auto;text-align: center;padding: 10px 0; } #headerL { float: none;margin-bottom: 10px; } #headerR { float: none; } #header h1, #header span { float: none;display: inline-block; } #header h1 img, #header span img { max-width: 180px; } #headerL p { } #search { background: none;padding: 0;margin: 0 10px; } #search_btn { display: block;position: absolute;top: 3px;right: 10px;width: 32px;height: 32px;/*background: url("./img/ico_search.png") center center no-repeat;background-size: 18px auto;*/ background-color : rgba(253,156,0,.5);border-radius: 5px;border: 1px solid #999;cursor: pointer; } #search_btn::before { font-family:"Font Awesome 5 Free"; content:"\f002"; color: #333; font-size:1.5em; padding: 0 8px; line-height: 1.6; } #search_inner { display: none;position: absolute;top: 0;left: 0;width: 100%;background-color:rgba(253,156,0,1);z-index: 20;padding: 10px;box-sizing: border-box; } #search_inner:before { content: "記事検索";display: block;color: #222;font-size: 15px;font-weight: bold;margin-bottom: 5px; } #search form { width:80%; } #search .close { display: block;font-size: 14px;color: #fff;text-align: center;cursor: pointer;margin-top: 10px; } #search input[type="text"] { width: 80%;height: 28px;box-sizing: border-box;/*background: #fff url("./img/ico_search.png") right 5px center no-repeat;*/ } #headerR .sb { display: none; } #sideNavi .arealink { margin: 20px 10px 40px; } #sideNavi .arealink li { list-style: none;display: inline-block;margin: 0 5px 5px 0;font-size: 12px; } #side_list { width: 100%;margin-bottom: 0; } #side_list h3 { font-weight: bold;font-size: 1em; } /*** 共通header ***/ div#header-common { width: auto;height: 40px;padding-left: 5px;padding-bottom: 5px; } div#header-common .logo_float { float: left; width:300px; } div#header-common .logo_float:nth-child(2) { display:none; } div#header-common .logo { margin: 0;padding: 3px 0 0 0; display:none; } div#header-common ul.nv { display: none; } /*** 共通ナビゲーション ***/ div#head_link_all_v2 .one { background-color: #DFD9C9; } div#head_link_all_v2 .two { background-color: #EDEDED; } div#head_link_all_v2 div ul { margin: 0 auto;width: 1020px; } div#head_link_all_v2 div ul:after { content: "";display: block;clear: both; } div#head_link_all_v2 div ul li { float: left;line-height: 1em;font-size: 12px;position: relative; } div#head_link_all_v2 div ul li a { padding: 7px 5px;display: block;margin: 0;text-align: center;line-height: 1em !important;position: relative;transition: margin .2s ease-out;font-size: 12px;text-decoration: none;border-radius: 2px;color: #016194; } div#head_link_all_v2 div ul li.parent a { font-weight: bold; } #sb { display: none; } /*#index .sb { margin: 0; } #index ul.sb li { float:left; width: 25%; margin: 0; } #index ul.sb li:nth-child(n+5) { display: none; }*/ #index ul.sb { float:none; width:240px; margin:0 auto; text-align:center; } #index ul.sb li { width:80px; float:left; } #index ul.sb li:first-child { margin:0 10px 0 0; } #index ul.sb li:last-child { margin:0 0 0 10px ; } .menu-header-container { margin: 10px 0; } /*--------------------------------------------- HeaderMenu ---------------------------------------------*/ div#head_link_all_v2 { padding: 0;display: none; } #gnavi ul { width: auto;padding: 5px;margin-bottom: 10px; } div#navi_second_area { padding: 0;display: none; } /*--------------------------------------------- HeaderMenu #gnavi ---------------------------------------------*/ #gnavi ul li { float: left;padding: 5px 3px;font-size: .8em; } #gnavi ul li:nth-child(1) { border-left:0; } #gnavi ul li:last-child { border-right:0; } #gnavi ul li a { border-right:0; } /*--------------------------------------------- Top Key ---------------------------------------------*/ #key { padding: 0;margin-bottom: 10px; } #key #key_inner { width: auto;height: 250px;padding: 0;position: relative;overflow: hidden;border: none;background: #F5F5F5; } #key .prev { content: "";display: block;width: 20px;height: 20px;background: url("./img/ico-prev.png") 0 0 no-repeat;position: absolute;top: 75px;left: 5px;z-index: 5; } #key .next { content: "";display: block;width: 20px;height: 20px;background: url("./img/ico-next.png") 0 0 no-repeat;position: absolute;top: 75px;right: 5px;z-index: 5; } #key .key_box { float: none;width: 100%;margin-right: 0;position: absolute;top: 0px;left: 0px;box-sizing: border-box;padding: 10px 20px; } #key .key_box:nth-of-type(n+2) { display: none; } #key .key_box .img { height: 150px;text-align: center;max-width: 100%; } #key .key_box dl { display: none; } /*--------------------------------------------- Wrapper ---------------------------------------------*/ #wrapper { display:block ; width: 100%; } #wrapper:after { content: "";display: block;clear: both; } #main { display:block;width: 100%;padding: 0;margin-bottom: 20px; } #sideNavi { display:block;width: 100%;padding: 0;margin: 0; } /*--------------------------------------------- 記事リスト ---------------------------------------------*/ .article_list { margin: 0;padding: 0;position: relative;min-height: 80px;border-bottom: 1px solid #eee;overflow:hidden; } .article_list:first-child { border-top: 1px solid #eee; } .blogger_new_article_list { border-bottom: none;padding-bottom: 0;margin-bottom: 0; } .article_list dl.body dt { position: absolute;top: 0px;left: 0px;width: 80px;float: none;margin: 0; } .trimming { position:relative;width: 80px;height: 80px;overflow: hidden;background: #f5f5f5; } .article_list .date { margin-left: 90px;padding: 3px 5px; /* text-align: right;*/ float: none; } .date dt { float: none;display: inline-block; /* border-right: 1px solid #ddd;*/ /* padding-right: 5px;*/ } .tag a { display: block;font-size: 12px;color: #431600;line-height: 26px;background: #FECB4C;min-width: 84px;height: 26px;text-align: center;padding: 0 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-decoration: none; } .date dd { float: none;margin-left: 0;line-height: 1;display: inline;font-size: 10px;color: #999; } .article_list h2 { margin: 0 0 0 90px;font-size: 16px;font-weight: bold;line-height: 1.4; } .article_list > h3 { font-size: 24px;margin: 0 0 0 90px;font-size: 16px;font-weight: bold;line-height: 1.4; } .article_list h2 a { } .article_list dl.body dd { display: none; } .mobile_author { display: block; } .mobile_author span { float: right; } .mobile_author h3 { margin: 15px 10px 0 0; } .mobile_author img { width: 30px;height: 30px;border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;margin-right: 5px; } .userlist_newest_article { font-size: 16px;font-weight: bold;padding-top: 10px;margin-bottom: 10px;border-bottom: 3px solid #eee;padding-bottom: 10px; } .newest_article_title { font-size: 13px;line-height: 1.3;margin-bottom: 0;font-weight: normal; } /*--------------------------------------------- sideNavi ---------------------------------------------*/ .sidelist { margin-bottom: 10px;padding: 0; } .sidelist_h2 { margin: 0; } .sidelist h2 { font-size: 12px;line-height: 1;border-left: none;padding-left: 0;margin: 0;padding: 10px 10px; } .sidelist_title { padding: 10px 20px;font-size: 12px;line-height: 1;border-left: none;padding-left: 0;margin: 0;padding: 10px 10px; } .sidelist dl { margin: 0;padding: 5px 0; } .sidelist dl dt { float: left;width: 65px;margin-right: 10px; } .sidelist dl dd { float: none;width: auto; } .sidelist dl dd h3 { margin: 0; } .sidelist .textwidget { text-align: center; } #post-list-1 ul, #post-list-2 ul { margin: 20px 10px; } #post-list-1 a, #post-list-2 a { font-weight: bold;font-size: 1.25em; } #sideNavi .sidelist .admin_info { padding: 20px 10px; } #sideNavi .menu-link-container { margin-top: 20px; } .side-info-tripstar dl { padding: 0; } .side-info-tripstar dl dt { float: none;width: auto;margin: 0; } .side-info-tripstar dl dd { float: none;width: auto;margin: 0; } .side_ranking_title{ font-weight: bold; font-size: 1em; margin: 0; } .sidelist .widget_calendar { margin-top:10px; } /*--------------------------------------------- Footer ---------------------------------------------*/ #footer { padding: 20px 0;margin-top: 20px;border-bottom: none; } #footer_inner { width: auto; } #footer .footer_logo { float: none;display: none; } #footer .footer_colum { float: none;margin-right: 0;margin-bottom: 15px; } #footer .footer_colum p { font-size: 14px;color: #999;margin-bottom: 0;padding: 10px 10px; } #footer .footer_colum div { float: left;margin-right: 0;width: 50%; } #footer .footer_colum ul li { margin-bottom: 0; } #footer .footer_colum ul li a { display: block;color: #999;background: #eee;padding: 10px 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff; } #footer .footer_colum div ul li a { border-right: none; } #footer_bottom { width: auto;margin-top: 0; } #footer_bottom dt { float: none;display: none; } #footer_bottom dd { float: none;text-align: center; } div#link_fr { padding: 0;display: none; } /* フッター ------------------------------------------ */ #footerArea { height: auto; } #footerArea #footerInner { width: auto; padding: 0 20px; } #footerArea #footerInner .footerLinks, #footerArea #footerInner .footerLinks02, #footerArea #footerInner .footerLinks-other { display: none; } /*--------------------------------------------- PanKuzu ---------------------------------------------*/ .location { display: none; } .location ul { width: auto; } /*--------------------------------------------- Single ---------------------------------------------*/ #single { margin-bottom: 30px; } .single_head { margin: 0; } #single .single_head dl.date { float:right; } #single .single_head dl.date:after { content: "";display: block;clear: both; } #single .single_head ul.sb { float:none; width:220px; margin:0 auto; text-align:center; } #single .single_head ul.sb li { width:80px; } #single .single_head ul.sb li:first-child { margin:0 10px 0 0; } #single .single_head ul.sb li:last-child { margin:0 0 0 10px ; } .author { float: none;padding: 0 10px;background: #fff;color:#000; } .author a:nth-last-of-type(1) { float: none; } .author p { max-width: 100%;font-size: 14px;color:#000; } #single dl.date { padding: 10px 10px; } #single dl.date dt .tag a { font-size: 12px; } #single dl.date dd { font-size: 12px; } #single h1 { font-size: 20px;font-weight: bold;line-height: 1.5;margin: 20px 10px; } #single .sb { margin: 0; } #single ul.sb li { width: 25%;margin: 0; } #single ul.sb li:nth-child(n+5) { display: none; } #single .img { margin: 20px 0; } #single .img img { max-width: 100%; } #single .single_body { margin: 0 10px 20px; } #single .single_body h2 { font-size: 20px;padding-left: 10px; line-height:1.5; } #single .single_body p { font-size: 15px; } /*.single_body > p { position: relative;overflow-x: hidden;word-break: break-all;word-wrap: break-word;overflow-wrap : break-word; }*/ #single blockquote { background: #f5f5f5 url("./img/ico_blockquote.png") 10px 15px no-repeat;padding: 10px 5px 10px 40px; } #single .single_container ul.sb li { margin-bottom: 10px; } #single .single_container ul.sb li:first-of-type, #single .single_container ul.sb li:last-of-type { display: none; } /*** 関連記事 ***/ .wp_rp_wrap h3 { font-weight: bold;font-size: 12px;line-height: 1;border-left: none;padding-left: 0;margin: 0;padding: 10px 10px;color: #333;background: #f5f5f5;border-top: 1px solid #eee;border-bottom: 1px solid #eee; } .wp_rp_wrap ul li { float: none;width: auto;padding: 10px 10px;border-bottom: 1px dotted #ddd;margin: 0; } .wp_rp_wrap ul li:nth-of-type(odd) { margin-right: 0; } .wp_rp_wrap ul li .wp_rp_title { font-weight: normal;color: #666;text-decoration: none; } .wp_rp_wrap ul li .wp_rp_title:hover { text-decoration: underline; } /*** オフィシャルエリア ***/ .official_area { } .official_area .official_img { float: none;width: auto;padding: 0;margin-bottom: 20px; } .official_area .official_body { float: none;width: auto; } .official_area .official_body dt { } .official_area .official_body dd { } .official_area .official_body dd a { } /*--------------------------------------------- Comment ---------------------------------------------*/ #comment-area { margin-top: 20px;padding: 10px;margin-bottom: 0; } #comment-area h2 { font-size: 15px;margin-bottom: 10px; } #comment-area ol { margin: 0; } #comment-area ol li { padding: 10px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;margin-bottom: 10px; } #comment-area ol li .comment-info { margin-bottom: 5px;font-size: 13px; } #comment-area ol li .comment-info img { float: left;margin-right: 10px; } #comment-area ol li .comment-info .come_name { display: block;line-height: 1.2; } #comment-area ol li .comment-info .come_date { font-size: 10px;border-left: none;margin-left: 0;padding-left: 0; } #comment-area ol li .comment-listCon { font-size: 12px; } #respond { padding: 10px; } #respond h3 { font-size: 15px;margin-bottom: 10px; } #respond table tr th { width: auto;line-height: 1; } #respond table tr th, #respond table tr td { padding: 0;display: block;margin-bottom: 5px; } #respond input[type="text"] { padding: 5px; } #respond input[type="submit"] { width: 100%; } /*--------------------------------------------- Category ---------------------------------------------*/ .category-list h1 { font-size: 20px;margin-bottom: 10px;padding: 0 5px 10px;margin-top: 20px; } .category_list_title { margin: 0 0 0 90px;font-size: 16px;font-weight: bold;line-height: 1.4; } .category-list-top { padding: 0 !important } .category-list-top h1 { font-size: 24px;font-weight: bold;line-height: 30px;margin: 10px 0; } /*--------------------------------------------- Author ---------------------------------------------*/ .author_box { padding: 10px;margin: 20px 5px 0; } .author_box img { max-width: 75px; } .author_box h1 { margin-bottom: 0;padding-left: 0;margin-top: 10px;font-size: 16px; } .author_box p { padding-left: 0; } .author_page { margin-bottom: 30px; } .author_page h2 { font-size: 16px;font-weight: bold; /* border-top: 3px solid #eee;*/ padding-top: 10px;margin-bottom: 10px; } .author_page .article_list dl.body { margin: 0;padding: 5px 0; } .author_page .article_list dl.body dd { display: block;margin-left: 85px;padding-right: 5px; } .author_page .article_list dl dd h3 { font-size: 13px;line-height: 1.3;margin-bottom: 0; } .author_page .article_list dl.body dd dl.date dt { position: static;width: auto;float: none;margin: 0;display: inline-block; } .author_page .article_list dl.body dd dl.date dd { display: inline-block;margin: 0; } .single_author { font-size: 20px;font-weight: bold;line-height: 1.5;margin: 20px 10px; } .author_box > .author_name { margin-bottom: 0;padding-left: 0;margin-top: 10px;font-size: 16px;font-weight: bold;line-height: 1.2; } .userlist_author { margin-bottom: 0 !important;padding-left: 0;margin-top: 10px;font-size: 16px !important;font-weight: bold !important;line-height: 1.2;text-decoration: none;outline: none;color: #333;border-bottom:none !important;padding-top: 0 !important;padding-bottom:0 !important; } /*--------------------------------------------- Title ---------------------------------------------*/ .single_top_title{ font-size: 20px;font-weight: bold;line-height: 1.5;margin: 20px 10px; } .single_top_title > h1{ font-size: 20px;font-weight: bold;line-height: 1.5;margin: 20px 10px; } /*--------------------------------------------- お問い合わせ ---------------------------------------------*/ .hearing_description { padding:10px 10px 0 10px; } i.smlg { margin: 0 .5em; font-size:1.2em; color:#577baf; } .sumulog_form input[type="text"], .sumulog_form textarea { width:100%; border-radius:5px; font-size:100%; padding:.3em; margin:.5em 0; line-height:150%; color: #000; border: 1px #ccc solid;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sumulog_form input[type="submit"] { font-size: 100%; padding: 1em; background: #577baf; color: #fff; border-radius: 5px; cursor: pointer; font-weight:bold; margin:.5em auto 0 auto !important; text-align:center !important; font-family:"Font Awesome 5 Free"; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px #577baf solid; } .screen-reader-response, .wpcf7-response-output { margin:1em ; font-size:.8em !important; color: #577baf !important; line-height:150%; font-weight:bold; } .wpcf7-not-valid-tip { margin:0; font-size:.8em !important; color: #577baf !important; line-height:150%; font-weight:bold;} .cf_message{ display: none; } .sent .cf_message{ display: block;font-size:1.2em !important; line-height:150%; color: #577baf !important; border:1px solid #577baf; margin:1em .5em ; padding:1em; text-align:center; border-radius:5px; font-weight:bold; } .sumulog_enq { width: 100%; padding: .5em; background: #577baf; border-radius: 5px; cursor: pointer; margin:.5em 0; text-align:center !important; border: 2px #577baf solid; text-decoration:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sumulog_enq:hover { opacity:.5; } .sumulog_enq a{ color: #fff; font-size: 1.1em; font-weight:bold; } .sumulog_enq a::before { font-family:"Font Awesome 5 Free"; content:"\f044"; margin:0 3px 0 0 ; } /*-- 住まいスタジアム 20170516 --*/ .sumaistudiam { width: 100%; padding: .5em; background: #fff; border-radius: 5px; cursor: pointer; margin:.5em 0; text-align:center !important; border: 2px #577baf solid; color:#577baf; text-decoration:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sumaistudiam:hover { opacity:.5; } .sumaistudiam a { color: #577baf ; font-size: 1.1em; font-weight:bold; } .sumaistudiam a::before { content:"[PR]"; margin:0 .5em 0 0 ; } /*--------------------------------------------- 記事ページ、次の記事、前の記事 ---------------------------------------------*/ .tmp_calss_sumulog_a a { color: #fd9c00; text-decoration: none; } }