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; } } #colophon { background-color : #58bb4d; } a { color : #6bbb21; text-decoration : none; outline-width : medium; outline-style : none; outline-color : black; } a:active { color : #6bbb21; text-decoration : underline; } a:focus { color : #6bbb21; text-decoration : underline; } a:hover { color : #6bbb21; text-decoration : underline; } a:link { color : #6bbb21; } a:visited { color : #6bbb21; } body { color : #5c5c5c; 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; } @media not screen, screen and (min-width: 569px) { #colophon { padding-top : 35px; padding-left : 0px; padding-right : 0px; padding-bottom : 35px; margin-top : 20px; } #colophon .inner-box { margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 960px; box-sizing : border-box; } #main { margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 960px; box-sizing : border-box; } #masthead { margin-bottom : 10px; height : 133px; } #primary { margin-top : 0px; } body { min-width : 960px; } } @media not screen, screen and (min-width: 569px) { #content { width : 745px; float : right; } #contenthead { width : 960px; } #main-inner { width : 960px; } #sidebar1 { width : 200px; float : left; } } @media screen and (max-width: 568px) { #colophon { padding-top : 10px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; width : 100%; box-sizing : border-box; } #colophon .inner-box { margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; } } #sp-site-navigation-1 { font-size : 1.3rem; color : #ffffff; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 30px; } #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 : 0px; margin-right : 0px; margin-bottom : 0px; 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; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; border-top-width : 1px; border-left-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-top-style : solid; border-left-style : solid; border-right-style : solid; border-bottom-style : solid; border-top-color : #6bbb21; border-left-color : #6bbb21; border-right-color : #6bbb21; border-bottom-color : #6bbb21; width : auto; min-width : 150px; display : none; position : absolute; top : 100%; left : 0px; z-index : 9999; } #sp-site-navigation-1 ul ul li { padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; width : 100%; white-space : nowrap; } #sp-site-navigation-1 ul ul li a { color : #000000; text-decoration : none; padding-top : 5px; padding-left : 15px; padding-right : 15px; padding-bottom : 5px; border-bottom-width : 0px; border-bottom-style : solid; border-bottom-color : #ffffff; display : block; } #sp-site-navigation-1 ul ul li a:hover { color : #ffffff; background-color : #6bbb21; text-decoration : none; border-bottom-width : 0px; border-bottom-style : solid; border-bottom-color : #ffffff; } #sp-site-navigation-1 ul ul li.current-menu-ancestor> a { color : #ffffff; text-decoration : none; border-bottom-width : 0px; border-bottom-style : solid; border-bottom-color : #ffffff; } #sp-site-navigation-1 ul ul li.current-menu-item> a { color : #ffffff; text-decoration : none; border-bottom-width : 0px; border-bottom-style : solid; border-bottom-color : #ffffff; } #sp-site-navigation-1 ul ul li.current_page_ancestor> a { color : #ffffff; text-decoration : none; border-bottom-width : 0px; border-bottom-style : solid; border-bottom-color : #ffffff; } #sp-site-navigation-1 ul ul li.current_page_item> a { color : #ffffff; text-decoration : none; border-bottom-width : 0px; border-bottom-style : solid; border-bottom-color : #ffffff; } #sp-site-navigation-1 ul ul li:hover { display : block; position : relative; } #sp-site-navigation-1 ul ul li:hover> ul { background-color : #000000; border-bottom-width : 1px; width : 100%; display : block; top : 0px; left : 100%; } #sp-site-navigation-1> ul { margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; border-top-width : 1px; border-bottom-width : 1px; border-top-style : solid; border-bottom-style : solid; border-top-color : #56b54b; border-bottom-color : #56b54b; width : auto; list-style-type : none; list-style-position : outside; } #sp-site-navigation-1> ul::after { clear : both; display : table; content : ""; } #sp-site-navigation-1> ul> li { margin-bottom : 8px; float : left; } #sp-site-navigation-1> ul> li.current-menu-ancestor> a { font-weight : bold; border-bottom-color : #6bbb21; } #sp-site-navigation-1> ul> li.current-menu-item> a { font-weight : bold; border-bottom-color : #6bbb21; } #sp-site-navigation-1> ul> li.current_page_ancestor> a { font-weight : bold; border-bottom-color : #6bbb21; } #sp-site-navigation-1> ul> li.current_page_item> a { font-weight : bold; border-bottom-color : #6bbb21; } #sp-site-navigation-1> ul> li:hover { position : relative; } #sp-site-navigation-1> ul> li:hover> ul { display : block; } #sp-site-navigation-1> ul> li> a { font-weight : bold; color : #003300; text-decoration : none; padding-top : 1.2em; padding-left : 1em; padding-right : 1em; padding-bottom : 1em; border-bottom-width : 2px; border-bottom-style : dashed; border-bottom-color : transparent; display : block; } #sp-site-navigation-1> ul> li> a:hover { font-weight : bold; color : #003300; text-decoration : none; border-bottom-color : #6bbb21; display : block; } @media screen and (max-width: 568px) { #sp-site-navigation-1 { background-color : #ffffff; background-image : none; padding-top : 0px; position : relative; } #sp-site-navigation-1 .menu-toggle { background-color : #6bbb21; 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; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : rgba(255, 255, 255, 0.8); 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; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #eeeeee; width : auto; float : none; } #sp-site-navigation-1 ul li a { line-height : 24px; background-repeat : no-repeat; background-position : 5px 12px; padding-top : 8px; padding-left : 25px; padding-right : 10px; padding-bottom : 7px; 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-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #eeeeee; } #sp-site-navigation-1 ul ul li a { padding-top : 8px; padding-left : 50px; padding-right : 50px; padding-bottom : 8px; } #sp-site-navigation-1 ul ul li a:hover { color : #ffffff; background-color : #6bbb21; text-decoration : none; border-bottom-width : 0px; border-bottom-style : solid; border-bottom-color : #ffffff; } #sp-site-navigation-1 ul ul li.current-menu-ancestor> a { color : #ffffff; background-color : #6bbb21; text-decoration : none; border-bottom-width : 0px; border-bottom-style : solid; border-bottom-color : #ffffff; } #sp-site-navigation-1 ul ul li.current-menu-item> a { color : #ffffff; background-color : #6bbb21; text-decoration : none; border-bottom-width : 0px; border-bottom-style : solid; border-bottom-color : #ffffff; } #sp-site-navigation-1 ul ul li.current_page_ancestor> a { color : #ffffff; background-color : #6bbb21; text-decoration : none; border-bottom-width : 0px; border-bottom-style : solid; border-bottom-color : #ffffff; } #sp-site-navigation-1 ul ul li.current_page_item> a { color : #ffffff; background-color : #6bbb21; text-decoration : none; border-bottom-width : 0px; border-bottom-style : solid; border-bottom-color : #ffffff; } #sp-site-navigation-1.button-menu .menu-toggle { display : block; } #sp-site-navigation-1.button-menu ul.toggled-on { display : block; } #sp-site-navigation-1.button-menu> ul { display : none; } #sp-site-navigation-1.button-menu> ul> ul { display : block; } #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.current-menu-ancestor> a { font-weight : bold; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #eeeeee; } #sp-site-navigation-1> ul> li.current-menu-item> a { font-weight : bold; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #eeeeee; } #sp-site-navigation-1> ul> li.current_page_ancestor> a { font-weight : bold; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #eeeeee; } #sp-site-navigation-1> ul> li.current_page_item> a { font-weight : bold; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #eeeeee; } #sp-site-navigation-1> ul> li> a { font-weight : bold; text-decoration : none; padding-top : 1em; padding-left : 1em; padding-right : 1em; padding-bottom : 1em; display : block; } #sp-site-navigation-1> ul> li> a:hover { font-weight : bold; color : #ffffff; background-color : #6bbb21; text-decoration : none; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #eeeeee; display : block; } } #breadcrumb-list { margin-bottom : 10px; } #breadcrumb-list a { color : #6bbb21; text-decoration : none; outline-width : medium; outline-style : none; outline-color : black; } #breadcrumb-list a:active { color : #6bbb21; text-decoration : underline; } #breadcrumb-list a:focus { color : #6bbb21; text-decoration : underline; } #breadcrumb-list a:hover { color : #6bbb21; text-decoration : underline; } #breadcrumb-list div { 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-site-branding-1 { background-color : #000000; background-repeat : repeat-x; 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 : 100%; min-height : 133px; } #sp-site-branding-1 .inner-box { padding-top : 16px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 960px; } #sp-site-branding-1 .site-description { font-size : 1rem; font-weight : normal; color : #949494; text-align : right; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; width : 960px; height : 3rem; float : right; position : absolute; top : 3rem; } #sp-site-branding-1 .site-title { margin-top : 10px; margin-left : 4px; margin-right : 0px; margin-bottom : 0px; overflow : hidden; } #sp-site-branding-1 .site-title a { background-image : url(img/header-logo1.png); background-repeat : no-repeat; text-indent : -9999px; width : 470px; height : 70px; float : left; display : block; } @media screen and (max-width: 568px) { #sp-site-branding-1 { margin-bottom : 0px; width : 100%; overflow : hidden; } #sp-site-branding-1 .site-description { color : #949494; text-align : center; padding-top : 0px; padding-left : 10px; padding-right : 10px; padding-bottom : 0px; width : 100%; float : left; position : absolute; top : 1rem; } #sp-site-branding-1 .site-title { margin-top : 2rem; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #sp-site-branding-1 .site-title a { background-image : url(img/header-logo1.png); background-size : 300px auto; } } #sp-page-title-25> h1 { font-size : 1.6rem; font-weight : bold; color : #5c5c5c; background-image : url(img/pagetitle1-bg.png),url(img/pagetitle1-bg2.png); background-repeat : no-repeat,repeat-x; padding-top : 18px; padding-left : 50px; padding-right : 15px; padding-bottom : 12px; } #page-content .large, #sp-block-container-1 .large, #sp-block-container-2 .large { font-size : 1.5rem; } #page-content .medium, #sp-block-container-1 .medium, #sp-block-container-2 .medium { font-size : 1.4rem; } #page-content .small, #sp-block-container-1 .small, #sp-block-container-2 .small { font-size : 1.2rem; } #page-content .x-large, #sp-block-container-1 .x-large, #sp-block-container-2 .x-large { font-size : 1.8rem; } #page-content .x-small, #sp-block-container-1 .x-small, #sp-block-container-2 .x-small { font-size : 1.1rem; } #page-content .xx-large, #sp-block-container-1 .xx-large, #sp-block-container-2 .xx-large { font-size : 2rem; } #page-content .xx-small, #sp-block-container-1 .xx-small, #sp-block-container-2 .xx-small { font-size : 1rem; } #page-content em, #sp-block-container-1 em, #sp-block-container-2 em { font-style : oblique; color : #5c5c5c; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #5c5c5c; } #page-content h1, #sp-block-container-1 h1, #sp-block-container-2 h1 { font-size : 2.4rem; text-align : left; } #page-content h2, #sp-block-container-1 h2, #sp-block-container-2 h2 { font-size : 2.1rem; } #page-content h3, #sp-block-container-1 h3, #sp-block-container-2 h3 { font-size : 1.8rem; text-align : left; margin-top : 10px; margin-bottom : 1em; clear : both; } #page-content h4, #sp-block-container-1 h4, #sp-block-container-2 h4 { font-size : 1.5rem; line-height : 1.2; text-align : left; padding-top : 5px; padding-left : 0px; padding-right : 0px; padding-bottom : 2px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 1em; clear : both; } #page-content h5, #sp-block-container-1 h5, #sp-block-container-2 h5 { font-size : 1.3rem; line-height : 1.2; text-align : left; padding-top : 5px; padding-bottom : 5px; margin-top : 0px; margin-bottom : 1em; clear : both; } #page-content h6, #sp-block-container-1 h6, #sp-block-container-2 h6 { font-size : 1.2rem; } #page-content hr, #sp-block-container-1 hr, #sp-block-container-2 hr { color : #a0a0a0; margin-top : 25px; margin-left : 0px; margin-right : 0px; margin-bottom : 25px; 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 : #a0a0a0; border-left-color : initial; border-right-color : initial; border-bottom-color : initial; height : 1px; } #page-content p, #sp-block-container-1 p, #sp-block-container-2 p { font-size : 1.3rem; line-height : 1.4; color : #5c5c5c; text-align : left; padding-left : 0.1em; padding-right : 0.1em; margin-top : 0.5em; margin-bottom : 1.5em; } #page-content p.indent, #sp-block-container-1 p.indent, #sp-block-container-2 p.indent { padding-left : 5px; } #page-content strong, #sp-block-container-1 strong, #sp-block-container-2 strong { font-weight : bold; color : #5c5c5c; } @media screen and (max-width: 568px) { #page-content, #sp-block-container-1, #sp-block-container-2 { } } #sp-button-24 { margin-bottom : 2px; width : 120px; } #sp-button-24> a { font-size : 1.4rem; font-weight : normal; color : #ffffff; background-color : #35e796; text-decoration : none; text-align : center; padding-top : 3px; padding-left : 6px; padding-right : 6px; padding-bottom : 3px; border-top-width : 2px; border-left-width : 2px; border-right-width : 2px; border-bottom-width : 2px; border-top-style : solid; border-left-style : solid; border-right-style : solid; border-bottom-style : solid; border-top-color : #ffffff; border-left-color : #ffffff; border-right-color : #ffffff; border-bottom-color : #ffffff; border-top-left-radius : 22px 22px; border-top-right-radius : 22px 22px; border-bottom-right-radius : 22px 22px; border-bottom-left-radius : 22px 22px; display : block; position : relative; } #sp-button-24> a:active { background-color : #1ade85; 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; top : 1px; } #sp-button-24> a:hover { background-color : #1ade85; 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; } #sp-definition-list-2 { 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 : 100%; max-width : 960px; list-style-type : none; } #sp-definition-list-2 dd { padding-top : 13px; padding-left : 16px; padding-right : 0px; padding-bottom : 20px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; } #sp-definition-list-2 dt { padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 1px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; border-bottom-width : 1px; border-bottom-style : dotted; border-bottom-color : #858585; } #sp-definition-list-2> dd { color : #333333; } #sp-definition-list-2> dt { font-weight : bold; color : #333333; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 1px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; border-bottom-width : 1px; border-bottom-style : dotted; border-bottom-color : #858585; } @media not screen, screen and (min-width: 569px) { #sp-image-1, #sp-image-44, #sp-image-45, #sp-image-46 { } } @media screen and (max-width: 568px) { #sp-image-1, #sp-image-44, #sp-image-45, #sp-image-46 { max-width : 100%; } } @media not screen, screen and (min-width: 569px) { #sp-image-2 { text-decoration : none; border-top-width : 2px; border-left-width : 2px; border-right-width : 2px; border-bottom-width : 2px; border-top-style : solid; border-left-style : solid; border-right-style : solid; border-bottom-style : solid; border-top-color : #9d9d9d; border-left-color : #9d9d9d; border-right-color : #9d9d9d; border-bottom-color : #9d9d9d; border-top-left-radius : 6px 6px; border-top-right-radius : 6px 6px; border-bottom-right-radius : 6px 6px; border-bottom-left-radius : 6px 6px; } } @media screen and (max-width: 568px) { #sp-image-2 { max-width : 100%; } } #sp-button-24> a { color : #000000; } #sp-button-24> a:hover { } #sp-definition-list-2> dt { font-weight : bold; color : #ff0000; } #sp-site-branding-1> .inner-box> .site-title> a { background-image : url(img/header-logo11.png); } @media not screen, screen and (min-width: 569px) { #sp-block-container-1 { width : 450px; min-height : 50px; position : absolute; top : 50px; left : 50%; } #sp-block-container-1> p { color : #ffffff; text-align : right; } #sp-block-container-1> p> .tel { font-size : 2.6rem; } #sp-definition-list-2 { width : 174px; min-height : 371px; } #sp-image-1 { margin-left : 25px; width : 100px; height : 100px; } #sp-image-2 { width : 140px; height : 80px; } #sp-image-44 { width : 350px; height : 196px; } #sp-image-45 { width : 350px; height : 190px; } #sp-image-46 { width : 350px; height : 190px; } } @media screen and (max-width: 568px) { #sp-block-container-1 { padding-top : 0px; padding-left : 10px; padding-right : 10px; padding-bottom : 0px; width : 100%; min-height : 300px; position : absolute; top : 8rem; } #sp-block-container-1> p { color : #ffffff; text-align : center; } #sp-block-container-1> p> .tel { font-size : 1.2rem; } } -->