@font-face { font-family: 'vektor_kado_icons'; src: url("fonts/vektor_kado_icons.eot"); src: url("fonts/vektor_kado_icons.eot?#iefix") format("embedded-opentype"), url("fonts/vektor_kado_icons.woff") format("woff"), url("fonts/vektor_kado_icons.ttf") format("truetype"), url("fonts/vektor_kado_icons.svg#vektor_kado_icons") format("svg"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'vektor_kado_icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-vk_kado_waku_tel_01, .icon-vk_kado_waku_rss_01, .icon-vk_kado_waku_menu_01, .icon-vk_kado_waku_close_01, .icon-vk_kado_nuri_rss_01, .icon-vk_kado_nuri_arrow_01_right, .icon-vk_kado_nashi_tel_01, .icon-vk_kado_nashi_menu_01, .icon-vk_kado_nashi_close_01, .icon-vk_kado_full_tri_01_right_bottom, .icon-vk_kado_full_home_01, .icon-vk_full_rss_01, .icon-vk_kado_nashi_arrow_01_top, .icon-vk_kado_nashi_arrow_01_right, .icon-vk_kado_nashi_arrow_01_left, .icon-vk_kado_nashi_arrow_01_bottom, .icon-vk_kado_wakumaru_arrow_01_top, .icon-vk_kado_wakumaru_arrow_01_right, .icon-vk_kado_wakumaru_arrow_01_left, .icon-vk_kado_wakumaru_arrow_01_bottom, .icon-vk_kado_waku_arrow_01_top, .icon-vk_kado_waku_arrow_01_right, .icon-vk_kado_waku_arrow_01_left, .icon-vk_kado_waku_arrow_01_bottom, .icon-vk_kado_nurimaru_arrow_01_top, .icon-vk_kado_nurimaru_arrow_01_right, .icon-vk_kado_nurimaru_arrow_01_left, .icon-vk_kado_nurimaru_arrow_01_bottom, .icon-vk_kado_nuri_arrow_01_top, .icon-vk_kado_nuri_arrow_01_right-2, .icon-vk_kado_nuri_arrow_01_left, .icon-vk_kado_nuri_arrow_01_bottom, .icon-vk_kado_full_arrow_01_top, .icon-vk_kado_full_arrow_01_right, .icon-vk_kado_full_arrow_01_left, .icon-vk_kado_full_arrow_01_bottom { font-family: 'vektor_kado_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-vk_kado_waku_tel_01:before { content: "\21"; } .icon-vk_kado_waku_rss_01:before { content: "\22"; } .icon-vk_kado_waku_menu_01:before { content: "\23"; } .icon-vk_kado_waku_close_01:before { content: "\24"; } .icon-vk_kado_nuri_rss_01:before { content: "\26"; } .icon-vk_kado_nuri_arrow_01_right:before { content: "\27"; } .icon-vk_kado_nashi_tel_01:before { content: "\28"; } .icon-vk_kado_nashi_menu_01:before { content: "\29"; } .icon-vk_kado_nashi_close_01:before { content: "\2a"; } .icon-vk_kado_full_tri_01_right_bottom:before { content: "\2c"; } .icon-vk_kado_full_home_01:before { content: "\2d"; } .icon-vk_full_rss_01:before { content: "\2f"; } .icon-vk_kado_nashi_arrow_01_top:before { content: "\25"; } .icon-vk_kado_nashi_arrow_01_right:before { content: "\2b"; } .icon-vk_kado_nashi_arrow_01_left:before { content: "\2e"; } .icon-vk_kado_nashi_arrow_01_bottom:before { content: "\30"; } .icon-vk_kado_wakumaru_arrow_01_top:before { content: "\31"; } .icon-vk_kado_wakumaru_arrow_01_right:before { content: "\32"; } .icon-vk_kado_wakumaru_arrow_01_left:before { content: "\33"; } .icon-vk_kado_wakumaru_arrow_01_bottom:before { content: "\34"; } .icon-vk_kado_waku_arrow_01_top:before { content: "\35"; } .icon-vk_kado_waku_arrow_01_right:before { content: "\36"; } .icon-vk_kado_waku_arrow_01_left:before { content: "\37"; } .icon-vk_kado_waku_arrow_01_bottom:before { content: "\38"; } .icon-vk_kado_nurimaru_arrow_01_top:before { content: "\39"; } .icon-vk_kado_nurimaru_arrow_01_right:before { content: "\3a"; } .icon-vk_kado_nurimaru_arrow_01_left:before { content: "\3b"; } .icon-vk_kado_nurimaru_arrow_01_bottom:before { content: "\3c"; } .icon-vk_kado_nuri_arrow_01_top:before { content: "\3d"; } .icon-vk_kado_nuri_arrow_01_right-2:before { content: "\3e"; } .icon-vk_kado_nuri_arrow_01_left:before { content: "\3f"; } .icon-vk_kado_nuri_arrow_01_bottom:before { content: "\40"; } .icon-vk_kado_full_arrow_01_top:before { content: "\41"; } .icon-vk_kado_full_arrow_01_right:before { content: "\42"; } .icon-vk_kado_full_arrow_01_left:before { content: "\43"; } .icon-vk_kado_full_arrow_01_bottom:before { content: "\44"; } /*-------------------------------------------*/ /* 初期化 /*-------------------------------------------*/ /* 基本設定 /*-------------------------------------------*/ /* Btn /*-------------------------------------------*/ /* レイアウト /*-------------------------------------------*/ /* #headerTop /*-------------------------------------------*/ /* #header /*-------------------------------------------*/ /* #gMenu /*-------------------------------------------*/ /* #panList /*-------------------------------------------*/ /* #main /* #content /* .child_page_block /* .childPageBox /* .mainFoot /* images /* .navigation /* .paging /* .infoList /* .infoListBox /* #comments /* .socialSet /*-------------------------------------------*/ /* #sideTower /*-------------------------------------------*/ /* #pagetop /*-------------------------------------------*/ /* #footer /*-------------------------------------------*/ /* #siteBottom /*-------------------------------------------*/ /* top /*-------------------------------------------*/ /* post /*-------------------------------------------*/ /* #comments /*-------------------------------------------*/ /* sitemap & 404 &search /*-------------------------------------------*/ /* Responsive Structure /*-------------------------------------------*/ /*-------------------------------------------*/ /* 初期化 /*-------------------------------------------*/ * { 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; } th { font-weight: lighter; } img { border: none; vertical-align: bottom; } /*-------------------------------------------*/ /* 基本設定 /*-------------------------------------------*/ body { color: #666; text-align: center; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; } /* Text elements */ body { font-size: 87.5%; line-height: 150%; -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; } a { overflow: hidden; color: #666; } a:hover, a:active { color: #c00; } .adminEdit { clear: both; float: none; display: block; overflow: hidden; padding: 0px 0px 20px; } .assistive-text { display: none; } /*-------------------------------------------*/ /* form /*-------------------------------------------*/ input[type="text"], input[type="email"], input[type="password"], select, textarea { background: #f9f9f9; border: 1px solid #ccc; padding: 4px; 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); } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; margin-left: 0.5em; } /*-------------------------------------------*/ /* 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: none; 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] { display: inline-block; overflow: hidden; margin-top: 15px; position: relative; padding: 8px 20px 6px; text-decoration: none; cursor: pointer; border: none; } a.btn.btnS, .linkBtn.linkBtnS a { padding: 5px 10px; font-size: 85.7%; } a.btn.btnL, .linkBtn.linkBtnL a { padding: 10px 30px; font-size: 114.3%; text-align: center; } a.btn.btnAdmin, .linkBtn.linkBtnAdmin a { color: #666666 !important; background-color: #e5e5e5; border-radius: 3px; text-decoration: none; border: 1px solid #ccc; box-shadow: inset 0 1px 0 #fff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e5e5e5)); background: -moz-linear-gradient(#fff, #e5e5e5); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#e5e5e5)"; } #searchform input[type=submit], p.form-submit input[type=submit] { padding: 6px 15px; } #searchform label { display: none; } form#searchform input#searchsubmit { padding: 6px 5px; } .moreLink { margin-bottom: 0px; height: auto; display: block; } .moreLink a { text-align: center; margin-top: 10px; display: inline-block; overflow: hidden; font-size: 10px; line-height: 105%; text-decoration: none; background-color: #efefef; color: #666; padding: 5px 15px; } .moreLink a:hover { text-decoration: none !important; background-color: #e5e5e5; } 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 auto; } .innerBox img { max-width: 100%; } .innerBox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #main { width: 100%; margin: 0px auto; } #main #container { overflow: visible; } #main #container #content { margin: 0 0px 0px 0px; padding-bottom: 30px; } #main #container #content.wide { width: 99%; float: none; padding-bottom: 30px; overflow: visible; } #main #container #sideTower { display: block; overflow: hidden; padding-bottom: 30px; width: 100%; } /*-------------------------------------------*/ /* #headerTop /*-------------------------------------------*/ #headerTop { display: none; overflow: hidden; color: #666; width: 100%; clear: both; font-size: 85.7%; } #headerTop #site-description { font-size: 10px; line-height: 135.7%; color: #999; padding: 2px 0px; } /*-------------------------------------------*/ /* #header /*-------------------------------------------*/ #header { display: block; overflow: hidden; text-align: left; } #header .innerBox { padding-top: 15px; } #header #site-title { font-size: 24px; line-height: 45px; margin: 0px; padding-bottom: 10px; position: relative; font-weight: lighter; } #header #site-title a { color: #000; font-weight: bold; text-decoration: none; } #header #site-title a img { max-height: 90px; } #header #headContact { font-size: 100%; line-height: 110%; margin: 0px; white-space: nowrap; text-align: left; } #header #headContact #headContactInner:before { position: absolute; right: 3%; top: 20px; font-size: 32px; line-height: 105%; font-family: 'vektor_kado_icons'; display: block; } #header #headContact #headContactInner { cursor: pointer; } #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; } #header #headContact #headContactTime { font-size: 12px; line-height: 15px; } #header #headContact.itemClose #headContactInner:before { content: "\21"; } #header #headContact.itemClose #headContactInner #headContactTxt, #header #headContact.itemClose #headContactInner #headContactTel, #header #headContact.itemClose #headContactInner #headContactTime { display: none; } #header #headContact.itemOpen #headContactInner:before { content: "\24"; } #header #headContact.itemOpen #headContactInner { border: 1px solid #ccc; padding: 10px 15px; clear: both; display: block; overflow: hidden; margin-bottom: 1em; } #header #headContact.itemOpen #headContactInner #headContactTxt, #header #headContact.itemOpen #headContactInner #headContactTel, #header #headContact.itemOpen #headContactInner #headContactTime { display: block; } /*-------------------------------------------*/ /* #gMenu /*-------------------------------------------*/ #gMenu { clear: both; display: block; overflow: visible; position: relative; width: 100%; } #gMenu .assistive-text { display: block; overflow: hidden; position: relative; left: 0px; font-weight: lighter; text-align: left; font-family: 'Lato', sans-serif; cursor: pointer; background-color: #f5f5f5; } #gMenu .assistive-text span { display: block; overflow: hidden; padding: 8px 0px; margin: 0px 10px; font-size: 16px; } #gMenu .assistive-text span:before { font-family: 'vektor_kado_icons'; margin-right: 8px; } #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; } #gMenu .menu li { position: relative; width: 100%; display: block; } #gMenu .menu li a { color: #333; display: block; overflow: hidden; padding: 13px 10px 11px; margin: 0px; line-height: 110%; text-decoration: none; letter-spacing: 0px; text-align: left; position: relative; border-bottom: 1px solid #ccc; } #gMenu .menu li a span { display: block; font-size: 10px; line-height: 140%; letter-spacing: 1px; font-family: verdana, Arial, Helvetica, sans-serif; opacity: 0.6; } #gMenu .menu li ul { display: block; } #gMenu .menu li ul li span { display: block; } #gMenu .menu li ul li a { padding-left: 20px; } #gMenu .menu li ul li li a { padding-left: 30px; } #gMenu.itemClose .assistive-text span:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\23"; } #gMenu.itemClose .menu { display: none; } #gMenu.itemOpen .assistive-text span:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\24"; } #gMenu.itemOpen .menu { display: block; } /*-------------------------------------------*/ /* #pageTitBnr /*-------------------------------------------*/ #pageTitBnr { margin: 0px; clear: both; } #pageTitBnr #pageTitInner { display: block; overflow: hidden; } #pageTitBnr #pageTitInner #pageTit { font-size: 22px; font-weight: bold; display: block; overflow: hidden; padding-top: 21px; padding-bottom: 18px; line-height: 110%; } /*-------------------------------------------*/ /* #panList /*-------------------------------------------*/ #panList { clear: both; font-size: 10px; color: #999; padding: 0px; display: block; overflow: hidden; width: 100%; } #panList .innerBox { display: block; overflow: hidden; text-align: left; padding: 0px; line-height: 24px; } #panList ul { display: inline-block; } #panList ul li { display: inline-block; padding-right: 5px; } /*-------------------------------------------*/ /* #main /*-------------------------------------------*/ #main { display: block; overflow: visible; clear: both; } #main { zoom: 1; } /* 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 { margin-bottom: 20px; } #content .post { padding-bottom: 25px; } #content .alert { color: #f00; } #content .caption { font-size: 11px; line-height: 120%; } #content .center { text-align: center; } #content .right { text-align: right; } #content .nowrap { white-space: nowrap; } #content .sectionBox { margin-bottom: 30px; display: block; overflow: hidden; clear: both; } #content .entry-meta { margin-bottom: 15px; font-size: 11px; color: #666; } #content h1, #content h2, #content h3, #content h4, #content h4, #content h5, #content h6, #content .leadTxt { color: #333333; } #content h2, #content h1.contentTitle, #content h1.entryPostTitle { clear: both; font-size: 128.6%; line-height: 133.3%; padding: 0; font-weight: bold; color: #333; position: relative; } #content h1.entryPostTitle { margin: 0px 0px 5px; } #content h1.contentTitle { margin: 0 0 25px; } #content h2 { margin: 30px 0px 25px; } #content h2:nth-child(1) { margin-top: 0; } #content h2 a { text-decoration: none; } #content h2.imageTit { margin: 0px 0px 30px; border: none; padding: 0px; background: none; } #content h3 { clear: both; font-size: 128.6%; line-height: 120%; margin: 35px 0px 25px; padding: 0; } #content h4 { clear: both; font-size: 121.4%; line-height: 120%; margin: 40px 0px 10px; padding: 0; } #content h5 { clear: both; font-size: 114.3%; line-height: 120%; margin: 40px 0px 10px; padding: 0; } #content h6 { clear: both; font-size: 100.0%; line-height: 120%; margin: 40px 0px 10px; padding: 0; } #content p { margin-bottom: 20px; padding: 0px 5px; } #content blockquote, #content .sectionFrame { padding: 20px 15px 0px; margin-bottom: 20px; border: 3px solid #efefef; clear: both; } #content blockquote h2, #content blockquote h3, #content blockquote h4, #content blockquote h5, #content blockquote h6, #content .sectionFrame h2, #content .sectionFrame h3, #content .sectionFrame h4, #content .sectionFrame h5, #content .sectionFrame h6 { margin-top: 0; } #content strong { font-weight: bold; } #content ul { margin: 0px 0px 20px 20px; } #content ul li { list-style: disc; padding: 0px; } #content ul ul { margin-top: 10px; } #content ul ul li { list-style: circle; } #content li { margin-bottom: 10px; } #content ol { margin: 0px 0px 20px 40px; } #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 th { font-weight: bold; } #content table th, #content table thead th { padding: 9px 24px; background-color: #f5f5f5; white-space: nowrap; } #content table tfoot th, #content table tfoot td { font-weight: bold; } #content table th, #content table td { border: 1px solid #ccc; padding: 10px 10px; vertical-align: top; } #content table th ul, #content table th ol, #content table td ul, #content table td ol { margin-bottom: 0px; margin-left: 15px; } #content table th ul li, #content table th ol li, #content table td ul li, #content table td ol 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: #c00; } #content dd { margin: 0px 0px 30px; padding: 0px; } /* .child_page_block /*-------------------------------------------*/ #content .child_page_block { display: block; overflow: hidden; margin-bottom: 15px; width: 100%; } #content .child_page_block .child_page_blockInner { display: block; overflow: hidden; padding: 15px 0px; } #content .child_page_block.layout_even { float: right; } #content .child_page_block h4 { border: none; padding: 0px 0px 2px; margin: 0px; border-bottom: 1px solid #ccc; margin-bottom: 10px; border-bottom: 1px solid #ccc; box-shadow: 0px 1px 0px white; } #content .child_page_block h4 a { text-decoration: none; color: #4d4d4d; } #content .child_page_block h4 a:hover { text-decoration: underline; } #content .child_page_block .childText { display: block; overflow: hidden; } #content .child_page_block p { font-size: 12px; margin-bottom: 0px; line-height: 133%; padding: 0px; } #content .child_page_block p a { text-decoration: none; color: #666; } #content .child_page_block p a:hover { text-decoration: underline; color: #c00; } #content .child_page_block .thumbImage { float: left; display: block; border: 1px solid #ccc; margin-right: 13px; } #content .child_page_block .thumbImage .thumbImageInner { display: block; overflow: hidden; width: 80px; border: 1px solid #fff; } #content .child_page_block .thumbImage .thumbImageInner img { width: 80px; height: auto; } /* .childPageBox /*-------------------------------------------*/ #content .childPageBox { display: none; } #content .childPageBox .textBox { overflow: hidden; border: 1px solid #ff0000; } /* .mainFoot /*-------------------------------------------*/ #content .mainFoot { display: block; overflow: hidden; margin-top: 35px; margin-bottom: 30px; } #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: 135.7%; } #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: 135.7%; } #content .mainFootContact .mainFootBt a { display: block; overflow: hidden; background-color: #999; max-width: 350px; margin: 0px auto; } #content .mainFootContact .mainFootBt a img { max-width: 100%; } /* images /*-------------------------------------------*/ #content img { margin: 0; max-width: 100%; height: auto !important; } #content .attachment img { max-width: 100%; } #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: #999; border: 1px solid #999; text-decoration: none; } .paging span.current, .paging a:hover { background-color: #999; color: #fff; text-decoration: none; } .paging span.txt_hellip { border: none; margin: 0; padding: 6px 0px; } /* .infoList -------------------------------------------------------------- */ #content .infoList { padding-bottom: 20px; } #content .infoList ul { margin: 10px 0px 5px; list-style: none; } #content .infoList ul li { border-bottom: 1px dotted #ccc; padding: 6px 0px; list-style: none; margin-bottom: 0px; } #content .infoList ul li a:hover { color: #f00; } #content .infoList .infoDate { margin-right: 8px; color: #c00; } #content .infoList .infoCate a { color: #666; margin-right: 4px; background-color: #e5e5e5; color: #666; font-size: 11px; padding: 2px 6px 0px; line-height: 14px; text-decoration: none; position: relative; } #content .infoList .infoCate a:hover { background-color: #000; color: #f5f5f5; text-decoration: none; } #content .infoList ul li .infoTxt { display: block; overflow: hidden; clear: both; } #content .infoList ul li .infoTxt a { text-decoration: none; color: #666; display: block; overflow: hidden; } #content .infoList ul li .infoTxt a:hover { color: #c00; text-decoration: underline; } /* .infoListBox /*-------------------------------------------*/ #content .infoList .infoListBox { display: block; overflow: hidden; padding: 20px 0px; border-bottom: 1px solid #ccc; 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 { margin: 0px 0px 5px; padding: 0px 0px 2px; display: block; line-height: 135.7%; font-size: 114.3%; } #content .infoList .infoListBox div.entryTxtBox h4.entryTitle a { 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; } #content .infoList .infoListBox div.thumbImage div.thumbImageInner img { width: 98px; height: auto; border: 1px solid #ccc; } /* form /*-------------------------------------------*/ #content form table { margin-top: 25px; } #content form input[type=text], #content form textarea { position: relative; overflow: hidden; padding: 5px 10px; margin: 5px 5px 5px 0px; } #content form input[type=radio] { width: auto; } #content form input[type=checkbox] { width: auto; } /*-------------------------------------------*/ /* #sideTower /*-------------------------------------------*/ .sideTower, #sideTower { clear: both; } .sideTower .localSection, #sideTower .localSection { margin-bottom: 50px; } .sideTower .localHead, #sideTower .localHead { font-size: 14px; border-top: 2px solid #666; color: #333; border-bottom: 1px solid #ccc; padding: 13px 0px 10px; font-weight: bold; position: relative; } .sideTower .localHead a, #sideTower .localHead a { text-decoration: none; color: #333; } .sideTower .localHead a:hover, #sideTower .localHead a:hover { text-decoration: underline; } .sideTower .sideWidget, #sideTower .sideWidget { margin: 0 0 20px; } .sideTower .sideWidget li, #sideTower .sideWidget li { list-style: none; border-bottom: 1px dotted #ccc; font-size: 85.7%; line-height: 135.7%; /* 子 */ /* 孫 */ } .sideTower .sideWidget li a, #sideTower .sideWidget li a { display: block; padding: 13px 10px 11px; text-decoration: none; } .sideTower .sideWidget li a img, #sideTower .sideWidget li a img { margin: 0 auto; } .sideTower .sideWidget li ul, #sideTower .sideWidget li ul { display: block; margin: 0px; } .sideTower .sideWidget li li, #sideTower .sideWidget li li { display: block; border-bottom: none; border-top: 1px dotted #ccc; } .sideTower .sideWidget li li a, #sideTower .sideWidget li li a { padding: 11px 10px 9px 15px; } .sideTower .sideWidget li li li a, #sideTower .sideWidget li li li a { padding-left: 20px; } .sideTower .sideWidget li a:hover, .sideTower .sideWidget li.current_page_item a, .sideTower .sideWidget li.current-cat a, #sideTower .sideWidget li a:hover, #sideTower .sideWidget li.current_page_item a, #sideTower .sideWidget li.current-cat a { background-color: #efefef; } .sideTower .sideWidget li.current-cat li a, .sideTower .sideWidget li.current_page_item li a, #sideTower .sideWidget li.current-cat li a, #sideTower .sideWidget li.current_page_item li a { background-color: inherit; } .sideTower .sideWidget li.current-cat li a:hover, .sideTower .sideWidget li.current_page_item li a:hover, #sideTower .sideWidget li.current-cat li a:hover, #sideTower .sideWidget li.current_page_item li a:hover { background-color: #efefef; } .sideTower .sideWidget li li.current-cat a, .sideTower .sideWidget li li.current_page_item a, #sideTower .sideWidget li li.current-cat a, #sideTower .sideWidget li li.current_page_item a { background-color: #efefef; } .sideTower .sideWidget li li.current-cat li a, .sideTower .sideWidget li li.current_page_item li a, #sideTower .sideWidget li li.current-cat li a, #sideTower .sideWidget li li.current_page_item li a { background-color: inherit; } .sideTower .sideWidget li li.current-cat li a:hover, .sideTower .sideWidget li li.current_page_item li a:hover, #sideTower .sideWidget li li.current-cat li a:hover, #sideTower .sideWidget li li.current_page_item li a:hover { background-color: #efefef; } .sideTower .sideWidget .textwidget, #sideTower .sideWidget .textwidget { padding-top: 10px; } .sideTower .sideWidget .textwidget img, #sideTower .sideWidget .textwidget img { display: block; margin: 0 auto; } .sideTower .sideWidget h4, #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, #sideTower .sideWidget ul#recentcomments li { padding: 13px 0px 11px; } .sideTower .sideWidget ul#recentcomments li a, #sideTower .sideWidget ul#recentcomments li a { padding: 0; background: none; } .sideTower .sideWidget select, #sideTower .sideWidget select { margin: 10px 0; padding: 5px; width: 100%; border: 1px solid #ccc; } .sideTower .sideWidget select option, #sideTower .sideWidget select option { padding: 2px 5px; } .sideTower ul#snsBnr, #sideTower ul#snsBnr { border-top: 1px solid #ccc; margin-bottom: 20px; text-align: center; } .sideTower ul#snsBnr li, #sideTower ul#snsBnr li { border-bottom: 1px solid #ccc; } .sideTower li.sideBnr, #sideTower li.sideBnr { margin-bottom: 10px; } .sideTower li.sideBnr#sideContact, #sideTower li.sideBnr#sideContact { margin-bottom: 10px; } .sideTower li.sideBnr#sideContact a, #sideTower li.sideBnr#sideContact a { display: block; overflow: hidden; width: auto; background-color: #999; width: 220px; margin: 0px auto; text-align: center; } form#searchform { padding: 5px 0px 5px 7px; background-color: #e5e5e5; display: block; overflow: hidden; position: relative; } form#searchform input#s { margin: 0; padding: 5px; width: 60%; float: left; } form#searchform input#searchsubmit { margin: 0px 10px 0px 0px; float: right; background-color: #ccc; width: 15%; } /*-------------------------------------------*/ /* #pagetop /*-------------------------------------------*/ #pagetop { display: block; overflow: hidden; clear: both; z-index: 5; } #pagetop a { float: right; display: block; position: relative; font-size: 11px; text-decoration: none; font-family: 'Lato', sans-serif; letter-spacing: 1px; border: 1px solid #333; padding: 5px 15px 5px; } #pagetop a:hover { margin-top: 0; } #back-top #pagetop { width: 60px; height: 131px; } /*-------------------------------------------*/ /* #footMenu /*-------------------------------------------*/ #footMenu { padding: 0px; display: block; overflow: hidden; width: 100%; z-index: 10; position: relative; } #footMenu .innerBox { padding: 0; } #footMenu .menu { margin: 0px; padding: 0px; display: block; overflow: hidden; } #footMenu .menu li { list-style: none; display: block; margin: 0px; padding: 0px; line-height: 100%; font-size: 12px; border-bottom: 1px solid #ccc; } #footMenu .menu li a { display: block; overflow: hidden; line-height: 135.7%; text-decoration: none; padding: 10px 0px; } #footMenu .menu li a:hover { text-decoration: underline; } /*-------------------------------------------*/ /* #footer /*-------------------------------------------*/ #footer { margin: 0px; padding: 20px 0px 20px; display: block; overflow: hidden; text-align: left; } #footer dl#footerOutline { margin: 0px; line-height: 150%; width: 300px; } #footer dl#footerOutline dt { margin-bottom: 8px; line-height: 150%; } #footer dl#footerOutline dt img { margin-bottom: 5px; max-width: 260px; } #footer dl#footerOutline dd { 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 { text-decoration: none; } #footerSiteMap .menu a:hover { color: #f00; } #footerSiteMap .menu li { display: block; vertical-align: text-top; line-height: 116.7%; } #footerSiteMap .menu li a { padding: 8px 0px 8px; overflow: hidden; display: block; border-bottom: 1px solid #ccc; } #footerSiteMap .menu li li { display: block; } #footerSiteMap .menu li li a { padding: 8px 1em; } /*-------------------------------------------*/ /* #siteBottom /*-------------------------------------------*/ #siteBottom { clear: both; font-size: 88%; font-family: Arial, Helvetica, sans-serif; color: #666; } #siteBottomInner.innerBox { text-align: center; padding: 15px 0px 30px; } #siteBottom a { color: #666; text-decoration: none; } #siteBottom #copy { text-align: center; } #siteBottom #powerd, #siteBottom #powerd a { color: #ccc; } /*-------------------------------------------*/ /* ▼各テンプレートごとの設定 /*-------------------------------------------*/ /*-------------------------------------------*/ /* top /*-------------------------------------------*/ .home #gMenu { /*border-bottom:1px solid $color_border;*/ } .home #main { padding-top: 0px; } #topMainBnr { position: relative; display: block; overflow: visible; padding: 0; } #topMainBnrFrame { position: relative; height: auto; display: block; margin: 0 auto; width: 96%; border: none; } #topMainBnrFrame #topManiBnrInnerFrame { overflow: hidden; } #topMainBnrFrame img { width: 100%; position: relative; } #topMainBnrFrame ul.slides li { overflow: hidden; } .home #content { padding-bottom: 40px; } #topFreeArea { margin-bottom: 35px; display: block; overflow: hidden; padding-bottom: 15px; } #topPr { margin-bottom: 25px; } #topPr .topPrOuter { display: block; overflow: hidden; } #topPr h3 { margin: 0px 0px 8px; line-height: 135.7%; font-size: 16px; } #topPr h3 a { text-decoration: none; color: #333; } #topPr p a { text-decoration: none; line-height: 17px; color: #666; } #topPr a:hover { text-decoration: underline; } #topPr p.topPrDescription { margin-bottom: 0px; font-size: 14px; line-height: 135.7%; padding: 0px; } #topPr .prImage { float: left; width: 100%; overflow: hidden; margin-bottom: 10px; } #topPr .prImage a { display: block; overflow: hidden; border: 1px solid #ccc; padding: 1px; } #topPr .prImage img.imageWide { display: none; } #topPr .prImage img.imageSmall { display: block; } #topPr .topPrTxtBox { display: block; overflow: hidden; } #content .infoList { position: relative; } #content #topInfo h2, #content #topBlog h2 { margin-bottom: 0px; } #content #topInfo, #content #topBlog { margin-bottom: 30px; } #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: -34px; margin-bottom: 15px; } #content .infoList .rssBtn a { background-color: #000; color: #fff; font-family: 'Lato', sans-serif; line-height: 24px; font-weight: bold; text-decoration: none; padding: 0px 10px; position: relative; } #topContentsBottom { margin-bottom: 20px; } /*-------------------------------------------*/ /* post /*-------------------------------------------*/ #content .entry-content { display: block; overflow: hidden; margin-bottom: 25px; } #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: 135.7%; } #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: 135.7%; } #comments li.comment .comment-meta.commentmetadata { font-size: 85.7%; line-height: 135.7%; } #comments li.comment .comment-body { margin-left: 50px; margin-top: 5px; } #comments li.comment .comment-body p { margin-bottom: 10px; } #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: 135.7%; color: #666; width: 95%; margin-bottom: 10px; } #content #commentform p.form-submit input { width: auto; padding: 10px 20px; } /*-------------------------------------------*/ /* 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(../images/icon_arrow1_gray.gif) left 8px no-repeat; padding: 5px 15px; display: block; text-decoration: none; color: #666; } #content ul.linkList li a:hover { background-image: url(../images/icon_arrow1_red.gif); text-decoration: underline; color: #c00; } #content ul.linkList li li a { background: url(../images/icon_arrow2_gray.gif) left 10px no-repeat; } #content ul.linkList li li a:hover { background-image: url(../images/icon_arrow2_red.gif); } #content ul.linkList li li li a { background: url(../images/icon_try2_gray.gif) left 10px no-repeat; } #content ul.linkList li li li a:hover { background-image: url(../images/icon_try2_red.gif); } #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 (min-width: 660px) { /* スクロール分余裕に20px */ #header #site-title { padding-bottom: 15px; float: left; } #main #container { padding-top: 20px; } #main #container #content { margin: 0px auto; } #content p { line-height: 170%; } #content table.mobile-block th, #content table.mobile-block td { display: table-cell; } #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; } .paging span.pageIndex { display: inline; } #topPr { display: block; overflow: hidden; } #topPr .topPrOuter { padding: 0px; border-bottom: none; margin-bottom: 20px; } /* #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; } YOJIBEE */ #topPr #topPrLeft { width: 30%; text-align: left; float: left; display: block; overflow: visible;margin-right:5%; } #topPr #topPrCenter { width: 30%; text-align: center; float: left; display: block; overflow: visible;margin-right:5%; } #topPr #topPrRight { width: 30%; 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 .topPrOuter h3 a { display: block; overflow: hidden; } #topPr .topPrInner p { padding: 0px; } #topPr .topPrInner p.topPrDescription { font-size: 85.7%; } #topPr .prImage { float: none; width: 100%; margin-right: 0px; } #topPr .prImage img { height: auto; width: 100%; } #topPr .prImage img.imageWide { display: block; } #topPr .prImage img.imageSmall { display: none; } #content .child_page_block { width: 48%; } #content .child_page_block.layout_odd { float: left; clear: both; } } /*-------------------------------------------*/ /* pc iPad3より大きい場合 /*-------------------------------------------*/ @media (min-width: 770px) { body { line-height: 150%; } #headerTop { display: block; } #headerTop #site-description { line-height: 150%; font-size: 12px; } #header .innerBox { padding-top: 20px; } #header .innerBox #site-title { padding-bottom: 20px; } #header #headContact #headContactTxt { font-size: 11px; } #header #headContact #headContactTel { font-size: 24px; margin-bottom: 4px; } #header #headContact #headContactTime { font-size: 12px; } #header #headContact { float: right; text-align: right; margin-bottom: 20px; } #header #headContact #headContactInner:before { display: none; } #header #headContact #headContactInner { cursor: inherit; padding: 0; display: block; overflow: hidden; margin: 0; } #header #headContact.itemClose #headContactInner #headContactTxt, #header #headContact.itemClose #headContactInner #headContactTel, #header #headContact.itemClose #headContactInner #headContactTime { display: block; } #header #headContact.itemOpen #headContactInner { clear: none; border: none; padding: 0; margin-bottom: 0; } #header #headContact.itemOpen #headContactInner #headContactTxt, #header #headContact.itemOpen #headContactInner #headContactTel, #header #headContact.itemOpen #headContactInner #headContactTime { display: block; } #gMenu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #gMenu #gMenuInner.innerBox { margin: 0px 3%; width: 94%; } #gMenu.itemClose .menu, #gMenu.itemOpen .menu { display: block; } #gMenu .menu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #gMenu .assistive-text { position: absolute; top: -9000px; } #gMenu .menu > li { border-bottom: none; } #gMenu .menu li { float: left; width: auto; border-bottom: none; overflow: visible; } #gMenu .menu li a { border-bottom: none; } #gMenu .menu li ul { display: none; } #gMenu .menu li ul li span { display: none; } #gMenu .menu li ul li ul a { padding-left: 0; } #gMenu .menu li a { text-align: center; } #gMenu .menu li:hover ul { display: block; position: absolute; z-index: 100; position: absolute; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } #gMenu .menu li:hover ul li { background: #fff; border-bottom: 1px solid #ccc; width: 200px; position: relative; } #gMenu .menu li:hover ul li a { text-align: left; line-height: 140%; } #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; } #footerSiteMap .menu { font-size: 12px; } #footerSiteMap .menu li { display: inline-block; margin-bottom: 6px; min-width: 100px; } #footerSiteMap .menu li a { padding: 0px 0px 4px; } #footerSiteMap .menu li ul { margin-top: 8px; } #footerSiteMap .menu li li { margin-right: 10px; } #footerSiteMap .menu li li a { background-position: 3px 3px; padding: 0px; font-size: 91.7%; } #footMenu .innerBox { padding: 10px 0; } #footMenu .menu { border: none; } #footMenu .menu li { float: left; border: none; } #footMenu .menu li a { border-right: 1px solid #ccc; padding: 0px 15px 0px; } #footMenu .menu li:last-child a { border-right: none; } #content form span.wpcf7-form-control-wrap .wpcf7-list-item { padding-top: 2px; padding-bottom: 2px; } #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; } } /*-------------------------------------------*/ /* フルサイズ /*-------------------------------------------*/ @media (min-width: 1000px) { /* スクロール分余裕に20px */ .innerBox, #gMenu #gMenuInner.innerBox { width: 980px; margin: 0px auto; } #header .innerBox { padding-top: 30px; } #main #container { padding-top: 30px; } #main #container #content { float: left; width: 670px; } #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.left-sidebar #main #container #content.wide { float: none; } body.right-sidebar #main #container #content.wide { float: none; } body.home.one-column #main #container #content { float: none; width: 100%; } body.home.one-column #main #container #sideTower { float: none; display: none; } form#searchform input#searchsubmit { width: 20%; } #gMenu .menu li a { padding-left: 5px; padding-right: 5px; } #content .mainFootContact .mainFootBt a img { width: 100%; } #topMainBnr { width: 100%; } #topMainBnr img { width: 980px !important; max-width: 980px !important; } #topMainBnrFrame { width: 980px; min-height: 280px; } /* .childPageBox /*-------------------------------------------*/ #content .childPageBox { display: block; margin-top: 20px; border: 1px solid #ccc; padding: 0px; display: block; overflow: hidden; width: 668px; margin-bottom: 20px; } #content .childPageBox h4 { 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(../images/icon_arrow1_gray.gif) left 5px no-repeat; padding: 3px 5px 3px 17px; 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(../images/icon_arrow1_red.gif); text-decoration: underline; color: #c00; } #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(../images/icon_arrow2_gray.gif) left 6px no-repeat; padding: 3px 5px 3px 14px; text-decoration: none; margin-left: 3px; } #content .childPageBox ul li ul li a:hover, #content .childPageBox ul li ul li.current_page_item a { background-image: url(../images/icon_arrow2_red.gif); } #content .childPageBox ul li ul li ul { padding-left: 8px; font-size: 100%; line-height: 135.7%; } #content .childPageBox ul li.current_page_item ul li a { color: #666; text-decoration: none; background-image: url(../images/icon_arrow2_gray.gif); } #content .childPageBox ul li.current_page_item ul li a:hover { color: #c00; text-decoration: underline; background-image: url(../images/icon_arrow2_red.gif); } #footerSiteMap { width: 670px; padding-top: 0px; font-size: 12px; } #footer dl#footerOutline { float: left; } #footer dl#footerOutline dd { padding-right: 20px; } } /*-------------------------------------------*/ /* 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%; } } /*-------------------------------------------*/ /* font /*-------------------------------------------*/ h1, h2, h3, h4, h4, h6, #header #site-title, #pageTitBnr #pageTitInner #pageTit, .leadTxt, #gMenu .menu li a strong, .sideTower .localHead, #sideTower .localHead { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } @font-face { font-family: 'vektor_kado_icons'; src: url("fonts/vektor_kado_icons.eot"); src: url("fonts/vektor_kado_icons.eot?#iefix") format("embedded-opentype"), url("fonts/vektor_kado_icons.woff") format("woff"), url("fonts/vektor_kado_icons.ttf") format("truetype"), url("fonts/vektor_kado_icons.svg#vektor_kado_icons") format("svg"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'vektor_kado_icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-vk_kado_waku_tel_01, .icon-vk_kado_waku_rss_01, .icon-vk_kado_waku_menu_01, .icon-vk_kado_waku_close_01, .icon-vk_kado_nuri_rss_01, .icon-vk_kado_nuri_arrow_01_right, .icon-vk_kado_nashi_tel_01, .icon-vk_kado_nashi_menu_01, .icon-vk_kado_nashi_close_01, .icon-vk_kado_full_tri_01_right_bottom, .icon-vk_kado_full_home_01, .icon-vk_full_rss_01, .icon-vk_kado_nashi_arrow_01_top, .icon-vk_kado_nashi_arrow_01_right, .icon-vk_kado_nashi_arrow_01_left, .icon-vk_kado_nashi_arrow_01_bottom, .icon-vk_kado_wakumaru_arrow_01_top, .icon-vk_kado_wakumaru_arrow_01_right, .icon-vk_kado_wakumaru_arrow_01_left, .icon-vk_kado_wakumaru_arrow_01_bottom, .icon-vk_kado_waku_arrow_01_top, .icon-vk_kado_waku_arrow_01_right, .icon-vk_kado_waku_arrow_01_left, .icon-vk_kado_waku_arrow_01_bottom, .icon-vk_kado_nurimaru_arrow_01_top, .icon-vk_kado_nurimaru_arrow_01_right, .icon-vk_kado_nurimaru_arrow_01_left, .icon-vk_kado_nurimaru_arrow_01_bottom, .icon-vk_kado_nuri_arrow_01_top, .icon-vk_kado_nuri_arrow_01_right-2, .icon-vk_kado_nuri_arrow_01_left, .icon-vk_kado_nuri_arrow_01_bottom, .icon-vk_kado_full_arrow_01_top, .icon-vk_kado_full_arrow_01_right, .icon-vk_kado_full_arrow_01_left, .icon-vk_kado_full_arrow_01_bottom { font-family: 'vektor_kado_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-vk_kado_waku_tel_01:before { content: "\21"; } .icon-vk_kado_waku_rss_01:before { content: "\22"; } .icon-vk_kado_waku_menu_01:before { content: "\23"; } .icon-vk_kado_waku_close_01:before { content: "\24"; } .icon-vk_kado_nuri_rss_01:before { content: "\26"; } .icon-vk_kado_nuri_arrow_01_right:before { content: "\27"; } .icon-vk_kado_nashi_tel_01:before { content: "\28"; } .icon-vk_kado_nashi_menu_01:before { content: "\29"; } .icon-vk_kado_nashi_close_01:before { content: "\2a"; } .icon-vk_kado_full_tri_01_right_bottom:before { content: "\2c"; } .icon-vk_kado_full_home_01:before { content: "\2d"; } .icon-vk_full_rss_01:before { content: "\2f"; } .icon-vk_kado_nashi_arrow_01_top:before { content: "\25"; } .icon-vk_kado_nashi_arrow_01_right:before { content: "\2b"; } .icon-vk_kado_nashi_arrow_01_left:before { content: "\2e"; } .icon-vk_kado_nashi_arrow_01_bottom:before { content: "\30"; } .icon-vk_kado_wakumaru_arrow_01_top:before { content: "\31"; } .icon-vk_kado_wakumaru_arrow_01_right:before { content: "\32"; } .icon-vk_kado_wakumaru_arrow_01_left:before { content: "\33"; } .icon-vk_kado_wakumaru_arrow_01_bottom:before { content: "\34"; } .icon-vk_kado_waku_arrow_01_top:before { content: "\35"; } .icon-vk_kado_waku_arrow_01_right:before { content: "\36"; } .icon-vk_kado_waku_arrow_01_left:before { content: "\37"; } .icon-vk_kado_waku_arrow_01_bottom:before { content: "\38"; } .icon-vk_kado_nurimaru_arrow_01_top:before { content: "\39"; } .icon-vk_kado_nurimaru_arrow_01_right:before { content: "\3a"; } .icon-vk_kado_nurimaru_arrow_01_left:before { content: "\3b"; } .icon-vk_kado_nurimaru_arrow_01_bottom:before { content: "\3c"; } .icon-vk_kado_nuri_arrow_01_top:before { content: "\3d"; } .icon-vk_kado_nuri_arrow_01_right-2:before { content: "\3e"; } .icon-vk_kado_nuri_arrow_01_left:before { content: "\3f"; } .icon-vk_kado_nuri_arrow_01_bottom:before { content: "\40"; } .icon-vk_kado_full_arrow_01_top:before { content: "\41"; } .icon-vk_kado_full_arrow_01_right:before { content: "\42"; } .icon-vk_kado_full_arrow_01_left:before { content: "\43"; } .icon-vk_kado_full_arrow_01_bottom:before { content: "\44"; } /*-------------------------------------------*/ /* Btn /*-------------------------------------------*/ a:hover.btn.btnAdmin, .linkBtn.linkBtnAdmin a:hover { background-color: #e5e5e5; border-radius: 3px; text-decoration: none; border: 1px solid #ccc; box-shadow: inset 0 1px 0 #fff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e5e5e5), to(#fff)); background: -moz-linear-gradient(#e5e5e5, #fff); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#e5e5e5, EndColorStr=#ffffff)"; } #searchform input[type=submit], p.form-submit input[type=submit], form#searchform input#searchsubmit, #content form input.wpcf7-submit, #confirm-button input, a.btn, .linkBtn a, input[type=button], input[type=submit] { color: #fff; -webkit-appearance: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } form#searchform { color: #fff; color: #666; background-color: transparent; padding: 0; } form#searchform input#s { width: 70%; } form#searchform input#searchsubmit { color: #fff; margin: 0; width: 22%; } .moreLink { display: block; overflow: hidden; } .moreLink a { float: right; padding: 0; text-decoration: right; font-size: 11px; line-height: 140%; background: none; } .moreLink a:hover { background: none; } .moreLink a:after { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\3a"; padding: 2px 2px 0 5px; } a.btn:hover { color: #fff; } a img { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; backface-visibility: hidden; } a img:hover { opacity: 0.7; filter: alpha(opacity=70); } #header { border-top: 3px solid #008080; } #header #site-title { float: none; text-align: center; } #header #headContact.itemOpen #headContactInner { white-space: normal; background-color: #fff; border: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } #header #headContact.itemClose #headContactInner:before { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; content: "\28"; color: #fff; background: #008080; } #header #headContact.itemOpen #headContactInner:before { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; content: "\25"; color: #fff; background: #008080; } #header #headContact #headContactTxt { margin-bottom: 2px; } #gMenu .assistive-text { border-top: 2px solid #004c4d; } #gMenu .assistive-text span { color: #fff; } #gMenu .menu { border-top: 1px solid #ddd; } #gMenu .menu li a { background: #fff; } #gMenu .menu li a strong { color: #333333; font-weight: bolder; } #topMainBnr { padding: 0px 0 10px; box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.2); } #topMainBnrFrame { width: 94%; padding-right: 3%; padding-left: 3%; margin: 0 auto; } #topMainBnrFrame .slides li a:after, #topMainBnrFrame .slideFrame:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.2); } #topMainBnrFrame ul.slides { border-left: none !important; border-right: none !important; } #pageTitBnr { box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2); } #pageTitBnr .innerBox { width: 100%; } #pageTitBnr #pageTitInner { background-size: cover !important; padding: 15px 0px; text-align: center; } #pageTitBnr #pageTitInner #pageTit { color: #333; background-color: rgba(255, 255, 255, 0.7); padding: 5px 10px; } #panList { padding: 5px 0; } #panList ul { width: 100%; } #panList ul a, #panList ul a:active { color: #666; text-decoration: none; } #panList ul li#panHome a:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\2d"; padding-right: 3px; } #main { padding-bottom: 60px; } #main #container { background: #fff; padding-top: 15px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } #main #container #content { margin: 0 10px; position: relative; } #main #container #content.wide { width: auto; } #main #container #sideTower { width: auto; margin: 0 10px; position: relative; } #content h2, #content h1.contentTitle, #content h1.entryPostTitle, #content .sideWidget h4 { font-weight: lighter; padding: 10px 0px 8px; border-top: 2px solid #004c4d; padding: 10px; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.9); } #content h3 { font-weight: lighter; padding: 2px 0px 0px 10px; border-left: 3px solid #008080; } #content #sitemapPostList h5, #content h4 { font-weight: lighter; border-bottom: 1px dotted #ccc; padding: 5px 0 5px; } #content h5, #content h6 { font-weight: lighter; } #content blockquote, #content .sectionFrame { box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.05); border: 1px solid #ccc; } #content table th, #content table td { margin-right: 2px; } #content table th { font-weight: lighter; } #content .infoList .rssBtn a { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-right: 10px; padding: 1px 8px; } #content .infoList .rssBtn a:hover { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } #content .infoList .infoCate a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #fff; line-height: 200%; padding: 1px 6px; } #content .infoList .infoCate a:hover { color: #fff; } #content .infoList .infoDate { display: block; } #content .infoList .infoDate:before { content: "\f073"; font-family: FontAwesome; padding-right: 5px; } #content .infoList .infoListBox div.entryTxtBox h4.entryTitle a { color: #666; } #content .infoList .infoListBox div.entryTxtBox .moreLink a { float: none; } #content ul.linkList li a, #content ul.linkList li a:hover, #content ul.linkList li li a:hover, #content ul.linkList li li a, #content ul.linkList li li li a, #content ul.linkList li li li a:hover { background: none; text-decoration: none; } #content ul.linkList li a:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\32"; margin-right: 5px; padding-top: 3px; } #content ul.linkList li li a:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\2b"; } #content ul li span { color: #333; } #content dt { margin-bottom: 0; } #content input[type="email"], #content form input[type=text], #content form textarea { width: 90%; } #content .childPageBox { box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.05); border: 1px solid #ccc; } #content .childPageBox h4 { border-bottom: 1px dotted #ccc; } #content .child_page_block { box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.05); border: 1px solid #ccc; } #content .child_page_block .child_page_blockInner { padding: 15px; margin: 0; } #content .child_page_block h4 { border-bottom: 1px dotted #ccc; } #content .mainFootContact { padding: 15px 0; border-top: 3px double #ccc; border-bottom: 3px double #ccc; } /* TEST #topPr { border-top: 1px dotted #e5e5e5; } #topPr .topPrOuter { border-bottom: 1px dotted #e5e5e5; } */ #topPr .topPrOuter h3 { margin: 0px 0px 9px; padding: 0; border-left: none; } #topPr .prImage a { padding: 0; } #main #container .ttBoxSection { padding: 0; } #main #container .ttBoxSection .ttBox { padding: 13px 0px 11px; border-bottom: 1px dotted #ccc; font-size: 85.7%; line-height: 135.7%; } #main #container .ttBoxSection .ttBox .ttBoxThumb { width: 64px; } #main #container .ttBoxSection .ttBox .ttBoxThumb img { border: 1px solid #cccccc; } .sideTower, #sideTower { margin: 0 10px; } .sideTower .sideWidget li a, #sideTower .sideWidget li a { color: #666; } .sideTower .sideWidget li.current-cat a, .sideTower .sideWidget li.current_page_item a, .sideTower .sideWidget li li.current_page_item a, .sideTower .sideWidget li a:hover, #sideTower .sideWidget li.current-cat a, #sideTower .sideWidget li.current_page_item a, #sideTower .sideWidget li li.current_page_item a, #sideTower .sideWidget li a:hover { color: #008080; background-color: transparent; } .sideTower .localHead, #sideTower .localHead { font-weight: lighter; border-top: 2px solid #004c4d; background: #008080; padding: 8px 10px; color: #fff; } .sideTower .localHead a, #sideTower .localHead a { color: #fff; } .sideTower .localSection li a:before, #sideTower .localSection li a:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\32"; margin-right: 5px; padding-top: 3px; } .sideTower .localSection li a, #sideTower .localSection li a { padding-left: 25px; color: #666; } .sideTower .localSection li a:first-letter, #sideTower .localSection li a:first-letter { margin-left: -20px; font-family: 'vektor_kado_icons'; } .sideTower .localSection li ul li, #sideTower .localSection li ul li { font-size: 12px; } .sideTower .localSection li ul li a, #sideTower .localSection li ul li a { padding-left: 25px; } .sideTower .localSection li ul li a:before, #sideTower .localSection li ul li a:before { font-family: 'vektor_kado_icons'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\2b"; margin-right: 5px; padding-top: 3px; } .sideTower .localSection li ul li a:first-letter, #sideTower .localSection li ul li a:first-letter { margin-left: -20px; border: 1px solid rgba(255, 255, 255, 0); } #sitemapOuter { border: none; padding: 0; } img#pagetop { background-color: transparent; } #pagetop { display: none; } /*-------------------------------------------*/ /* #footMenu /*-------------------------------------------*/ #footMenu { border-top: 3px solid #004c4d; } #footMenu a { color: #fff; } #footMenu .menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #footMenu .menu li a { color: #fff; } #footMenu .menu li a:hover { text-decoration: none; } /*-------------------------------------------*/ /* #footer /*-------------------------------------------*/ #footer { padding: 0; } #footer dl#footerOutline { color: #fff; } #footer .innerBox { padding-top: 25px; padding-bottom: 20px; } #footer .innerBox a { color: #fff; } /* #footerSiteMap /*-------------------------------------------*/ #footerSiteMap .menu li a { padding: 10px 0px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #footerSiteMap .menu li > a:before { font-family: 'vektor_kado_icons'; content: "\2b"; padding-right: 5px; } #footerSiteMap .menu li ul li a { padding: 10px 1em; } #footerSiteMap .menu li ul li:first-child { border-top: none; } #footerSiteMap .menu li ul li a:before { color: #fff; content: "\f105"; font-family: FontAwesome; padding-right: 5px; font-size: 74%; } #siteBottom { color: #fff; } #siteBottom a { color: #fff; } #siteBottom #siteBottomInner.innerBox { padding-top: 0; } #siteBottom #siteBottomInner.innerBox #copy { padding-top: 15px; } #topMainBnrFrame { padding: 0px; width: 100%; } #topMainBnrFrame ul.slides { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .flex-direction-nav li a { background: url(../images/bg_direction_nav2_30.png) no-repeat; } .flex-direction-nav li a:hover { background-image: url(../images/bg_direction_nav2_50.png); } .flex-direction-nav li .prev { left: 0; } .flex-direction-nav li .next { right: 0; } /*-------------------------------------------*/ /* コンテンツ推奨サイズより大きい場合 /*-------------------------------------------*/ @media (min-width: 660px) { /* スクロール分余裕に20px */ #main #container { padding-top: 20px; } #main #container #content { margin: 0 20px; } #main #container .sideTower, #main #container #sideTower { margin: 0 20px; } #topPr { border-top: none; } #topPr .topPrOuter { border-bottom: none; } /* #topPr .topPrOuter .topPrInner { padding: 0 6%; width: 88%; } YOJIBEE */ #topPr .topPrOuter .topPrInner { padding: 0; width: 100%; } #pageTitBnr #pageTitInner { padding: 30px 0px; } #pageTitBnr #pageTitInner #pageTit { font-size: 30px; padding: 7px 30px; } #content .infoList .infoDate { display: inline; } #content input[type="email"], #content form input[type=text], #content form textarea { width: auto; } #topMainBnr { padding: 0px 0 20px; } form#searchform input#searchsubmit { width: 20%; } } /*-------------------------------------------*/ /* pc iPad3より大きい場合 /*-------------------------------------------*/ @media (min-width: 770px) { #header { border-top: none; } #header #headContact { cursor: pointer; position: absolute; top: 0; right: 0; background: #008080; /* Old browsers */ background: -moz-linear-gradient(top, #008080 0%, #008080 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008080), color-stop(100%, #008080)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #008080 0%, #008080 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #008080 0%, #008080 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #008080 0%, #008080 100%); /* IE10+ */ background: linear-gradient(to bottom, #008080 0%, #008080 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_accent_light', endColorstr='$color_accent',GradientType=0 ); /* IE6-9 */ background: linear-gradient(to bottom, #008080, #008080); /* IE10+, W3C */ box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; color: #fff; } #header #headContact.itemClose { padding: 5px; } #header #headContact.itemOpen { padding: 8px; } #header #headContact #headContactTime { font-size: 10px; } #header #headContact.itemOpen #headContactInner { display: block; background-color: transparent; text-align: center; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #header #headContact.itemClose:after { font-family: 'vektor_kado_icons'; speak: none; line-height: 1em; -webkit-font-smoothing: antialiased; content: "\28"; font-size: 32px; } #header #headContact.itemClose #headContactInner { display: none; } #header .innerBox { position: relative; padding-top: 15px; } #header .innerBox #site-title { padding-top: 15px; } #headerTop { position: absolute; border-top: 3px solid #008080; } #gMenu { z-index: 5; border-bottom: 3px solid #004c4d; } #gMenu .assistive-text { position: absolute; top: -9000px; } #gMenu.fixed { position: fixed; top: 0px; z-index: 70; box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.2); } #gMenu .menu { border-top: none; border-left: 1px solid #ffffff; } #gMenu .menu > li:first-child > a { border-left: none; } #gMenu .menu > li > a { border-right: 1px solid #ffffff; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.9); } #gMenu .menu > li > a strong { font-size: 109%; } #gMenu .menu > li > a:hover, #gMenu .menu > li.current-menu-ancestor > a, #gMenu .menu > li.current_page_item > a, #gMenu .menu > li.current-menu-item > a, #gMenu .menu > li.current_page_ancestor > a, #gMenu .menu > li.current-page-ancestor > a, #gMenu .menu > li:hover { opacity: 1; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } #gMenu .menu > li > a:hover ul, #gMenu .menu > li.current-menu-ancestor > a ul, #gMenu .menu > li.current_page_item > a ul, #gMenu .menu > li.current-menu-item > a ul, #gMenu .menu > li.current_page_ancestor > a ul, #gMenu .menu > li.current-page-ancestor > a ul, #gMenu .menu > li:hover ul { box-shadow: none; } #gMenu .menu > li > a:hover ul li, #gMenu .menu > li.current-menu-ancestor > a ul li, #gMenu .menu > li.current_page_item > a ul li, #gMenu .menu > li.current-menu-item > a ul li, #gMenu .menu > li.current_page_ancestor > a ul li, #gMenu .menu > li.current-page-ancestor > a ul li, #gMenu .menu > li:hover ul li { border-bottom: 1px solid #ddd; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); } #gMenu .menu > li > a:hover ul li a, #gMenu .menu > li.current-menu-ancestor > a ul li a, #gMenu .menu > li.current_page_item > a ul li a, #gMenu .menu > li.current-menu-item > a ul li a, #gMenu .menu > li.current_page_ancestor > a ul li a, #gMenu .menu > li.current-page-ancestor > a ul li a, #gMenu .menu > li:hover ul li a { margin: 0; padding: 10px; border-left: none; background: #fff; } #gMenu .menu > li > a:hover ul li a:hover, #gMenu .menu > li.current-menu-ancestor > a ul li a:hover, #gMenu .menu > li.current_page_item > a ul li a:hover, #gMenu .menu > li.current-menu-item > a ul li a:hover, #gMenu .menu > li.current_page_ancestor > a ul li a:hover, #gMenu .menu > li.current-page-ancestor > a ul li a:hover, #gMenu .menu > li:hover ul li a:hover { filter: none; } #gMenu .menu > li > a:hover ul li li:first-child a, #gMenu .menu > li.current-menu-ancestor > a ul li li:first-child a, #gMenu .menu > li.current_page_item > a ul li li:first-child a, #gMenu .menu > li.current-menu-item > a ul li li:first-child a, #gMenu .menu > li.current_page_ancestor > a ul li li:first-child a, #gMenu .menu > li.current-page-ancestor > a ul li li:first-child a, #gMenu .menu > li:hover ul li li:first-child a { border-left: none; } #gMenu .menu > li > a:hover ul li:first-child, #gMenu .menu > li.current-menu-ancestor > a ul li:first-child, #gMenu .menu > li.current_page_item > a ul li:first-child, #gMenu .menu > li.current-menu-item > a ul li:first-child, #gMenu .menu > li.current_page_ancestor > a ul li:first-child, #gMenu .menu > li.current-page-ancestor > a ul li:first-child, #gMenu .menu > li:hover ul li:first-child { border-top: 1px solid #ddd; } #gMenu .menu > li > a:hover ul li:first-child a, #gMenu .menu > li.current-menu-ancestor > a ul li:first-child a, #gMenu .menu > li.current_page_item > a ul li:first-child a, #gMenu .menu > li.current-menu-item > a ul li:first-child a, #gMenu .menu > li.current_page_ancestor > a ul li:first-child a, #gMenu .menu > li.current-page-ancestor > a ul li:first-child a, #gMenu .menu > li:hover ul li:first-child a { border-left: none; } #gMenu .menu > li > a:hover ul li:last-child, #gMenu .menu > li.current-menu-ancestor > a ul li:last-child, #gMenu .menu > li.current_page_item > a ul li:last-child, #gMenu .menu > li.current-menu-item > a ul li:last-child, #gMenu .menu > li.current_page_ancestor > a ul li:last-child, #gMenu .menu > li.current-page-ancestor > a ul li:last-child, #gMenu .menu > li:hover ul li:last-child { border-bottom: none; } #pageTitBnr #pageTitInner { padding: 63px 0px; } #pageTitBnr #pageTitInner #pageTit { color: #fff; opacity: 0.8; padding: 10px 30px; } #main #container { position: relative; top: 0; } #content ul.linkList li a { padding: 3px 15px 3px 0; } #footMenu { background-color: #000; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #footMenu #footMenuInner { padding: 0px 25px 0px; } #footMenu .menu { padding: 10px 0; } #footMenu .menu li { border-bottom: none; } #footMenu .menu li:first-child { border-top: none; } #footMenu .menu li a { border-right: none; padding: 0 20px 0 0; } #footMenu .menu li a:before { font-family: 'vektor_kado_icons'; content: "\2b"; padding-right: 5px; } #footerSiteMap .menu li { margin-right: 10px; } #footerSiteMap .menu li a { padding: 0px 0px 4px; border-bottom: none; } #footerSiteMap .menu li ul li { margin-right: 0; } #footerSiteMap .menu li ul li a { border: none; padding: 2px 0 2px 14px; } #footerSiteMap .menu li:first-child { border-top: none; } #siteBottom { border-top: 1px solid rgba(255, 255, 255, 0.2); } } /*-------------------------------------------*/ /* フルサイズ /*-------------------------------------------*/ @media (min-width: 1000px) { /* スクロール分余裕に20px */ .home #main { padding-bottom: 0; } .home #main #container { top: -40px; } .flex-control-nav { bottom: 80px; } #container.innerBox { margin: 0 auto; } #gMenu #gMenuInner.innerBox, #panList .innerBox, #footMenu .innerBox, #topMainBnrFrame, #pageTitBnr .innerBox { width: 980px; padding-left: 0; padding-right: 0; margin: 0 auto; } #topMainBnrFrame { width: 100%; } #topMainBnr { padding: 0; } #topMainBnr img { width: 100% !important; max-width: 100% !important; } #main #container { top: 0; padding-top: 20px; } #main #container #content { margin: 0; left: 30px; } #main #container #content.wide { width: 920px; } #main #container #sideTower { margin: 0; width: 220px; } body.home.one-column #main #container #content { width: 920px; } body.left-sidebar #main #container #sideTower { float: left; right: auto; left: 20px; } body.left-sidebar #main #container #content { float: right; left: auto; right: 20px; } body.left-sidebar #main #container #content.wide { right: 0px; margin: 0 auto; } body.right-sidebar #main #container #sideTower { float: right; right: 20px; left: auto; } body.right-sidebar #main #container #content { float: left; left: 20px; right: auto; } body.right-sidebar #main #container #content.wide { left: 0px; margin: 0 auto; } #content .childPageBox ul li a { background: none; padding: 3px 5px 3px 0px; } #content .childPageBox ul li a:hover { background: none; text-decoration: none; } #content .childPageBox ul li a:before { font-family: 'vektor_kado_icons'; content: "\2b"; padding-right: 5px; } #content .childPageBox ul li.current_page_item a, #content .childPageBox ul li.current_page_item ul li a, #content .childPageBox ul li.current_page_item ul li a:hover { background: none; text-decoration: none; } #content .childPageBox ul li ul li a:hover, #content .childPageBox ul li ul li.current_page_item a, #content .childPageBox ul li ul li a { background-image: none; } } @media (min-width: 1400px) { /* スクロール分余裕に20px */ .home #main #container { top: -80px; } .innerBox { width: 980px; } .flex-control-nav { bottom: 100px; } #main #container { padding-top: 30px; } body.left-sidebar #main #container #sideTower { float: left; right: auto; left: 30px; } body.left-sidebar #main #container #content { float: right; left: auto; right: 30px; } body.right-sidebar #main #container #sideTower { float: right; right: 30px; left: auto; } body.right-sidebar #main #container #content { float: left; left: 30px; right: auto; } } /*-------------------------------------------*/ /* color /* そのまま貼るのでsassで書かない */ /*-------------------------------------------*/ .moreLink a:after, #content .infoList .infoDate, #content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoDate, #content .infoList .infoListBox div.entryTxtBox h4.entryTitle a:hover, #topPr a:hover, #content ul li, a, a:hover, a:active { color: #008080; } #header, #gMenu, #main, #panList, #pagetop { background-color: #ffffff; } #header { border-top-color: #008080; } #gMenu .menu li a { border-bottom-color: #004c4d; } #gMenu .menu li a span { color: #008080; } #panList .innerBox ul a:hover { color: #008080; } #content h2, #content h1.contentTitle, #content h1.entryPostTitle, #content .sideWidget h4 { border-top-color: #004c4d; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_key_slight', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ background: linear-gradient(to bottom, #ffffff, #ffffff); /* IE10+, W3C */ } #content h3 { border-left-color: #008080; } #content h4 { color: #008080; } #content .mainFootContact p.mainFootTxt span.mainFootTel { color: #008080; } #content .infoList .rssBtn a, #content .infoList .infoCate a { background: #004c4d; } #content .infoList .rssBtn a:hover, #content .infoList .infoCate a:hover { background-color: #008080; } .paging span, .paging a { color: #008080; border-color: #008080; } .paging span.current { background-color: #008080; } #gMenu .assistive-text, .sideTower .localHead, #sideTower .localHead { border-top-color: #004c4d; background: #008080; } /* アクティブのページ */ #sideTower .sideWidget li a:hover, #main #container #sideTower .sideWidget li.current_page_item > a, #main #container #sideTower .sideWidget li.current-cat > a, #main #container .sideTower .localSection li a:hover, #main #container #sideTower .localSection li a:hover { color: #008080; } .sideTower .sideWidget li.current_page_item li a:hover, #sideTower .sideWidget li.current_page_item li a:hover, #sideTower .sideWidget li li.current_page_item a, #sideTower .ttBox a:hover, .sideTower .ttBox a:hover, .sideTower .sideWidget li a:hover, .sideTower .sideWidget li.current_page_item > a, .sideTower .sideWidget li.current-cat > a { color: #008080; } #siteBottom, #footer { background-color: #008080; } #footMenu { border-top-color: #004c4d; background-color: #008080; } #content #topPr h3 a:hover, #content .infoList ul li .infoTxt a:hover, .moreLink a:hover, #content dt, #content ul.linkList li a:hover, #content .infoList ul li a:hover, #content #sitemapPostList h5 a:hover, #content .childPageBox ul li a:hover, #content .childPageBox ul li.current_page_item a, #content .child_page_block p a:hover { color: #008080; } #siteBottom a:hover, #siteBottomInner.innerBox #powerd a:hover, #footerSiteMap .menu a:hover, #footMenu .menu li a:hover, #siteBottomInner.innerBox #powerd, #siteBottomInner.innerBox #powerd a { color: #ffffff; } a.btn, .linkBtn a, input[type=button], input[type=submit], a.btn, .linkBtn a:hover, #content .mainFootContact .mainFootBt a, .sideTower li.sideBnr#sideContact a, #sideTower li.sideBnr#sideContact a, #header #headContact.itemClose #headContactInner:before, #header #headContact { background: #008080; /* Old browsers */ background: -moz-linear-gradient(top, #008080 0%, #008080 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008080), color-stop(100%, #008080)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #008080 0%, #008080 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #008080 0%, #008080 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #008080 0%, #008080 100%); /* IE10+ */ background: linear-gradient(to bottom, #008080 0%, #008080 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_accent_light', endColorstr='$color_accent',GradientType=0 ); /* IE6-9 */ background: linear-gradient(to bottom, #008080, #008080); /* IE10+, W3C */ } a:hover.btn, .linkBtn a:hover, input:hover[type=button], input:hover[type=submit], a:hover.btn, .linkBtn a:hover, #content .mainFootContact .mainFootBt a:hover, .sideTower li.sideBnr#sideContact a:hover, #sideTower li.sideBnr#sideContact a:hover, #header #headContact.itemOpen #headContactInner:before, #header #headContact:hover { background: #008080; /* Old browsers */ background: -moz-linear-gradient(top, #008080 0%, #008080 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008080), color-stop(100%, #008080)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #008080 0%, #008080 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #008080 0%, #008080 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #008080 0%, #008080 100%); /* IE10+ */ background: linear-gradient(to bottom, #008080 0%, #008080 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_accent', endColorstr='$color_accent_light',GradientType=0 ); /* IE6-9 */ background: linear-gradient(to bottom, #008080, #008080); /* IE10+, W3C */ } @media (max-width: 769px) { #gMenu .menu li > a:hover, #gMenu .menu li.current_page_item > a, #gMenu .menu li.current-menu-item > a { background: #ffffff; } } @media (min-width: 660px) { #pageTitBnr { background-color: #ffffff; } } @media (min-width: 770px) { #headerTop { border-top-color: #008080; } #gMenu { border-bottom-color: #004c4d; } #gMenu .menu { border-left-color: #004c4d; } #gMenu .menu > li > a { border-right-color: #004c4d; background-color: #ffffff; } #gMenu .menu li.current_page_item > a, #gMenu .menu li.current-menu-item > a, #gMenu .menu li > a:hover { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color_bg', endColorstr='$color_key_slight',GradientType=0 ); /* IE6-9 */ background: linear-gradient(to bottom, #ffffff, #ffffff); /* IE10+, W3C */ } #gMenu .menu li:hover li a:hover { color: #008080; } #pageTitBnr #pageTitInner #pageTit { background-color: #008080; } }