h4.tt2{ color:steelblue; border-bottom:1px solid steelblue; } @media screen and (min-width: 568px) { .htTel{ margin-top:-25px; } } @media screen and (min-width: 568px) { .imT{ width:60%; } } .telL{ background-color:red; width:33%; margin: 0 0 0 auto; padding:2px; color:white; margin-bottom:5px; margin-top:-10px; } .telLm{ display:block; background-color:red; width:33%; padding:2px; padding-top:10px; color:white; margin-bottom:5px; margin-top:-40px; text-align:center; width:180px; height:30px; // padding-top:13px; position: relative; z-index:999; } @media screen and (min-width: 568px) { span.smt{ font-size:13px; margin-top: -20px; display: inline-block; } } html,body{ width: 100%; } p{ line-height:180%; font-family: 'Kosugi Maru', sans-serif; } #colophon { background-color : #f2f2f2; } #content { min-height : 50px; } #main-inner::after { clear : both; display : table; content : ""; } #main::after { clear : both; display : table; Shop content : ""; } #masthead { margin-bottom : 0px; background-image: url(../img/back2.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color:white; } #page { font-size : 1.2rem; } * { box-sizing : border-box; // } .entry-content { font-size : 1.4rem; } .hpb-viewtype-full> article::after { clear : both; display : table; content : ""; } .hpb-viewtype-simple> article::after { clear : both; display : table; content : ""; } .hpb-viewtype-thumbnail> article::after { clear : both; display : table; content : ""; } .navigation-post::after { clear : both; display : table; content : ""; } .screen-reader-text { display : none; } .searchform::after { clear : both; display : table; content : ""; } .sp-block-container { padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; } .sp-block-container> h1 { font-size : 2.4rem; } .sp-block-container> h2 { font-size : 1.8rem; } /* .sp-block-container> h3 { font-size : 1.5rem; } */ .sp-block-container> h4 { font-size : 1.4rem; } .sp-block-container> h5 { font-size : 1.3rem; } .sp-block-container> h6 { font-size : 1.1rem; } .sp-block-container> 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; } .sp-block-container> p { font-size : 1.3rem; line-height : 1.5; text-align : justify; padding-left : 0.1em; padding-right : 0.1em; margin-top : 0.5em; margin-bottom : 1.5em; text-justify : inter-ideograph; } .sp-block-container> p.indent { padding-left : 1em; } .sp-block-container> p.large { font-size : 1.2em; } .sp-bread-crumb div { padding-bottom : 10px; margin-top : 10px; margin-right : 10px; width : auto; display : inline-block; } .sp-button { width : 122px; } .sp-button a { text-decoration : none; text-align : center; padding-top : 6px; padding-left : 0px; padding-right : 0px; padding-bottom : 6px; 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 : #f0f0f0; border-left-color : #f0f0f0; border-right-color : #f0f0f0; border-bottom-color : #f0f0f0; border-top-left-radius : 5px 5px; border-top-right-radius : 5px 5px; border-bottom-right-radius : 5px 5px; border-bottom-left-radius : 5px 5px; height : 100%; display : block; box-sizing : border-box; } .sp-button a:hover { 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; } /* .sp-column.accordion> .column-label h3::after { border-top-width : 5px; border-left-width : 6px; border-right-width : 6px; border-top-style : solid; border-left-style : solid; border-right-style : solid; border-top-color : rgba(255, 255, 255, 0.45); border-left-color : transparent; border-right-color : transparent; width : 0px; height : 0px; display : block; position : absolute; top : 0.5em; right : 0px; content : ""; } .sp-column.toggled-on> .column-label h3::after { display : none; } .sp-column.toggled-on> .column-label h3::before { border-left-width : 6px; border-right-width : 6px; border-bottom-width : 5px; border-left-style : solid; border-right-style : solid; border-bottom-style : solid; border-left-color : transparent; border-right-color : transparent; border-bottom-color : rgba(255, 255, 255, 0.45); width : 0px; height : 0px; display : block; position : absolute; top : 0.5em; right : 0px; content : ""; } */ .sp-column> .column-body { padding-top : 5px; padding-left : 5px; padding-right : 5px; padding-bottom : 5px; } .sp-definition-list> dd { margin-left : 94px; margin-bottom : 25px; } .sp-definition-list> dt { padding-top : 5px; padding-left : 25px; padding-right : 0px; padding-bottom : 5px; margin-bottom : 10px; } .sp-form input { font-size : 1.4rem; font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif; } .sp-form input[type="date"] { padding-top : 5px; padding-left : 5px; padding-right : 5px; padding-bottom : 5px; width : 90%; } .sp-form input[type="radio"] { vertical-align : middle; width : 20px; } .sp-form 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 : 15px; width : auto; min-width : 100px; float : right; position : relative; cursor : pointer; } .sp-form input[type="text"] { padding-top : 5px; padding-left : 5px; padding-right : 5px; padding-bottom : 5px; width : 90%; } .sp-form table { border-top-width : 1px; border-left-width : 1px; border-top-style : solid; border-left-style : solid; border-top-color : #000000; border-left-color : #000000; width : 100%; border-collapse : collapse; border-spacing : 0px 0px; } .sp-form td { color : #000000; background-color : #ffffff; padding-top : 5px; padding-left : 18px; padding-right : 18px; padding-bottom : 5px; border-right-width : 1px; border-bottom-width : 1px; border-right-style : solid; border-bottom-style : solid; border-right-color : #000000; border-bottom-color : #000000; width : auto; } .sp-form textarea { 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%; height : 150px; } .sp-form th { font-weight : normal; color : #000000; background-color : #f4f4f4; text-align : left; padding-top : 5px; padding-left : 18px; padding-right : 18px; padding-bottom : 5px; border-right-width : 1px; border-bottom-width : 1px; border-right-style : solid; border-bottom-style : solid; border-right-color : #000000; border-bottom-color : #000000; width : auto; min-width : 50px; } .sp-google-map { max-width : 100%; word-wrap : normal; } .sp-google-map img { max-width : none !important; } .sp-item-gallery.grid> ul> li { overflow : hidden; } .sp-item-gallery.masonry> ul> li { height : auto !important; } .sp-list { padding-right : 1em; margin-bottom : 1.5em; list-style-position : inside; } .sp-list> li { text-align : justify; padding-top : 6px; padding-bottom : 6px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; text-justify : inter-ideograph; } .sp-page-title> h1 { font-size : 1.8rem; font-weight : bold; } .sp-part-top { display : block; position : relative; box-sizing : border-box; } .sp-part-top::after { clear : both; display : table; content : ""; } .sp-site-branding2 .site-description { font-size : 1rem; font-weight : normal; color : #929292; } .sp-site-navigation { color : black; background-color : white; } .sp-site-navigation .menu-toggle { display : none; cursor : pointer; } .sp-site-navigation.vertical { font-size : 1.3rem; border-top-width : 1px; border-bottom-width : 1px; border-top-style : solid; border-bottom-style : solid; border-top-color : #d2c9b8; border-bottom-color : #d2c9b8; width : 100%; } .sp-site-navigation.vertical ul { line-height : 30px; 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.vertical ul li.current-menu-ancestor> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.vertical ul li.current-menu-item> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.vertical ul li.current_page_ancestor> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.vertical ul li.current_page_item> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.vertical ul li> a { text-decoration : none; padding-top : 10px; padding-left : 20px; padding-right : 20px; padding-bottom : 10px; display : block; } .sp-site-navigation.vertical ul li> a:active { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.vertical ul li> a:hover { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.vertical ul ul li> a { padding-top : 10px; padding-left : 40px; padding-right : 40px; padding-bottom : 10px; } .sp-site-navigation.vertical> ul { margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 100%; } .sp-site-navigation.vertical> ul> li { padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; width : 100%; } .sp-site-navigation.vertical> ul> li:hover> ul { display : block; } .sp-table { margin-top : 5px; margin-left : auto; margin-right : auto; margin-bottom : 5px; border-top-width : 1px; border-left-width : 1px; border-top-style : solid; border-left-style : solid; border-top-color : #d8d8d8; border-left-color : #d8d8d8; width : 100%; display : table; border-collapse : collapse; } .sp-table> *> tr> td { padding-top : 5px; padding-left : 8px; padding-right : 8px; padding-bottom : 5px; border-right-width : 1px; border-bottom-width : 1px; border-right-style : solid; border-bottom-style : solid; border-right-color : #d8d8d8; border-bottom-color : #d8d8d8; } .sp-table> *> tr> th { padding-top : 5px; padding-left : 8px; padding-right : 8px; padding-bottom : 5px; border-right-width : 1px; border-bottom-width : 1px; border-right-style : solid; border-bottom-style : solid; border-right-color : #d8d8d8; border-bottom-color : #d8d8d8; } .sp-table> *> tr> th.col-title { background-color : rgba(0, 0, 0, 0.0625); } .sp-table> *> tr> th.row-title { background-color : rgba(0, 0, 0, 0.0625); } .sp-wp-post-list { padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 2em; margin-left : 0px; margin-right : 0px; margin-bottom : 2em; } .sp-wp-post-list .navigation-post { margin-top : 0.67em; } .sp-wp-post-list .navigation-post .nav-next { margin-right : 10px; float : right; } .sp-wp-post-list .navigation-post .nav-previous { margin-left : 10px; float : left; } .sp-wp-post-list .navigation-post::after { clear : both; display : table; content : ""; } .sp-wp-post-list .navigation-post> h1 { display : none; } .sp-wp-post-list> article { margin-top : 0.67em; margin-left : 0px; margin-right : 0px; margin-bottom : 0.67em; } .sp-wp-post-list> h3 { background-color : #f4f4f4; 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; } a { color : #555555; text-decoration : none; outline-width : medium; outline-style : none; outline-color : black; } a:hover { color : #19619a; } article { display : block; } aside { display : block; } body { overflow-x: hidden; font-size : 1.3rem; font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif; line-height : 1.5; color : #555555; background-color : #fdfdfd; text-align : left; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; word-wrap : break-word; } p{ font-size : 16px; } details { display : block; } dl { margin-top : 0px; box-sizing : border-box; font-size:16px; } figcaption { display : block; } figure { display : block; } footer { display : block; } h1 { margin-top : 0px; box-sizing : border-box; font-size:10px; color:#444; margin-bottom:0px; } @media screen and (max-width: 568px) { h1 { margin-top : -18px; /* padding-left:10px; padding-left:10px; */ width:95%; margin-left:2%; } } h2 { margin-top : 0px; box-sizing : border-box; } h3 { margin-top : 0px; box-sizing : border-box; } h4 { margin-top : 0px; box-sizing : border-box; } h5 { margin-top : 0px; box-sizing : border-box; } h6 { margin-top : 0px; box-sizing : border-box; } header { display : block; } hgroup { display : block; } html { font-size : 62.5%; } main { display : block; } nav { display : block; box-sizing : border-box; } ol { margin-top : 0px; box-sizing : border-box; } p { margin-top : 0px; box-sizing : border-box; } section { display : block; } summary { display : block; } table { margin-top : 0px; box-sizing : border-box; } ul { margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; box-sizing : border-box; } @media not screen, screen and (min-width: 569px) { #colophon-inner { margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 1000px; box-sizing : content-box; } #main { margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 1000px; box-sizing : content-box; background-content:white !important; } #main-inner { float : left; } #main-inner #contenthead { overflow : hidden; } #main-inner #contenthead> nav { padding-left : 0px; padding-right : 0px; margin-left : 0px; margin-right : 0px; } #masthead { margin-bottom : 0px; } #masthead-inner { margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; width : 1000px; box-sizing : content-box; } #page { margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; overflow : hidden; background-color:white !important; } #primary { float : right; } .home #contenthead { margin-bottom : 30px; } .sp-google-map { width : 400px; min-height : 300px; } .sp-site-branding2 { padding-top : 20px; } .sp-site-branding2 .extra> p { font-size : 1.3rem; color : #929292; text-align : right; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; } .sp-site-branding2 .extra> p.indent { padding-left : 1em; } .sp-site-branding2 .extra> p.large { font-size : 1.5rem; } .sp-site-branding2 .site-description { text-align : right; width : 100%; height : auto; position : absolute; top : 15px; } .sp-site-branding2 .site-title { margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; height : 86px; float : left; margin-top:-20px; } .sp-site-branding2 .site-title a { height : 100px; display : block; } .sp-site-navigation.horizontal 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.horizontal ul li.current-menu-ancestor> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal ul li.current-menu-item> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal ul li.current_page_ancestor> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal ul li.current_page_item> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal ul li> a { text-decoration : none; } .sp-site-navigation.horizontal ul li> a:active { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal ul li> a:hover { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal 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 : #3c3f53; border-left-color : #3c3f53; border-right-color : #3c3f53; border-bottom-color : initial; width : auto; min-width : 150px; display : none; position : absolute; top : 100%; left : 0px; z-index : 9999; } .sp-site-navigation.horizontal ul ul li { border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #3c3f53; width : 100%; white-space : nowrap; } .sp-site-navigation.horizontal ul ul li> a { padding-top : 5px; padding-left : 1em; padding-right : 1em; padding-bottom : 5px; display : block; } .sp-site-navigation.horizontal> ul::after { clear : both; display : table; content : ""; } .sp-site-navigation.horizontal> ul> li { float : left; position : relative; } .sp-site-navigation.horizontal> ul> li:hover { position : relative; } .sp-site-navigation.horizontal> ul> li:hover> ul { display : block; } .sp-site-navigation.horizontal> ul> li> a { padding-top : 0.5em; padding-left : 10px; padding-right : 10px; padding-bottom : 0.5em; display : block; } .sp-site-navigation.minimal { text-align : center; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 20px; } .sp-site-navigation.minimal 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.minimal ul li:last-child { margin-right : 0px; } .sp-site-navigation.minimal ul li> a:active { text-decoration : underline; } .sp-site-navigation.minimal ul li> a:hover { text-decoration : underline; } .sp-site-navigation.minimal> ul li { margin-right : 10px; display : inline; } .sp-site-navigation.minimal> ul ul { margin-left : 10px; display : inline; } .sp-yahoo-map { width : 400px; min-height : 300px; } body { min-width : 1000px; } } @media not screen, screen and (min-width: 569px) { #content { width : 1000px; } #contenthead { width : 1000px; } } @media screen and (max-width: 568px) { body { -webkit-text-size-adjust: 100%; } #content { padding-left : 10px; padding-right : 10px; } #masthead { margin-bottom : 0px; } * { box-sizing : border-box; } .home #contenthead { margin-bottom : 20px; } .sp-block-container { padding-top : 0px; padding-left : 5px; padding-right : 5px; padding-bottom : 0px; } .sp-bread-crumb { padding-left : 10px; padding-right : 10px; } .sp-definition-list> dd { margin-left : 20px; } .sp-form input { width : 90%; } .sp-form input[type="submit"] { } .sp-form table { border-top-width : 1px; border-top-style : solid; border-top-color : #d8d8d8; } .sp-form td { width : auto; display : block; } .sp-form textarea { width : 90%; } .sp-form th { width : auto; display : block; } .sp-google-map { width : 100%; min-height : 300px; } .sp-image { // max-width : 100%; // height : auto; height: 150px; object-fit: cover; } .sp-sidebar { padding-left : 10px; padding-right : 10px; } .sp-site-branding2 .extra { padding-top : 5px; } .sp-site-branding2 .extra> p { font-size : 1rem; color : #929292; 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%; } .sp-site-branding2 .site-description { text-align : center; } .sp-site-branding2 .site-title { text-align : center; } .sp-site-navigation .menu-toggle { background-color : rgba(0, 0, 0, 0.3); padding-top : 10px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; cursor : pointer; } .sp-site-navigation ul { list-style-type : none; list-style-position : outside; } .sp-site-navigation.button-menu .menu-toggle { display : block; } .sp-site-navigation.button-menu ul ul { display : block; } .sp-site-navigation.button-menu ul.toggled-on { display : block; } .sp-site-navigation.button-menu> ul { display : none; } .sp-site-navigation.horizontal { padding-top : 0px; margin-top : 10px; position : relative; } .sp-site-navigation.horizontal ul { background-color : #ffffff; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; width : auto; height : auto; } .sp-site-navigation.horizontal ul li { padding-left : 0px; border-left-width : 0px; width : auto; float : none; } .sp-site-navigation.horizontal ul li.current-menu-ancestor> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal ul li.current-menu-item> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal ul li.current_page_ancestor> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal ul li.current_page_item> a { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal ul li> a { line-height : 24px; padding-top : 8px; padding-left : 25px; padding-right : 10px; padding-bottom : 7px; float : none; display : block; } .sp-site-navigation.horizontal ul li> a:active { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal ul li> a:hover { color : #ffffff; background-color : rgba(0, 0, 0, 0.3); } .sp-site-navigation.horizontal 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.horizontal ul ul li { border-bottom-width : medium; border-bottom-style : none; border-bottom-color : initial; } .sp-site-navigation.horizontal ul ul li> a { 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.minimal { text-align : center; margin-bottom : 20px; } .sp-site-navigation.minimal 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.minimal ul li { display : block; } .sp-site-navigation.minimal ul li> a { display : block; } .sp-site-navigation.minimal ul li> a:hover { text-decoration : underline; } .sp-yahoo-map { width : 100%; min-height : 300px; } embed { max-width : 100%; } } #sp-wp-post-list-1 { background-color : #ffffff; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 30px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 30px; 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 : #bfbfbf; border-left-color : #bfbfbf; border-right-color : #bfbfbf; border-bottom-color : #bfbfbf; box-shadow : 0px 0px 5px 0px rgba(162, 162, 162, 0.2); } #sp-wp-post-list-1.hpb-viewtype-content> .hpb-more-entry a { margin-right : 30px; } #sp-wp-post-list-1.hpb-viewtype-date> .hpb-more-entry a { margin-right : 30px; } #sp-wp-post-list-1.hpb-viewtype-full { padding-bottom : 0px; 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; box-shadow : none; } #sp-wp-post-list-1.hpb-viewtype-full h3 { padding-bottom : 1px; 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 : #bfbfbf; border-left-color : #bfbfbf; border-right-color : #bfbfbf; border-bottom-color : #bfbfbf; } #sp-wp-post-list-1.hpb-viewtype-simple { padding-bottom : 0px; 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; box-shadow : none; } #sp-wp-post-list-1.hpb-viewtype-simple h3 { padding-bottom : 1px; 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 : #bfbfbf; border-left-color : #bfbfbf; border-right-color : #bfbfbf; border-bottom-color : #bfbfbf; } #sp-wp-post-list-1.hpb-viewtype-thumbnail { padding-bottom : 0px; 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; box-shadow : none; } #sp-wp-post-list-1.hpb-viewtype-thumbnail h3 { padding-bottom : 1px; 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 : #bfbfbf; border-left-color : #bfbfbf; border-right-color : #bfbfbf; border-bottom-color : #bfbfbf; } #sp-wp-post-list-1.hpb-viewtype-title> .hpb-more-entry a { margin-right : 30px; } #sp-wp-post-list-1> .hpb-more-entry { font-size : 1.2rem; text-align : right; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; clear : both; } #sp-wp-post-list-1> .hpb-more-entry a { font-size : 1.2rem; color : #555555; background-color : #f2f2f2; text-decoration : none; text-align : center; padding-top : 6px; padding-left : 12px; padding-right : 12px; padding-bottom : 5px; margin-top : 25px; margin-right : 0px; margin-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 : #dfdfdf; border-left-color : #dfdfdf; border-right-color : #dfdfdf; border-bottom-color : #dfdfdf; border-top-left-radius : 0px 0px; border-top-right-radius : 0px 0px; border-bottom-right-radius : 0px 0px; border-bottom-left-radius : 0px 0px; display : inline-block; } #sp-wp-post-list-1> article { background-color : #ffffff; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 24px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 30px; 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 : #bfbfbf; border-left-color : #bfbfbf; border-right-color : #bfbfbf; border-bottom-color : #bfbfbf; box-shadow : 0px 0px 5px 0px rgba(162, 162, 162, 0.2); } #sp-wp-post-list-1> article> div { padding-left : 30px; padding-right : 30px; } #sp-wp-post-list-1> article> footer { color : #19619a; padding-left : 30px; padding-right : 30px; clear : both; } #sp-wp-post-list-1> article> footer .by-author { background-image : url(../img/icon-author.png); } #sp-wp-post-list-1> article> footer .cat-links { background-image : url(../img/icon-cat.png); } #sp-wp-post-list-1> article> footer .comments-link { background-image : url(../img/icon-comments.png); } #sp-wp-post-list-1> article> footer .date { background-image : url(../img/icon-date.png); } #sp-wp-post-list-1> article> footer .sep { display : none; } #sp-wp-post-list-1> article> footer .tags-links { background-image : url(../img/icon-tags.png); } #sp-wp-post-list-1> article> footer a { color : #19619a; } #sp-wp-post-list-1> article> footer span { font-size : 1.2rem; background-repeat : no-repeat; background-position : 0px 2px; vertical-align : baseline; padding-top : 2px; padding-left : 20px; padding-right : 0px; padding-bottom : 2px; margin-right : 15px; display : inline-block; } #sp-wp-post-list-1> article> header { margin-bottom : 24px; } #sp-wp-post-list-1> article> header> h4 { margin-bottom : 0px; } #sp-wp-post-list-1> article> header> h4> a { font-size : 1.6rem; line-height : 1.5; color : #19619a; background-color : #ffffff; background-image : url(../img/back-title-01.png); background-repeat : repeat-x; background-position : left top; padding-top : 10px; padding-left : 30px; padding-right : 30px; padding-bottom : 10px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; border-top-width : 1px; border-left-width : 1px; border-right-width : 1px; 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 : #19619a; display : block; } #sp-wp-post-list-1> article> p> img { margin-top : 0px; margin-left : 30px; margin-right : 1em; margin-bottom : 1em; float : left; } #sp-wp-post-list-1> dl { padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 49px; margin-right : 30px; margin-bottom : 0px; } #sp-wp-post-list-1> dl::after { clear : both; display : table; content : ""; } #sp-wp-post-list-1> dl> dd { padding-top : 3px; padding-left : 144px; padding-right : 5px; padding-bottom : 3px; margin-top : 0px; margin-left : -144px; margin-right : 0px; margin-bottom : 0px; width : 100%; float : left; } #sp-wp-post-list-1> dl> dt { background-image : url(../img/icon-arrow-02.gif); background-repeat : no-repeat; background-position : left 0.6em; padding-top : 3px; padding-left : 14px; padding-right : 5px; padding-bottom : 3px; width : 144px; float : left; } /* #sp-wp-post-list-1> h3 { margin-bottom : 24px; } */ #sp-wp-post-list-1> h3> a { font-size : 1.6rem; line-height : 1.5; color : #19619a; background-color : #ffffff; background-image : url(../img/back-title-01.png); background-repeat : repeat-x; background-position : left top; padding-top : 10px; padding-left : 30px; padding-right : 30px; padding-bottom : 10px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; border-top-width : 1px; border-left-width : 1px; border-right-width : 1px; 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 : #19619a; display : block; } #sp-wp-post-list-1> nav { margin-bottom : 0px; } #sp-wp-post-list-1> nav .nav-next { text-align : right; margin-right : 0px; float : right; } #sp-wp-post-list-1> nav .nav-previous { margin-left : 0px; float : left; } #sp-wp-post-list-1> nav a { font-style : italic; color : #19619a; text-decoration : underline; } #sp-wp-post-list-1> nav div { width : 50%; } #sp-wp-post-list-1> ul { padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 49px; margin-right : 30px; margin-bottom : 0px; list-style-type : none; list-style-position : outside; } #sp-wp-post-list-1> ul> li { } #sp-wp-post-list-1> ul> li> a { background-image : url(../img/icon-arrow-02.gif); background-repeat : no-repeat; background-position : left 0.6em; padding-top : 3px; padding-left : 14px; padding-right : 5px; padding-bottom : 3px; display : block; } @media screen and (max-width: 568px) { #sp-wp-post-list-1 dl dd { margin-left : 10px; } #sp-wp-post-list-1.hpb-viewtype-date dd { padding-top : 0px; padding-left : 5px; padding-right : 0px; padding-bottom : 5px; } #sp-wp-post-list-1.hpb-viewtype-date dt { padding-bottom : 5px; width : 100%; } } #sp-page-title-1 { // border-top-width : 1px; // border-left-width : 1px; // border-right-width : 1px; // border-bottom-width : 0px; // border-top-style : solid; // border-left-style : solid; // border-right-style : solid; // border-bottom-style : none; // border-top-color : #bfbfbf; // border-left-color : #bfbfbf; // border-right-color : #bfbfbf; // border-bottom-color : initial; } #sp-page-title-1 h1 { font-size : 1.6rem; line-height : 1.5; color : #19619a; background-color : #ffffff; background-image : url(../img/back-title-01.png); background-repeat : repeat-x; background-position : left top; padding-top : 10px; padding-left : 30px; padding-right : 30px; padding-bottom : 10px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; border-top-width : 1px; border-left-width : 1px; border-right-width : 1px; 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 : #19619a; display : block; } #sp-site-branding2-1 .extra { padding-top : 0px; position : static; } #sp-site-branding2-1 .extra p { font-size : 1.2rem; color : #999; padding-left : 0px; padding-right : 0px; } #sp-site-branding2-1 .extra p.tel { font-size : 1.6rem; font-weight : bold; color : #dddddd; margin-top:-30px; } #sp-site-branding2-1 .site-description { font-size : 1.2rem; font-weight : normal; color : #747474; text-align : left; margin-bottom : 0px; position : absolute; text-indent : -9999px; } #sp-site-branding2-1 .site-title { background-color : transparent; background-image : url(../img/site-title.jpg); background-repeat : no-repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : cover; margin-bottom : 0px; // margin-left:400px; // width : 271px; width : 480px; margin-left:-80px; } #sp-site-branding2-1 .site-title2 { background-color : transparent; background-image : url(../img/site-title.jpg); background-repeat : no-repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; margin-bottom : 0px; // width : 271px; width : 500px; height : 55px; } #sp-site-branding2-1 .site-title a { text-indent : -9999px; display : block; overflow : hidden; } @media not screen, screen and (min-width: 569px) { #sp-site-branding2-1 { padding-top : 0px; // padding-bottom : 17px; } #sp-site-branding2-1 .extra { margin-top : 45px; float : right; } #sp-site-branding2-1 .extra p { text-align : right; } #sp-site-branding2-1 .site-description { top : 12px; } #sp-site-branding2-1 .site-title { margin-top : 0px; float : left; } } @media screen and (max-width: 568px) { #sp-site-branding2-1 .site-title { margin-top : 0px; float : left; } #sp-site-branding2-1 .site-title { -moz-box-sizing: border-box; box-sizing: border-box; //background: url(../img/site-title.jpg) center center no-repeat; background-size:contain; background-size: 105% auto; width: 100%; height:auto; padding-top:50px; padding-bottom:50px; // margin-bottom: -40px; } #sp-site-branding2-1 { padding-top : 20px; } #sp-site-branding2-1 .extra { margin-top : 26px; } #sp-site-branding2-1 .extra p { text-align : center; } #sp-site-branding2-1 .extra p.tel { text-align : center; } #sp-site-branding2-1 .site-description { padding-left : 10px; padding-right : 10px; top : 10px; } #sp-site-branding2-1 .site-title { margin-left : auto; margin-right : auto; margin-bottom:0px; margin-top:10px; } } #sp-list-1 { padding-top : 0px; padding-left : 13px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 18px; list-style-type : none; list-style-position : outside; } #sp-list-1> li { background-color : transparent; background-image : url(../img/icon-arrow-01.gif); background-repeat : no-repeat; background-attachment : scroll; background-position : left 0.5em; background-clip : border-box; background-origin : padding-box; background-size : auto auto; padding-top : 0px; padding-left : 10px; padding-right : 0px; padding-bottom : 0px; } #sp-list-1> ul { margin-bottom : 0px; } #breadcrumb-list { font-size : 1.3rem; margin-left : auto; margin-right : auto; box-sizing : border-box; } #breadcrumb-list div { padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 16px; margin-left : 0px; margin-right : 0px; margin-bottom : 16px; } #content.page-toppage #page-content, #sp-block-container-1 { background-color : #ffffff; padding-top : 24px; padding-left : 30px; padding-right : 30px; padding-bottom : 24px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 30px; 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 : #bfbfbf; border-left-color : #bfbfbf; border-right-color : #bfbfbf; border-bottom-color : #bfbfbf; box-shadow : 0px 0px 5px 0px rgba(162, 162, 162, 0.2); } #content.page-toppage #page-content> blockquote, #sp-block-container-1> blockquote { background-color : #f8f8f8; padding-top : 1em; padding-left : 30px; padding-right : 30px; padding-bottom : 1em; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 16px; border-top-left-radius : 3px 3px; border-top-right-radius : 3px 3px; border-bottom-right-radius : 3px 3px; border-bottom-left-radius : 3px 3px; -webkit-border-radius : 3px; } #content.page-toppage #page-content> blockquote p, #sp-block-container-1> blockquote p { margin-top : 19px; margin-bottom : 0px; } #content.page-toppage #page-content> blockquote p:first-child, #sp-block-container-1> blockquote p:first-child { margin-top : 0px; } #content.page-toppage #page-content> h1, #sp-block-container-1> h1 { font-size : 1.6rem; font-weight : bold; margin-bottom : 20px; border-bottom-width : 2px; border-bottom-style : solid; border-bottom-color : #19619a; clear : both; } #content.page-toppage #page-content> h2, #sp-block-container-1> h2 { font-size : 1.6rem; font-weight : bold; margin-bottom : 20px; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #bfbfbf; clear : both; } /* #content.page-toppage #page-content> h3, #sp-block-container-1> h3 { font-size : 1.6rem; font-weight : normal; margin-bottom : 21px; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #bfbfbf; clear : both; } */ #content.page-toppage #page-content> h4, #sp-block-container-1> h4 { font-size : 1.5rem; font-weight : normal; margin-bottom : 21px; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #bfbfbf; clear : both; } #content.page-toppage #page-content> h5, #sp-block-container-1> h5 { font-size : 1.4rem; font-weight : normal; margin-bottom : 21px; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #bfbfbf; clear : both; } #content.page-toppage #page-content> h6, #sp-block-container-1> h6 { font-size : 1.3rem; font-weight : normal; margin-bottom : 20px; border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #bfbfbf; clear : both; } #content.page-toppage #page-content> hr, #sp-block-container-1> hr { margin-bottom : 19px; border-top-width : 1px; border-top-style : solid; border-top-color : #19619a; } #content.page-toppage #page-content> img, #sp-block-container-1> img { margin-top : 0px; margin-bottom : 19px; } #content.page-toppage #page-content> ins, #sp-block-container-1> ins { background-color : #fff9c0; text-decoration : none; padding-top : 5px; padding-left : 3px; padding-right : 3px; padding-bottom : 5px; } #content.page-toppage #page-content> ol, #sp-block-container-1> ol { padding-top : 0px; padding-left : 13px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 18px; list-style-position : inside; } #content.page-toppage #page-content> ol ol, #sp-block-container-1> ol ol { margin-bottom : 0px; } #content.page-toppage #page-content> p, #sp-block-container-1> p { margin-top : 0px; margin-bottom : 19px; } #content.page-toppage #page-content> pre, #sp-block-container-1> pre { background-color : #f5f5f5; padding-top : 20px; padding-left : 20px; padding-right : 20px; padding-bottom : 20px; overflow : auto; word-wrap : normal; } @media not screen, screen and (min-width: 569px) { #sp-site-navigation-2 { background-color : #696969; padding-left : 100%; padding-right : 100%; margin-left : -100%; margin-right : -100%; margin-bottom : 0px; } #sp-site-navigation-2 ul { font-size : 1.3rem; padding-top : 20px; padding-bottom : 20px; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; } #sp-site-navigation-2 ul li { margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; } #sp-site-navigation-2 ul li a { font-weight : bold; line-height : 1; color : #fff; text-decoration : none; vertical-align : middle; display : inline-block; white-space: nowrap; font-size:13px; } #sp-site-navigation-2 ul li::after { color : #fff; margin-top : 0px; margin-left : 5px; margin-right : 5px; margin-bottom : 0px; // content : "　/　"; } #sp-site-navigation-2 ul li:last-child::after { display : none; } #sp-site-navigation-2 ul ul::before { color : #404040; margin-top : 0px; margin-left : 5px; margin-right : 5px; margin-bottom : 0px; content : "/"; } #sp-site-navigation-2> ul> li.current-menu-ancestor> a { color : #19619a; } #sp-site-navigation-2> ul> li.current-menu-item> a { color : #19619a; } #sp-site-navigation-2> ul> li.current_page_ancestor> a { color : #19619a; } #sp-site-navigation-2> ul> li.current_page_item> a { color : #19619a; } #sp-site-navigation-2> ul> li> a:hover { // color : #19619a; } } @media screen and (max-width: 568px) { #sp-site-navigation-2 { background-color : transparent; background-image : url(../img/back-dot-01.gif); background-repeat : repeat-x; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; padding-top : 2px; margin-top : 0px; border-top-width : 1px; border-top-style : solid; border-top-color : #bfbfbf; } #sp-site-navigation-2 .menu-toggle { font-size : 1.3rem; background-color : #e7e7e7; background-image : url(../img/icon-menu-toggle-01.png); background-repeat : no-repeat; background-position : center center; text-align : center; text-indent : -9999px; padding-top : 12px; padding-bottom : 12px; } #sp-site-navigation-2 li> a:active { // color : #19619a; // background-color : #e7e7e7; // text-decoration:none; } #sp-site-navigation-2 li> a:hover { color : #19619a; background-color : #e7e7e7; text-decoration:none; } #sp-site-navigation-2 ul li> a { color : #fff; background-color : #696969; padding-top : 7px; padding-bottom : 7px; border-top-width : 1px; border-bottom-width : 1px; border-top-style : solid; border-bottom-style : solid; border-top-color : #ffffff; border-bottom-color : #bfbfbf; } #sp-site-navigation-2 ul ul li> a { padding-left : 40px; padding-right : 10px; } #sp-site-navigation-2 ul ul ul li> a { padding-left : 55px; } #sp-site-navigation-2> ul li.current-menu-ancestor> a { color : #19619a; background-color : #e7e7e7; } #sp-site-navigation-2> ul li.current-menu-item> a { color : #19619a; background-color : #e7e7e7; } #sp-site-navigation-2> ul li.current_page_ancestor> a { color : #19619a; background-color : #e7e7e7; } #sp-site-navigation-2> ul li.current_page_item> a { color : #19619a; background-color : #e7e7e7; } } @media not screen, screen and (min-width: 569px) { #sp-site-navigation-1 { background-image : url(../img/back-main-nav.png); background-position : left 3px; //padding-top : 3px; padding-left : 100%; padding-right : 100%; margin-left : -100%; margin-right : -100%; margin-bottom : 0px; border-top-width : 1px; border-bottom-width : 1px; border-top-style : solid; border-bottom-style : solid; border-top-color : #eee; border-bottom-color : #eee; box-shadow : 0px 3px 3px 0px #eee; position : relative; z-index : 10; // background: linear-gradient(0deg, steelblue, navy); background-color:#696969; text-shadow: 1px 1px 3px #333; } #sp-site-navigation-1 ul ul { background-color : #e7e7e7; 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 : #ffffff; border-left-color : #ffffff; border-right-color : #ffffff; border-bottom-color : initial; } #sp-site-navigation-1 ul ul li { border-bottom-width : 1px; border-bottom-style : solid; border-bottom-color : #ffffff; position : relative; } #sp-site-navigation-1 ul ul li:hover> ul { display : block; top : -1px; left : 100%; } /*ホバーアンダーライン*/ #sp-site-navigation-1> ul> li> a:hover { border-bottom:4px solid #089A6E; height:50px; } #sp-site-navigation-1 ul ul li> a { color : #404040; padding-top : 9px; padding-left : 21px; padding-right : 21px; padding-bottom : 9px; } #sp-site-navigation-1 ul ul li> a:hover { background-color : #f6f6f6; } #sp-site-navigation-1::before { background-color : transparent; background-image : url(../img/back-dot-01.gif); background-repeat : repeat-x; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; width : 100%; height : 3px; display : block; position : absolute; top : 0px; right : 0px; left : 0px; z-index : 1; content : ''; } #sp-site-navigation-1> ul { margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : 0px; border-left-width : 1px; border-left-style : none; border-left-color : #bfbfbf; } #sp-site-navigation-1> ul> li.current-menu-ancestor> a { color : #19619a; background-color : transparent; background-image : url(../img/back-main-nav-hover.png); background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; } #sp-site-navigation-1> ul> li.current-menu-item> a { color : #19619a; background-color : transparent; background-image : url(../img/back-main-nav-hover.png); background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; } #sp-site-navigation-1> ul> li.current_page_ancestor> a { color : #19619a; background-color : transparent; background-image : url(../img/back-main-nav-hover.png); background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; } #sp-site-navigation-1> ul> li.current_page_item> a { color : #19619a; background-color : transparent; background-image : url(../img/back-main-nav-hover.png); background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; } #sp-site-navigation-1> ul> li> a { font-size : 16px; font-weight : bold; line-height : 1; color : #fff; padding-top : 18px; padding-bottom : 17px; border-left-width : 1px; border-right-width : 1px; border-left-style : none; border-right-style : none; // border-left-color : #ffffff; border-right-color : #ccc; display : block; text-align:center; margin-top:2px; vertical-align: middle; } /*ホバー　オンマウス*/ #sp-site-navigation-1> ul> li> a:hover { // background-color:#069A6D !important; } #sp-site-navigation-1> ul> li> a :first-child { margin-top :-15px; } #sp-site-navigation-1> ul> li :last-child { // border-right-width : 2px; } #sp-site-navigation-1> ul> li> a:hover { color : #ddd; background-color : transparent; background-image : url(../img/back-main-nav-hover.png); background-repeat : repeat; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; } } /* @media screen and (max-width: 1024px) and (orientation: portrait){ #sp-site-navigation-1> ul> li> a { padding-left: 10px; padding-right: 10px; color:red; } } @media screen and (max-width: 1024px){ #sp-site-navigation-1> ul> li> a { padding-left: 10px; padding-right: 10px; color:red; } } */ @media screen and (max-width: 568px) { #sp-site-navigation-1 { background-color : transparent; background-image : url(../img/back-dot-01.gif); background-repeat : repeat-x; background-attachment : scroll; background-position : 0% 0%; background-clip : border-box; background-origin : padding-box; background-size : auto auto; padding-top : 2px; margin-top : 0px; border-top-width : 1px; border-top-style : solid; border-top-color : #bfbfbf; } #sp-site-navigation-1 .menu-toggle { font-size : 1.3rem; background-color : #696969; background-image : url(../img/icon-menu-toggle-01.png); background-repeat : no-repeat; background-position : center center; text-indent : -9999px; padding-top : 12px; padding-bottom : 12px; margin-top:-20px; } #sp-site-navigation-1 li> a:active { //color : #19619a; //background-color : #e7e7e7; } #sp-site-navigation-1 li> a:hover { color : #19619a; background-color : #e7e7e7; } #sp-site-navigation-1 ul li> a { color : #fff; background-color : #696969; padding-top : 7px; padding-bottom : 7px; border-top-width : 1px; border-bottom-width : 1px; border-top-style : solid; border-bottom-style : solid; border-top-color : #ffffff; border-bottom-color : #bfbfbf; } #sp-site-navigation-1 ul ul li> a { padding-left : 40px; padding-right : 10px; } #sp-site-navigation-1 ul ul ul li> a { padding-left : 55px; } #sp-site-navigation-1> ul li.current-menu-ancestor> a { color : #19619a; background-color : #e7e7e7; } #sp-site-navigation-1> ul li.current-menu-item> a { color : #19619a; background-color : #e7e7e7; } #sp-site-navigation-1> ul li.current_page_ancestor> a { color : #19619a; background-color : #e7e7e7; } #sp-site-navigation-1> ul li.current_page_item> a { color : #19619a; background-color : #e7e7e7; } } /*背景色*/ #sp-block-container-2 { background-color : #696969; padding-bottom : 0px; // border-top-width : 1px; // border-top-style : solid; // border-top-color : #eee; clear : both; position : relative; font-size:14px; } @media screen and (max-width: 568px) { #sp-block-container-2 { margin-top:-20px; } } #sp-block-container-2> * { margin-top : 10px; margin-bottom : 0px; } #sp-block-container-2> *:first-child { margin-top : 0px; } @media not screen, screen and (min-width: 569px) { #sp-block-container-2 { padding-top : 15px; padding-left : 100%; padding-right : 100%; padding-bottom : 15px; margin-left : -100%; margin-right : -100%; background-color:#696969; margin-top:-3px; color:#fff; } } p.copyright a{ color:#fff; } @media screen and (max-width: 568px) { #sp-block-container-2 { padding-top : 15px; padding-left : 10px; padding-right : 10px; padding-bottom : 15px; border-top:1px solid #fff; } #sp-block-container-2 .copyright { text-align : center; font-size:14px !important; } } /*背景色*/ #sp-block-container-1 { 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-image-1 { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; max-width: 100%; /* box-shadow: 10px 0 15px -3px rgba(0,0,0,0.5), -10px 0 15px -3px rgba(0,0,0,0.5); */ } @media screen and (max-width: 568px) { #sp-image-1 { height:100vw; } } @media not screen, screen and (min-width: 569px) { #sp-block-container-1 { /*背景色ここ2023-08-24*/ background-color:#000000 !important; padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : -1000px; margin-right : -1000px; margin-bottom : 0px; } } @media screen and (max-width: 568px) { #sp-block-container-1 { padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; } } /*-------ページトップへ　ボタンここから--------*/ #page-top a { background: #ccc; text-decoration: none; color: #fff; width: 100px; padding: 15px 0; text-align: center; display: block; border-radius: 5px; } #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a:hover { text-decoration: none; background: #ccc; } /*-------ページトップへ　ボタンここまで--------*/ .lightboxOverlay{ position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox{ position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image{ display: block; height: auto; max-width: inherit; border-radius: 3px; } .lightbox a img{ border: none; } /*-------------------------------------------------------- ユーザー設定スタイル --------------------------------------------------------*/ .line{ border-bottom:1px solid #aaa; margin-bottom:5px; } h5{ margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-bottom: 5px; margin-bottom: 5px; padding-right: 10px; padding-left: 0; text-align: left; font-size: 20px; line-height: 1.2; font-weight: bold; color:steelblue; border-bottom:1px solid steelblue; font-weight:bold; margin-top:40px; margin-bottom:15px; } h6{ margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-bottom: 5px; margin-bottom: 5px; padding-right: 10px; padding-left: 0; text-align: left; font-size: 1.3em; line-height: 1.2; font-weight: bold; color:#0080B0; font-weight:bold; border-bottom:solid 1px #ddd; padding-top: 40px; } .h4bk{ background-image: url("../img/h4bk.jpg"); background-repeat: repeat-x; background-position: right bottom; } h4.imgLine{ border:none; margin-top: 40px; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-bottom: 5px; margin-bottom: 5px; padding-left: 0; text-align: left; font-size: 1.9em; line-height: 1.2; font-weight: bold; font-weight:bold; background-image: url("../img/h4bk.jpg"); background-repeat: repeat-x; background-position: left bottom; color:#7AB0D4; } .h4img{ vertical-align: bottom; } /* よくある質問インデント */ div.faq p { margin-top: 0.1em; margin-bottom: 0.5em; padding-right: 0.1em; padding-left: 0.1em; line-height: 1.4; text-align: left; text-indent: -1em; /* 文字1文字分上げる */ padding-left: 1em /* 2文字分右に下げる */ } div.faq b { color: #516AB6; font-size:16px; } /* レスポンシブ用gmap */ .ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Photobox用 */ img.photobox{ border: 10px solid #FFFFFF; box-shadow: 5px 5px 10px #c0c0c0; -webkit-box-shadow: 5px 5px 10px #c0c0c0; -moz-box-shadow: 5px 5px 10px #c0c0c0; } .mr4 { margin-right: 4px; margin-bottom: 4px; } .mb10 { margin-bottom: 5px; } span.small { font-size: 80%; } span.point { color: #FF3333; } table.hozin{ font-size:100%; margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: 0px; border-collapse: collapse; border:1px solid #000; } table th.hozin{ font-size:100%; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 8px; text-align: left; background-color: #f6e6b5; border:1px solid #fff; } table td.hozin{ font-size:100%; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 8px; text-align: left; //background-color: #fff; border:1px solid #fff; } li#ftl{ display: inline; } #footLink{ display: block; float: left; height: 46px; line-height: 46px; margin-right: 20px; color:#fff; font-color:#fff; } #footLinkUl{ text-align:center; padding-top:60px; } #footLinks{ text-align:center; padding-bottom:120px; display: inline; color:#fff; padding-right:20px; } .cb{ /* floatを解除 */ clear: both; } #footLinks { text-decoration: none; /* リンクの下線を出さない */ } #footLinks:link { color: #fff; } #footLinks:visited { color: #fff; } #footLinks:hover { color: #ffffff; } #footLinkUl{ text-align:center; padding-top:60px; } #footLinks{ text-align:center; padding-bottom:120px; display: inline; color:#fff; padding-right:20px; } @media screen and (max-width: 568px) { #footLinkUl{ text-align:center; padding-top:20px; padding-bottom:50px; margin-bottom:-20px; background-color:#091334; } #footLinks{ text-align:center; padding-bottom:20px; display: block; color:#fff; background-color:#091334; } dl{ display:block; } dt{ display:block; } #hpb-main dd{ display:block; padding:0; } } } .cb{ /* float解除 */ clear: both; } #footLinks { text-decoration: none; /* リンク下線を出さない */ } #footLinks:link { color: #fff; } #footLinks:visited { color: #fff; } #footLinks:hover { color: #ffffff; } @media all and (-ms-high-contrast: none) { .hpb-layoutset-01 #hpb-container { background-image: url(../img/headerBg_5Hc_01.png); background-position: center top; background-repeat: repeat-x; background-color: #FFF; padding-top:-3px; } #hpb-nav li { display: block; width: 154px; float: left; height: 43px; overflow: hidden; padding-left: 3px; margin-top: 3px; } } .area-image { width: 100vw; background-image : url(../img/top.jpg); object-fit: cover; } @media all and (-ms-high-contrast: none){ #hpb-nav li span.ja{ display: block; font-size: 14px; color: #ffffff; letter-spacing: 0.1em; padding-top:15px; } } td.no{ font-size:26px; text-align:center; } #page-top a { background: #666; text-decoration: none; color: #fff; width: 100px; padding: 30px 0; text-align: center; display: block; border-radius: 5px; } #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a:hover { text-decoration: none; background: #ccc; } dl{ font-size:16px; margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } dt{ font-size:16px; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; text-align: left; line-height: 1.4; font-weight: normal; width: 9em !important; padding-top: 18px; padding-right: 0; padding-bottom: 5px; font-weight:bold; } dd{ font-size:16px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 18px; padding-right: 0; padding-bottom: 5px; text-align: left; line-height: 1.4; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; } table{ width:100%; font-size:20px; // margin-bottom:20px; color:#666; } td{ /*border-bottom:1px solid #ddd;*/ } /*背景色*/ .site-header{ background-color:#fff; } @media screen and (max-width: 568px) { dl{ clear: both; display:block; margin:0; } dt{ clear: both; display:block; margin:0; } dd{ margin:0; padding:0; display:block; clear: both; margin-top:-35px; } table tr td{ font-size:14px; } td{ ; } } hr{ border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .line{ border-bottom:1px solid #bbb; margin-top:10px; margin-bottom:10px; } ul{ margin-left:-20px; } li.txt{ font-size: 16px; line-height:180%; list-style: none; margin-left:-20px; font-family: 'Kosugi Maru', sans-serif; } li{ font-size: 16px; } span.tel{ /* text-shadow: -1px -1px 1px #555555, 1px 1px #ffffff; */ color: #FFFFFF; font-size:30px; margin-top:20px; } table{ table-layout: fixed; } @media screen and (max-width: 568px) { img { // height: auto; max-width: 100%; } } @media screen and (max-width: 568px){ .left{ width:100%; } .right{ width:100%; } } span.faqf{ font-size:20px; font-weight:bold; color:#0080B0; } p.a{ margin-left:35px; } @media screen and (min-width: 568px){ table.mail{ width:60%; font-size:15px; } table.mail td{ width:60%; font-size:15px; border:none; } } @media screen and (max-width: 568px){ table{ display:block; width:100%; } table.mail td{ display:block; width:100%; font-size:15px; border:none; } } input[type="text"]{ width:100%; } textarea { width:100%; height:17em; line-height: 1.5em; } table.line3 td{ display:inline-block; width: 33.3%; height: auto; font-size:16px; border:none; } @media screen and (max-width: 568px) { table.line3 td img{ padding:0; margin:0; width:50% !important; } table.line3 td{ padding:0; margin:0; display:block; width: 99%; height: auto; //text-align:center; font-size:16px; border:none; width:100%; } } @media (orientation: landscape) and (max-width: 810px){ table.line3 td img{ margin:!important 0; padding:!important 0; height: 150px; text-align:center; box-shadow: 3px 3px 4px #666666; } } table.line2{ text-align:center; width:100%; } table.line2 td{ text-align:center; font-size:13px; border:none; margin-bottom:10px; } table.line2 td img{ // box-shadow: 3px 3px 8px #aaa; } @media screen and (max-width: 568px) { h2.title2{ font-size:23px !important; } table.line3 td{ display:block; // width: 100%; //text-align:center; font-size:16px; border:none; } table.line3a td{ // border-bottom:1px dashed #666; padding-top:20px; } table.line2{ width:100%; text-align:center; margin:0; padding:0; } table.line2 td{ display:block !important; margin:!important 0; padding:!important 0; display:inline-block; width: 100%; height: auto; border-bottom:none; font-size:10px; margin-top:0px; // border-bottom:1px dashed #666; padding-top:20px; } table.line2 td img{ margin:!important 0; padding:!important 0; // height: 120px; text-align:center; // box-shadow: 3px 3px 4px #666666; } } .line{ border-bottom:1px dotted #bbbbbb; margin-top:20px; } .tpic{ padding-top:31px; } @media screen and (max-width: 568px) { .tpic{ padding-top:0px; } } .left2{ width:33%; float: left; } .right2{ width:33%; float: left; } .clear{ clear: both; } .shd{ box-shadow : 0px 0px 15px 0px rgba(162, 162, 162, 0.2); } .sns{ height:100px; } @media screen and (max-width: 568px){ .sns{ height:50px; } } .copyright{ color:#fff; text-align:center; } /*-------------------------------------------------------- ユーザー設定スタイル --------------------------------------------------------*/ /*色変更*/ p.h2title{ display:inline; font-size:12px; } /*-----トップに戻るボタン------*/ /*index*/ #page-top a { background: #ccc; text-decoration: none; color: #fff; padding: 16px 0; text-align: center; display: block; border-radius: 5px; z-index:999 !important; } #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; z-index:999; } #page-top a:hover { text-decoration: none; background: #ccc; } p.top{ text-align:center; } p.tel{ font-size:20px; color:navy; } h3.index{ border-bottom:1px solid white; text-align:center; color:white; font-size:38px; font-family: 'm plus 1p', sans-serif; margin-top:30px; } .space{ margin-bottom:100px; } .space2{ margin-bottom:50px; } img.wmax{ width:100%; } /*about--------------------------------------------*/ h2.ab{ border-bottom:1px solid #666; color:navy; font-size:40px; margin-top:50px; } h3.ab{ border-bottom:1px dashed #fff; color:#fff; font-size:40px; margin-top:50px; } h4.ab{ color:#999; font-size:30px; margin-top:50px; margin-bottom:20px; border:1px solid skyblue; background-color:skyblue; border-radius:5px; padding:10px; color:white; } h4.ab2{ color:dodgerblue; text-shadow:2px 2px 3px #ffffff; font-size:30px; margin-top:30px; width:40%; background-image: linear-gradient(to top,#f99 40%,transparent 10%); } @media screen and (max-width: 568px){ h4.ab2{ width:90%; } } h5.ab{ color:dodgerblue; font-size:20px; margin-top:30px; } p.ab{ padding-left:2em; } /*全体*/ h3,h4{ } /*------dl dt dd----------------------------*/ dl{ font-size:16px; margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } dt{ font-size:16px; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; text-align: left; line-height: 1.4; font-weight: normal; width: 15em !important; padding-top: 18px; padding-right: 0; padding-bottom: 5px; font-weight:bold; color:#696969; } dd{ font-size:16px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 18px; padding-right: 0; padding-bottom: 5px; text-align: left; line-height: 1.4; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; color:#666666; } @media screen and (max-width: 568px){ /* dl{ clear: both; display: block; margin: 0; } dd { margin: 0; padding: 0; display: block; clear: both; margin-top: -35px; } dt { clear: both; display: block; margin: 0; } */ dd{ padding-top:10px; } } /*---faq------------------------------------------*/ div.faq p{ margin-top: 0.1em; margin-bottom: 0.5em; padding-right: 0.1em; padding-left: 0.1em; line-height: 1.4; text-align: left; text-indent: -1em; padding-left: 1em; margin-left:5px; display:block; } div.faq b { color:#696969; width:100%; font-size: 17px; margin-top:120px; margin-top:-3px; border-bottom:1px dashed #696969; display:block; text-indent: -1em; padding-left: 1em; margin-left:5px; } hr.topl{ margin-top:30px; } /*スクール*/ h4.sc{ padding: 0.5rem 1rem; border-left: 4px solid lightgreen; color:#999; font-size:30px; margin-top:100px; margin-bottom:10px; } /*左右分割*/ /*box*/ /*box*/ .left{ width:49.8%; float: left; } .right{ width:49.8%; float: right; } @media screen and (max-width: 568px){ .left{ width:100%; display:block !important; } .right{ width:100%; display:block !important; } .right{ padding-left:0px; } } .right img{ } .clear{ clear: both; } @media screen and (max-width: 568px){ .left2{ width:50%; float: left; // margin-top: 40px; } .right2{ width:50%; float: left; // margin-left:2%; // margin-top: 40px; } } /*お問い合わせ*/ h5.inq{ font-size:25px; color:green; margin-bottom:30px; text-align:center; } @media screen and (max-width: 568px) { h5.inq{ text-align:center; font-size:20px; } } @media screen and (max-width: 568px) { h4.index{ width:100%; } } /*画面いっぱい*/ .fo{ width: 100vw; position: relative; transform: translatex(-50%); left: 50%; background-color:#01B2AE; background: linear-gradient(75deg,#01B2AE,white); padding: 10px; padding-bottom: 10px; // background: linear-gradient(to bottom #01B2AE, white, blue); margin-bottom:20px; background: linear-gradient(30deg, lightgreen, #eda8b7) } .fo2{ width: 100vw; position: relative; transform: translatex(-50%); left: 50%; background-color:lightcyan; padding: 10px; padding-bottom: 10px; background: linear-gradient(to bottom right, gold, orange); margin-bottom:20px; z-index:-9999; } .fi{ margin: 0 auto; } @media screen and (min-width: 568px) { .fi{ margin: 0 auto; width:1000px; } } .a{ width: 100vw; position: relative; transform: translatex(-50%); left: 50%; background-color:lightcyan; padding: 10px; padding-bottom: 10px; background: linear-gradient(to bottom right, blue, skyblue); margin-bottom:20px; background-color:red; } /*メニュー幅menu*/ .menu-item2,.menu-item{ width:16.6%; } .menu-item2 img{ margin-bottom:-7px; } .menu-item2{ margin-bottom:-17px; } @media screen and (max-width: 568px) { .menu-item2{ margin-bottom:0px; } } /* .menu-item2 > a{ margin-bottom:10px; } */ @media screen and (max-width: 568px) { .menu-item2,.menu-item{ width:100%; } } /*価格*/ table.priceHead td{ font-size:15px; } table.price td{ font-size:15px; } @media screen and (max-width: 568px) { table.price tr{ width:100%; text-align:right; } table.priceHead{ width:100%; } } /*価格表のアンダーライン*/ .pline{ border-bottom:1px dashed #01B2AE; } /*ご来店の流れ*/ h4.flow{ margin-top:0; color:skyblue; border-bottom:1px solid skyblue; margin-bottom:10px; } /*価格表コース*/ h3.price{ padding:0; margin:0; margin-left:-4px; padding-top:68px; padding-left:10px; font-size:40px; border-bottom:1px solid #01B2AE; color:#01B2AE; background-color:white; font-weight:bold; padding-bottom:-10px; margin-bottom:20px; } @media screen and (max-width: 568px) { .pc{ display:none; } } @media screen and (min-width: 568px) { .sm{ display:none; } } table.sight{ font-size:13px; margin:0; } h4.sight{ padding:0; margin:0; margin-left:-4px; padding-top:68px; padding-left:10px; font-size:25px; border-bottom:1px dashed #01B2AE; color:#01B2AE; background-color:white; font-weight:bold; padding-bottom:-10px; margin-bottom:20px; } p.address.paragraph{ margin-top:10px; color:black; } @media screen and (max-width: 568px) { p.tel{ display:none; } p.address.paragraph{ display:none; } } table.ex td{ vertical-align:top; height:50px; padding-top:10px; } @media screen and (min-width: 568px) { .menu-item2{ margin-bottom:0px; } } a.htel{ color:white; z-index:999; position: relative; } a.htel:visited{ color:white; z-index:999; position: relative; } a.htel2{ color:red; z-index:999; position: relative; font-size:24px; } a.htel2:visited{ color:orangered; z-index:999; position: relative; } .btext{ font-size:25px; background-color:#7AB0D4; padding:20px; line-height:180%; //font-family: 'Kosugi Maru', sans-serif; font-family: 'M PLUS 1p', sans-serif; text-align:center; color:white; border-radius: 10px; } .btext2{ font-size:25px; background-color:orange; padding:20px; line-height:180%; //font-family: 'Kosugi Maru', sans-serif; font-family: 'M PLUS 1p', sans-serif; text-align:center; color:white; border-radius: 10px; } .btext3{ font-size:43px; padding:20px; line-height:180%; font-family: 'Noto Serif', 'Sawarabi Mincho', serif; font-weight: 800; /* normal */ text-align:center; color:darkgreen; border-bottom:4px solid darkgreen; } @media screen and (max-width: 568px){ .btext{ font-size:16px; } .btext3{ font-size:20px; } } .pcl{ margin-bottom:5px; margin-left:-3px; margin-right:5px; // box-shadow: 2px 2px 4px; // object-fit: cover; max-width:100%; height:auto; } .pcl2{ margin-top:-30px; margin-bottom:5px; margin-left:-3px; margin-right:5px; box-shadow: 2px 2px 4px; object-fit: cover; max-width:100%; } .pics td{ text-align:center; } @media screen and (min-width: 560px){ .pc { display:block; } .sm { display:none; } } @media screen and (max-width: 568px){ .pc { display:none; } .sm { display:block; } } hr{ margin-top:35px; } /*テーブル右寄せ*/ @media screen and (max-width: 568px){ td{ text-align:left; } } @media screen and (min-width: 560px){ td{ } } td{ font-size:15px; } @media screen and (min-width: 568px){ .pc { display:block; } .sm { display:none; } } @media screen and (max-width: 578px){ .pc { display:none; } .sm { display:block; } .space{ margin-bottom:100px; } } p.indent{ padding-left:1em !important; text-indent:-1em; margin-bottom:0px; } @media screen and (max-width: 568px) { .pc{ display:none; } td.price{ width:50vw; } .intro{ font-size:13px; } } @media screen and (min-width: 568px) { .sm{ display:none; } .intro{ font-size:17px; } } /*印刷時の設定*/ @media print{ .sm{ display:none; } } .fullOuter1 ,.fullOuter2 ,.fullOuter3 ,.fullOuter4 { width: 100vw; height:10vw; position: relative; transform: translateX(-50%); left: 50%; padding: 30px; background-repeat: no-repeat; background-position:contain; margin-bottom: 50px; padding-top: 56.25%; background-size: contain; margin-bottom:-150px; } .fullInner1{ // background-color:red; margin: 0 calc(50% - 50vw); ////text-align:center; // // text-align:center; //// background-color:red; //// padding:0; //// margin:0; max-width:1050px; padding-left:calc((100vw - 800px) / 2); } .fullOuter2{ background-color:green; padding:0; margin:0; // text-align:center; overflow-x: hidden; overflow-y: hidden; height:auto; } .fullInner2{ // background-color:red; //margin: 0 calc(50% - 50vw); ////text-align:center; // // text-align:center; //// background-color:red; //// padding:0; //// margin:0; margin-left:calc((100vw - 1050px) / 2); max-width:1000px; } .fullOuter2{ background-image: url(../img/p2.jpg); } .fullOuter3{ background-image: url(../img/h26.jpg); } .fullOuter4{ background-image: url(../img/h27.jpg); } /*カレンダー*/ .cal1{ border-collapse: collapse; } .cal,.sun,.sat{ width:142px; text-align:center; border:1px solid #aaa; border-collapse: collapse; } @media screen and (max-width: 568px){ .cal,.sun,.sat{ font-size:10px; width:14vw; } } .sat{ background-color:skyblue; } .sun{ background-color:lightpink; } .left37{ width:30%; float: left; } .left37 img{ ; } .right37{ width:70%; float: left; } .left73{ width: 70%; float: left; } .right73 { width: 29%; float: left; /* vertical-align: top; */ // margin-top: -17px; padding-left: 10px; } .left50{ width:49%; float: left; } .right50{ width:30%; float: left; text-align:right; } .left50{ width:49%; float: left; } .right50top{ width:30%; float: left; text-align:right; } .clear{ clear: both; } @media screen and (max-width: 812px){ .left73,.left37{ width:100%; } .left73 p{ padding:0; } .right73,.right37{ display:block; width:100% !important; } } .fullouterFoot { width: 100vw; position: relative; transform: translatex(-50%); left: 50%; background-color: lightcyan; padding: 10px; padding-bottom: 10px; height: 100px; background-image: url(../img/town.jpg); //background-image: url(../img/h22.jpg); background-repeat: repeat-x; background-position: center bottom; margin-bottom: -1px; } img.hi3{ margin-bottom:-5px; } @media screen and (max-width: 568px) { h3.t2{ font-size:13px; } } h4.down{ position: absolute; text-align:center; top: 0; left: 0; font-size: 1em; padding: 0 1em; margin: 0; background-color: white; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); border:none; font-size:25px; } @media screen and (max-width: 568px) { h4.down{ width:70%; } } .bx{ position: relative; border:2px solid green; border-radius: 10px; font-size:18px; font-weight:bold; margin-bottom:20px; padding:10px; padding-top:17px; padding-bottom:0px; text-align:center; color:#999; margin-top:20px; } .imgwd{ width:75%; text-align:center; } @media screen and (max-width: 568px) { .imgwd{ width:100%; text-align:center; } .spp{ } } h4.inbox{ margin-top:0; } h4.inbox{ padding-left:1em; text-indent:-1em; margin-bottom:0px; font-size:25px; } @media screen and (max-width: 568px) { h4.inbox{ font-size:20px; } } img.para{ height:370px; } h4.sdimg1{ background-image: url("../img/b1.jpg"); background-size: 80px 80px; /* 画像サイズ */ background-repeat: no-repeat; /* 繰り返し表示オフ */ padding: 50px 10px 0px 90px; /* 画像と重ならないように文字列を右に移動 */ } h4.sdimg2{ background-image: url("../img/b2.jpg"); background-size: 80px 80px; /* 画像サイズ */ background-repeat: no-repeat; /* 繰り返し表示オフ */ padding: 50px 10px 0px 90px; /* 画像と重ならないように文字列を右に移動 */ } h4.sdimg3{ background-image: url("../img/b3.jpg"); background-size: 80px 80px; /* 画像サイズ */ background-repeat: no-repeat; /* 繰り返し表示オフ */ padding: 50px 10px 0px 90px; /* 画像と重ならないように文字列を右に移動 */ } h4.sdimg4{ background-image: url("../img/b4.jpg"); background-size: 80px 80px; /* 画像サイズ */ background-repeat: no-repeat; /* 繰り返し表示オフ */ padding: 50px 10px 0px 90px; /* 画像と重ならないように文字列を右に移動 */ } h4.sdimg5{ background-image: url("../img/b5.jpg"); background-size: 80px 80px; /* 画像サイズ */ background-repeat: no-repeat; /* 繰り返し表示オフ */ padding: 50px 10px 0px 90px; /* 画像と重ならないように文字列を右に移動 */ } @media screen and (max-width: 568px) { h4.sdimg1,h4.sdimg2,h4.sdimg3,h4.sdimg4,h4.sdimg5{ background-size: 80px 80px; /* 画像サイズ */ background-repeat: no-repeat; /* 繰り返し表示オフ */ padding: 20px 10px 0px 90px; /* 画像と重ならないように文字列を右に移動 */ } h4.sdimg1,h4.sdimg3,h4.sdimg4,h4.sdimg5{ background-size: 80px 80px; /* 画像サイズ */ background-repeat: no-repeat; /* 繰り返し表示オフ */ padding: 50px 10px 0px 90px; /* 画像と重ならないように文字列を右に移動 */ } p.htTel{ display:none; } } p.paragraph{ font-size:14px !important; } p{ color:#666; } .info1{ width:150px; border-bottom:1px dashed #696969; font-weight:bold; padding:10px; line-height: 180%; font-family: 'Kosugi Maru', sans-serif; font-size:16px; color:#696969; } .info2{ width:530px; border-bottom:1px dashed seagreen; padding:10px; line-height: 180%; font-family: 'Kosugi Maru', sans-serif; font-size:16px; } .gd{ text-align:left !important; font-size:16px !important; line-height: 180%; font-family: 'Kosugi Maru', sans-serif; } @media screen and (max-width: 568px){ .gd{ display:block; } .info1{ display:block; width:94vw !important; border-bottom:none; font-weight:bold; } .info2{ display:block; width:94vw !important; border-bottom:1px dashed #999; } .gd{ display:block; text-align:left !important; font-size:16px !important; } } .h3p{ width:80px; margin-right:10px; margin-bottom:0px; } .h5p{ width:50px; margin-right:10px; margin-bottom:-18px; } @media screen and (max-width: 568px){ .line3a td img{ width:70%; } h3.title3{ font-size:22px; } .h3p2{ margin-bottom:-10px; } .h3p{ width:60px; margin-right:10px; margin-bottom:0px; } h2.ts{ font-size:25px; } h4.ts{ font-size:20px; } } td{ line-height: 180%; font-family: 'Kosugi Maru', sans-serif; color:#666; font-size:16px; } h3.title2{ color:#696969; margin-top:0; border-bottom:1px solid #696969; font-size:25px; } @media screen and (max-width: 568px){ h3.title2{ font-size:16px; } } @media screen and (max-width: 568px){ .line3l{ display:inline !important; } } h5.title{ color:#666; font-size:19px; margin-top:20px; } a img:hover:not(#sp-image-1){ opacity: 0.8 !important; } .site-title:hover { opacity: 0.8 !important; } img.h3pfaq{ height:50px; position: absolute; right: 0; margin-right:10px; border-radius: 6px; } span.bd{ border-bottom:1px solid #696969; } h3.h32{ margin-top:0; } span.bgg{ background-color:seagreen; color:white; padding:3px; } span.bgg2{ background-color:seagreen; color:white; padding:3px; } @media screen and (min-width: 568px){ span.bgg3{ background-color:seagreen; color:white; padding:3px; font-size:20px; } } .waku2{ background-color:orange; color:white; font-weight:bold; border:1px solid orange; } @media screen and (max-width: 568px){ h2.title{ font-size:20px; } img.h3pfaq{ height:25px; position: absolute; right: 0; margin-right:20px; border-radius: 6px; } h3.title{ font-size:20px; } p.sm{ font-size:12px; } h4.t2{ font-size:20px; } } /*タイトルぼかし　2023-09-05*/ h2.title{ width: 100vw; margin: 0 calc(50% - 50vw); //text-align:center; padding-left:calc((100vw - 1000px) / 2); //padding-left:200px; margin-top:60px !important; margin-bottom:30px !important; padding-top:80px; padding-bottom:20px; background-color: rgba(0,123,255,0.5); font-size:50px; color:white; color: #fff; text-shadow: 3px 3px 3px #666, -3px -3px 3px #666, -3px 3px 3px #666, 3px -3px 3px #666, 3px 0px 3px #666, -3px -0px 3px #666, 0px 3px 3px #666, 0px -3px 3px #666; margin-top:30px !important; } h3.title{ width: 100vw; margin: 0 calc(50% - 50vw); padding-left:calc((100vw - 1000px) / 2); margin-top:60px !important; margin-bottom:30px !important; background-color:#696969; color:white; font-size:30px; padding-top:20px; padding-bottom:20px; } h4.title{ margin-top:60px !important; margin-bottom:30px !important; border-bottom:2px solid green; color:#696969; font-size:20px; padding:10px !important; } @media screen and (max-width: 568px) { h4.title{ padding-left:10px; } h3.title{ padding-left:10px; } } .gmp2 { position: relative; padding-bottom: 45%; height: 0; overflow: hidden; } @media screen and (max-width: 568px) { .gmp2 { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; } } .gmp2 iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } @media not screen, screen and (min-width: 569px){ h1 { margin: 0 calc(50% - 48vw); width: 100vw; } #sp-site-branding2-1 .site-title { margin: 0 calc(50% - 57vw); width: 500px; } #sp-site-branding2-1 .extra { margin: 0 calc(50% - 50vw); width: 500px; padding-right: 20px; padding-top: 30px; } } @media not screen, screen and (min-width: 1569px){ #sp-site-branding2-1 .site-title { margin: 0 calc(50% - 54vw); width: 500px; } } @media not screen, screen and (min-width: 569px){ #sp-site-navigation-2 ul li::after { color: #fff; margin-top: 0px; margin-left: 5px; margin-right: 5px; margin-bottom: 0px; content: "　/　"; } } h4.trr{ border-bottom:2px solid #696969 !important; }