お問�; } /* body */ body{ text-align: 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{ padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-bottom : 0px; width : 100%; } #colophon .inner-box{ background-color : #f6efd6; padding-top : 30px; padding-left : 10px; padding-right : 10px; padding-bottom : 30px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; border-left-width : 1px; border-right-width : 1px; border-left-style : solid; border-right-style : solid; border-left-color : #faebd1; border-right-color : #faebd1; box-sizing : border-box; } #content{ background-color : #fef9ef; } #contenthead{ background-color : #fef9ef; } #hpb-skip{ text-indent : -9999px; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; height : 1px; overflow : hidden; } #main{ background-color : #fef9ef; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 20px; border-left-width : 1px; border-right-width : 1px; border-left-style : solid; border-right-style : solid; border-left-color : #faebd1; border-right-color : #faebd1; position : relative; } #main::after{ clear : both; display : table; content : ""; } #masthead{ background-color : #fef9ef; margin-left : auto; margin-right : auto; border-top-width : 1px; border-left-width : 1px; border-right-width : 1px; border-top-style : solid; border-left-style : solid; border-right-style : solid; border-top-color : #faebd1; border-left-color : #faebd1; border-right-color : #faebd1; } #primary{ background-color : #ffffff; } a{ color : #768ab8; text-decoration : underline; } a:active{ color : #ff4200; text-decoration : underline; } a:hover{ color : #ff4200; text-decoration : underline; } body{ color : #755f4c; background-color : #ffffff; background-image : url(img/bg_hpb-container.png); background-repeat : repeat-x; background-position : center top; } @media not screen, screen and (min-width: 569px) { #body{ min-width : 960px; } #colophon .inner-box{ background-color : #f6efd6; padding-top : 30px; padding-left : 10px; padding-right : 10px; padding-bottom : 30px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; border-left-width : 1px; border-right-width : 1px; border-left-style : solid; border-right-style : solid; border-left-color : #faebd1; border-right-color : #faebd1; width : 1000px; box-sizing : border-box; } #main{ margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 1000px; } #masthead{ width : 1000px; height : auto; } } @media not screen, screen and (min-width: 569px) { #content{ margin-left : 10px; width : 658px; float : left; } #contenthead{ width : 1000px; } #main-inner{ width : 1000px; } #sidebar2{ margin-right : 10px; width : 300px; float : right; } } #breadcrumb-list{ margin-left : 20px; } #breadcrumb-list div{ margin-right : 10px; margin-bottom : 20px; width : auto; display : inline-block; } @media screen and (max-width: 568px) { #breadcrumb-list{ padding-left : 10px; padding-right : 10px; } } #sp-site-navigation-2{ background-color : #f6efd6; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; width : 100%; box-sizing : border-box; } #sp-site-navigation-2 .menu-sub-menu-container{ padding-top : 20px; border-top-width : 1px; border-top-style : solid; border-top-color : white; } #sp-site-navigation-2 .menu-toggle{ display : none; } #sp-site-navigation-2 .screen-reader-text{ display : none; } #sp-site-navigation-2 a{ color : #88a886; text-decoration : underline; } #sp-site-navigation-2 a:active{ color : #3f623d; text-decoration : underline; } #sp-site-navigation-2 a:hover{ color : #3f623d; text-decoration : underline; } #sp-site-navigation-2 div.menu{ padding-top : 20px; border-top-width : 1px; border-top-style : solid; border-top-color : white; } #sp-site-navigation-2 ul{ padding-top : 10px; padding-left : 0px; padding-right : 0px; padding-bottom : 10px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 100%; 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 : ''; } @media screen and (max-width: 568px) { #sp-site-navigation-2{ text-align : center; } #sp-site-navigation-2 .menu-toggle{ display : none; cursor : pointer; } #sp-site-navigation-2 .screen-reader-text{ display : none; } #sp-site-navigation-2 ul{ width : 100%; display : block; } #sp-site-navigation-2 ul li{ background-color : #f6efd6; display : block; } #sp-site-navigation-2 ul ul{ display : none; } .button-menu#sp-site-navigation-2{ background-color : #ec9c7d; 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 : #ffffff; border-left-color : #ffffff; border-right-color : #ffffff; border-bottom-color : #ffffff; 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; } } #hpb-sidebar-main-nav li.current-menu-item .sub-menu a{ line-height : 1.4; background-image : none; padding-top : 8px; padding-left : 8px; padding-bottom : 8px; height : auto; display : block; } #hpb-sidebar-main-nav ul .sub-menu li a{ line-height : 1.4; background-image : none; padding-top : 8px; padding-left : 8px; padding-bottom : 8px; height : auto; display : block; } #sp-site-navigation-1{ font-size : 1.3rem; padding-top : 10px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 30px; overflow : visible; } #sp-site-navigation-1 .menu-toggle{ display : none; } #sp-site-navigation-1 .screen-reader-text{ display : none; } #sp-site-navigation-1 .sub-menu h1{ display : none; } #sp-site-navigation-1 a{ color : #88a886; text-decoration : none; } #sp-site-navigation-1 li{ float : left; z-index : 100; } #sp-site-navigation-1 li a{ font-size : 0.9em; padding-left : 15px; padding-right : 7px; float : left; display : block; } #sp-site-navigation-1 li.current-menu-item .sub-menu a{ line-height : 1.4; background-image : none; padding-top : 8px; padding-left : 8px; padding-bottom : 8px; height : auto; display : block; } #sp-site-navigation-1 ul{ text-align : left; padding-top : 20px; padding-left : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; list-style-type : none; } #sp-site-navigation-1 ul .sub-menu{ background-color : #ebe3c6; background-image : none; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 44px; margin-left : 0px; margin-right : 0px; height : auto; display : none; position : absolute; z-index : 200; } #sp-site-navigation-1 ul .sub-menu .current-menu-item a{ color : #e3cb67; } #sp-site-navigation-1 ul .sub-menu a:hover{ color : #e3cb67; } #sp-site-navigation-1 ul .sub-menu li a{ line-height : 1.4; background-image : none; padding-top : 8px; padding-left : 8px; padding-bottom : 8px; height : auto; display : block; } #sp-site-navigation-1 ul .sub-menu ul{ padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; } #sp-site-navigation-1 ul li a:active{ color : #3f623d; text-decoration : underline; } #sp-site-navigation-1 ul li a:hover{ color : #3f623d; text-decoration : underline; } #sp-site-navigation-1 ul li:hover .sub-menu{ display : block; } #sp-site-navigation-1 ul ul a{ 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; float : none; } #sp-site-navigation-1 ul ul li{ border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; float : none; } #sp-site-navigation-1 > ul{ background-color : #f6efd7; padding-top : 8px; padding-left : 20px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : auto; height : 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 : 2px; float : left; } #sp-site-navigation-1 > ul > li.current-menu-ancestor > a{ color : #3f623d; text-decoration : underline; } #sp-site-navigation-1 > ul > li.current-menu-item > a{ color : #3f623d; text-decoration : underline; } #sp-site-navigation-1 > ul > li.current_page_ancestor > a{ color : #3f623d; text-decoration : underline; } #sp-site-navigation-1 > ul > li.current_page_item > a{ color : #3f623d; text-decoration : underline; } #sp-site-navigation-1 > ul > li > a{ font-size : 1em; line-height : 26px; background-image : url(img/bg_hpb-main-nav-li.png); background-repeat : no-repeat; background-position : left 5px; padding-top : 5px; padding-left : 28px; padding-right : 15px; padding-bottom : 13px; float : left; display : block; } @media screen and (max-width: 568px) { #sp-site-navigation-1{ background-color : #ec9c7d; background-image : none; padding-top : 0px; margin-top : 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 : 5px; padding-left : 5px; padding-right : 5px; padding-bottom : 5px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; height : 30px; 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{ display : block; } #sp-site-navigation-1 ul{ background-color : #f6f0d7; background-image : none; padding-top : 6px; padding-left : 10px; padding-right : 10px; padding-bottom : 6px; margin-bottom : 0px; width : auto; height : auto; display : block; } #sp-site-navigation-1 ul .current-menu-item .sub-menu a{ color : #418ec4; background-color : transparent; padding-top : 8px; } #sp-site-navigation-1 ul .sub-menu{ background-color : transparent; padding-top : 0px; margin-top : 0px; display : block; position : static; } #sp-site-navigation-1 ul .sub-menu a{ color : #418ec4; background-color : transparent; padding-top : 8px; } #sp-site-navigation-1 ul .sub-menu li{ background-image : none; border-bottom-width : medium; border-bottom-style : none; border-bottom-color : initial; } #sp-site-navigation-1 ul .sub-menu li a{ background-color : transparent; padding-left : 2em; } #sp-site-navigation-1 ul li{ background-image : url(img/border_hpb-main-nav-li_sp.png); background-repeat : repeat-x; background-position : left bottom; padding-top : 2px; padding-bottom : 2px; width : auto; float : none; } #sp-site-navigation-1 ul li a{ font-size : 1.2em; line-height : 24px; color : #88a886; background-image : url(img/bg_hpb-main-nav-li_sp.png); background-repeat : no-repeat; background-position : 5px 12px; text-decoration : none; padding-top : 8px; padding-left : 25px; padding-right : 10px; padding-bottom : 7px; 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; float : none; } #sp-site-navigation-1 ul li a:active{ color : #3f623d; text-decoration : underline; } #sp-site-navigation-1 ul li a:hover{ color : #3f623d; text-decoration : underline; } #sp-site-navigation-1 ul li.current-menu-item a{ color : #3f623d; text-decoration : underline; } #sp-site-navigation-1 ul li:hover .sub-menu{ margin-top : 0px; display : block; position : static; z-index : auto; } #sp-site-navigation-1 ul ul{ background-color : transparent; margin-left : 1em; 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; display : block; position : static; } #sp-site-navigation-1 ul ul li{ border-bottom-width : medium; border-bottom-style : none; border-bottom-color : initial; width : 100%; } #sp-site-navigation-1 ul ul li a{ color : #222222; padding-top : 5px; padding-left : 2em; padding-right : 2em; padding-bottom : 5px; display : block; } .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-button-1{ width : 122px; } #sp-button-1 > a{ font-size : 12px; font-family : Arial, Helvetica, sans-serif; color : #ffffff; background-color : transparent; background-image : linear-gradient(to bottom, #f66369 0%, #e64b51 100%); 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 : 6px; padding-left : 0px; padding-right : 0px; padding-bottom : 6px; border-top-width : 0px; border-left-width : 0px; border-right-width : 0px; border-bottom-width : 0px; border-top-style : solid; border-left-style : solid; border-right-style : solid; border-bottom-style : solid; border-top-color : #cecece; border-left-color : #cecece; border-right-color : #cecece; border-bottom-color : #cecece; border-top-left-radius : 4px 4px; border-top-right-radius : 4px 4px; border-bottom-right-radius : 4px 4px; border-bottom-left-radius : 4px 4px; display : block; position : relative; } #sp-button-1 > a:active{ background-color : transparent; background-image : linear-gradient(to bottom, #e64b51 0%, #f66369 100%); background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; } #sp-button-1> a:hover { } .page-contact1#content #page-content .large, #sp-block-container-1 .large{ font-size : 1.2em; } .page-contact1#content #page-content .medium, #sp-block-container-1 .medium{ font-size : 1em; } .page-contact1#content #page-content .small, #sp-block-container-1 .small{ font-size : 0.9em; } .page-contact1#content #page-content .x-large, #sp-block-container-1 .x-large{ font-size : 1.5em; } .page-contact1#content #page-content .x-small, #sp-block-container-1 .x-small{ font-size : 0.8em; } .page-contact1#content #page-content .xx-large, #sp-block-container-1 .xx-large{ font-size : 2em; } .page-contact1#content #page-content .xx-small, #sp-block-container-1 .xx-small{ font-size : 0.7em; } .page-contact1#content #page-content em, #sp-block-container-1 em{ font-style : oblique; color : #515151; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #515151; } .page-contact1#content #page-content hr, #sp-block-container-1 hr{ color : #cccccc; 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 : #cccccc; border-left-color : initial; border-right-color : initial; border-bottom-color : initial; height : 1px; } .page-contact1#content #page-content strong, #sp-block-container-1 strong{ font-weight : bold; color : #515151; } .page-contact1#content #page-content > h1, #sp-block-container-1 > h1{ font-size : 20px; background-image : url(img/border_divbox_02.png),url(img/bg_hpb-main-nav-li.png),url(img/bg_hpb-main-nav-li.png); background-repeat : repeat-x,no-repeat,no-repeat; background-position : left bottom,8px 4px,615px 4px; padding-top : 4px; padding-left : 41px; padding-right : 41px; padding-bottom : 10px; margin-top : 20px; } .page-contact1#content #page-content > h2, #sp-block-container-1 > h2{ font-size : 18px; background-image : url(img/border_divbox_02.png),url(img/bg_hpb-main-nav-li.png),url(img/bg_hpb-main-nav-li.png); background-repeat : repeat-x,no-repeat,no-repeat; background-position : left bottom,8px 3px,615px 3px; padding-top : 4px; padding-left : 41px; padding-right : 41px; padding-bottom : 10px; margin-top : 20px; } .page-contact1#content #page-content > h3, #sp-block-container-1 > h3{ font-size : 16px; background-image : url(img/border_divbox_02.png),url(img/bg_hpb-main-nav-li.png),url(img/bg_hpb-main-nav-li.png); background-repeat : repeat-x,no-repeat,no-repeat; background-position : left bottom,8px 2px,615px 2px; padding-top : 4px; padding-left : 41px; padding-right : 41px; padding-bottom : 10px; margin-top : 20px; } .page-contact1#content #page-content > h4, #sp-block-container-1 > h4{ font-size : 1.15em; line-height : 1.2; text-align : left; padding-top : 5px; padding-left : 0px; padding-right : 0px; padding-bottom : 2px; margin-top : 3px; margin-left : 0px; margin-right : 0px; margin-bottom : 1em; clear : both; } .page-contact1#content #page-content > h5, #sp-block-container-1 > h5{ font-size : 1.08em; line-height : 1.2; text-align : left; padding-top : 5px; padding-bottom : 5px; margin-top : 0px; margin-bottom : 1em; clear : both; } .page-contact1#content #page-content > h6, #sp-block-container-1 > h6{ font-size : 1em; } .page-contact1#content #page-content > p, #sp-block-container-1 > p{ line-height : 1.4; color : #515151; text-align : left; margin-top : 0.5em; margin-left : 1em; margin-right : 1em; margin-bottom : 0.5em; } .page-contact1#content #page-content > p.indent, #sp-block-container-1 > p.indent{ padding-left : 10px; } @media screen and (max-width: 568px) { #content.page-contact1 #page-content, #sp-block-container-1 { } } #sp-page-title-7{ font-size : 1rem; font-weight : normal; color : #755f4c; background-image : url(img/bg_hpb-page-title.png),url(img/bg_hpb-main-nav-li.png); background-repeat : repeat-x,no-repeat; background-position : left bottom,8px 0em; padding-left : 41px; padding-bottom : 1px; margin-top : 0px; margin-bottom : 20px; } #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; zoom : 1; } #sp-definition-list-1 > dd{ line-height : 18px; background-image : url(img/icon_arrow_01.png); background-repeat : no-repeat; background-position : 145px 0.7em; text-align : left; padding-top : 10px; padding-left : 170px; padding-right : 0px; padding-bottom : 10px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; display : block; } #sp-definition-list-1 > dd::after{ clear : both; display : block; content : ""; } #sp-definition-list-1 > dt{ font-weight : bold; line-height : 16px; text-align : left; padding-top : 10px; padding-left : 10px; 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{ background-position : 0px 0.7em; padding-top : 10px; padding-left : 26px; 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 : 2px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; width : 100%; float : none; } } #sp-form-1{ width : 100%; min-height : 339px; } #sp-form-1 input{ font-size : 1.4rem; font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", Arial, sans-serif; padding-top : 5px; padding-left : 5px; padding-right : 5px; padding-bottom : 5px; width : 90%; } #sp-form-1 input[type="radio"]{ vertical-align : middle; width : 20px; } #sp-form-1 input[type="submit"]{ font-size : 1.4rem; color : #555555; background-color : #dcdada; padding-top : 5px; padding-left : 8px; padding-right : 8px; padding-bottom : 5px; margin-top : 10px; width : auto; min-width : 100px; float : right; position : relative; cursor : pointer; } #sp-form-1 table{ width : 100%; border-collapse : collapse; border-spacing : 0px 0px; } #sp-form-1 td{ background-color : #ffffff; padding-top : 5px; padding-left : 18px; padding-right : 18px; padding-bottom : 5px; 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 : #d8d8d8; border-left-color : #d8d8d8; border-right-color : #d8d8d8; border-bottom-color : #d8d8d8; width : auto; } #sp-form-1 textarea{ font-size : 1.4rem; font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", Arial, sans-serif; } #sp-form-1 textarea[name="message"]{ padding-top : 5px; padding-left : 5px; padding-right : 5px; padding-bottom : 5px; width : 90%; height : 150px; } #sp-form-1 th{ font-weight : normal; background-color : #f6eccd; text-align : left; padding-top : 5px; padding-left : 18px; padding-right : 18px; padding-bottom : 5px; 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 : #d8d8d8; border-left-color : #d8d8d8; border-right-color : #d8d8d8; border-bottom-color : #d8d8d8; width : auto; min-width : 50px; } @media screen and (max-width: 568px) { #sp-form-1 input{ width : 90%; } #sp-form-1 input[type="submit"]{ margin-bottom : 25px; } #sp-form-1 table { } #sp-form-1 td{ width : auto; display : block; } #sp-form-1 textarea{ width : 90%; } #sp-form-1 textarea[name="message"]{ width : 90%; } #sp-form-1 th{ width : auto; display : block; } } #sp-sns-button-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 : 100%; list-style-type : none; list-style-position : outside; } #sp-sns-button-1 > ul > li{ margin-top : 2px; margin-left : 0px; margin-right : 5px; margin-bottom : 0px; float : left; display : inline-block; } #sp-button-1> a:hover { } @media not screen, screen and (min-width: 569px) { #sp-button-1{ width : 124px; min-height : 30px; } #sp-sns-button-1{ margin-left : 0px; margin-right : 374px; width : 339px; min-height : 78px; } } --> </style></head> <body class="basic" id="hpb-sp-19-0005-99"> <div id="page" class="site"> <header id="masthead" class="site-header sp-part-top" role="banner" style="min-height: 100px"></header> <div id="main" class="site-main"> <div id="contenthead" class="sp-part-top"> <div id="sp-button-1" class="sp-part-top"><a href="http://mishinncafe-lefil.com">店舗サイトはこちら</a></div> <div id="breadcrumb-list" class="sp-part-top"> <div><a href="index.html">トップ</a></div> <div>›</div> <div>お問い合わせ</div></div> <div id="sp-sns-button-1" class="sp-part-top"> <ul> <li><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Flefil-bennrinote.com%2F&layout=button_count&width=120&height=21&send=true&show_faces=true&share=false&action=like&colorscheme=light&font" scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:120px; height:21px;"></iframe> <li><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js" charset="utf-8"></script> <li><a href="http://line.me/R/msg/text/?%E3%83%9F%E3%82%B7%E3%83%B3%E3%82%AB%E3%83%95%E3%82%A7Lefil%E3%81%AE%E3%82%B5%E3%83%96%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A7%E3%81%99%0D%0Ahttp%3A%2F%2Flefil-bennrinote.com%2F"><img src="img/linebutton_small.png" width="20" height="20" alt="ミシンカフェLefilのサブページです" style="border:none;"></a></ul></div> <nav id="sp-site-navigation-1" 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="index.html">トップページ</a> <li class="menu-item"><a href="concept.html">ワンピース・チュニック</a> <li class="menu-item"><a href="concept1.html">トップス</a> <li class="menu-item"><a href="concept2.html">スカート・パンツ</a> <li class="menu-item"><a href="concept3.html">ジャケット・コート</a> <li class="menu-item"><a href="concept4.html">バッグ・小物</a> <li class="menu-item current_page_item"><a href="contact1.html">お問い合わせ</a> <li class="menu-item"><a href="privacy1.html">プライバシーポリシー</a></ul></nav></div> <div id="main-inner"> <div id="primary" class="content-area"> <div id="content" class="site-content page-contact1" role="main"> <header id="sp-page-title-7" class="entry-header sp-part-top"> <h1 class="entry-title">お問い合わせ</h1></header> <article> <div id="page-content" class="sp-part-top"> <form id="sp-form-1" action="#" method="post" name="sp_form" class="sp-part-top"> <table> <tbody> <tr> <th>お問い合わせ内容</th> <td><textarea name="message" required="required"></textarea></td></tr> <tr> <th>お名前</th> <td><input type="text" name="name-kanji" required="required"></td></tr> <tr> <th>E-mail</th> <td><input type="text" name="email" required="required"></td></tr> <tr> <th>電話番号</th> <td><input type="text" name="tel" required="required"></td></tr></tbody></table><input type="submit" value="送信"></form> <p>お問い合わせは、こちらで受付しております。</p> <h3>電話・FAX</h3> <dl id="sp-definition-list-1" class="sp-part-top"> <dt>TEL <dd>079－269－8298　月・金・日：10～18時　火・木：14～１８時　 <dt>FAX <dd>079－269－8298</dl></div></article></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-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="index.html">トップページ</a></ul></nav> <div id="sp-block-container-1" class="sp-part-top"> <p style="text-align:center;font-size: 1rem;" class="hpb-copyright">Copyright © ○○○, All rights reserved.</p></div></div></footer></div><script type="text/javascript" src="navigation.js"></script></body></html>