有限会社金澤建匠 | 『こころある建物づくりを』各種修繕工事からリフォーム・新�lign: left; padding:0px; margin:0px; word-wrap: break-word; font-size: 13px; font-size: 1.3rem; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", Arial, sans-serif; line-height: 1.5; } #content{ position: relative; } /* Parts */ .sp-part-top{ display: block; position: relative; } .sp-part-top::after{ display: table; clear: both; content: ""; } /* copyright */ .hpb-copyright{ display: block; text-align: center; } /* layout */ /*追加*/ #main{ overflow: hidden; padding: 0; margin: 0 auto; } #main::after{ clear: both; display: table; content: ""; } /*追加*/ #colophon{ padding: 0px; padding-top: 30px; width:100%; margin: 0 auto; } #sidebar1, #sidebar2{ float: none; width: auto; padding: 0px; box-sizing:border-box; } /*---*/ #primary{ margin-top:0; } #breadcrumb-list{ clear: both; } .screen-reader-text{ display:none; } /* table */ th{ text-align: left; } table.sp-part-top{ margin: 5px auto; display: table; border-collapse: collapse; width: 100%; } table > tbody > tr > th, table > tbody > tr > td{ padding: 5px 8px; } /* Yahoo!ロコ-地図, Googleマップ */ div[data-hpbmap]{ word-wrap: normal; max-width: 100%; } div[data-hpbmap] img{ max-width: none !important; } /* WordPress投稿 */ .entry-content .alignleft, .comment-content .alignleft{ float: left; } .entry-content .alignright, .comment-content .alignright{ float: right; } .entry-content .aligncenter, .comment-content .aligncenter{ display: block; margin-left: auto; margin-right: auto; } .entry-content::after, .comment-content::after{ display: table; clear: both; content: ""; } /* 追加 */ @media screen and (max-width: 568px){ *{ box-sizing: border-box; } body{ min-width: 100%; } #masthead{ position: static; } #primary, #main-inner, #contenthead, #content{ float: none; width: 100%; } #main,#content{ width: 100%; padding: 0; } #main-inner{ padding: 10px; } #sidebar1, #sidebar2{ float: none; width: auto; padding: 10px; box-sizing:border-box; } #colophon{ padding: 10px; } embed{ max-width: 100%; } } #colophon{ background-color : #0f0d0e; background-image : url(img/back-01.png); } a{ color : #7b7b7b; text-decoration : none; } a:active{ text-decoration : underline; } a:hover{ text-decoration : underline; } body{ color : #666666; background-color : #ffffff; } html{ background-image : url(img/back-body.png); } @media not screen, screen and (min-width: 569px) { #colophon{ padding-top : 30px; margin-top : 30px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 100%; } #colophon .inner-box{ padding-top : 20px; padding-left : 0px; padding-right : 0px; padding-bottom : 20px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 1000px; } #content{ background-color : #ffffff; padding-top : 10px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; margin-bottom : 10px; position : relative; } #main{ padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 1000px; overflow : hidden; } #masthead{ background-color : #0f0d0e; background-image : url(img/back-01.png); min-height : 100px; position : relative; } body{ min-width : 1000px; } } @media not screen, screen and (min-width: 569px) { #content{ width : 650px; float : left; } #contenthead{ width : 1000px; } #main-inner{ width : 1000px; } #sidebar2{ width : 300px; float : right; } } @media screen and (max-width: 568px) { #colophon{ margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 100%; } #colophon .inner-box{ padding-top : 10px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; margin-bottom : 5px; } } #breadcrumb-list{ margin-left : 5px; } #breadcrumb-list a{ color : #7b7b7b; text-decoration : none; outline-width : medium; outline-style : none; outline-color : black; } #breadcrumb-list a:active{ color : #7b7b7b; text-decoration : underline; } #breadcrumb-list a:focus{ color : #7b7b7b; text-decoration : underline; } #breadcrumb-list a:hover{ color : #7b7b7b; text-decoration : underline; } #breadcrumb-list div{ padding-bottom : 10px; margin-top : 10px; margin-right : 10px; width : auto; display : inline-block; } @media screen and (max-width: 568px) { #breadcrumb-list{ padding-left : 10px; padding-right : 10px; } } #sp-definition-list-1{ padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 1rem; margin-right : 1rem; margin-bottom : 10px; } #sp-definition-list-1 > dd{ padding-top : 10px; padding-left : 130px; padding-right : 0px; padding-bottom : 10px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; } #sp-definition-list-1 > dd::after{ clear : both; display : block; content : ""; } #sp-definition-list-1 > dt{ font-weight : bold; line-height : 1.5; text-align : left; padding-top : 10px; padding-left : 0px; padding-right : 10px; padding-bottom : 10px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; width : 130px; min-height : 16px; float : left; } @media screen and (max-width: 568px) { #sp-definition-list-1 > dd{ padding-top : 10px; padding-left : 0px; padding-right : 0px; padding-bottom : 10px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; } #sp-definition-list-1 > dt{ padding-top : 10px; padding-left : 0px; padding-right : 10px; padding-bottom : 5px; width : 100%; } } #sp-block-container-1 > .large{ font-size : 1.2em; } #sp-block-container-1 > .medium{ font-size : 1em; } #sp-block-container-1 > .small{ font-size : 0.9em; } #sp-block-container-1 > .x-large{ font-size : 1.5em; } #sp-block-container-1 > .x-small{ font-size : 0.8em; } #sp-block-container-1 > .xx-large{ font-size : 2em; } #sp-block-container-1 > .xx-small{ font-size : 0.7em; } #sp-block-container-1 > em{ font-style : oblique; color : #f09654; } #sp-block-container-1 > h1{ color : #515151; border-bottom-width : 3px; border-bottom-style : solid; border-bottom-color : #f09654; } #sp-block-container-1 > h2{ color : #515151; border-bottom-width : 3px; border-bottom-style : dotted; border-bottom-color : #f09654; } #sp-block-container-1 > h3{ font-size : 1.3em; color : #515151; border-top-width : 1px; border-bottom-width : 2px; border-top-style : solid; border-bottom-style : dotted; border-top-color : #f09654; border-bottom-color : #f09654; clear : both; } #sp-block-container-1 > h4{ font-size : 1.2em; color : #515151; border-bottom-width : 2px; border-bottom-style : dotted; border-bottom-color : #f09654; clear : both; } #sp-block-container-1 > h5{ font-size : 1em; color : #515151; border-bottom-width : 1px; border-bottom-style : dotted; border-bottom-color : #f09654; clear : both; } #sp-block-container-1 > h6{ font-size : 1em; color : #515151; padding-top : 3px; padding-left : 8px; padding-right : 0px; padding-bottom : 3px; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #f09654; border-top-left-radius : 5px 5px; border-top-right-radius : 5px 5px; border-bottom-right-radius : 5px 5px; border-bottom-left-radius : 5px 5px; } #sp-block-container-1 > p{ line-height : 1.4; color : #515151; text-align : left; text-indent : 1em; margin-top : 1.5em; margin-left : 3em; margin-right : 0em; margin-bottom : 1.5em; } #sp-block-container-1 > p.indent{ padding-left : 15px; } #sp-block-container-1 > strong{ font-weight : bold; color : #515151; border-bottom-width : 2px; border-bottom-style : dotted; border-bottom-color : #f09654; } #sp-site-navigation-3{ line-height : 25px; background-color : #ffffff; text-align : center; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 30px; width : 100%; box-sizing : border-box; } #sp-site-navigation-3 .menu-toggle{ display : none; } #sp-site-navigation-3 .screen-reader-text{ display : none; } #sp-site-navigation-3 > ul{ line-height : 1.5; padding-top : 5px; padding-left : 5px; padding-right : 5px; padding-bottom : 5px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; height : auto; list-style-type : none; list-style-position : outside; } #sp-site-navigation-3 > ul > li{ height : 2rem; display : inline; } #sp-site-navigation-3 > ul > li::after{ color : #aaaaaa; margin-left : 5px; content : "/"; } #sp-site-navigation-3 > ul > li:last-child::after{ content : ""; } #sp-site-navigation-3 > ul > li > a{ line-height : 1.5; color : #000000; text-decoration : none; padding-top : 5px; padding-left : 5px; padding-right : 5px; padding-bottom : 5px; margin-left : 10px; } #sp-site-navigation-3 > ul > li > a:hover{ color : #ffffff; background-color : #fd8b19; text-decoration : underline; padding-top : 5px; padding-left : 5px; padding-right : 5px; padding-bottom : 5px; } @media screen and (max-width: 568px) { #sp-site-navigation-3{ margin-bottom : 0px; width : 100%; } #sp-site-navigation-3 .menu-toggle{ display : none; cursor : pointer; } #sp-site-navigation-3 .screen-reader-text{ display : none; } #sp-site-navigation-3 .toggled-on li{ background-color : #999999; padding-top : 3px; padding-left : 3px; padding-right : 3px; padding-bottom : 3px; height : auto; } #sp-site-navigation-3 ul{ padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; display : block; list-style-type : none; list-style-position : outside; } #sp-site-navigation-3 ul li{ display : block; } #sp-site-navigation-3 ul li::after{ margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; content : ''; } #sp-site-navigation-3 ul ul{ display : none; } .button-menu#sp-site-navigation-3{ background-color : #333333; background-image : none; padding-top : 0px; margin-top : 0px; position : relative; } .button-menu#sp-site-navigation-3 .menu-toggle{ background-image : url(img/icon-menu.png); background-repeat : no-repeat; background-position : center center; text-indent : -999em; padding-top : 10px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; display : block; cursor : pointer; } .button-menu#sp-site-navigation-3 .menu-toggle li{ background-color : #ffffff; } .button-menu#sp-site-navigation-3 ul{ display : none; } .button-menu#sp-site-navigation-3 ul.toggled-on{ display : block; } #sp-site-navigation-3 > ul > li::after{ color : #aaaaaa; margin-left : 5px; content : ""; } #sp-site-navigation-3 > ul > li > a{ color : #000000; text-decoration : none; padding-top : 3px; padding-left : 8px; padding-right : 8px; padding-bottom : 3px; margin-left : 10px; } #sp-site-navigation-3 > ul > li > a:hover{ color : #ffffff; background-color : #fd8b19; padding-top : 3px; padding-left : 8px; padding-right : 8px; padding-bottom : 3px; } } #sp-page-title-1 > h1{ font-size : 1.8rem; font-weight : normal; line-height : 27px; color : #2a2a2a; background-image : none; padding-top : 15px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; border-top-width : 3px; border-top-style : double; border-top-color : #d6d3d0; position : relative; } .page-toppage#content #page-content > .large, #sp-block-container-2 > .large{ font-size : 1.5rem; } .page-toppage#content #page-content > .medium, #sp-block-container-2 > .medium{ font-size : 1.4rem; } .page-toppage#content #page-content > .small, #sp-block-container-2 > .small{ font-size : 1.2rem; } .page-toppage#content #page-content > .x-large, #sp-block-container-2 > .x-large{ font-size : 1.8rem; } .page-toppage#content #page-content > .x-small, #sp-block-container-2 > .x-small{ font-size : 1.1rem; } .page-toppage#content #page-content > .xx-large, #sp-block-container-2 > .xx-large{ font-size : 2rem; } .page-toppage#content #page-content > .xx-small, #sp-block-container-2 > .xx-small{ font-size : 1rem; } .page-toppage#content #page-content > em, #sp-block-container-2 > em{ font-style : oblique; color : #7b7b7b; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #7b7b7b; } .page-toppage#content #page-content > h1, #sp-block-container-2 > h1{ font-size : 2.1rem; color : #0d0e12; text-align : left; } .page-toppage#content #page-content > h2, #sp-block-container-2 > h2{ font-size : 1.8rem; color : #0d0e12; } .page-toppage#content #page-content > h3, #sp-block-container-2 > h3{ font-size : 1.6rem; font-weight : bold; color : #0d0e12; background-image : url(img/line-01.gif); background-repeat : repeat-x; text-align : left; padding-top : 15px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-bottom : 15px; clear : both; } .page-toppage#content #page-content > h4, #sp-block-container-2 > h4{ font-size : 1.4rem; font-weight : normal; line-height : 1.2; color : #0d0e12; background-image : url(img/line-01.gif); background-repeat : repeat-x; text-align : left; padding-top : 10px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 1em; clear : both; } .page-toppage#content #page-content > h5, #sp-block-container-2 > h5{ font-size : 1.3rem; line-height : 1.2; color : #0d0e12; text-align : left; padding-top : 5px; padding-bottom : 5px; margin-top : 0px; margin-bottom : 1em; clear : both; } .page-toppage#content #page-content > h6, #sp-block-container-2 > h6{ font-size : 1.2rem; color : #0d0e12; } .page-toppage#content #page-content > hr, #sp-block-container-2 > hr{ color : #e2e2e2; margin-top : 25px; margin-left : 0px; margin-right : 0px; margin-bottom : 30px; border-top-width : 1px; border-left-width : medium; border-right-width : medium; border-bottom-width : medium; border-top-style : solid; border-left-style : none; border-right-style : none; border-bottom-style : none; border-top-color : #e2e2e2; border-left-color : initial; border-right-color : initial; border-bottom-color : initial; height : 1px; } .page-toppage#content #page-content > p, #sp-block-container-2 > p{ font-size : 1.3rem; line-height : 1.5; color : #7b7b7b; text-align : left; padding-left : 0.1em; padding-right : 0.1em; margin-top : 0.5em; margin-bottom : 1.5em; } .page-toppage#content #page-content > p.indent, #sp-block-container-2 > p.indent{ padding-left : 5px; } .page-toppage#content #page-content > strong, #sp-block-container-2 > strong{ font-weight : bold; color : #7b7b7b; } @media screen and (max-width: 568px) { #content.page-toppage #page-content, #sp-block-container-2 { } } #sp-site-branding-1{ position : relative; box-sizing : border-box; } #sp-site-branding-1 .site-description{ font-size : 10px; font-weight : normal; line-height : 20px; color : #888888; text-align : center; width : 100%; float : right; display : block; position : absolute; top : 6px; } #sp-site-branding-1 .site-title{ margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; min-width : 181px; min-height : 63px; display : block; overflow : hidden; } #sp-site-branding-1 .site-title a{ background-image : url(img/06.png); background-repeat : no-repeat; background-position : center 35px; text-indent : -9999px; padding-top : 50px; min-width : 181px; min-height : 63px; display : block; } #sp-site-branding-1::after{ clear : both; display : table; content : ""; } @media screen and (max-width: 568px) { #sp-site-branding-1{ width : 100%; } #sp-site-branding-1 .site-description{ display : none; } #sp-site-branding-1 .site-title{ padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 100%; min-height : 30px; float : none; } #sp-site-branding-1 .site-title a{ background-position : center top; width : 100%; min-height : 30px; } #sp-site-branding-1 .site-title::after{ display : none; } .site-title::before{ display : none; } } #sp-site-navigation-2{ font-size : 1.3rem; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 30px; width : 100%; } #sp-site-navigation-2 .menu-toggle{ display : none; } #sp-site-navigation-2 .screen-reader-text{ display : none; } #sp-site-navigation-2 a:link{ color : #000000; text-decoration : none; } #sp-site-navigation-2 a:visited{ color : #000000; text-decoration : none; } #sp-site-navigation-2 li.current_page_item > a{ font-weight : bold; color : #ffffff; background-color : #f36969; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #sp-site-navigation-2 ul ul{ padding-left : 0px; } #sp-site-navigation-2 ul ul li a{ font-size : 80%; color : #000000; background-color : #ffe2e2; text-decoration : none; text-align : center; padding-left : 0px; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #f36969; display : block; } #sp-site-navigation-2 ul ul li a:hover{ font-weight : bold; color : #ffffff; background-color : #f36969; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #sp-site-navigation-2 ul ul li.current-menu-ancestor > a{ font-weight : bold; color : #ffffff; background-color : #f36969; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #sp-site-navigation-2 ul ul li.current-menu-item > a{ font-weight : bold; color : #ffffff; background-color : #f36969; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #sp-site-navigation-2 ul ul li.current_page_ancestor > a{ font-weight : bold; color : #ffffff; background-color : #f36969; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #sp-site-navigation-2 ul ul li.current_page_item > a{ font-weight : bold; color : #ffffff; background-color : #f36969; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #sp-site-navigation-2 > ul{ font-size : 1.3rem; line-height : 30px; color : #ffffff; text-align : left; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; border-top-width : 2px; border-top-style : solid; border-top-color : #f36969; width : 100%; max-width : 1000px; list-style-type : none; list-style-position : outside; position : relative; box-sizing : border-box; } #sp-site-navigation-2 > ul > li.current-menu-ancestor > a{ font-weight : bold; color : #ffffff; background-color : #f36969; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #sp-site-navigation-2 > ul > li.current-menu-item > a{ font-weight : bold; color : #ffffff; background-color : #f36969; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #sp-site-navigation-2 > ul > li.current_page_ancestor > a{ font-weight : bold; color : #ffffff; background-color : #f36969; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #sp-site-navigation-2 > ul > li > a{ line-height : 40px; color : #000000; background-color : #ffffff; background-image : none; background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; text-decoration : none; text-align : center; padding-top : 5px; padding-left : 5px; padding-right : 5px; padding-bottom : 5px; border-bottom-width : 2px; border-bottom-style : solid; border-bottom-color : #f36969; display : block; } #sp-site-navigation-2 > ul > li > a:hover{ font-weight : bold; color : #ffffff; background-color : #f36969; background-image : none; background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } @media screen and (max-width: 568px) { #sp-site-navigation-2{ background-image : none; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; border-left-width : medium; border-right-width : medium; border-left-style : none; border-right-style : none; border-left-color : initial; border-right-color : initial; position : relative; } #sp-site-navigation-2 .menu-toggle{ background-color : #f36969; background-image : url(img/icon-menu1.png); background-repeat : no-repeat; background-position : center center; text-indent : -999em; padding-top : 10px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : rgba(255, 255, 255, 0.5); display : none; cursor : pointer; } #sp-site-navigation-2 .screen-reader-text{ display : none; } #sp-site-navigation-2 ul{ background-color : #ffffff; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; border-left-width : medium; border-right-width : medium; border-left-style : none; border-right-style : none; border-left-color : initial; border-right-color : initial; display : block; list-style-type : none; list-style-position : outside; } .button-menu#sp-site-navigation-2 .menu-toggle{ display : block; } .button-menu#sp-site-navigation-2 ul.toggled-on{ display : block; } .button-menu#sp-site-navigation-2 > ul{ display : none; } .menu-toggle{ display : none; } } #sp-site-navigation-1{ font-size : 1.3rem; color : #ffffff; background-color : #ffc741; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; border-top-width : 5px; border-left-width : 5px; border-right-width : 5px; border-bottom-width : 5px; border-top-style : solid; border-left-style : solid; border-right-style : solid; border-bottom-style : solid; border-top-color : #ffc741; border-left-color : #ffc741; border-right-color : #ffc741; border-bottom-color : #ffc741; border-top-left-radius : 5px 5px; border-top-right-radius : 5px 5px; border-bottom-right-radius : 5px 5px; border-bottom-left-radius : 5px 5px; box-sizing : border-box; } #sp-site-navigation-1 .menu-toggle{ display : none; } #sp-site-navigation-1 .screen-reader-text{ display : none; } #sp-site-navigation-1 ul{ padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 100%; max-width : 1000px; list-style-type : none; list-style-position : outside; } #sp-site-navigation-1 ul a{ text-decoration : none; } #sp-site-navigation-1 ul ul{ background-color : #ffffff; border-top-width : 1px; border-left-width : 1px; border-right-width : 1px; border-bottom-width : medium; border-top-style : solid; border-left-style : solid; border-right-style : solid; border-bottom-style : none; border-top-color : #513c2d; border-left-color : #513c2d; border-right-color : #513c2d; border-bottom-color : initial; width : auto; min-width : 150px; display : none; position : absolute; top : 100%; left : 0px; z-index : 9999; } #sp-site-navigation-1 ul ul li{ border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #513c2d; width : 100%; white-space : nowrap; } #sp-site-navigation-1 ul ul li a{ color : #333333; padding-top : 1rem; padding-left : 2rem; padding-right : 2rem; padding-bottom : 1rem; display : block; } #sp-site-navigation-1 ul ul li a:hover{ color : #ffffff; background-color : #513c2d; } #sp-site-navigation-1 ul ul li > ul{ top : 0px; left : 100%; } #sp-site-navigation-1 > ul{ background-color : #ffc741; } #sp-site-navigation-1 > ul::after{ clear : both; display : table; content : ""; } #sp-site-navigation-1 > ul > li{ width : auto; float : left; position : relative; } #sp-site-navigation-1 > ul > li.current-menu-ancestor > a{ color : #ffffff; background-color : #513c2d; background-image : none; background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 > ul > li.current-menu-item > a{ color : #ffffff; background-color : #513c2d; background-image : none; background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 > ul > li.current_page_ancestor > a{ color : #ffffff; background-color : #513c2d; background-image : none; background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 > ul > li.current_page_item > a{ color : #ffffff; background-color : #513c2d; background-image : none; background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 > ul > li:hover > ul{ display : block; } #sp-site-navigation-1 > ul > li > a{ color : #996633; padding-top : 1.5rem; padding-left : 2rem; padding-right : 2rem; padding-bottom : 1.5rem; margin-right : 5px; display : block; } #sp-site-navigation-1 > ul > li > a:hover{ color : #ffffff; background-color : #513c2d; background-image : none; background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } @media screen and (max-width: 568px) { #sp-site-navigation-1{ padding-top : 0px; margin-top : 10px; position : relative; } #sp-site-navigation-1 .menu-toggle{ background-image : url(img/icon-menu1.png); background-repeat : no-repeat; background-position : center center; text-indent : -999em; padding-top : 10px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 1px; display : none; cursor : pointer; } #sp-site-navigation-1 .screen-reader-text{ display : none; } #sp-site-navigation-1 ul{ padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; width : auto; height : auto; display : block; list-style-type : none; list-style-position : outside; } #sp-site-navigation-1 ul li{ padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; width : auto; float : none; } #sp-site-navigation-1 ul li a{ line-height : 24px; padding-top : 5px; padding-left : 25px; padding-right : 10px; padding-bottom : 5px; height : auto; float : none; } #sp-site-navigation-1 ul ul{ background-color : transparent; border-top-width : medium; border-left-width : medium; border-right-width : medium; border-bottom-width : medium; border-top-style : none; border-left-style : none; border-right-style : none; border-bottom-style : none; border-top-color : initial; border-left-color : initial; border-right-color : initial; border-bottom-color : initial; width : auto; min-width : 150px; display : block; position : relative; top : 100%; left : 0px; z-index : 9999; } #sp-site-navigation-1 ul ul li{ border-top-color : transparent; border-left-color : transparent; border-right-color : transparent; border-bottom-color : transparent; } #sp-site-navigation-1 ul ul li a{ color : #513c2d; padding-top : 8px; padding-left : 50px; padding-right : 50px; padding-bottom : 8px; } #sp-site-navigation-1 ul ul li a:hover{ border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 ul ul li.current-menu-ancestor > a{ border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 ul ul li.current-menu-item > a{ border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 ul ul li.current_page_ancestor > a{ border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 ul ul li.current_page_item > a{ border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } .button-menu#sp-site-navigation-1 .menu-toggle{ display : block; } .button-menu#sp-site-navigation-1 ul.toggled-on{ display : block; } .button-menu#sp-site-navigation-1 > ul{ display : none; } #sp-site-navigation-1 > ul{ border-top-width : medium; border-bottom-width : medium; border-top-style : none; border-bottom-style : none; border-top-color : initial; border-bottom-color : initial; } #sp-site-navigation-1 > ul > li{ border-top-left-radius : 0px 0px; border-top-right-radius : 0px 0px; border-bottom-right-radius : 0px 0px; border-bottom-left-radius : 0px 0px; } #sp-site-navigation-1 > ul > li.current-menu-ancestor > a{ border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 > ul > li.current-menu-item > a{ border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 > ul > li.current_page_ancestor > a{ border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 > ul > li.current_page_item > a{ border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } #sp-site-navigation-1 > ul > li > a{ text-decoration : none; padding-top : 1em; padding-left : 1em; padding-right : 1em; padding-bottom : 1em; margin-right : 0px; display : block; } #sp-site-navigation-1 > ul > li > a:hover{ border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; } } @media not screen, screen and (min-width: 569px) { #sp-image-1 { } } @media screen and (max-width: 568px) { #sp-image-1{ max-width : 100%; } } #sp-definition-list-1 > dd{ font-weight : bold; text-decoration : underline; } #sp-site-branding-1{ background-color : #ffffff; } #sp-site-branding-1 > .inner-box > .site-description{ font-size : 2rem; font-family : monospace; font-weight : bold; color : #16ba0e; text-decoration : underline; } #sp-site-branding-1 > .inner-box > .site-title > a{ background-image : url(img/03111222221.png); } #sp-site-navigation-1{ background-color : transparent; background-image : url(img/am500_pl045.jpg); background-size : auto auto,auto auto; } #sp-site-navigation-1 > ul{ background-color : transparent; background-image : url(img/am500_pl045.jpg); background-size : auto auto,auto auto; } #sp-site-navigation-1 > ul > li > a{ font-size : 2rem; font-family : "HGP明朝B", serif; font-weight : bold; color : #ffffff; } #sp-site-navigation-3{ background-color : #ffff80; } #sp-site-navigation-3 > ul{ background-color : #ffff80; } @media not screen, screen and (min-width: 569px) { #sp-image-1{ margin-top : 10px; margin-left : auto; margin-right : auto; margin-bottom : 10px; width : 100%; } #sp-site-branding-1{ margin-top : 16px; min-height : 230px; } } @media screen and (max-width: 568px) { #sp-image-1{ margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; } } --> </style></head> <body class="basic home" id="hpb-sp-19-10005-01"> <div id="page" class="site"> <header id="masthead" class="site-header sp-part-top" role="banner"> <div id="sp-site-branding-1" class="sp-part-top"> <div class="inner-box"> <h1 class="site-title"><a href="index.html" rel="home">有限会社金澤建匠</a></h1> <h2 class="site-description">『こころある建物づくりを』各種修繕工事からリフォーム・新築工事まで</h2></div></div></header> <div id="main" class="site-main"> <div id="contenthead" class="sp-part-top"> <nav id="sp-site-navigation-1" class="navigation-main button-menu sp-part-top" role="navigation"> <h1 class="menu-toggle">メニュー</h1> <div class="screen-reader-text skip-link"><a title="コンテンツへスキップ" href="#content">コンテンツへスキップ</a></div> <ul id="menu-mainnav"> <li class="menu-item current_page_item"><a href="index.html">ＨＯＭＥ </a> <ul class="sub-menu"> <li class="menu-item"><a href="custom5.html">快適な家</a> <li class="menu-item"><a href="custom.html">健康住宅</a> <li class="menu-item"><a href="custom1.html">エコ住宅</a> <li class="menu-item"><a href="custom6.html">オール電化</a> <li class="menu-item"><a href="custom2.html">シックハウス対策</a></ul> <li class="menu-item"><a href="custom4.html">ユニバーサルデザイン</a> <ul class="sub-menu"> <li class="menu-item"><a href="custom3.html">バリアフリー</a></ul> <li class="menu-item"><a href="service.html">京町屋の再生</a> <li class="menu-item"><a href="service1.html">施工実績</a> <li class="menu-item"><a href="concept.html">社長メッセージ</a> <li class="menu-item"><a href="company.html">企業概要</a> <li class="menu-item"><a href="contact.html">お問い合わせ</a> <li class="menu-item"><a href="access.html">アクセス</a></ul></nav><a style="display: block"><img id="sp-image-1" src="img/IMG_3.gif" class="sp-part-top"></a></div> <div id="main-inner"> <div id="primary" class="content-area"> <div id="content" class="site-content page-toppage" role="main"> <header id="sp-page-title-1" class="entry-header sp-part-top"> <h1 class="entry-title">ＨＯＭＥ</h1></header> <article> <div id="page-content" class="sp-part-top"> <p class="large" style="text-align : center;"><span style="font-size : 1.7rem;color : #16ba0e;text-align : center;">『こころある建物づくりを』</span></p> <p class="large" style="text-align : center;"><span style="font-size : 1.7rem;color : #16ba0e;text-align : center;">各種修繕工事からリフォーム・</span><span style="font-size : 1.7rem;color : #16ba0e;text-align : center;">新築工事までさせて頂きます</span></p> <p class="large" style="font-size : 1.7rem;text-align : center;"> </p> <div id="sp-block-container-1" class="sp-part-top"> <h3 style="font-size : 1.9rem;color : #ff0000;"><em>新着情報</em></h3> <p>2017年1月22日　更新致しました⛄　</p> <p>2015年10月19日　更新いたしました☺</p> <p>2015年7月30日　更新致しました。</p> <dl id="sp-definition-list-1" class="sp-part-top"> <dt>2015年7月27日 <dd><span style="color : #fd5402;">(有)金澤建匠ホームぺージをリニューアルしました。</span></dl></div></div></article> <nav id="sp-site-navigation-2" class="navigation-main sp-part-top" role="navigation"> <h1 class="menu-toggle">メニュー</h1> <div class="screen-reader-text skip-link"><a title="コンテンツへスキップ" href="#content">コンテンツへスキップ</a></div> <ul id="menu-mainnav"> <li class="menu-item"><a href="custom.html">健康住宅</a> <li class="menu-item"><a href="custom1.html">エコ住宅</a> <li class="menu-item"><a href="custom3.html">バリアフリー</a> <li class="menu-item"><a href="custom5.html">快適な家</a> <li class="menu-item"><a href="custom6.html">オール電化</a></ul></nav></div></div></div> <div id="sidebar2" style="min-height: 100px" class="sp-part-top"></div></div> <footer id="colophon" class="site-footer sp-part-top" role="contentinfo"> <div class="inner-box"> <nav id="sp-site-navigation-3" class="navigation-main sp-part-top" role="navigation"> <h1 class="menu-toggle">メニュー</h1> <div class="screen-reader-text skip-link"><a title="コンテンツへスキップ" href="#content">コンテンツへスキップ</a></div> <ul id="menu-mainnav"> <li class="menu-item current_page_item"><a href="index.html">ＨＯＭＥ </a> <li class="menu-item"><a href="service.html">京町屋の再生</a> <li class="menu-item"><a href="service1.html">施工実績</a> <li class="menu-item"><a href="contact.html">お問い合わせ</a> <li class="menu-item"><a href="concept.html">社長メッセージ</a></ul></nav> <div id="sp-block-container-2" class="sp-part-top"> <p style="text-align:center;color:#ddd;font-size: 1.2rem;" class="hpb-copyright">Copyright ©2006-2015 有限会社金澤建匠 All rights reserved.</p></div></div></footer></div><script type="text/javascript" src="navigation.js"></script></body></html>