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-image : url(img/footer-back.png); padding-top : 10px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; margin-top : 30px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #content{ box-sizing : border-box; } #content-head{ width : 100%; box-sizing : border-box; } #main{ margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; overflow : hidden; box-sizing : border-box; } #main::after{ clear : both; display : table; content : ""; } #masthead{ background-repeat : repeat-x; position : relative; } a{ color : #262626; text-decoration : none; outline-width : medium; outline-style : none; outline-color : black; } a:active{ color : #8f514f; text-decoration : underline; } a:hover{ color : #8f514f; text-decoration : underline; } body{ color : #666666; background-color : #cab996; background-image : url(img/bg_hpb-container.png); background-repeat : repeat-y; background-position : center center; } html{ font-size : 62.5%; } @media not screen, screen and (min-width: 569px) { #colophon{ padding-top : 0px; padding-left : 10px; padding-right : 10px; padding-bottom : 0px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 1000px; box-sizing : border-box; } #main{ padding-top : 20px; padding-left : 20px; padding-right : 20px; padding-bottom : 20px; width : 1000px; } } @media not screen, screen and (min-width: 569px) { #content{ margin-right : 15px; width : 330px; float : right; } #contenthead{ width : 1000px; } #main-inner{ width : 660px; float : left; } #sidebar1{ width : 300px; float : left; } #sidebar2{ width : 300px; float : right; } } #sp-site-navigation-1{ font-size : 1.3rem; color : #000000; 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-1 .menu-toggle{ display : none; } #sp-site-navigation-1 .screen-reader-text{ display : none; } #sp-site-navigation-1 a{ font-weight : bold; color : #93413b; text-decoration : none; } #sp-site-navigation-1 li{ margin-right : 20px; float : left; } #sp-site-navigation-1 li a{ font-weight : bold; line-height : 50px; background-repeat : no-repeat; background-position : 0px 1.2em; padding-left : 5px; padding-right : 5px; height : 50px; display : block; } #sp-site-navigation-1 ul{ list-style-type : none; list-style-position : outside; } #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 : medium; border-top-style : solid; border-left-style : solid; border-right-style : solid; border-bottom-style : none; border-top-color : #666666; border-left-color : #666666; border-right-color : #666666; 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{ padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #93413b; width : 100%; white-space : nowrap; } #sp-site-navigation-1 ul ul li a{ color : #797979; padding-top : 5px; padding-left : 15px; padding-right : 15px; padding-bottom : 5px; display : block; } #sp-site-navigation-1 ul ul li a:hover{ color : #ffffff; background-color : #93413b; } #sp-site-navigation-1 ul ul li.current-menu-ancestor > a{ color : #ffffff; background-color : #93413b; } #sp-site-navigation-1 ul ul li.current-menu-item > a{ color : #ffffff; background-color : #93413b; } #sp-site-navigation-1 ul ul li.current_page_ancestor > a{ color : #ffffff; background-color : #93413b; } #sp-site-navigation-1 ul ul li.current_page_item > a{ color : #ffffff; background-color : #93413b; } #sp-site-navigation-1 ul ul li:hover{ border-bottom-width : 0px; display : block; position : relative; } #sp-site-navigation-1 ul ul li:hover > ul{ background-color : #93413b; border-bottom-width : 1px; display : block; top : 0px; left : 100%; } #sp-site-navigation-1 > ul{ background-repeat : no-repeat; text-align : left; padding-left : 15px; padding-right : 15px; padding-bottom : 0px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 100%; max-width : 1000px; height : 50px; list-style-type : none; } #sp-site-navigation-1 > ul::after{ clear : both; display : table; content : ""; } #sp-site-navigation-1 > ul > li.current-menu-ancestor > a{ color : #93413b; text-decoration : none; border-bottom-width : 5px; border-bottom-style : solid; border-bottom-color : #93413b; height : 45px; } #sp-site-navigation-1 > ul > li.current-menu-item > a{ color : #93413b; text-decoration : none; border-bottom-width : 5px; border-bottom-style : solid; border-bottom-color : #93413b; height : 45px; } #sp-site-navigation-1 > ul > li.current_page_ancestor > a{ color : #93413b; text-decoration : none; border-bottom-width : 5px; border-bottom-style : solid; border-bottom-color : #93413b; height : 45px; } #sp-site-navigation-1 > ul > li.current_page_item > a{ color : #93413b; text-decoration : none; border-bottom-width : 5px; border-bottom-style : solid; border-bottom-color : #93413b; height : 45px; } #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:active{ color : #93413b; text-decoration : none; border-bottom-width : 5px; border-bottom-style : solid; border-bottom-color : #93413b; height : 45px; } #sp-site-navigation-1 > ul > li > a:hover{ color : #93413b; text-decoration : none; border-bottom-width : 5px; border-bottom-style : solid; border-bottom-color : #93413b; height : 45px; } @media screen and (max-width: 568px) { #sp-site-navigation-1{ background-color : #93413b; background-image : none; padding-top : 0px; margin-top : 0px; margin-bottom : 10px; position : relative; } #sp-site-navigation-1 .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; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : rgba(255, 255, 255, 0.1); display : none; cursor : pointer; } #sp-site-navigation-1 .screen-reader-text{ display : none; } #sp-site-navigation-1 li{ background-repeat : repeat-x; background-position : left top; padding-left : 0px; border-left-width : 0px; } #sp-site-navigation-1 li a{ color : #ffffff; display : block; } #sp-site-navigation-1 ul{ background-color : #f1e8d8; 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; color : #93413b; background-color : #f1e8d8; background-repeat : no-repeat; background-position : 5px 12px; text-decoration : none; padding-top : 8px; padding-left : 25px; padding-right : 10px; padding-bottom : 7px; height : auto; float : none; } #sp-site-navigation-1 ul li a:active{ color : #ffffff; text-decoration : none; 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; } #sp-site-navigation-1 ul li a:hover{ color : #ffffff; text-decoration : none; 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; } #sp-site-navigation-1 ul li li{ background-image : 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 : medium; border-bottom-style : none; border-bottom-color : initial; } #sp-site-navigation-1 ul ul li a{ color : #93413b; padding-top : 8px; padding-left : 50px; padding-right : 50px; padding-bottom : 8px; border-bottom-width : medium; border-bottom-style : none; border-bottom-color : initial; } #sp-site-navigation-1 ul ul li a:hover{ color : #ffffff; background-color : #93413b; 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; height : auto; } #sp-site-navigation-1 ul > li{ color : #ffffff; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; } .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; } .button-menu#sp-site-navigation-1 > ul > ul{ display : block; } #sp-site-navigation-1 > ul > li.current-menu-ancestor > a{ color : #ffffff; background-color : #93413b; 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; height : auto; } #sp-site-navigation-1 > ul > li.current-menu-item > a{ color : #ffffff; background-color : #93413b; 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; height : auto; } #sp-site-navigation-1 > ul > li.current_page_ancestor > a{ color : #ffffff; background-color : #93413b; 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; height : auto; } #sp-site-navigation-1 > ul > li.current_page_item > a{ color : #ffffff; background-color : #93413b; 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; height : auto; } #sp-site-navigation-1 > ul > li > a:hover{ color : #ffffff; background-color : #93413b; 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; height : auto; } } #sp-page-title-10{ font-weight : bold; color : #95423c; background-color : transparent; background-image : url(img/icon_viewtype-date-h3.png); background-repeat : no-repeat; background-attachment : scroll; background-position : left 85%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; padding-top : 20px; padding-left : 10px; padding-right : 10px; padding-bottom : 12px; } #sp-page-title-10 > h1{ font-size : 20px; margin-bottom : 0px; } #sp-site-navigation-2{ background-color : transparent; text-align : center; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 25px; width : 100%; box-sizing : border-box; } #sp-site-navigation-2 .menu-toggle{ display : none; } #sp-site-navigation-2 .screen-reader-text{ display : none; } #sp-site-navigation-2 a{ color : #93413b; text-decoration : none; } #sp-site-navigation-2 a:focus{ color : #93413b; text-decoration : underline; } #sp-site-navigation-2 a:hover{ color : #93413b; text-decoration : underline; } #sp-site-navigation-2 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-2 ul li{ display : inline; } #sp-site-navigation-2 ul li ul{ display : none; } #sp-site-navigation-2 ul li::after{ margin-top : 0px; margin-left : 5px; margin-right : 5px; margin-bottom : 0px; content : '/'; } #sp-site-navigation-2 ul li:last-child::after{ content : ''; } @media screen and (max-width: 568px) { #sp-site-navigation-2{ margin-bottom : 10px; width : 100%; } #sp-site-navigation-2 .menu-toggle{ display : none; cursor : pointer; } #sp-site-navigation-2 .screen-reader-text{ display : none; } #sp-site-navigation-2 ul{ display : block; list-style-type : none; list-style-position : outside; } #sp-site-navigation-2 ul li{ display : block; } #sp-site-navigation-2 ul li::after{ margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; content : ''; } #sp-site-navigation-2 ul ul{ display : none; } .button-menu#sp-site-navigation-2{ background-color : #93413b; padding-top : 0px; margin-top : 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 : #93413b; border-left-color : #93413b; border-right-color : #93413b; border-bottom-color : #93413b; position : relative; } .button-menu#sp-site-navigation-2 .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-2 ul{ display : none; } .button-menu#sp-site-navigation-2 ul.toggled-on{ display : block; } .button-menu#sp-site-navigation-2 ul.toggled-on li{ background-color : #ffffff; } } #breadcrumb-list{ margin-left : 2px; } #breadcrumb-list a{ color : #262626; text-decoration : none; outline-width : medium; outline-style : none; outline-color : black; } #breadcrumb-list a:active{ text-decoration : underline; } #breadcrumb-list a:focus{ text-decoration : underline; } #breadcrumb-list a:hover{ text-decoration : underline; } #breadcrumb-list div{ margin-top : 0px; margin-right : 6px; width : auto; display : inline-block; } @media screen and (max-width: 568px) { #breadcrumb-list{ padding-left : 0px; padding-right : 10px; } } #sp-site-branding-1{ padding-top : 16px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 100%; } #sp-site-branding-1 .inner-box{ margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 1000px; } #sp-site-branding-1 .site-description{ font-size : 1rem; color : #ffffff; background-image : url(img/bg_hpb-site-desc.png); text-align : left; padding-top : 0.5rem; padding-left : 2rem; padding-right : 0px; padding-bottom : 0px; width : 1000px; position : absolute; top : 0px; box-sizing : border-box; } #sp-site-branding-1 .site-title{ margin-top : 20px; margin-left : 50px; margin-right : 0px; margin-bottom : 0px; width : 299px; height : 60px; float : left; overflow : hidden; } #sp-site-branding-1 .site-title a{ background-image : url(img/site-branding-1.png); background-repeat : no-repeat; text-indent : -9999px; padding-top : 50px; width : 299px; height : 60px; display : block; } @media screen and (max-width: 568px) { #sp-site-branding-1{ width : 100%; min-height : 10%; overflow : hidden; } #sp-site-branding-1 .inner-box{ width : 100%; } #sp-site-branding-1 .site-description{ color : #515d6a; background-color : transparent; 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-align : left; padding-top : 0px; padding-left : 10px; padding-right : 10px; padding-bottom : 0px; margin-top : 8px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 100%; position : absolute; top : 0px; left : 0px; box-sizing : border-box; } #sp-site-branding-1 .site-title{ padding-top : 30px; padding-left : 10px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 100%; height : 90px; float : none; } #sp-site-branding-1 .site-title a{ width : 100%; } } #sp-button-3, #sp-button-4{ margin-bottom : 6px; width : 120px; } #sp-button-3 > a, #sp-button-4 > a{ font-size : 1.4rem; font-weight : normal; color : #005a0f; background-color : #25bf3f; 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 : 6px; padding-right : 6px; padding-bottom : 2px; 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 : #41c65a; border-left-color : #41c65a; border-right-color : #41c65a; border-bottom-color : #41c65a; 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-shadow : 0px 4px 0px #0a871e; display : block; position : relative; } #sp-button-3 > a:active, #sp-button-4 > a:active{ box-shadow : 0px 2px 0px #00af1e; position : relative; top : 2px; } #sp-button-3 > a:hover, #sp-button-4 > a:hover{ background-color : #00af1e; } .page-custom8#content #page-content .large, #sp-block-container-1 .large, #sp-block-container-2 .large{ font-size : 1.5rem; } .page-custom8#content #page-content .medium, #sp-block-container-1 .medium, #sp-block-container-2 .medium{ font-size : 1.4rem; } .page-custom8#content #page-content .small, #sp-block-container-1 .small, #sp-block-container-2 .small{ font-size : 1.2rem; } .page-custom8#content #page-content .x-large, #sp-block-container-1 .x-large, #sp-block-container-2 .x-large{ font-size : 1.8rem; } .page-custom8#content #page-content .x-small, #sp-block-container-1 .x-small, #sp-block-container-2 .x-small{ font-size : 1.1rem; } .page-custom8#content #page-content .xx-large, #sp-block-container-1 .xx-large, #sp-block-container-2 .xx-large{ font-size : 2rem; } .page-custom8#content #page-content .xx-small, #sp-block-container-1 .xx-small, #sp-block-container-2 .xx-small{ font-size : 1rem; } .page-custom8#content #page-content em, #sp-block-container-1 em, #sp-block-container-2 em{ font-style : oblique; color : #262626; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #262626; } .page-custom8#content #page-content hr, #sp-block-container-1 hr, #sp-block-container-2 hr{ padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 25px; margin-left : 0px; margin-right : 0px; margin-bottom : 25px; border-top-width : 1px; border-left-width : 0px; border-right-width : 0px; border-bottom-width : 0px; 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 : 0px; } .page-custom8#content #page-content strong, #sp-block-container-1 strong, #sp-block-container-2 strong{ font-weight : bold; color : #262626; } .page-custom8#content #page-content > h1, #sp-block-container-1 > h1, #sp-block-container-2 > h1{ font-size : 21px; font-weight : bold; text-align : left; padding-top : 0px; padding-left : 10px; padding-right : 0px; padding-bottom : 5px; border-bottom-width : 2px; border-bottom-style : solid; border-bottom-color : #d5d0be; clear : both; position : relative; } .page-custom8#content #page-content > h2, #sp-block-container-1 > h2, #sp-block-container-2 > h2{ font-size : 18px; font-weight : bold; text-align : left; padding-top : 0px; padding-left : 10px; padding-right : 0px; padding-bottom : 5px; border-bottom-width : 2px; border-bottom-style : solid; border-bottom-color : #d5d0be; clear : both; position : relative; } .page-custom8#content #page-content > h3, #sp-block-container-1 > h3, #sp-block-container-2 > h3{ font-size : 1.6rem; font-weight : bold; text-align : left; padding-top : 0px; padding-left : 10px; padding-right : 0px; padding-bottom : 5px; border-bottom-width : 2px; border-bottom-style : solid; border-bottom-color : #d5d0be; clear : both; position : relative; } .page-custom8#content #page-content > h4, #sp-block-container-1 > h4, #sp-block-container-2 > h4{ font-size : 14px; font-weight : normal; line-height : 1.2; color : #262626; 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; min-height : 25px; clear : both; } .page-custom8#content #page-content > h5, #sp-block-container-1 > h5, #sp-block-container-2 > h5{ font-size : 13px; line-height : 1.2; text-align : left; padding-top : 5px; padding-bottom : 5px; margin-top : 0px; margin-bottom : 1em; clear : both; } .page-custom8#content #page-content > h6, #sp-block-container-1 > h6, #sp-block-container-2 > h6{ font-size : 11px; } .page-custom8#content #page-content > p, #sp-block-container-1 > p, #sp-block-container-2 > p{ font-size : 1.4rem; line-height : 1.4; color : #666666; text-align : left; padding-left : 0.1em; padding-right : 0.1em; margin-top : 0.5em; margin-bottom : 1.5em; } .page-custom8#content #page-content > p.indent, #sp-block-container-1 > p.indent, #sp-block-container-2 > p.indent{ padding-left : 1em; } @media screen and (max-width: 568px) { #content.page-custom8 #page-content, #sp-block-container-1, #sp-block-container-2 { } } #sp-button-1, #sp-button-2{ margin-bottom : 6px; width : 120px; } #sp-button-1 > a, #sp-button-2 > a{ font-size : 1.4rem; font-weight : normal; color : #ffffff; background-color : #5c75fb; 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 : 6px; padding-right : 6px; padding-bottom : 2px; 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 : #7d91fb; border-left-color : #7d91fb; border-right-color : #7d91fb; border-bottom-color : #7d91fb; box-shadow : 0px 4px 0px #4557bb; display : block; position : relative; } #sp-button-1 > a:active, #sp-button-2 > a:active{ box-shadow : 0px 2px 0px #4557bb; position : relative; top : 2px; } #sp-button-1 > a:hover, #sp-button-2 > a:hover{ background-color : #4c68ff; } @media not screen, screen and (min-width: 569px) { #sp-image-1{ text-decoration : none; border-top-left-radius : 6px 6px; border-top-right-radius : 6px 6px; border-bottom-right-radius : 6px 6px; border-bottom-left-radius : 6px 6px; box-shadow : 0px 3px 4px rgba(0, 0, 0, 0.5); } } @media screen and (max-width: 568px) { #sp-image-1{ max-width : 100%; } } @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 : #5b5a59; text-align : right; } #sp-button-1{ margin-right : 11px; width : 118px; } #sp-image-1{ width : 610px; height : 250px; } } @media screen and (max-width: 568px) { #sp-block-container-1{ width : 100%; top : 0px; left : 0%; } #sp-block-container-1 p{ font-size : 1rem; color : #5b5a59; text-align : left; padding-top : 0px; padding-left : 10px; padding-right : 10px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; width : 100%; box-sizing : border-box; } } -->