/* Theme Name: Happy Planners Theme URI: https://happy-planners.biz/ Author: Happy Planners Description: Masapiiを基盤に、旧BizVektorの表示・設定・テンプレート・ウィジェット互換性を統合した軽量なクラシックテーマです。 Version: 1.0.0 Requires at least: 6.4 Requires PHP: 7.4 Text Domain: happy-planners License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Tags: custom-logo, custom-menu, featured-images, right-sidebar, left-sidebar, one-column, accessibility-ready, block-styles, translation-ready */ :root { --hp-primary: #3973bf; --hp-primary-dark: #2d5c99; --hp-primary-dark: color-mix(in srgb, var(--hp-primary) 78%, #000); --hp-primary-soft: #eaf1fa; --hp-primary-soft: color-mix(in srgb, var(--hp-primary) 12%, #fff); --hp-text: #333333; --hp-muted: #666666; --hp-border: #d8d8d8; --hp-surface: #ffffff; --hp-surface-alt: #f5f7f9; --hp-header-bg: #ffffff; --hp-nav-bg: #f9f9f9; --hp-footer-bg: #333333; --hp-footer-text: #eeeeee; --hp-container: 950px; --hp-content: 640px; --hp-sidebar: 260px; --hp-radius: 4px; --hp-shadow: 0 6px 22px rgba(0,0,0,.08); } /* Legacy BizVektor common compatibility */ #eradi_ie_box{background-color:#c00;padding:2em;color:#fff;text-align:center;font-size:114.3%}#eradi_ie_box .alert_title{font-size:150%;margin-bottom:1em}#eradi_ie_box a{color:#fff}#wpadminbar .ab-top-menu>li#wp-admin-bar-editGuide>.ab-item{background-color:#069;cursor:pointer}#wpadminbar .ab-top-menu>li#wp-admin-bar-editGuide>.ab-item:hover{background-color:#cc0;color:#fff;cursor:pointer}#sideTower .sideWidget li#sideContact,.sideTower .sideWidget li#sideContact{border:none}#sideTower .sideWidget li#sideContact a,.sideTower .sideWidget li#sideContact a{padding:0}@media screen and (min-width:970px){.three_column #sideTower,.three_column .sideTower{clear:none}.three_column #main #container{position:relative}.three_column #main #container #content{float:left;position:relative;left:240px;width:470px}.three_column #main #container #sideTower{float:left;position:relative;left:-470px}.three_column #main #container #thirdTower{float:right;position:relative;width:220px}}.entry-meta .entry-meta-items:before{content:" | "}.entry-meta .entry-meta-items.author{display:none}#content .infoList .rssBtn{float:right}#content h2 a{color:inherit}#content h2 a:hover{text-decoration:underline}#sideTower .ttBoxSection,.sideTower .ttBoxSection{padding:0 0 15px}#sideTower .ttBox a,.sideTower .ttBox a{text-decoration:none;color:#333}#sideTower .ttBox a:hover,.sideTower .ttBox a:hover{text-decoration:underline}#sideTower .ttBox .ttBoxThumb,.sideTower .ttBox .ttBoxThumb{width:80px}#sideTower .sideWidget .tagcloud,.sideTower .sideWidget .tagcloud{margin-top:10px}#content .subPostListSection{display:block;overflow:hidden;position:relative;padding-bottom:20px}#content .subPostListSection ul{margin:0}#content .subPostListSection li.ttBox{display:block;overflow:hidden;position:relative;padding:15px 0}#content .subPostListSection li.ttBox h4{margin-top:0}#content .subPostListSection li.ttBox a{text-decoration:none;color:#333}#content .subPostListSection li.ttBox a:hover{text-decoration:underline}#content .subPostListSection li.ttBox .ttBoxThumb{width:80px}@media screen and (min-width:500px){#content .subPostListSection .ttBox{width:47%}#content .subPostListSection .ttBox:nth-child(odd){clear:both;float:left}#content .subPostListSection .ttBox:nth-child(2n){float:right}}#content #sitemapPostList h5{color:#666}#content #sitemapPostList h5 a{color:#666;text-decoration:none}#content #sitemapPostList h5 a:hover{text-decoration:underline}#content #sitemapPostList h6{margin-top:0;font-size:85.7%}#content .wpcf7{margin-top:20px}#content form span.wpcf7-form-control-wrap{position:relative;display:block;overflow:hidden;clear:both}#content form span.wpcf7-form-control-wrap .wpcf7-list-item,#content form span.wpcf7-form-control-wrap .wpcf7-list-item label{display:block;float:left}#content form span.wpcf7-form-control-wrap .wpcf7-list-item{padding-top:8px;padding-bottom:8px}#content form div.wpcf7-validation-errors,#content form span.wpcf7-not-valid-tip{color:#fff;padding:8px 12px 6px;position:relative;display:block;background-color:red;left:0;top:8px;margin-bottom:8px;clear:both;border-radius:5px;border:none}#content form div.wpcf7-validation-errors::after,#content form span.wpcf7-not-valid-tip::after{content:"";position:absolute;bottom:100%;left:30px;height:0;width:0;border:10px solid transparent;border-bottom:10px solid red}#content .wpcf7 dl{display:block;overflow:hidden;border-bottom:1px dotted #ccc}#content .wpcf7 dl dt{display:block;overflow:hidden;padding:10px 0;float:left;width:20%;color:#666;font-weight:lighter}#content .wpcf7 dl dd{display:block;overflow:hidden;padding:10px;margin-bottom:0}@media screen and (min-width:770px){#content form span.wpcf7-form-control-wrap .wpcf7-list-item{padding-top:2px;padding-bottom:2px}}#content p.leadTxt,.leadTxt{font-size:2em;line-height:150%;padding:0}#content dl.qaItem{display:block;overflow:hidden;border-bottom:1px dotted #ccc;padding:0 0 20px;margin:0 0 20px;width:100%}#content dl.qaItem dt{margin-bottom:15px;background:url(assets/images/common/qaIconQ.gif) left top no-repeat;padding-left:32px;border:none}#content dl.qaItem dd{margin-bottom:0;background:url(assets/images/common/qaIconA.gif) left top no-repeat;padding-left:32px}#content .flowBox{padding-bottom:30px;margin-bottom:15px;display:block;overflow:hidden;background:url(assets/images/common/arrow_down.png) center bottom no-repeat}#content .flowBox:last-child{background:0 0;padding-bottom:0;margin-bottom:0}#content .flowBox dl{display:block;overflow:hidden;padding:15px 20px;border:3px solid #e5e5e5}#content .flowBox dl dt{border-bottom:1px dotted #ccc;margin-bottom:10px;font-size:1.2em}#content .flowBox dl dd{margin-bottom:0}#content .flowBox dl dd h4{margin:0;padding:0}#content .flowBox dl dd p{margin-bottom:10px}#content .flowBox dl dd ul{margin-bottom:0}.dummyImage{padding:20px;display:block;vertical-align:middle;text-align:center;background-color:#f5f5f5;border:1px solid #ccc;margin-bottom:15px}.floatLeft{float:left;margin-right:20px}.floatRight{float:right;margin-left:20px}#back-top{z-index:500;position:relative}#back-top #pagetop{display:block;overflow:hidden;width:45px;height:45px}#back-top a{display:block;overflow:hidden;position:fixed;bottom:20px;right:20px}.dropNavControl{cursor:pointer}.show-full-only,.show-mobile-only,.show-mobile-tab,.show-tab-full,.show-tab-only{display:none}.ttBox{display:block;overflow:hidden;padding:15px 0}.ttBox .ttBoxLeft{float:left}.ttBox .ttBoxRight{float:right}.ttBox .ttBoxThumb img{height:auto}@media screen and (max-width:670px){.show-full-only,.show-tab-full,.show-tab-only{display:none}table.mobile-block td,table.mobile-block th{display:block}}@media screen and (min-width:671px){table.mobile-block td,table.mobile-block th{display:table-cell}}@media screen and (min-width:970px){.show-mobile-only,.show-mobile-tab,.show-tab-only{display:none}span.txtBr-full-only{display:block}}.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{max-width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{background:#fff;border:4px solid #fff;position:relative;}.flexslider .slides{}.flexslider .slides>li{position:relative}.flex-container{position:relative}.flex-caption{width:96%;padding:2%;margin:0;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.3);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px}.flex-direction-nav{height:0}.flex-direction-nav li a{width:52px;height:52px;margin:-20px 3px 0;display:block;background:url(assets/images/common/bg_direction_nav2_30.png) no-repeat;position:absolute;top:50%;cursor:pointer;text-indent:-999em}.flex-direction-nav li a:hover{background-image:url(assets/images/common/bg_direction_nav2_50.png)}.flex-direction-nav li .next{background-position:-52px 0;right:-55px}.flex-direction-nav li .prev{left:-55px}.flex-direction-nav li .disabled{opacity:.3;cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:0;text-align:center}.flex-control-nav li{margin:0 0 0 5px;display:inline-block;}.flex-control-nav li:first-child{margin:0}.flex-control-nav li a{width:13px;height:13px;display:block;background:url(assets/images/common/bg_control_nav.png) no-repeat;cursor:pointer;text-indent:-999em}.flex-control-nav li a:hover{background-position:0 -13px}.flex-control-nav li a.active{background-position:0 -27px;cursor:default}@media screen and (max-width:970px){.flex-control-nav,.flex-direction-nav li .next,.flex-direction-nav li .prev{display:none}} /* Legacy Calmly skin compatibility */ /*-------------------------------------------*/ /* 初期化 /*-------------------------------------------*/ /* 基本設定 /*-------------------------------------------*/ /* Btn /*-------------------------------------------*/ /* レイアウト /*-------------------------------------------*/ /* #headerTop /*-------------------------------------------*/ /* #header /*-------------------------------------------*/ /* #gMenu /*-------------------------------------------*/ /* #panList /*-------------------------------------------*/ /* #main /* #content /* .child_page_block /* .childPageBox /* .mainFoot /* images /* .navigation /* .paging /* .infoList /* .infoListBox /* #comments /* contactform7 /*-------------------------------------------*/ /* #sideTower /*-------------------------------------------*/ /* #pagetop /*-------------------------------------------*/ /* #footer /*-------------------------------------------*/ /* #siteBottom /*-------------------------------------------*/ /* top /*-------------------------------------------*/ /* post /*-------------------------------------------*/ /* #comments /*-------------------------------------------*/ /* sitemap & 404 &search /*-------------------------------------------*/ /* Responsive Structure /*-------------------------------------------*/ /* facebookページ /* メニューを折りたたむ /*-------------------------------------------*/ /* 初期化 /*-------------------------------------------*/ * { margin: 0px; padding: 0px; font-size: 100%; } ul, ol { list-style: none; } body,h1, h2, h3, h4, h5,p, ul, ol, li, dl, dt, dd, table, form, input {margin:0;padding:0; } hr { display: none; } th { font-weight:lighter; } img { border: none; vertical-align: bottom; } /*-------------------------------------------*/ /* 基本設定 /*-------------------------------------------*/ body { color: #333; text-align: center;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /* Text elements */ body { font-size:87.5%; line-height:130%; -webkit-text-size-adjust : 100%; } dt { font-weight: bold; } strong { font-weight: bold; } pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], input[type="email"], textarea { background: #f9f9f9; border: 1px solid #ccc; padding: 2px; font-size:12px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); } a { overflow: hidden; color:var(--hp-primary); } a:hover, a:active { color:var(--hp-primary); text-decoration:none; } a:hover img{opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */ -khtml-opacity: .60; /* Safari 1.x */ -moz-opacity: .60; /* FF lt 1.5, Netscape */ } /* form /*-------------------------------------------*/ form table { margin-top:25px; } form input[type=text], form input[type=email], form textarea{ position:relative; overflow:hidden; padding:5px 10px; margin:5px 5px 5px 0;} form input[type=radio] { width:auto; } form input[type=checkbox] { width:auto; } .adminEdit { clear:both; float:none; display:block; overflow:hidden;padding:0px 0px 20px; } .assistive-text { display:none; } /*反転時の文字色・背景色 */ ::selection { background-color: var(--hp-primary); color:#fff; } /* Firefox対応*/ ::-moz-selection { background-color: var(--hp-primary); color:#fff; } /*-------------------------------------------*/ /* Btn /*-------------------------------------------*/ #searchform input[type=submit], p.form-submit input[type=submit], form#searchform input#searchsubmit, #content form input.wpcf7-submit, #confirm-button input { font-size:12px;line-height:110%;text-align:center;position:relative;width:auto; border: 1px solid var(--hp-primary); display:inline-block; overflow:hidden;position:relative;white-space:nowrap;padding:8px 20px 6px;text-decoration:none;} a.btn, .linkBtn a, input[type=button], input[type=submit] { color:#FFF; display:inline-block; overflow:hidden; margin-top:15px; position:relative;padding:8px 15px 6px;text-decoration:none;cursor:pointer; border: 1px solid var(--hp-primary); background:url(assets/images/calmly/arrow_wh_s.png) right bottom no-repeat var(--hp-primary); box-shadow: inset 0px 0px 1px rgba(255,255,255,1); } a.btn.btnS, .linkBtn.linkBtnS a { padding:5px 10px; font-size:85.7%; } .linkBtn.linkBtnS a:hover { color:#fff; } a.btn.btnL, .linkBtn.linkBtnL a { padding:10px 30px 8px; font-size:114.3%; text-align:center; } a.btn:hover, .linkBtn a:hover {color:#fff !important;} a.btn.btnAdmin, .linkBtn.linkBtnAdmin a { color:#666666 !important; background-color:#e5e5e5; border-radius:3px; text-decoration:none;border:1px solid #cccccc; box-shadow:inset 0 1px 0 #fff; background: linear-gradient(to bottom, #ffffff, #e5e5e5); /* IE10, Firefox 16.0+, Opera 12.50+ */ background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e5e5e5)); background: -moz-linear-gradient(#fff, #e5e5e5); } #searchform input[type=submit], p.form-submit input[type=submit] { padding:6px 15px; } #searchform label { display:none; } form#searchform input#searchsubmit { padding:6px 10px; } .moreLink { margin-bottom:3px;height:auto; display:block; } .moreLink a { text-align:center; margin-top:15px; display:inline-block;overflow:hidden; font-size:11px; line-height:105%;text-decoration:none;background: url(assets/images/calmly/arrow_bk_s.png) right bottom no-repeat #efefef; color: #333; border-left: 4px solid var(--hp-primary); padding: 5px 15px 5px 11px; box-shadow: 0px 1px 2px rgba(0,0,0,0.25); } .moreLink a:hover { color:#fff; text-decoration:none !important; background: url(assets/images/calmly/arrow_wh_s.png) right bottom no-repeat #666; } html,body,#wrap { height:100%;min-height:100%; } /*-------------------------------------------*/ /* レイアウト /*-------------------------------------------*/ #header, #pagetop, #footMenu, #footer { text-align:center;clear: both; } .innerBox { text-align:left;width:94%; margin:0px 3%;} .innerBox img { max-width:100%; } #main { width:100%; margin:0px auto; } #main #container { overflow:visible; } #main #container #content { margin: 0 0px 0px 0px;padding-bottom:30px; } #main #container #sideTower { display:block; overflow:hidden; padding: 0 1px 30px 1px; width:100%; } #header #headContact { } #main #container #content.wide { width:99%;float:none;padding-bottom:30px; overflow:visible; } /*-------------------------------------------*/ /* #headerTop /*-------------------------------------------*/ #headerTop { display:none; color:#666; border-top: 3px solid var(--hp-primary); background:#f3f3f3; overflow:hidden; width:100%; padding:2px 0px; clear:both; font-size:85.7%; } #headerTop #site-description { padding: 2px 0; font-size:10px;line-height:120%;} /*-------------------------------------------*/ /* #header /*-------------------------------------------*/ #header { display:block; overflow:hidden; } #header { padding-top:15px; text-align:left; } #header #site-title { font-size: 24px; line-height:45px; margin:0px;padding-bottom:10px;position:relative; font-weight:lighter; text-align: center; } #header #site-title a { color: #000; font-weight: bold; text-decoration: none; } #header #site-title a img { max-height:60px;margin-top:3px; } #header #headContact { font-size:100%;line-height:110%;margin:0px 0px 10px; white-space:nowrap; text-align:center; } #header #headContactInner { color:#333; } #header #headContact #headContactTxt, #header #headContact #headContactTime { font-size:10px;} #header #headContact #headContactTxt { letter-spacing:0px;margin-bottom:1px; } #header #headContact #headContactTel { font-size:18px; line-height:21px;margin-bottom:2px; font-family:'Lato', sans-serif; color:var(--hp-primary); } #header #headContact #headContactTime { font-size:12px; line-height:15px;} /*-------------------------------------------*/ /* #gMenu /*-------------------------------------------*/ /*-------------------------------------------*/ #gMenu { border-top: 1px solid var(--hp-primary); clear:both; display:block; border-bottom:none; overflow:visible; position:relative;width:100%; background-color:#f9f9f9; } #gMenu.itemClose .menu { display:none; } #gMenu.itemOpen .menu { display:block; } #gMenu .assistive-text { box-shadow: inset 0px 0px -1px rgba(200,215,200,0.6); display:block; overflow:hidden; position:relative; left:0px; font-weight:lighter;text-align:left;font-family:'Lato', sans-serif;cursor:pointer; color:#FFFFFF; background-color:var(--hp-primary);} #gMenu .assistive-text span { display:block; overflow:hidden; padding: 14px 0 12px 24px; width:94%; margin:0px 3%; } #gMenu.itemClose .assistive-text span { background:url(assets/images/calmly/iconMenuClose.png) left 50% no-repeat; } #gMenu.itemOpen .assistive-text span { background:url(assets/images/calmly/iconMenuOpen.png) left 50% no-repeat; } #gMenu .screen-reader-text { position: absolute; left: -9000px; } #gMenu #gMenuInner { overflow:visible; display:block; position:relative;padding:0px;} #gMenu #gMenuInner.innerBox { margin:0px;width:100%;} #gMenu .menu { font-size: 13px;list-style: none; margin:0px 0px 0px;padding:0px; display:block; overflow:visible;border-top:1px solid #ccc;} #gMenu .menu li { text-shadow:0 1px #ffffff; position: relative;width:100%;display:block; } #gMenu .menu li a { background:url(assets/images/calmly/arrow_gray.png) right bottom no-repeat; color: #333; display: block; overflow:hidden;padding: 20px 15px 18px; margin:0px; line-height:140%; text-decoration: none; letter-spacing:0px; text-align:left; position:relative;border-bottom:1px solid #ccc; } #gMenu .menu li a strong { font-weight:bold; } #gMenu .menu li a span { color:var(--hp-primary); display:block; font-size:10px; line-height:140%;letter-spacing:1px; font-family:verdana, Arial, Helvetica, sans-serif; display:none; } #gMenu .menu li.current_page_item > a, #gMenu .menu li.current-menu-item > a, #gMenu .menu li > a:hover { background:url(assets/images/calmly/arrow_bk.png) right bottom no-repeat #eeeeee; } #gMenu .menu li li span { display:none; } #gMenu .menu li li a { padding-left:25px; } #gMenu .menu li li li a { padding-left:35px; } #gMenu .menu li li li li a { padding-left:45px; } /*-------------------------------------------*/ /* #panList /*-------------------------------------------*/ #panList { clear:both; font-size:10px; color:#999; padding:0px;display:block; overflow:hidden; width:100%; } #panList #panListInner { display:block; overflow:hidden; text-align:left; padding:0px 0 10px 0; line-height:24px; border-bottom:1px solid #fff; } .home #panList { display:none; } #panList ul { display:inline-block; } #panList ul li { display:inline-block; padding-right:5px; } /*-------------------------------------------*/ /* #pageTitBnr /*-------------------------------------------*/ #pageTitBnr { background-color:#f5f5f5; box-shadow:inset 0px 1px 5px rgba(0,0,0,0.20); margin:0px; clear:both;border-bottom:1px solid #e5e5e5;z-index:0; } #pageTitBnr #pageTitInner { display:block;overflow:hidden;}/* position:relative; を使うとIE7でプルダウンメニューがおかしくなる*/ #pageTitBnr #pageTitInner #pageTit { font-size:22px; display:inline; float:left;margin:25px 0 21px; line-height:110%;width:100%;text-shadow: 0 1px #ffffff; } #pageTitBnr #pageTitInner #titleTxtSub {text-align:left; color:#999; font-family: 'Comfortaa', cursive; font-size:14px; letter-spacing:3px;float:left;margin-top:25px; line-height:105%;} /*-------------------------------------------*/ /* #main /*-------------------------------------------*/ #main { display:block; overflow:visible;clear:both; } #main { } /* facebookコメント欄が消えるのでhiddenではなくclearfix */ #main:before,#main:after { content: ""; display: table; } #main:after { clear: both; } #main #container { padding-top:15px;} /* #content /*-------------------------------------------*/ #content { margin-bottom: 36px; text-align:left; display:block; overflow:visible; } #content hr { clear:both; display:block; margin:1em 0; } #content .post { padding-bottom:25px; } #content .alert { color:#f00; } #content .caption { font-size:11px; line-height:110%; } #content .center{ text-align:center; } #content .right { text-align:right; } #content .nowrap { white-space:nowrap; } #content .sectionBox { margin-bottom:30px; display:block; overflow:hidden; } #content .entry-meta { margin:15px 0; font-size:11px; color:#666; } #content h1 { font-size:2em;margin-bottom:2em; } #content h2, #content h1.contentTitle, #content h1.entryPostTitle { text-shadow: 0 1px #ffffff; clear:both; font-size:128.6%; padding:20px 15px 15px; font-weight:bold;color:#333; border-top: 1px solid #e5e5e5; border-bottom: 3px solid var(--hp-primary); position:relative; line-height:114.3%; background:url(assets/images/calmly/line_wh.png) left top repeat-x; box-shadow: 0px 1px 3px rgba(0,0,0,0.20); } #content h1.entryPostTitle { margin:0px 0px 5px; } #content h1, #content h2 { margin:0px 0px 25px; } #content h2 a { text-decoration:none; } #content h2.imageTit { margin:0px 0px 30px; border:none; padding:0px; background:none; } .single-post #content h2 { border:none;padding:0;box-shadow: none; font-size:171.4%;margin-top:10px;} #content h3 { text-shadow: 0 1px #ffffff; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); position: relative; clear:both; font-size:18px;margin:40px 0px 35px; padding:10px 10px 7px; background-color:#f4f4f4;border-left: 3px solid var(--hp-primary); } #content h4 { padding-top: 8px; text-shadow: 0 1px #ffffff; padding-bottom: 5px; color:var(--hp-primary); position: relative; clear:both; font-size:18px;margin:30px 0px 20px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background: url(assets/images/calmly/line_wh.png) left top repeat-x; } #content h5 { color:var(--hp-primary); clear:both; font-size:16px;margin:30px 0px 20px; padding:10px 0px 5px; border-bottom:1px dotted #eeeeee; } #content h6 { clear:both; font-size:14px;margin:30px 0px 20px; padding:10px 0px 0px;} #content p { margin-bottom: 20px;padding:0px 5px; } #content blockquote, #content .sectionFrame { border: 3px solid #e6e6e6; padding:20px 15px 0px;margin-bottom:20px; clear:both; box-shadow: 0px 0px 2px rgba(0,0,0,.15); } #content strong { font-weight:bold; } #content address { margin-bottom:20px; } #content ul { margin:0px 0px 20px 20px; } #content li { margin-bottom:10px; } #content ul li { list-style:disc;padding:0px; } #content ul ul { margin-top:10px; } #content ul ul li { list-style:circle; } #content ol { margin:0px 0px 20px 25px; } #content ol li { list-style:decimal;padding:0px; } #content table { border-top: 1px solid #ccc; margin: 10px -1px 24px 0; text-align: left; width: 100%;border-collapse: collapse; border-spacing: 0;font-size:85.7%; line-height:141.7%; } #content table thead tr th { font-weight:bold; } #content table tr th, #content table thead tr th { padding: 9px 24px; background-color:#f5f5f5; } #content table tfoot tr th, #content table tfoot tr td {font-weight:bold;} #content table tr th { border: 1px solid #ccc; padding: 10px 15px; vertical-align:top; } #content table tr td { border: 1px solid #ccc; padding: 10px 15px; vertical-align:top; } #content table tr td p { margin:0px 0px 5px; padding:0px; } #content table ol, #content table ul { margin-bottom:5px;margin-left:15px;} #content table ol li, #content table ul li { margin:2px 0px; } #content table.mobile-block th, #content table.mobile-block td { border-top:none;display: block; } #content dt { color:#000;padding-bottom:3px;margin-bottom:10px; color:var(--hp-primary); } #content dd { margin:0px 0px 30px;padding:0px;} /*#content iframe { border:1px solid #ccc; }*/ /* .child_page_block /*-------------------------------------------*/ #content .child_page_block { display:block; overflow:hidden; margin-bottom: 15px;width:100%; border-top: 1px solid #eeeeee;background: url(assets/images/calmly/line_wh.png) left top repeat-x;box-shadow: 0px 1px 3px rgba(0,0,0,0.15); } #content .child_page_block .child_page_blockInner { display:block; overflow:hidden; padding: 15px 15px; } #content .child_page_block.layout_even { float:right; } #content .child_page_block h4 { font-size:16px; background: url(assets/images/calmly/line_grd.png) left bottom repeat-x; padding: 0 0 3px 0; margin:0px; margin-bottom:10px; border: none; } #content .child_page_block h4 a { border-bottom: 2px solid var(--hp-primary); text-decoration:none; color:#333; display:block; overflow:hidden;line-height:118.8%;padding-bottom:2px; } #content .child_page_block h4 a:hover { text-decoration:none; color:var(--hp-primary); } #content .child_page_block .childText { display:block; overflow:hidden; } #content .child_page_block p {line-height: 141.7%; font-size:12px;margin-bottom:0px; padding:0px; } #content .child_page_block p a { text-decoration:none;color:#666; } #content .child_page_block p a:hover { text-decoration:underline;color:var(--hp-primary); } #content .child_page_block .thumbImage { float:left; display:block;margin-right: 15px;} #content .child_page_block .thumbImage .thumbImageInner { display:block; overflow:hidden; width:80px;border:4px solid #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.15); } #content .child_page_block .thumbImage .thumbImageInner a:hover { } #content .child_page_block .thumbImage .thumbImageInner img { width:80px;height:80px !important /* ie8 */; } /* .childPageBox /*-------------------------------------------*/ #content .childPageBox { display:none; } #content .childPageBox .textBox { overflow:hidden;} /* .mainFoot /*-------------------------------------------*/ #content .mainFoot { display:block; overflow:hidden; margin-top:35px;margin-bottom:30px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding: 15px 0; } #content .mainFoot .mainFootInner { } #content .mainFootContact { display:block; overflow:hidden; text-align:center; } #content .mainFootContact p.mainFootTxt { font-size:10px; letter-spacing:0px;margin-bottom:5px; } #content .mainFootContact p.mainFootTxt span { display:block; } #content .mainFootContact p.mainFootTxt span.mainFootCatch {line-height:120%; } #content .mainFootContact p.mainFootTxt span.mainFootTel { font-size:24px; font-family:'Lato', sans-serif;margin-bottom:2px; line-height:100%;} #content .mainFootContact p.mainFootTxt span.mainFootTime { line-height:120%; } #content .mainFootContact .mainFootBt a { display:block; overflow:hidden; background-color:var(--hp-primary);max-width:350px;margin:0px auto; } #content .mainFootContact .mainFootBt a:hover { opacity: .80; -khtml-opacity: .80; -moz-opacity: .80;} #content .mainFootContact .mainFootBt a img { max-width:100%; opacity:1.0 !important; opacity:1.0 !important; -khtml-opacity: .100; /* Safari 1.x */ -moz-opacity: .100; /* FF lt 1.5, Netscape */} /* images /*-------------------------------------------*/ #content img { margin: 0; max-width:100% !important;height:auto; }/* height:auto;がimportantでなくてはならない理由があるかも */ #content .attachment img { max-width: 900px; } #content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 20px; margin-top: 4px; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 20px; margin-top: 4px; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } #content .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 0 0 5px; text-align: center;border:1px solid #e5e5e5;max-width:100% !important; } #content .wp-caption img { margin:5px 0 2px;max-width:95% !important;height:auto !important; } #content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } #content .wp-smiley { margin: 0; } #content .gallery { margin: 0 auto 18px; } #content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } #content .gallery img { border: 2px solid #cfcfcf; } #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #content .gallery dl { margin: 0; } #content .gallery img { border: 10px solid #f1f1f1; } #content .gallery br+br { display: none; } #content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; } /* .navigation /*-------------------------------------------*/ .navigation { color: #888; font-size: 12px; line-height: 18px; overflow: hidden; border-top:1px solid #ccc; padding:10px 0px 15px; clear:both;} .navigation a:link, .navigation a:visited { color: #888; text-decoration: none; } .navigation a:active, .navigation a:hover { color: #ff4b33; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } /* .paging /*-------------------------------------------*/ .paging { display:block; overflow:hidden; padding:20px 0px 20px; text-align:center;} .paging span, .paging a { margin:0 1px; padding:6px 10px;color:var(--hp-primary);border:1px solid var(--hp-primary); text-decoration:none; } .paging span.current, .paging a:hover { background-color:var(--hp-primary);color:#fff; text-decoration:none; } .paging span.txt_hellip { border:none;margin:0;padding:6px 0px; } /* .infoList -------------------------------------------------------------- */ #content .infoList { padding-bottom:20px; } .page #content .infoList { } #content .infoList ul { margin:10px 0px 5px; list-style:none; } #content .infoList ul li { border-bottom:1px dotted #ccc; padding:12px 0px;list-style:none;margin-bottom:0px; } #content .infoList ul li a { } #content .infoList ul li a:hover { color:#f00; } #content .infoList .infoDate { margin-right:8px; color:#dd0000; } #content .infoList .infoCate a { color:#666;margin-right:4px; background-color:#efefef; padding:1px 5px 2px; position:relative;border:1px solid #e5e5e5;top:-2px; } #content .infoList .infoCate a { font-size:10px;line-height:14px; text-decoration:none; font-family: "MS UI Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; } #content .infoList .infoCate a:hover { background-color:var(--hp-primary); color:#fff;text-decoration:none;} #content .infoList ul li .infoTxt { margin-top: 3px; display:block; overflow:hidden; clear:both; } #content .infoList ul li .infoTxt a { text-decoration:none; color:#333; display:block;overflow:hidden; } #content .infoList ul li .infoTxt a:hover { color:var(--hp-primary); text-decoration:underline; } /* .infoListBox /*-------------------------------------------*/ #content .infoList .infoListBox { display:block; overflow:hidden; padding:20px 0px; border-bottom:1px solid #eeeeee;position:relative; } #content .infoList .infoListBox div.entryTxtBox { margin:0px;display:block; overflow:hidden; } #content .infoList .infoListBox div.entryTxtBox.haveThumbnail { float:left; } #content .infoList .infoListBox div.entryTxtBox p { margin-bottom:3px; padding:0px;line-height:150%; } #content .infoList .infoListBox div.entryTxtBox p.entryMeta { margin-bottom:4px; } #content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoDate, #content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoCate { color:#666; } #content .infoList .infoListBox div.entryTxtBox h4.entryTitle { border-top: none; margin:0px 0px 10px;padding:0px 0px 10px; display:block;line-height:120%; font-size:114.3%; } #content .infoList .infoListBox div.entryTxtBox h4.entryTitle a { color:var(--hp-primary); text-decoration:none; } #content .infoList .infoListBox div.entryTxtBox h4.entryTitle a:hover { text-decoration:underline; } #content .infoList .infoListBox div.entryTxtBox p.moreLink { margin:0px; padding:0px; } #content .infoList .infoListBox div.thumbImage { display:block; overflow:hidden;float:right;text-align:right; } #content .infoList .infoListBox div.thumbImage div.thumbImageInner { display:block; overflow:hidden;margin:1px; padding: 3px; } #content .infoList .infoListBox div.thumbImage div.thumbImageInner img { width:98px;height:auto;border: 4px solid #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); } /*-------------------------------------------*/ /* #sideTower /*-------------------------------------------*/ #sideTower { clear:both; } .sideTower .localSection { margin-bottom:50px; } .sideTower .localHead { font-size:14px; padding:15px; font-weight:bold; position:relative; color:#333; border-top:1px solid #e5e5e5; border-bottom: 3px solid var(--hp-primary); background:url(assets/images/calmly/line_wh.png) left top repeat-x; box-shadow: 0px 2px 3px rgba(0,0,0,0.15); text-shadow: 0 1px #ffffff; } .sideTower .localHead a { text-decoration:none;color:#333; } .sideTower .localHead a:hover { text-decoration:underline; } .sideTower .sideWidget { margin:0px; } .sideTower .sideWidget li { list-style:none;border-bottom:1px solid #eeeeee; line-height:128.6%; } .sideTower .sideWidget li a { display:block; padding:13px 10px 11px 10px; text-decoration:none; color:#666; background: url(assets/images/calmly/arrow_gray.png) right bottom no-repeat; } .sideTower .sideWidget li a:hover, .sideTower .sideWidget li.current_page_item a, .sideTower .sideWidget li.current-cat a { background: url(assets/images/calmly/arrow_bk.png) right bottom no-repeat #f5f5f5; } .sideTower .sideWidget li ul { display:block;margin:0px; } .sideTower .sideWidget li ul li { display:block;border-bottom:none;border-top:1px solid #eeeeee; } .sideTower .sideWidget li ul li a { background: url(assets/images/calmly/arrow_gray.png) right bottom no-repeat; } /* 親ページのアクティブだと背景色が子ページにも適応される為 */ .sideTower .sideWidget li ul li a, .sideTower .sideWidget li.current-cat ul li a, .sideTower .sideWidget li.current_page_item ul li a { font-size:75%; padding: 11px 10px 9px 22px; background: url(assets/images/calmly/arrow_gray.png) right bottom no-repeat; } .sideTower .sideWidget li.current_page_item ul li a:hover { background: url(assets/images/calmly/arrow_bk.png) right bottom no-repeat; } .sideTower .sideWidget li ul li a:hover, .sideTower .sideWidget li.current-cat ul li a:hover, .sideTower .sideWidget li.current_page_item ul li a:hover { background-color:#f5f5f5; } .sideTower .sideWidget li ul li.current-cat a, .sideTower .sideWidget li ul li.current_page_item a, .sideTower .sideWidget li ul li a:hover { /*background-color:#f5f5f5;*/ } /* 曾孫 */ .sideTower .sideWidget li ul li ul li a { padding-left:33px; } .sideTower .sideWidget li ul li ul li a, .sideTower .sideWidget li ul li.current-cat ul li a, .sideTower .sideWidget li ul li.current_page_item ul li a { } .sideTower li ul { margin-left:15px; } .sideTower li.sideBnr { margin-bottom:10px; } .sideTower li.sideBnr#sideContact a { display:block; overflow:hidden; width:auto; width:220px;margin:0px auto; text-align:center; background-color:var(--hp-primary); } .sideTower li.sideBnr#sideContact a:hover { opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */ -khtml-opacity: .80; /* Safari 1.x */ -moz-opacity: .80; /* FF lt 1.5, Netscape */ } .sideTower li.sideBnr#sideContact a:hover img { opacity:1.0 !important; -khtml-opacity: .100; /* Safari 1.x */ -moz-opacity: .100; /* FF lt 1.5, Netscape */ } .sideTower ul#snsBnr { border-top:1px solid #eeeeee;margin-bottom:20px; text-align:center } .sideTower ul#snsBnr li { border-bottom:1px solid #eeeeee; } .sideTower .sideWidget { margin-bottom:20px; } .sideTower .sideWidget .textwidget { padding-bottom:10px; } .sideTower .sideWidget .textwidget img { display:block; margin-left:auto;margin-right:auto; } .sideTower .sideWidget h4 { clear:both; font-size:14px;margin:0px 0px 15px; padding:4px 0px 2px 12px; border-left-style:solid; border-left-width:3px; background-color:#f5f5f5; } .sideTower .sideWidget ul#recentcomments li { padding:13px 10px 11px 10px;background:url(assets/images/calmly/icon_arrow1_gray.gif) 10px 50% no-repeat; } .sideTower .sideWidget ul#recentcomments li a { padding:0;background:none; } .sideTower .sideWidget select { margin:10px 0; padding:5px; width:100%;border:1px solid #ccc;} .sideTower .sideWidget select option { padding:2px 5px; } .sideTower .ttBoxSection { padding: 0; } .sideTower .ttBoxSection .ttBox { padding: 13px 0 11px; border-bottom: 1px solid #eee; font-size: 85.7%; line-height: 135.7%; } .sideTower .ttBoxSection .ttBox a { color: #666; } .sideTower .ttBoxSection .ttBox .ttBoxThumb { width: 64px; } .sideTower .ttBoxSection .ttBox .ttBoxThumb img { border: 1px solid #eee; } form#searchform { padding:5px 0px 5px 7px; background-color:#f3f3f3; display:block; overflow:hidden; position:relative;} form#searchform input#s { margin:0px 0px 0px 5px; padding:5px; width:70%; float:left; } form#searchform input#searchsubmit { border: 1px solid var(--hp-primary); background-image: none; margin:0px 10px 0px 0px; float:right; background-color:var(--hp-primary); width:15%; color:#fff; } /*-------------------------------------------*/ /* #pagetop /*-------------------------------------------*/ #pagetop { display:block; overflow:hidden; clear:both; z-index:5; } #pagetop a { color: #333; background:url(assets/images/calmly/icon_arrow_top_gry.png) center bottom no-repeat #e6e6e6; float:right; display:block; position:relative; padding:5px 15px 5px 15px;font-size:11px; text-decoration:none;margin-bottom:0px;font-family:'Lato', sans-serif; letter-spacing:1px; } #pagetop a:hover { background:url(assets/images/calmly/icon_arrow_top.png) center bottom no-repeat var(--hp-primary); color:#FFF; } /*-------------------------------------------*/ /* #footMenu /*-------------------------------------------*/ #footMenu { border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; display:block; overflow:hidden;width:100%; z-index:10; position:relative; font-size:85.7%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; } #footMenu .innerBox { width: 100%;margin: 0; } #footMenu .menu { display:block;overflow:hidden; } #footMenu .menu li { list-style:none;display:block; margin:0px;padding:0px;line-height:100%; font-size:12px; } #footMenu .menu li a { background: url(assets/images/calmly/arrow_gray.png) right bottom no-repeat; color:#333; border-bottom: 1px solid #e6e6e6; padding: 15px 3%;display: block;overflow: hidden;text-decoration: none; } #footMenu .menu li a:hover { background: url(assets/images/calmly/arrow_bk.png) right bottom no-repeat #e6e6e6; } /*-------------------------------------------*/ /* #footer /*-------------------------------------------*/ #footer { margin:0px; padding:20px 0px 20px; display:block; overflow:hidden; } #footer { border-bottom: 1px solid #5f5e63; background:url(assets/images/calmly/bg_bk.jpg) left top repeat; text-align:left; } #footer dl#footerOutline { margin:0px; line-height:150%;width:220px; } #footer dl#footerOutline dt { color: #d2d2d3; margin-bottom:8px;line-height:150%; } #footer dl#footerOutline dt img { margin-bottom:5px;max-width:220px; } #footer dl#footerOutline dd { color: #d2d2d3; font-size:85.7%; line-height:150%; } /* #footerSiteMap /*-------------------------------------------*/ #footerSiteMap { display:block; overflow:hidden;width:100%;padding-top:15px; } #footerSiteMap .menu { font-size:87.5%; vertical-align:text-top; } #footerSiteMap .menu a { color:#d2d2d3; text-decoration:none;} #footerSiteMap .menu a:hover { color:var(--hp-primary); } #footerSiteMap .menu li { text-shadow: 0 -1px #333; display:block; margin-bottom:6px; vertical-align:text-top; line-height:116.7%; } #footerSiteMap .menu li a { border-bottom: 1px solid #5f5e63; box-shadow: 0px 1px #8a898c; background:url(assets/images/calmly/arrow_gray_s.png) right bottom no-repeat; font-weight:bold; padding:8px 0px 8px 0px; overflow:hidden;display:block; } #footerSiteMap .menu li a:hover { } #footerSiteMap .menu li ul { margin-top:6px;} #footerSiteMap .menu li li { display:block; padding: 0px 0px; } #footerSiteMap .menu li li a { font-size: 12px; box-shadow:none;border-bottom:none; background:none; font-weight:normal; border-bottom: 1px solid #626168; } #footerSiteMap .menu li li a:hover { } #footerSiteMap .menu li li li { margin-right: 0; border-bottom:none; background:none; } #footerSiteMap .menu li li li a { font-size: 10px; background:none;background-position: 6px 12px;} #footerSiteMap .menu li ul ul { } /*-------------------------------------------*/ /* #siteBottom /*-------------------------------------------*/ #siteBottom { text-shadow: 0 -1px #333; background:url(assets/images/calmly/bg_bk.jpg) left top repeat; clear:both; padding:15px 0px 40px; font-size:88%; font-family:Arial, Helvetica, sans-serif; color: #d2d2d3; border-top:1px solid #8a898c; } #siteBottomInner { text-align:center; } #siteBottom a { color: #d2d2d3; text-decoration:none; } #siteBottom #copy { text-align:center; } #siteBottom #powerd, #siteBottom #powerd a { color:#cccccc; } /*-------------------------------------------*/ /* ▼各テンプレートごとの設定 /*-------------------------------------------*/ /*-------------------------------------------*/ /* top /*-------------------------------------------*/ .home #gMenu { } .home #main { padding-top:0px; } #topMainBnr { background-color:#f5f5f5; box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25); display:block; padding:10px 0; } #topMainBnrFrame { box-shadow: 0px 1px 3px rgba(0,0,0,0.15); border: 4px solid #fff; height:auto; margin:0 auto; width:96%; } #topMainBnrFrame .slideFrame { display:block; overflow:hidden; } #topMainBnrFrame #topManiBnrInnerFrame { box-shadow:1px 2px 5px rgba(0,0,0,0.2) inset; overflow:hidden; } #topMainBnrFrame img { width:100%;/*position:relative;*/ } #topMainBnrFrame ul.slides { } #topMainBnrFrame ul.slides li { overflow:hidden;/*display:block; */ } #topMainBnrFrame ul.slides li a { } .home #content { padding-bottom:40px; } #topFreeArea { display:block; overflow:hidden;padding-bottom:25px;} #topPr .topPrOuter { display:block; overflow:hidden; margin-bottom:20px; padding-bottom:10px; } #topPr h3 { margin:0px 0px 14px;line-height:120%;font-size:16px; padding:0; border:none;background:url(assets/images/calmly/line_grd.png) left bottom repeat-x;box-shadow:none;display:block; overflow:hidden; } /* a に高さを揃えるjsが動作するのでblock指定で上下は余白をつけない */ #topPr h3 a { text-decoration:none;color:#333;padding:0 0 3px;display:block; overflow:hidden;border-bottom:2px solid var(--hp-primary); } #topPr h3 a:hover { color:var(--hp-primary); text-decoration:none; } #topPr p a { display:block; text-decoration:none;line-height:16px;color:#333;} #topPr a:hover { text-decoration:underline; } #topPr p.topPrDescription { margin-bottom:0px; font-size:14px;line-height:120%; padding:0px; } #topPr .prImage { box-shadow: 0px 1px 3px rgba(0,0,0,0.3);float:left;width:70px; margin-right:10px; overflow:hidden;margin-bottom:20px; border:4px solid #fff; } #topPr .prImage a { } #topPr .prImage img.imageWide { display:none;} #topPr .prImage img.imageSmall { display:block;} #topPr .topPrTxtBox { display:block; overflow:hidden; } #topPr .topPrDescription a:hover {color:var(--hp-primary);} #content .infoList { position:relative; } #content #topInfo h2, #content #topBlog h2 { margin-bottom:0px; } #content #topInfo, #content #topBlog { margin-bottom:50px; } #content #topBlog.infoList ul li .infoDate { display:block; float:left; } #content #topBlog.infoList ul li .infoTxt { clear:none; } #content .infoList .rssBtn { text-align:right; position:relative;margin-top:-40px; } #content .infoList .rssBtn a { color:#333; border: 1px solid #e6e6e6; font-family:'Lato', sans-serif; line-height:24px; font-weight:bold; text-decoration:none; padding:2px 10px; margin-right:15px; position:relative; box-shadow: inset 0 1px 0px rgba(255,255,255,1); background: linear-gradient(to bottom, #fcfcfc, #efefef); /* IE10, Firefox 16.0+, Opera 12.50+ */ background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#efefef)); background: -moz-linear-gradient(#fcfcfc, #efefef); background: linear-gradient(#fcfcfc, #efefef); } #content .infoList .rssBtn a:hover { box-shadow: inset 0 1px 0px rgba(255,255,255,1); background: linear-gradient(to bottom, #fcfcfc, #d5e9cc); /* IE10, Firefox 16.0+, Opera 12.50+ */ background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#d5e9cc)); background: -moz-linear-gradient(#fcfcfc, #d5e9cc); background: linear-gradient(#fcfcfc, #d5e9cc); } #topContentsBottom { margin-bottom:20px; } /*-------------------------------------------*/ /* post /*-------------------------------------------*/ #content .entry-content { display:block; overflow:hidden; margin-bottom:25px; padding: 0 1px;} #content .entry-content.post-content h1.entryPostTitle { margin-bottom:0px;} #content .entry-utility { clear:both; margin-top:15px; } #content .entry-utility dl.tag-links { display:inline;} #content .entry-utility dl.tag-links dt, #content .entry-utility dl.tag-links dd { display:inline; font-size:85.7%; line-height:120%;} #content .entry-utility dl.tag-links dt { display:inline-block; border:1px solid #e5e5e5;font-weight:lighter; margin-right:10px; padding:0px 10px; background-color:#e5e5e5; color:#999;} /* #comments /*-------------------------------------------*/ #comments { clear: both; } #comments ol.commentlist { margin:0px 0px 15px 0px;} #comments ol.commentlist li { list-style:none; } #comments li.comment .commentBox { border:4px solid #e5e5e5; padding:15px; margin-bottom:10px; } #comments li.comment .comment-author img { float:left;border:2px solid #ccc;margin-right:10px; } #comments li.comment .comment-author cite.fn { font-style:normal; line-height:120%;} #comments li.comment .comment-meta.commentmetadata { font-size:85.7%; line-height:120%;} #comments li.comment .comment-body { margin-left:50px;margin-top:10px; } #comments li.comment .comment-body p { margin-bottom:10px; } #comments li.comment .reply { } #comments #respond .required { color:#e50000;} #content #commentform p { margin-bottom:5px; } #content #commentform input, #content #commentform textarea { display:block; width:95%; padding:4px; } #content #commentform p.form-allowed-tags { font-size:10px; line-height:120%; color:#666; width:95%;margin-bottom:10px; } #content #commentform p.form-submit input { width:auto; padding:10px 20px;} #content ol.commentlist li.post.pingback { padding-bottom:0;} /*-------------------------------------------*/ /* sitemap & 404 &search /*-------------------------------------------*/ #content.wide { display:block; overflow:hidden; } #content #sitemapPostList { margin-top:20px; } #content #sitemapPostList h5 { margin:0px;padding:0px; font-weight:lighter;font-size:14px; } #content ul.linkList { margin:0px;padding:0px; font-size:85.7%; } #content ul.linkList li { list-style:none;margin-bottom:0px; } #content ul.linkList li a { background:url(assets/images/calmly/icon_arrow_bk.png) left 8px no-repeat; padding:5px 15px; display:block;text-decoration:none; color:#666;} #content ul.linkList li a:hover { text-decoration:underline;color:var(--hp-primary); } #content ul.linkList li li a { } #content ul.linkList li li a:hover { } #content ul.linkList li li li a { background:none; } #content ul.linkList li li li a:hover { } #content ul.linkList ul { margin-bottom:0px;margin-top:0px;margin-left:10px; } #content .error404 { text-align:center; padding-bottom:30px; } #sitemapOuter { border:4px solid #e5e5e5; padding:20px; display:block; overflow:hidden;margin:0px auto; } #content form#searchform label { display: none; } #content form#searchform input#s { width:70%; } #likeBox { border:1px solid #00ff00; width:100% !important; } .fbConnectWidgetTopmost { border:1px solid #00ff00; width:100% !important; } /*-------------------------------------------*/ /* Responsive Structure /*-------------------------------------------*/ /*-------------------------------------------*/ /* コンテンツ推奨サイズより大きい場合 /*-------------------------------------------*/ @media screen and (min-width: 660px) { /* スクロール分余裕に20px */ #headerTop { display:block; } #header { padding-top:30px; } #headerTop #site-description { line-height:150%; } #header #site-title { padding-bottom:30px;float:left; text-align: left; } #header #headContact { float:right; text-align:right; } #header #headContact #headContactTxt { font-size:11px;} #header #headContact #headContactTime { font-size:12px;} #header #headContact #headContactTel { font-size:24px;margin-bottom:4px; color:#333; } #main #container { padding-top:20px;} #main #container #content { margin:0px auto; } #content p { line-height:170%; } #content .mainFootContact p.mainFootTxt { float:left; margin-bottom:0px; text-align:left; } #content .mainFootContact p.mainFootTxt .mainFootCatch {font-size:120%;} #content .mainFootContact .mainFootBt { float:right; } #content .mainFootContact .mainFootBt a { width:350px;min-height:50px; } #content .mainFootContact .mainFootBt a img { width:auto; } #content table.mobile-block th, #content table.mobile-block td { display: table-cell; } .paging span.pageIndex { display:inline; } #topPr { display:block; overflow:hidden; margin-bottom:50px; } #topPr .topPrOuter { padding-bottom:0px;border-bottom:none;} #topPr #topPrLeft { width:33.1%; text-align:left; float:left;display:block; overflow:visible; } #topPr #topPrCenter { width:33.1%; text-align:center;float:left;display:block; overflow:visible; } #topPr #topPrRight { width:33.1%; text-align:right;float:right; display:block; overflow:visible; } #topPr #topPrLeft .topPrInner { float:left; } #topPr #topPrCenter .topPrInner { margin:0px auto;} #topPr #topPrRight .topPrInner { float:right; } #topPr .topPrInner {text-align:left;width:95%;} #topPr .topPrInner p { padding:0px; } #topPr .topPrInner p.topPrDescription { font-size:12px; } #topPr .prImage { float:none;width:96%; margin-right:0px; } #topPr .prImage a { display: block;} #topPr .prImage a:hover { } #topPr .prImage img { height:auto; } #topPr .prImage img.imageWide { display:block;} #topPr .prImage img.imageSmall { display:none;} #content .child_page_block { width:48%; padding:0 1px; } #content .child_page_block.layout_odd { float:left; clear:both; } } /*-------------------------------------------*/ /* pc iPad3より大きい場合 /*-------------------------------------------*/ @media screen and (min-width: 770px) { body { line-height:150%; } #gMenu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* グラデーション（filter）を使用するとIE8でドロップダウンの動作に不具合が出る場合がある為画像を使用 */ #gMenu { border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color:var(--hp-primary);border-top:1px solid #e5e5e5; background:url(assets/images/calmly/bg_gr_up.png) left bottom repeat-x #fff; } #gMenu #gMenuInner.innerBox { margin:0px 3%;width:94%;} #gMenu.itemClose .menu, #gMenu.itemOpen .menu { display:block; } #gMenu .menu { border-left:1px solid #e5e5e5; border-top:none; } #gMenu .menu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #gMenu .assistive-text { position: absolute; top: -9000px; } /* display:noneだと読み上げない / 横にオフセットするとIEで読み込みまでの間表示される */ #gMenu .menu li { float: left;width:auto;border-bottom:none; overflow:visible;box-shadow: inset 1px 0px 0px #fff; } #gMenu .menu li a { text-align:center;border-right:1px solid #e5e5e5; box-shadow: inset 1px 0px 0px #fff; } #gMenu .menu li a span { display:block; } /* IE7のみドロップダウン非表示 */ *+html #gMenu .menu li:hover ul { display:none; } #gMenu .menu li ul { display: none; } #gMenu .menu li li a, #gMenu .menu li li li a, #gMenu .menu li li li li a { padding-left:15px; } #gMenu .menu li a:hover, #gMenu .menu li.current_page_item > a, #gMenu .menu li.current-menu-ancestor > a, #gMenu .menu li.current-page-ancestor > a, #gMenu .menu li.current_page_ancestor > a { background-color:#f5f5f5;} #gMenu .menu li:hover ul { display:block; position:absolute;z-index:1000;border-top:1px solid #ccc; width:200px;box-shadow:1px 1px 3px rgba(0,0,0,0.2);opacity:0.97; } #gMenu .menu li:hover li { background:#fff;width:200px; position:relative;text-align:left; } #gMenu .menu li:hover li a { text-align:left; } #gMenu .menu li:hover ul li ul { position:absolute;left:200px;top:10px; border-top:none;} #gMenu .menu li:hover ul li ul, #gMenu .menu li:hover ul li ul li { display:none; } #gMenu .menu li:hover ul li:hover ul, #gMenu .menu li:hover ul li:hover ul li {display:block;} #gMenu .menu li:hover ul li:hover ul { border-top:1px solid #ccc; } #footerSiteMap .menu { font-size:12px; } #footerSiteMap .menu li { width:23%; margin-right: 2%; display:block; overflow:hidden;display:block;float: left; } #footerSiteMap .menu li a { padding: 2px 20px 6px 0px; } #footerSiteMap .menu li li { width:100%;margin-right: 0%; float:none; } #footerSiteMap .menu li li a { background-position:0px 3px; } #footerSiteMap .menu li li li a { padding-left:10px; } #content form span.wpcf7-form-control-wrap .wpcf7-list-item { padding-top:2px; padding-bottom:2px; } #footerSiteMap .menu li li li a { display:block; background-position: 0px 3px; } #sitemapOuter { padding:20px 50px; } #content #sitemapPageList { float:left;width:49%; } #content #sitemapPostList { float:right;width:49%;margin-top:0px; } #content ul.linkList li a { padding:3px 15px; } #footMenu {padding: 15px 0px;} #footMenu .innerBox { margin:0px 3%;width:94%; } #footMenu .menu li { list-style:none;display:block; margin:0px;padding:0px;float:left; line-height:100%; font-size:12px; } #footMenu .menu li a { background: none; padding:0px 15px 0px; line-height:1em; text-decoration:none; border-right:1px solid #ccc; border-bottom: none; } #footMenu .menu li a:hover { color:var(--hp-primary); text-decoration:underline; background:none; } #footMenu .menu li:first-child a { border-left:1px solid #ccc; } #topMainBnr { padding:30px 0; } } /*-------------------------------------------*/ /* フルサイズ /*-------------------------------------------*/ @media screen and (min-width: 970px) { /* スクロール分余裕に20px */ .innerBox, #gMenu #gMenuInner.innerBox { width:950px; margin:0px auto; } #main #container { padding-top:40px;} #main #container #content { float:left; width:680px; } #main #container #sideTower { float:right; width:220px;clear:none; } body.left-sidebar #main #container #content { float:right; } body.left-sidebar #main #container #sideTower { float:left; } body.home.one-column #main #container #content { float:none;width:100%; } body.home.one-column #main #container #sideTower { float:none; display:none; } #main #container #content.wide, body.left-sidebar #main #container #content.wide { float:none; } form#searchform input#s {width:110px; } form#searchform input#searchsubmit { width:30%; } #topMainBnr { width:100%; } #topMainBnr img { width:950px !important; } #topMainBnrFrame { width:950px;min-height:250px; } #topMainBnrFrame .slider li { } /* .childPageBox /*-------------------------------------------*/ #content .childPageBox { display:block; } #content .childPageBox{ margin-top:20px; border:1px solid #e6e6e6; padding:0px;display:block; overflow:hidden; margin-bottom:20px;} #content .childPageBox h4 { border-top: none; background:none; font-weight:lighter;margin:15px 20px 10px; padding:0px 0px 3px; font-size:14px;} #content .childPageBox h4 a { text-decoration:none;color:#666 } #content .childPageBox ul { margin:0px 20px 15px; padding:0px; display:block; overflow:hidden; font-size:85.7%; line-height:125%;} #content .childPageBox ul li { float:left; display:block; width:33%; list-style:none;margin:0px; } #content .childPageBox ul li a { background:url(assets/images/calmly/icon_arrow_bk.png) left 5px no-repeat; padding:3px 5px 3px 10px; text-decoration:none; display:block; overflow:hidden; color:#666;} #content .childPageBox ul li a:hover, #content .childPageBox ul li.current_page_item a { background-image:url(assets/images/calmly/icon_arrow_bk.png); text-decoration:underline;color:var(--hp-primary); } #content .childPageBox ul li ul { margin:0px;font-size:91.7%; } #content .childPageBox ul li ul li { float:none;width:auto; } #content .childPageBox ul li ul li a { background:url(assets/images/calmly/icon_arrow_bk_s.png) left 6px no-repeat; padding:3px 5px 3px 10px; text-decoration:none; } #content .childPageBox ul li ul li a:hover, #content .childPageBox ul li ul li.current_page_item a { background:url(assets/images/calmly/icon_arrow_bk_s.png) left 6px no-repeat; } #content .childPageBox ul li ul li ul { padding-left:8px;font-size:100%;line-height:120%;} #content .childPageBox ul li.current_page_item ul li a { color:#666; text-decoration:none;background-image:url(assets/images/calmly/icon_arrow2_gray.gif); } #content .childPageBox ul li.current_page_item ul li a:hover { color:var(--hp-primary); text-decoration:underline;background-image:url(assets/images/calmly/icon_arrow2_red.gif); } #content .mainFootContact .mainFootBt a img { width:100%; } #footMenu .innerBox { margin:0px auto;width:950px; } #footerSiteMap { width:680px;padding-top:0px; font-size:12px;float:right; } #footer dl#footerOutline { float:left; } } /* =Print Style -------------------------------------------------------------- */ @media print { body { background: none !important; } #wrapper { clear: both !important; display: block !important; float: none !important; position: relative !important; } #headerTop, #header, #panList, #gMenu, #pagetop, .sideTower, #footMenu, #footer, #siteBottom { display:none !important; } #pageTitBnr, #content table th { box-shadow:none !important; } #access, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area { display: none !important; } #container { margin: 0; width: 100%; } } .time{ width: 20px !important; display: inline-block !important; } .bank{ width: 70% !important; } .phone{ background: #f9f9f9; } .phone input{ border: 1px solid #ccc !important; line-height: 170% !important; width: 45%; } #content form span.wpcf7-form-control-wrap{ display: inline !important; } @media screen and (max-width: 768px){ .bv-grid-unit-item{ height:260px !important; } } /* ========================================================================== Happy Planners modern compatibility and performance layer ========================================================================== */ *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{margin:0;color:var(--hp-text);background:#fff;text-align:left;font-size:15px;line-height:1.75;overflow-wrap:anywhere} body.admin-bar{min-height:calc(100% - 32px)} a{color:var(--hp-primary);text-underline-offset:.16em} a:hover,a:focus-visible{color:var(--hp-primary-dark)} img{max-width:100%;height:auto} button,input,select,textarea{font:inherit} button,a,input,select,textarea,summary{outline-offset:3px} :focus-visible{outline:3px solid color-mix(in srgb,var(--hp-primary) 66%,#fff)} .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .screen-reader-text:focus{clip:auto!important;width:auto;height:auto;top:8px;left:8px;z-index:100000;padding:12px 16px;margin:0;background:#fff;color:#111;box-shadow:var(--hp-shadow);white-space:normal} .skip-link{font-weight:700} .innerBox{width:calc(100% - 32px);max-width:var(--hp-container);margin-inline:auto;text-align:left} .site-wrap{min-height:100%;display:flex;flex-direction:column} .site-main{flex:1;width:100%} /* Header */ #headerTop{display:block;border-top:3px solid var(--hp-primary);background:#f3f3f3;color:#666;padding:3px 0} #headerTop #site-description{margin:0;font-size:12px;line-height:1.5} #header{padding:14px 0;background:var(--hp-header-bg);overflow:visible} .site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px} #header #site-title{margin:0;padding:0;line-height:1;text-align:left;min-width:0} #header #site-title a{display:flex;align-items:center;gap:12px;color:var(--hp-text);text-decoration:none;overflow:visible} #header #site-title a img,.hp-site-logo{display:block;width:auto;max-width:min(100%,340px);max-height:72px;object-fit:contain;margin:0} .hp-site-name{font-size:clamp(20px,3vw,28px);line-height:1.25;font-weight:700} .hp-head-contact{margin-left:auto;text-align:right;white-space:normal} .hp-head-contact p{margin:0} .hp-head-contact__caption,.hp-head-contact__hours{font-size:12px;line-height:1.45;color:var(--hp-muted)} .hp-head-contact__phone a{display:inline-block;color:var(--hp-primary);font-size:23px;line-height:1.25;font-weight:700;text-decoration:none;font-variant-numeric:tabular-nums} .hp-head-contact__button{margin-top:5px!important} .hp-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid var(--hp-primary);border-radius:var(--hp-radius);background:var(--hp-primary);color:#fff!important;font-weight:700;text-align:center;text-decoration:none!important;transition:filter .15s ease,transform .15s ease} .hp-button:hover,.hp-button:focus-visible{filter:brightness(.9);transform:translateY(-1px)} .hp-button--small{min-height:34px;padding:5px 13px;font-size:12px} .hp-button--block{display:flex;width:100%} /* Navigation */ #gMenu{position:relative;z-index:100;border-top:1px solid var(--hp-primary);border-bottom:1px solid #ccc;background:var(--hp-nav-bg);overflow:visible} #gMenu #gMenuInner.innerBox{width:calc(100% - 32px);max-width:var(--hp-container);margin-inline:auto;padding:0} #gMenu .menu-toggle{display:none} #gMenu .menu{display:flex!important;align-items:stretch;width:100%;margin:0;padding:0;border:0;list-style:none;overflow:visible} #gMenu .menu>li{flex:1;width:auto;min-width:0;border-left:1px solid #ddd} #gMenu .menu>li:last-child{border-right:1px solid #ddd} #gMenu .menu li{position:relative} #gMenu .menu li a{display:flex;align-items:center;justify-content:center;min-height:58px;padding:10px 12px;border:0;background:none;color:#333;text-align:center;text-decoration:none;line-height:1.35;overflow:visible} #gMenu .menu>li>a:hover,#gMenu .menu>li>a:focus-visible,#gMenu .menu>.current-menu-item>a,#gMenu .menu>.current-menu-ancestor>a{background:var(--hp-primary);color:#fff;text-shadow:none} #gMenu .sub-menu{position:absolute;top:100%;left:0;z-index:120;display:none!important;min-width:230px;margin:0;padding:5px;background:#fff;border:1px solid var(--hp-border);box-shadow:var(--hp-shadow)} #gMenu .sub-menu li{width:100%} #gMenu .sub-menu a{justify-content:flex-start;min-height:42px;padding:9px 12px;border-bottom:1px solid #eee;text-align:left} #gMenu li:hover>.sub-menu,#gMenu li.focus>.sub-menu,#gMenu li:focus-within>.sub-menu{display:block!important} /* Slider */ .hp-slider{position:relative;max-width:var(--hp-container);margin:0 auto;background:#e9edf2;overflow:hidden;aspect-ratio:19/7;contain:layout paint} .hp-slider__viewport,.hp-slider__slide{position:absolute;inset:0} .hp-slider__slide{opacity:0;visibility:hidden;transition:opacity .45s ease;pointer-events:none} .hp-slider__slide.is-active{opacity:1;visibility:visible;pointer-events:auto} .hp-slider__slide a{display:block;width:100%;height:100%} .hp-slider__slide img{width:100%;height:100%;object-fit:cover;display:block} .hp-slider__control{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:42px;height:52px;transform:translateY(-50%);border:0;background:rgba(0,0,0,.45);color:#fff;font-size:32px;line-height:1;cursor:pointer} .hp-slider__control--prev{left:0}.hp-slider__control--next{right:0} .hp-slider__dots{position:absolute;z-index:3;bottom:12px;left:50%;display:flex;gap:8px;transform:translateX(-50%)} .hp-slider__dots button{width:12px;height:12px;padding:0;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.35);cursor:pointer} .hp-slider__dots button.is-active{background:var(--hp-primary)} /* Page heading and breadcrumb */ .hp-page-title{background:var(--hp-primary);color:#fff} #pageTitInner{padding-block:14px} #pageTit{margin:0;color:#fff;font-size:clamp(20px,3vw,28px);line-height:1.35;font-weight:700} .hp-breadcrumb{border-bottom:1px solid #ddd;background:#f7f7f7} .hp-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0;padding-block:8px;list-style:none;font-size:12px} .hp-breadcrumb li{display:flex;align-items:center;min-width:0} .hp-breadcrumb li:not(:last-child)::after{content:"›";margin-left:5px;color:#999} .hp-breadcrumb a,.hp-breadcrumb span{display:inline;overflow:visible;color:#555;text-decoration:none} .hp-breadcrumb li:last-child span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* Main layout */ #main{padding:34px 0 52px} .hp-front-page #main{padding-top:28px} #main #container{display:grid;grid-template-columns:minmax(0,var(--hp-content)) minmax(220px,var(--hp-sidebar));justify-content:space-between;gap:clamp(24px,4vw,48px);max-width:var(--hp-container);overflow:visible} #main #container #content{min-width:0;width:auto;margin:0;padding:0;float:none} #main #container #sideTower{min-width:0;width:auto;margin:0;padding:0;float:none;overflow:visible} .hp-layout-sidebar-content #main #container{grid-template-columns:minmax(220px,var(--hp-sidebar)) minmax(0,var(--hp-content))} .hp-layout-sidebar-content #content{grid-column:2}.hp-layout-sidebar-content #sideTower{grid-column:1;grid-row:1} .no-sidebar #main #container,.hp-layout-one-column #main #container{display:block} .no-sidebar #content,.hp-layout-one-column #content{width:100%;max-width:var(--hp-container);margin-inline:auto} #content-main{min-width:0} .sectionBox{margin:0 0 32px;padding:0} .entry-header{margin-bottom:18px} .entry-title{margin:0 0 10px;font-size:clamp(24px,3.6vw,34px);line-height:1.35} .hp-front-page .page-entry>.entry-header{margin-bottom:20px} .entry-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--hp-muted);font-size:12px} .entry-meta a{color:inherit} .entry-thumbnail{display:block;width:100%;height:auto;margin-bottom:20px} .entry-content{font-size:15px;line-height:1.9} .entry-content::after{content:"";display:block;clear:both} .entry-content>*:first-child{margin-top:0}.entry-content>*:last-child{margin-bottom:0} .entry-content p{margin:0 0 1.25em} .entry-content h2{margin:2em 0 .85em;padding:11px 15px;border-left:5px solid var(--hp-primary);background:var(--hp-surface-alt);font-size:clamp(21px,3vw,28px);line-height:1.4} .entry-content h3{margin:1.8em 0 .75em;padding-bottom:7px;border-bottom:2px solid var(--hp-primary);font-size:clamp(18px,2.6vw,23px);line-height:1.45} .entry-content h4{margin:1.5em 0 .7em;font-size:18px;line-height:1.5} .entry-content ul,.entry-content ol{margin:0 0 1.35em;padding-left:1.6em;list-style:revert} .entry-content li+li{margin-top:.3em} .entry-content blockquote{margin:1.5em 0;padding:18px 20px;border-left:5px solid var(--hp-primary);background:var(--hp-surface-alt)} .entry-content table{display:table;width:100%;margin:1.4em 0;border-collapse:collapse;overflow-wrap:normal} .entry-content th,.entry-content td{padding:10px;border:1px solid var(--hp-border);vertical-align:top} .entry-content th{background:var(--hp-surface-alt);font-weight:700} .entry-content figure{max-width:100%;margin:1.4em 0} .entry-content iframe{max-width:100%} .entry-content details{margin:1em 0;border:1px solid var(--hp-border);border-radius:var(--hp-radius);background:#fff} .entry-content summary{padding:14px 16px;font-weight:700;cursor:pointer} .entry-content details>*:not(summary){margin-inline:16px} .entry-content .alignwide{width:min(100vw - 32px,calc(var(--hp-container) + 160px));max-width:none;margin-left:50%;transform:translateX(-50%)} .entry-content .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)} .wp-caption,.gallery-caption{max-width:100%}.wp-caption-text{margin-top:6px;color:var(--hp-muted);font-size:12px} .sticky{border-top:4px solid var(--hp-primary)}.bypostauthor{display:block} .entry-footer{clear:both;margin-top:24px;padding-top:12px;border-top:1px solid var(--hp-border);font-size:12px} .page-links{display:flex;gap:5px;margin-top:24px} .post-navigation{margin:34px 0;padding:18px 0;border-block:1px solid var(--hp-border)} .post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:20px} .post-navigation .nav-next{text-align:right} .nav-subtitle{display:block;color:var(--hp-muted);font-size:11px}.nav-title{display:block;font-weight:700} /* Home page */ #topFreeArea{margin-bottom:30px} .hp-home-section{clear:both;margin-top:38px} .hp-home-section__heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px;border-bottom:3px solid var(--hp-primary)} .hp-home-section__title{margin:0 0 -3px;padding:0 0 9px;border-bottom:3px solid var(--hp-primary);font-size:24px;line-height:1.35} .hp-card-grid,.bv-grid-unit{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;clear:both;overflow:visible!important} .hp-card,.bv-grid-unit-item{float:none!important;width:auto!important;height:auto!important;min-width:0;margin:0!important;border:1px solid var(--hp-border);background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:transform .18s ease,box-shadow .18s ease} .hp-card:hover{transform:translateY(-2px);box-shadow:var(--hp-shadow)} .hp-card__link{display:flex;height:100%;flex-direction:column;color:var(--hp-text)!important;text-decoration:none!important;overflow:visible} .hp-card__media{aspect-ratio:3/2;overflow:hidden;background:#edf0f3} .hp-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease} .hp-card:hover .hp-card__media img{transform:scale(1.03)} .hp-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--hp-primary-soft),#eef1f4)} .hp-card__body{padding:13px 14px 15px} .hp-card__title{margin:0 0 7px!important;padding:0!important;border:0!important;background:none!important;color:var(--hp-text);font-size:16px!important;line-height:1.5} .hp-card__excerpt{margin:0;color:var(--hp-muted);font-size:12px;line-height:1.65} .bv-grid-unit-date{display:block;margin-bottom:4px;color:var(--hp-muted);font-size:11px} .hp-info-list,.infoList{margin:0;padding:0;list-style:none;border-top:1px solid var(--hp-border)} .hp-info-list li,.infoList li{display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px;padding:11px 8px;border-bottom:1px solid var(--hp-border)} .hp-info-list time,.infoList time{color:var(--hp-muted);font-size:12px;font-variant-numeric:tabular-nums} /* Archive list */ .hp-post-list{border-top:1px solid var(--hp-border)} .hp-list-entry{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--hp-border)} .hp-list-entry__media img{width:140px;aspect-ratio:4/3;object-fit:cover;margin:0} .hp-list-entry .entry-title{margin:0 0 7px;font-size:20px}.hp-list-entry .entry-title a{text-decoration:none} .hp-list-entry .entry-summary p{margin:.7em 0 0} .archive-description{margin:0 0 24px;padding:15px;background:var(--hp-surface-alt)} .navigation.pagination{margin-top:30px}.nav-links{display:flex;flex-wrap:wrap;gap:7px} .page-numbers{display:grid;place-items:center;min-width:40px;min-height:40px;padding:5px 10px;border:1px solid var(--hp-border);text-decoration:none} .page-numbers.current{border-color:var(--hp-primary);background:var(--hp-primary);color:#fff} /* Sidebar */ .sideTower .widget{margin:0 0 24px;padding:0;border:1px solid var(--hp-border);background:#fff} .sideTower .widget-title,.sideTower .localHead{margin:0;padding:11px 13px;border:0;background:var(--hp-primary);color:#fff;font-size:16px;line-height:1.4} .sideTower .widget>*:not(.widget-title):not(.localHead){margin-left:13px;margin-right:13px} .sideTower .widget>form,.sideTower .widget>ul,.sideTower .widget>.textwidget,.sideTower .widget>.hp-contact-widget{margin-top:13px;margin-bottom:13px} .hp-widget-list,.sideTower .widget ul{margin:0;padding:0;list-style:none} .hp-widget-list li,.sideTower .widget li{padding:8px 0;border-bottom:1px solid #eee} .hp-widget-list li:last-child,.sideTower .widget li:last-child{border-bottom:0} .hp-widget-list a,.sideTower .widget li a{display:block;text-decoration:none} .hp-widget-list time{display:block;color:var(--hp-muted);font-size:11px} .hp-contact-widget__phone{display:block;margin-top:10px;color:var(--hp-primary);font-size:20px;font-weight:700;text-align:center;text-decoration:none} .widget_search .search-form{display:flex;gap:6px}.widget_search .search-field{min-width:0;width:100%} .search-form{display:flex;gap:8px}.search-form label{flex:1}.search-field{width:100%;min-height:42px;padding:8px;border:1px solid var(--hp-border)} .search-submit{min-height:42px;padding:8px 14px;border:0;background:var(--hp-primary);color:#fff;cursor:pointer} /* Forms */ input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],input[type=date],select,textarea{max-width:100%;min-height:42px;padding:8px 10px;border:1px solid #bbb;border-radius:2px;background:#fff;color:var(--hp-text);box-shadow:none} textarea{width:100%;min-height:140px} input[type=submit],button[type=submit]{min-height:44px;padding:9px 18px;border:1px solid var(--hp-primary);border-radius:var(--hp-radius);background:var(--hp-primary);color:#fff;font-weight:700;cursor:pointer} .wpcf7-form-control-wrap{display:block}.wpcf7-not-valid-tip{color:#b00020}.wpcf7-response-output{padding:12px!important} /* Footer */ #footerSection{margin-top:auto;background:var(--hp-footer-bg);color:var(--hp-footer-text)} #footMenu{background:color-mix(in srgb,var(--hp-footer-bg) 86%,#fff);border:0} #footMenu ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:0;padding:0;list-style:none} #footMenu a{display:block;padding:12px 16px;color:var(--hp-footer-text);text-decoration:none} #footer{padding:34px 0;background:transparent;color:var(--hp-footer-text)} .site-footer__inner{display:grid;grid-template-columns:minmax(250px,350px) minmax(0,1fr);gap:48px} #footerOutline{float:none!important;width:auto!important;margin:0} .footer-logo{display:block;width:auto;max-width:300px;max-height:70px;margin-bottom:15px;object-fit:contain} .footer-company-name{margin:0 0 10px;color:#fff;font-size:20px;font-weight:700} #footer address{font-style:normal;line-height:1.8} .footer-phone a{color:#fff;font-size:20px;font-weight:700;text-decoration:none} #footerSiteMap{float:none!important;width:auto!important;margin:0} #footerSiteMap ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none} #footerSiteMap li{float:none!important;width:auto!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,.18)} #footerSiteMap li a{display:block;padding:8px 0;color:var(--hp-footer-text);text-decoration:none} #footerSiteMap .sub-menu{display:block!important;padding-left:13px} .footer-widgets{grid-column:1/-1} #siteBottom{padding:12px 0;border-top:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.15);color:var(--hp-footer-text);font-size:11px;text-align:center} #siteBottomInner{text-align:center} .hp-back-top{position:fixed;right:18px;bottom:18px;z-index:500;width:48px;height:48px;border:0;border-radius:50%;background:var(--hp-primary);color:#fff;font-size:22px;box-shadow:var(--hp-shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;cursor:pointer} .hp-back-top.is-visible{opacity:1;visibility:visible;transform:none} /* Sitemap, comments and legacy content */ .hp-sitemap{display:grid;grid-template-columns:1fr 1fr;gap:36px} .hp-sitemap h2{margin:0 0 12px;padding-bottom:8px;border-bottom:3px solid var(--hp-primary)} .linkList{margin:0;padding:0;list-style:none}.linkList ul{padding-left:20px}.linkList li{padding:6px 0;border-bottom:1px solid #eee} .comments-area{margin-top:36px}.comment-list{margin:0;padding:0;list-style:none}.comment-list .comment-body{margin-bottom:16px;padding:15px;border:1px solid var(--hp-border)} .topPr{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topPrInner{float:none!important;width:auto!important;margin:0!important}.topPrInner img{width:100%;height:auto}.topPrInner a{color:inherit;text-decoration:none} .hp-pr-picture{display:block;margin:0}.hp-pr-picture img{display:block;width:100%;height:auto} #sideMenu{margin:0!important;padding:0;list-style:none}#sideMenu a{padding:10px 8px} /* Reduced motion */ @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hp-slider__slide{transition:none}} /* Tablet */ @media screen and (max-width:900px){ #main #container{grid-template-columns:minmax(0,1fr) minmax(220px,260px);gap:26px} .hp-card-grid,.bv-grid-unit{grid-template-columns:repeat(2,minmax(0,1fr))} .site-footer__inner{gap:30px} } /* Mobile */ @media screen and (max-width:767px){ body.admin-bar{min-height:calc(100% - 46px)} .innerBox,#gMenu #gMenuInner.innerBox{width:calc(100% - 24px)} #headerTop{display:none} #header{padding:10px 0} .site-header__inner{min-height:54px;gap:10px} #header #site-title{flex:1;min-width:0} #header #site-title a img,.hp-site-logo{max-height:52px;max-width:230px} .hp-site-name{font-size:19px} .hp-head-contact__caption,.hp-head-contact__hours,.hp-head-contact__button{display:none} .hp-head-contact__phone a{font-size:0} .hp-head-contact__phone a::before{content:"☎";display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--hp-primary);color:#fff;font-size:20px} #gMenu #gMenuInner.innerBox{width:100%} #gMenu .menu-toggle{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:10px;border:0;background:var(--hp-primary);color:#fff;font-weight:700;cursor:pointer} .menu-toggle__icon{display:flex;width:20px;flex-direction:column;gap:4px}.menu-toggle__icon span{display:block;height:2px;background:#fff} #gMenu.itemClose .menu{display:none!important}#gMenu.itemOpen .menu{display:block!important} #gMenu .menu{width:100%;border:0} #gMenu .menu>li,#gMenu .menu>li:last-child{width:100%;border:0} #gMenu .menu li a{justify-content:flex-start;min-height:46px;padding:11px 16px;border-bottom:1px solid #ddd;text-align:left} #gMenu .sub-menu{position:static;display:block!important;width:100%;min-width:0;padding:0;border:0;box-shadow:none} #gMenu .sub-menu a{padding-left:32px;background:#f4f4f4} .hp-slider{width:100%;aspect-ratio:19/8} .hp-slider__control{width:36px;height:44px;font-size:25px} .hp-slider__dots{bottom:7px}.hp-slider__dots button{width:10px;height:10px} #pageTitInner{padding-block:10px} #main{padding:24px 0 38px} #main #container,.hp-layout-sidebar-content #main #container{display:flex;flex-direction:column;gap:30px} .hp-layout-sidebar-content #content,.hp-layout-sidebar-content #sideTower{grid-column:auto;grid-row:auto} #main #container #content,#main #container #sideTower{width:100%} .entry-content{font-size:15px;line-height:1.85} .entry-content h2{font-size:21px} .entry-content .alignwide,.entry-content .alignfull{width:100%;margin-left:0;transform:none} .entry-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch} .hp-card-grid,.bv-grid-unit{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .hp-card__body{padding:10px}.hp-card__title{font-size:14px!important}.hp-card__excerpt{display:none} .hp-info-list li,.infoList li{grid-template-columns:1fr;gap:2px} .hp-list-entry{grid-template-columns:95px minmax(0,1fr);gap:13px;padding:17px 0} .hp-list-entry__media img{width:95px}.hp-list-entry .entry-title{font-size:17px}.hp-list-entry .entry-summary{display:none} .post-navigation .nav-links{grid-template-columns:1fr} .site-footer__inner{display:block} #footerOutline{margin-bottom:28px} #footerSiteMap ul{grid-template-columns:1fr} .hp-sitemap{grid-template-columns:1fr} .topPr{grid-template-columns:1fr!important} } @media screen and (max-width:420px){ .hp-card-grid,.bv-grid-unit{grid-template-columns:1fr} .hp-list-entry{grid-template-columns:1fr}.hp-list-entry__media img{width:100%;aspect-ratio:16/9} }